npm - @annalib/anna-core - Versions diffs - 20.2.72 → 20.2.73 - Mend

@annalib/anna-core 20.2.72 → 20.2.73

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 (85) hide show

package/fesm2022/annalib-anna-core.mjs CHANGED Viewed

@@ -89,18 +89,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class AnnaNoDataComponent {
     constructor() {
-        this.width = '48%';
-        this.marginTop = '1.25rem';
+        this.width = "48%";
+        this.marginTop = "1.25rem";
     }
     ngOnInit() {
-        this.message = 'No data to display';
+        this.message = "No data to display";
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNoDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaNoDataComponent, isStandalone: true, selector: "anna-core-no-data-lib", inputs: { width: "width", marginTop: "marginTop" }, ngImport: i0, template: "<div\r\n    [style.marginRight]=\"width\"\r\n    [style.marginTop]=\"marginTop\"\r\n    class=\"no-data\"\r\n>\r\n    <label>{{ message }}</label>\r\n</div>\r\n", styles: ["div{right:0;position:absolute;margin:20px;z-index:400;transform:translate(50%)}div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:5px 18px;border-radius:4px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNoDataComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-core-no-data-lib', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div\r\n    [style.marginRight]=\"width\"\r\n    [style.marginTop]=\"marginTop\"\r\n    class=\"no-data\"\r\n>\r\n    <label>{{ message }}</label>\r\n</div>\r\n", styles: ["div{right:0;position:absolute;margin:20px;z-index:400;transform:translate(50%)}div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:5px 18px;border-radius:4px}\n"] }]
+            args: [{ selector: "anna-core-no-data-lib", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div\r\n    [style.marginRight]=\"width\"\r\n    [style.marginTop]=\"marginTop\"\r\n    class=\"no-data\"\r\n>\r\n    <label>{{ message }}</label>\r\n</div>\r\n", styles: ["div{right:0;position:absolute;margin:20px;z-index:400;transform:translate(50%)}div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:5px 18px;border-radius:4px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { width: [{
                 type: Input
             }], marginTop: [{
@@ -115,7 +115,7 @@ class AnnaDeletedOrderIconTemplateComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDeletedOrderIconTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-deleted-order-icon-template', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<i class=\"mdi mdi-file-remove-outline\"></i>\r\n", styles: [".mdi-file-remove-outline{font-size:1.5rem;color:#f44336}\n"] }]
+            args: [{ selector: "anna-deleted-order-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<i class=\"mdi mdi-file-remove-outline\"></i>\r\n", styles: [".mdi-file-remove-outline{font-size:1.5rem;color:#f44336}\n"] }]
         }], ctorParameters: function () { return []; } });
 class AnnaBuyerApprovalIconTemplateComponent {
@@ -126,7 +126,7 @@ class AnnaBuyerApprovalIconTemplateComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaBuyerApprovalIconTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-buyer-approval-icon-template', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"buyerApprovalIcon\"></ng-container>\r\n\r\n<ng-template #buyerApprovalIcon>\r\n    <svg\r\n        width=\"15px\"\r\n        height=\"15px\"\r\n        viewBox=\"0 0 20 20\"\r\n    >\r\n        <g\r\n            id=\"Awaiting-Buyer-Approval-icon\"\r\n            stroke=\"none\"\r\n            stroke-width=\"1\"\r\n            fill=\"none\"\r\n            fill-rule=\"evenodd\"\r\n        >\r\n            <g\r\n                id=\"time-left\"\r\n                transform=\"translate(3.000000, 2.000000)\"\r\n                fill=\"#4A4A4A\"\r\n                fill-rule=\"nonzero\"\r\n            >\r\n                <path\r\n                    d=\"M6.23157622,14.1696467 C5.70535057,14.0721422 5.2005579,13.9061054 4.72188769,13.6745242 C4.71622258,13.6714711 4.71115545,13.6679958 4.70520709,13.6652025 C4.59240848,13.6104091 4.47979871,13.551718 4.37065094,13.4903961 C4.37027327,13.4899414 4.36958087,13.4896491 4.36898288,13.4893893 C4.16872129,13.37558 3.97327504,13.2496557 3.78339947,13.1117139 C1.01467199,11.0989392 0.348958764,7.13679055 2.29945571,4.27950803 C2.72358352,3.65842885 3.23684237,3.14027823 3.80904983,2.72960334 C3.81609974,2.72453649 3.82314965,2.71950212 3.83013662,2.71440279 C5.84650619,1.28061347 8.58442178,1.183986 10.7254867,2.65733574 L10.2656372,3.34301728 C10.1377946,3.53386873 10.2164452,3.67294733 10.4402485,3.65216024 L12.4377343,3.46760989 C12.6618209,3.4468228 12.7958322,3.24677957 12.7355617,3.0234483 L12.1991703,1.02899228 C12.1391202,0.805401178 11.9853754,0.778637804 11.8574069,0.969456765 L11.3964873,1.6567623 C9.82523796,0.568265989 7.94067659,0.153206329 6.0701521,0.487943386 C5.88175576,0.521592483 5.69600314,0.562776899 5.51279981,0.610717118 C5.51138354,0.610976957 5.51025052,0.611139356 5.50911749,0.611399194 C5.50203611,0.613185585 5.4948603,0.615556612 5.48796775,0.617537881 C3.8749854,1.04500483 2.46767797,2.01585923 1.46347449,3.40105873 C1.4550083,3.41141979 1.44629033,3.4215535 1.43829623,3.432824 C1.40490356,3.47923766 1.37176268,3.52672316 1.33931419,3.57420867 C1.28625101,3.65203032 1.23394317,3.73180077 1.18390138,3.81157121 C1.17763828,3.82118524 1.17285441,3.83096167 1.16737814,3.84067314 C0.338698623,5.1658824 -0.0610062726,6.69795566 0.00754154337,8.25770173 C0.00769890751,8.26283354 0.00741565207,8.26799784 0.00754154337,8.27325957 C0.0141823097,8.42562242 0.0258902012,8.58009646 0.0417839785,8.73216699 C0.0426337448,8.7419759 0.0447424242,8.75126512 0.0463475384,8.76107403 C0.0627763537,8.91398904 0.0833910551,9.06726132 0.109230246,9.22050113 C0.371839509,10.7840149 1.08652445,12.1909434 2.15745032,13.2856758 C2.15993667,13.2882417 2.16251744,13.291035 2.16503527,13.2936983 C2.16591651,13.2947052 2.16689216,13.2952249 2.16774193,13.2961668 C2.45546651,13.5890373 2.7684323,13.8599191 3.10541185,14.1048494 C3.98728044,14.7461311 4.9692641,15.1700252 6.02385557,15.3653264 C6.3438398,15.424667 6.64950389,15.2048436 6.70691032,14.8747836 C6.76428528,14.5444963 6.55146603,14.2287924 6.23157622,14.1696467 Z\"\r\n                    id=\"Path\"\r\n                ></path>\r\n                <path\r\n                    d=\"M9.22237925,14.6588011 C9.29073073,14.9263505 9.1292489,15.198652 8.86169949,15.2670034 C8.51639563,15.355219 8.1641424,15.4188128 7.8069689,15.4570516 C7.53239558,15.4864472 7.28598003,15.2876915 7.25658436,15.0131182 C7.22718869,14.7385449 7.42594445,14.4921293 7.70051776,14.4627336 C8.01004537,14.4295958 8.31515603,14.3745129 8.61417689,14.2981213 C8.8817263,14.2297698 9.15402777,14.3912517 9.22237925,14.6588011 Z M12.5552524,12.2886551 C12.7611952,12.4726175 12.7790139,12.7886982 12.5950515,12.994641 C12.3569806,13.2611574 12.1001968,13.5104915 11.8267859,13.7406023 C11.6155121,13.9184167 11.3000937,13.8912925 11.1222793,13.6800187 C10.9444648,13.4687448 10.9715891,13.1533264 11.1828629,12.975512 C11.4200152,12.7759175 11.6427598,12.5596351 11.8492666,12.3284542 C12.033229,12.1225114 12.3493096,12.1046927 12.5552524,12.2886551 Z M13.9945063,8.57622811 C14.2674538,8.61811209 14.4547678,8.87333344 14.4128838,9.14628095 C14.3584322,9.50112883 14.2787427,9.85020038 14.1746496,10.1914009 C14.0940709,10.4555252 13.8146338,10.6043183 13.5505094,10.5237395 C13.2863851,10.4431608 13.137592,10.1637237 13.2181708,9.89959931 C13.3082912,9.6041989 13.3772907,9.30195366 13.4244534,8.99460564 C13.4663374,8.72165813 13.7215588,8.53434413 13.9945063,8.57622811 Z M13.8741743,4.99628976 C14.0173723,5.32357494 14.1370467,5.66111195 14.2320931,6.00667963 C14.305325,6.27293459 14.1488489,6.54814305 13.8825939,6.62137492 C13.6163389,6.6946068 13.3411305,6.53813067 13.2678986,6.27187571 C13.1856167,5.97271686 13.0820133,5.68050756 12.958028,5.39713383 C12.847338,5.14414702 12.9626923,4.84932868 13.2156791,4.73863865 C13.4686659,4.62794862 13.7634843,4.74330295 13.8741743,4.99628976 Z\"\r\n                    id=\"Combined-Shape\"\r\n                ></path>\r\n                <path\r\n                    d=\"M6.49684035,4 C6.22234237,4 6,4.21290493 6,4.47514225 L6,9.20888548 L10.5252942,11.4469308 C10.5981282,11.4830116 10.6761155,11.5 10.7528554,11.5 C10.9325937,11.5 11.106194,11.4063595 11.1944548,11.2429754 C11.3203307,11.0097848 11.2250786,10.7233052 10.9813357,10.6028789 L6.9931227,8.63027395 L6.9931227,4.47514225 C6.99308988,4.21290493 6.77101009,4 6.49684035,4 Z\"\r\n                    id=\"Path\"\r\n                ></path>\r\n            </g>\r\n        </g>\r\n    </svg>\r\n</ng-template>\r\n" }]
+            args: [{ selector: "anna-buyer-approval-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"buyerApprovalIcon\"></ng-container>\r\n\r\n<ng-template #buyerApprovalIcon>\r\n    <svg\r\n        width=\"15px\"\r\n        height=\"15px\"\r\n        viewBox=\"0 0 20 20\"\r\n    >\r\n        <g\r\n            id=\"Awaiting-Buyer-Approval-icon\"\r\n            stroke=\"none\"\r\n            stroke-width=\"1\"\r\n            fill=\"none\"\r\n            fill-rule=\"evenodd\"\r\n        >\r\n            <g\r\n                id=\"time-left\"\r\n                transform=\"translate(3.000000, 2.000000)\"\r\n                fill=\"#4A4A4A\"\r\n                fill-rule=\"nonzero\"\r\n            >\r\n                <path\r\n                    d=\"M6.23157622,14.1696467 C5.70535057,14.0721422 5.2005579,13.9061054 4.72188769,13.6745242 C4.71622258,13.6714711 4.71115545,13.6679958 4.70520709,13.6652025 C4.59240848,13.6104091 4.47979871,13.551718 4.37065094,13.4903961 C4.37027327,13.4899414 4.36958087,13.4896491 4.36898288,13.4893893 C4.16872129,13.37558 3.97327504,13.2496557 3.78339947,13.1117139 C1.01467199,11.0989392 0.348958764,7.13679055 2.29945571,4.27950803 C2.72358352,3.65842885 3.23684237,3.14027823 3.80904983,2.72960334 C3.81609974,2.72453649 3.82314965,2.71950212 3.83013662,2.71440279 C5.84650619,1.28061347 8.58442178,1.183986 10.7254867,2.65733574 L10.2656372,3.34301728 C10.1377946,3.53386873 10.2164452,3.67294733 10.4402485,3.65216024 L12.4377343,3.46760989 C12.6618209,3.4468228 12.7958322,3.24677957 12.7355617,3.0234483 L12.1991703,1.02899228 C12.1391202,0.805401178 11.9853754,0.778637804 11.8574069,0.969456765 L11.3964873,1.6567623 C9.82523796,0.568265989 7.94067659,0.153206329 6.0701521,0.487943386 C5.88175576,0.521592483 5.69600314,0.562776899 5.51279981,0.610717118 C5.51138354,0.610976957 5.51025052,0.611139356 5.50911749,0.611399194 C5.50203611,0.613185585 5.4948603,0.615556612 5.48796775,0.617537881 C3.8749854,1.04500483 2.46767797,2.01585923 1.46347449,3.40105873 C1.4550083,3.41141979 1.44629033,3.4215535 1.43829623,3.432824 C1.40490356,3.47923766 1.37176268,3.52672316 1.33931419,3.57420867 C1.28625101,3.65203032 1.23394317,3.73180077 1.18390138,3.81157121 C1.17763828,3.82118524 1.17285441,3.83096167 1.16737814,3.84067314 C0.338698623,5.1658824 -0.0610062726,6.69795566 0.00754154337,8.25770173 C0.00769890751,8.26283354 0.00741565207,8.26799784 0.00754154337,8.27325957 C0.0141823097,8.42562242 0.0258902012,8.58009646 0.0417839785,8.73216699 C0.0426337448,8.7419759 0.0447424242,8.75126512 0.0463475384,8.76107403 C0.0627763537,8.91398904 0.0833910551,9.06726132 0.109230246,9.22050113 C0.371839509,10.7840149 1.08652445,12.1909434 2.15745032,13.2856758 C2.15993667,13.2882417 2.16251744,13.291035 2.16503527,13.2936983 C2.16591651,13.2947052 2.16689216,13.2952249 2.16774193,13.2961668 C2.45546651,13.5890373 2.7684323,13.8599191 3.10541185,14.1048494 C3.98728044,14.7461311 4.9692641,15.1700252 6.02385557,15.3653264 C6.3438398,15.424667 6.64950389,15.2048436 6.70691032,14.8747836 C6.76428528,14.5444963 6.55146603,14.2287924 6.23157622,14.1696467 Z\"\r\n                    id=\"Path\"\r\n                ></path>\r\n                <path\r\n                    d=\"M9.22237925,14.6588011 C9.29073073,14.9263505 9.1292489,15.198652 8.86169949,15.2670034 C8.51639563,15.355219 8.1641424,15.4188128 7.8069689,15.4570516 C7.53239558,15.4864472 7.28598003,15.2876915 7.25658436,15.0131182 C7.22718869,14.7385449 7.42594445,14.4921293 7.70051776,14.4627336 C8.01004537,14.4295958 8.31515603,14.3745129 8.61417689,14.2981213 C8.8817263,14.2297698 9.15402777,14.3912517 9.22237925,14.6588011 Z M12.5552524,12.2886551 C12.7611952,12.4726175 12.7790139,12.7886982 12.5950515,12.994641 C12.3569806,13.2611574 12.1001968,13.5104915 11.8267859,13.7406023 C11.6155121,13.9184167 11.3000937,13.8912925 11.1222793,13.6800187 C10.9444648,13.4687448 10.9715891,13.1533264 11.1828629,12.975512 C11.4200152,12.7759175 11.6427598,12.5596351 11.8492666,12.3284542 C12.033229,12.1225114 12.3493096,12.1046927 12.5552524,12.2886551 Z M13.9945063,8.57622811 C14.2674538,8.61811209 14.4547678,8.87333344 14.4128838,9.14628095 C14.3584322,9.50112883 14.2787427,9.85020038 14.1746496,10.1914009 C14.0940709,10.4555252 13.8146338,10.6043183 13.5505094,10.5237395 C13.2863851,10.4431608 13.137592,10.1637237 13.2181708,9.89959931 C13.3082912,9.6041989 13.3772907,9.30195366 13.4244534,8.99460564 C13.4663374,8.72165813 13.7215588,8.53434413 13.9945063,8.57622811 Z M13.8741743,4.99628976 C14.0173723,5.32357494 14.1370467,5.66111195 14.2320931,6.00667963 C14.305325,6.27293459 14.1488489,6.54814305 13.8825939,6.62137492 C13.6163389,6.6946068 13.3411305,6.53813067 13.2678986,6.27187571 C13.1856167,5.97271686 13.0820133,5.68050756 12.958028,5.39713383 C12.847338,5.14414702 12.9626923,4.84932868 13.2156791,4.73863865 C13.4686659,4.62794862 13.7634843,4.74330295 13.8741743,4.99628976 Z\"\r\n                    id=\"Combined-Shape\"\r\n                ></path>\r\n                <path\r\n                    d=\"M6.49684035,4 C6.22234237,4 6,4.21290493 6,4.47514225 L6,9.20888548 L10.5252942,11.4469308 C10.5981282,11.4830116 10.6761155,11.5 10.7528554,11.5 C10.9325937,11.5 11.106194,11.4063595 11.1944548,11.2429754 C11.3203307,11.0097848 11.2250786,10.7233052 10.9813357,10.6028789 L6.9931227,8.63027395 L6.9931227,4.47514225 C6.99308988,4.21290493 6.77101009,4 6.49684035,4 Z\"\r\n                    id=\"Path\"\r\n                ></path>\r\n            </g>\r\n        </g>\r\n    </svg>\r\n</ng-template>\r\n" }]
         }], ctorParameters: function () { return []; } });
 class AnnaNotifyIconTemplateComponent {
@@ -137,7 +137,7 @@ class AnnaNotifyIconTemplateComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNotifyIconTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-notify-icon-template', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<i class=\"mdi mdi-bell\"></i>\r\n", styles: [".mdi-bell{font-size:.9375rem;color:#f3bd18}\n"] }]
+            args: [{ selector: "anna-notify-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<i class=\"mdi mdi-bell\"></i>\r\n", styles: [".mdi-bell{font-size:.9375rem;color:#f3bd18}\n"] }]
         }], ctorParameters: function () { return []; } });
 class AnnaRejectedIconTemplateComponent {
@@ -148,7 +148,7 @@ class AnnaRejectedIconTemplateComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaRejectedIconTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-rejected-icon-template', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"rejectedIcon\"></ng-container>\r\n\r\n<ng-template #rejectedIcon>\r\n    <svg\r\n        width=\"15px\"\r\n        height=\"15px\"\r\n        viewBox=\"0 0 20 20\"\r\n    >\r\n        <g\r\n            id=\"Buyer-rejected-icon\"\r\n            stroke=\"none\"\r\n            stroke-width=\"1\"\r\n            fill=\"none\"\r\n            fill-rule=\"evenodd\"\r\n        >\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" }]
+            args: [{ selector: "anna-rejected-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"rejectedIcon\"></ng-container>\r\n\r\n<ng-template #rejectedIcon>\r\n    <svg\r\n        width=\"15px\"\r\n        height=\"15px\"\r\n        viewBox=\"0 0 20 20\"\r\n    >\r\n        <g\r\n            id=\"Buyer-rejected-icon\"\r\n            stroke=\"none\"\r\n            stroke-width=\"1\"\r\n            fill=\"none\"\r\n            fill-rule=\"evenodd\"\r\n        >\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" }]
         }], ctorParameters: function () { return []; } });
 class AnnaLiveIconTemplateComponent {
@@ -159,7 +159,7 @@ class AnnaLiveIconTemplateComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaLiveIconTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-live-icon-template', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"liveIcon\"></ng-container>\r\n<ng-template #liveIcon>\r\n    <svg\r\n        width=\"15px\"\r\n        height=\"15px\"\r\n        viewBox=\"0 0 20 20\"\r\n    >\r\n        <g\r\n            id=\"Live-Icon\"\r\n            stroke=\"none\"\r\n            stroke-width=\"1\"\r\n            fill=\"none\"\r\n            fill-rule=\"evenodd\"\r\n        >\r\n            <g\r\n                id=\"next\"\r\n                transform=\"translate(2.000000, 2.000000)\"\r\n                fill-rule=\"nonzero\"\r\n            >\r\n                <path\r\n                    d=\"M8,0 C3.58171139,0 0,3.58171139 0,8 C0,12.4182886 3.58171139,16 8,16 C12.4182886,16 16,12.4182886 16,8 C15.9950435,3.58379835 12.4162343,0.00498913721 8,0 Z\"\r\n                    id=\"Path\"\r\n                    fill=\"#C2E361\"\r\n                ></path>\r\n                <path\r\n                    d=\"M8,16 C3.58171139,16 0,12.4182633 0,7.9999837 C0,3.58170409 3.58171139,0 8,0 C12.4182886,0 16,3.58170409 16,7.9999837 C15.9950435,12.416209 12.4162343,15.9950109 8,16 Z M8,0.695640832 C3.96590756,0.695640832 0.69564225,3.96589948 0.69564225,7.9999837 C0.69564225,12.0340679 3.96590756,15.3043266 8,15.3043266 C12.0340924,15.3043266 15.3043578,12.0340679 15.3043578,7.9999837 C15.2997599,3.96782339 12.0322011,0.700238655 8,0.695640832 Z\"\r\n                    id=\"Shape\"\r\n                    fill=\"#8BAC2A\"\r\n                ></path>\r\n                <circle\r\n                    id=\"Oval\"\r\n                    fill=\"#8BAC2A\"\r\n                    cx=\"8\"\r\n                    cy=\"8\"\r\n                    r=\"4\"\r\n                ></circle>\r\n            </g>\r\n        </g>\r\n    </svg>\r\n</ng-template>\r\n" }]
+            args: [{ selector: "anna-live-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"liveIcon\"></ng-container>\r\n<ng-template #liveIcon>\r\n    <svg\r\n        width=\"15px\"\r\n        height=\"15px\"\r\n        viewBox=\"0 0 20 20\"\r\n    >\r\n        <g\r\n            id=\"Live-Icon\"\r\n            stroke=\"none\"\r\n            stroke-width=\"1\"\r\n            fill=\"none\"\r\n            fill-rule=\"evenodd\"\r\n        >\r\n            <g\r\n                id=\"next\"\r\n                transform=\"translate(2.000000, 2.000000)\"\r\n                fill-rule=\"nonzero\"\r\n            >\r\n                <path\r\n                    d=\"M8,0 C3.58171139,0 0,3.58171139 0,8 C0,12.4182886 3.58171139,16 8,16 C12.4182886,16 16,12.4182886 16,8 C15.9950435,3.58379835 12.4162343,0.00498913721 8,0 Z\"\r\n                    id=\"Path\"\r\n                    fill=\"#C2E361\"\r\n                ></path>\r\n                <path\r\n                    d=\"M8,16 C3.58171139,16 0,12.4182633 0,7.9999837 C0,3.58170409 3.58171139,0 8,0 C12.4182886,0 16,3.58170409 16,7.9999837 C15.9950435,12.416209 12.4162343,15.9950109 8,16 Z M8,0.695640832 C3.96590756,0.695640832 0.69564225,3.96589948 0.69564225,7.9999837 C0.69564225,12.0340679 3.96590756,15.3043266 8,15.3043266 C12.0340924,15.3043266 15.3043578,12.0340679 15.3043578,7.9999837 C15.2997599,3.96782339 12.0322011,0.700238655 8,0.695640832 Z\"\r\n                    id=\"Shape\"\r\n                    fill=\"#8BAC2A\"\r\n                ></path>\r\n                <circle\r\n                    id=\"Oval\"\r\n                    fill=\"#8BAC2A\"\r\n                    cx=\"8\"\r\n                    cy=\"8\"\r\n                    r=\"4\"\r\n                ></circle>\r\n            </g>\r\n        </g>\r\n    </svg>\r\n</ng-template>\r\n" }]
         }], ctorParameters: function () { return []; } });
 class AnnaPayForPerformanceIconTemplateComponent {
@@ -170,7 +170,7 @@ class AnnaPayForPerformanceIconTemplateComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPayForPerformanceIconTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-pay-for-performance-icon-template', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container\r\n    [ngTemplateOutlet]=\"PayForPerformanceIcon\"\r\n    [ngTemplateOutletContext]=\"{ color: color, width: width, height: height }\"\r\n>\r\n</ng-container>\r\n\r\n<ng-template\r\n    #PayForPerformanceIcon\r\n    let-color=\"color\"\r\n    let-width=\"width\"\r\n    let-height=\"height\"\r\n>\r\n    <svg\r\n        [attr.width]=\"width\"\r\n        [attr.height]=\"height\"\r\n        viewBox=\"0 0 20 20\"\r\n        version=\"1.1\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n    >\r\n        <g\r\n            id=\"Page-1\"\r\n            stroke=\"none\"\r\n            stroke-width=\"1\"\r\n            fill=\"none\"\r\n            fill-rule=\"evenodd\"\r\n        >\r\n            <g\r\n                id=\"02.-PAY-FOR-PERFORMANCE-MARKED\"\r\n                transform=\"translate(-100.000000, -537.000000)\"\r\n                [attr.fill]=\"color\"\r\n                fill-rule=\"nonzero\"\r\n            >\r\n                <g\r\n                    id=\"PFP\"\r\n                    transform=\"translate(100.000000, 537.000000)\"\r\n                >\r\n                    <path\r\n                        d=\"M20,3.125 L20,8.3984375 C20,8.82995605 19.6502686,9.1796875 19.21875,9.1796875 C18.7872314,9.1796875 18.4375,8.82995605 18.4375,8.3984375 L18.4375,3.125 C18.4375,2.26348875 17.7365112,1.5625 16.875,1.5625 L3.125,1.5625 C2.26348875,1.5625 1.5625,2.26348875 1.5625,3.125 L1.5625,16.875 C1.5625,17.7365112 2.26348875,18.4375 3.125,18.4375 L12.96875,18.4375 C13.4002686,18.4375 13.75,18.7872314 13.75,19.21875 C13.75,19.6502686 13.4002686,20 12.96875,20 L3.125,20 C1.40182496,20 0,18.598175 0,16.875 L0,3.125 C0,1.40182496 1.40182496,0 3.125,0 L16.875,0 C18.598175,0 20,1.40182496 20,3.125 Z M15.9622314,5.43584332 C15.9447753,5.38514929 15.9230346,5.33649554 15.8936766,5.29255022 C15.8924071,5.290196 15.891455,5.28799875 15.8901855,5.28580147 C15.8589232,5.23981585 15.8206786,5.19995115 15.7789427,5.16322545 C15.7689451,5.15427945 15.7584715,5.1459612 15.7475217,5.13764299 C15.7022947,5.10280065 15.6545285,5.07203893 15.6008908,5.04975236 C15.6008908,5.04975236 15.6008908,5.04975236 15.6005734,5.04975236 C15.5488399,5.02825056 15.4929805,5.01600867 15.4358516,5.00863213 C15.4218867,5.00674875 15.4082392,5.00549317 15.3942744,5.00455147 C15.3791987,5.0036098 15.3652338,5 15.3499994,5 L13.0749975,5 C12.7161959,5 12.4249969,5.28799875 12.4249969,5.64285714 C12.4249969,5.99771553 12.7161959,6.28571429 13.0749975,6.28571429 L13.7624492,6.28571429 L11.4499961,8.53571429 C11.4415854,8.52708216 11.4320639,8.5182931 11.4230185,8.5102888 L10.4034253,7.61160714 C9.89545371,7.12554061 9.08263561,7.13071987 8.58291595,7.62416295 L3.19264032,12.9001116 C2.937623,13.1498152 2.93555998,13.557094 3.18787956,13.8094657 C3.31530888,13.9362793 3.48225238,14 3.64998933,14 C3.8153459,14 3.98054383,13.9383196 4.10733834,13.8141741 L9.5,8.53571429 C9.50840503,8.54434641 9.51792652,8.55313547 9.52697193,8.56113977 L10.5462477,9.45982143 C10.7899979,9.69320244 11.1100788,9.82142857 11.4499961,9.82142857 C11.7970545,9.82142857 12.1233243,9.68770926 12.3651702,9.44852121 L14.6999989,7.1770194 L14.6999989,7.89285714 C14.6999989,8.24771553 14.9911979,8.53571429 15.3499994,8.53571429 C15.708801,8.53571429 16,8.24771553 16,7.89285714 L16,5.64285714 C16,5.58431572 15.9895264,5.52844239 15.9746094,5.47445244 C15.9711181,5.46126884 15.9668335,5.44871304 15.9622314,5.43584332 Z M17.7789307,14.21875 L17.0629883,14.21875 C16.71875,14.21875 16.4280701,13.9146423 16.4280701,13.5546875 L16.4280701,13.2698059 C16.4280701,12.9200745 16.7010498,12.65625 17.0629883,12.65625 L17.7400207,12.65625 C17.9388428,12.65625 18.1446838,12.7894592 18.1446838,13.0123902 C18.1446838,13.4437561 18.4945679,13.7936402 18.9259338,13.7936402 C19.3574524,13.7936402 19.7071838,13.4437561 19.7071838,13.0123902 C19.7071838,12.0761109 19.0158081,11.2947082 18.1048584,11.1273193 L18.1048584,10.625 C18.1048584,10.1934814 17.755127,9.84375 17.3236084,9.84375 C16.8920898,9.84375 16.5423584,10.1934814 16.5423584,10.625 L16.5423584,11.1541748 C16.1557007,11.2454223 15.8015442,11.4382934 15.5142212,11.7193604 C15.0959778,12.1286011 14.8655701,12.6792908 14.8655701,13.2696533 L14.8655701,13.5546875 C14.8655701,14.7824097 15.8512879,15.78125 17.0629883,15.78125 L17.7789307,15.78125 C18.1373596,15.78125 18.4181213,16.053009 18.4181213,16.3999939 L18.4181213,16.5917969 C18.4181213,16.9313049 18.1433105,17.1875 17.7789307,17.1875 L16.615448,17.1875 C16.4233398,17.1875 16.2290955,17.0666504 16.2290955,16.8359375 C16.2290955,16.4044189 15.879364,16.0546875 15.4478455,16.0546875 C15.0163269,16.0546875 14.6665955,16.4044189 14.6665955,16.8359375 C14.6665955,17.8851318 15.4847717,18.7117004 16.5423584,18.7481689 L16.5423584,19.1796875 C16.5423584,19.6112061 16.8920898,19.9609375 17.3236084,19.9609375 C17.755127,19.9609375 18.1048584,19.6112061 18.1048584,19.1796875 L18.1048584,18.7272644 C19.1795349,18.5771179 19.9806213,17.6931763 19.9806213,16.5917969 L19.9806213,16.3999939 C19.9806213,15.8096313 19.7496033,15.2581787 19.3299866,14.8472595 C18.9161682,14.4419861 18.3653259,14.21875 17.7789307,14.21875 Z\"\r\n                        id=\"Shape-Copy-9\"\r\n                    ></path>\r\n                </g>\r\n            </g>\r\n        </g>\r\n    </svg>\r\n</ng-template>\r\n" }]
+            args: [{ selector: "anna-pay-for-performance-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container\r\n    [ngTemplateOutlet]=\"PayForPerformanceIcon\"\r\n    [ngTemplateOutletContext]=\"{ color: color, width: width, height: height }\"\r\n>\r\n</ng-container>\r\n\r\n<ng-template\r\n    #PayForPerformanceIcon\r\n    let-color=\"color\"\r\n    let-width=\"width\"\r\n    let-height=\"height\"\r\n>\r\n    <svg\r\n        [attr.width]=\"width\"\r\n        [attr.height]=\"height\"\r\n        viewBox=\"0 0 20 20\"\r\n        version=\"1.1\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n    >\r\n        <g\r\n            id=\"Page-1\"\r\n            stroke=\"none\"\r\n            stroke-width=\"1\"\r\n            fill=\"none\"\r\n            fill-rule=\"evenodd\"\r\n        >\r\n            <g\r\n                id=\"02.-PAY-FOR-PERFORMANCE-MARKED\"\r\n                transform=\"translate(-100.000000, -537.000000)\"\r\n                [attr.fill]=\"color\"\r\n                fill-rule=\"nonzero\"\r\n            >\r\n                <g\r\n                    id=\"PFP\"\r\n                    transform=\"translate(100.000000, 537.000000)\"\r\n                >\r\n                    <path\r\n                        d=\"M20,3.125 L20,8.3984375 C20,8.82995605 19.6502686,9.1796875 19.21875,9.1796875 C18.7872314,9.1796875 18.4375,8.82995605 18.4375,8.3984375 L18.4375,3.125 C18.4375,2.26348875 17.7365112,1.5625 16.875,1.5625 L3.125,1.5625 C2.26348875,1.5625 1.5625,2.26348875 1.5625,3.125 L1.5625,16.875 C1.5625,17.7365112 2.26348875,18.4375 3.125,18.4375 L12.96875,18.4375 C13.4002686,18.4375 13.75,18.7872314 13.75,19.21875 C13.75,19.6502686 13.4002686,20 12.96875,20 L3.125,20 C1.40182496,20 0,18.598175 0,16.875 L0,3.125 C0,1.40182496 1.40182496,0 3.125,0 L16.875,0 C18.598175,0 20,1.40182496 20,3.125 Z M15.9622314,5.43584332 C15.9447753,5.38514929 15.9230346,5.33649554 15.8936766,5.29255022 C15.8924071,5.290196 15.891455,5.28799875 15.8901855,5.28580147 C15.8589232,5.23981585 15.8206786,5.19995115 15.7789427,5.16322545 C15.7689451,5.15427945 15.7584715,5.1459612 15.7475217,5.13764299 C15.7022947,5.10280065 15.6545285,5.07203893 15.6008908,5.04975236 C15.6008908,5.04975236 15.6008908,5.04975236 15.6005734,5.04975236 C15.5488399,5.02825056 15.4929805,5.01600867 15.4358516,5.00863213 C15.4218867,5.00674875 15.4082392,5.00549317 15.3942744,5.00455147 C15.3791987,5.0036098 15.3652338,5 15.3499994,5 L13.0749975,5 C12.7161959,5 12.4249969,5.28799875 12.4249969,5.64285714 C12.4249969,5.99771553 12.7161959,6.28571429 13.0749975,6.28571429 L13.7624492,6.28571429 L11.4499961,8.53571429 C11.4415854,8.52708216 11.4320639,8.5182931 11.4230185,8.5102888 L10.4034253,7.61160714 C9.89545371,7.12554061 9.08263561,7.13071987 8.58291595,7.62416295 L3.19264032,12.9001116 C2.937623,13.1498152 2.93555998,13.557094 3.18787956,13.8094657 C3.31530888,13.9362793 3.48225238,14 3.64998933,14 C3.8153459,14 3.98054383,13.9383196 4.10733834,13.8141741 L9.5,8.53571429 C9.50840503,8.54434641 9.51792652,8.55313547 9.52697193,8.56113977 L10.5462477,9.45982143 C10.7899979,9.69320244 11.1100788,9.82142857 11.4499961,9.82142857 C11.7970545,9.82142857 12.1233243,9.68770926 12.3651702,9.44852121 L14.6999989,7.1770194 L14.6999989,7.89285714 C14.6999989,8.24771553 14.9911979,8.53571429 15.3499994,8.53571429 C15.708801,8.53571429 16,8.24771553 16,7.89285714 L16,5.64285714 C16,5.58431572 15.9895264,5.52844239 15.9746094,5.47445244 C15.9711181,5.46126884 15.9668335,5.44871304 15.9622314,5.43584332 Z M17.7789307,14.21875 L17.0629883,14.21875 C16.71875,14.21875 16.4280701,13.9146423 16.4280701,13.5546875 L16.4280701,13.2698059 C16.4280701,12.9200745 16.7010498,12.65625 17.0629883,12.65625 L17.7400207,12.65625 C17.9388428,12.65625 18.1446838,12.7894592 18.1446838,13.0123902 C18.1446838,13.4437561 18.4945679,13.7936402 18.9259338,13.7936402 C19.3574524,13.7936402 19.7071838,13.4437561 19.7071838,13.0123902 C19.7071838,12.0761109 19.0158081,11.2947082 18.1048584,11.1273193 L18.1048584,10.625 C18.1048584,10.1934814 17.755127,9.84375 17.3236084,9.84375 C16.8920898,9.84375 16.5423584,10.1934814 16.5423584,10.625 L16.5423584,11.1541748 C16.1557007,11.2454223 15.8015442,11.4382934 15.5142212,11.7193604 C15.0959778,12.1286011 14.8655701,12.6792908 14.8655701,13.2696533 L14.8655701,13.5546875 C14.8655701,14.7824097 15.8512879,15.78125 17.0629883,15.78125 L17.7789307,15.78125 C18.1373596,15.78125 18.4181213,16.053009 18.4181213,16.3999939 L18.4181213,16.5917969 C18.4181213,16.9313049 18.1433105,17.1875 17.7789307,17.1875 L16.615448,17.1875 C16.4233398,17.1875 16.2290955,17.0666504 16.2290955,16.8359375 C16.2290955,16.4044189 15.879364,16.0546875 15.4478455,16.0546875 C15.0163269,16.0546875 14.6665955,16.4044189 14.6665955,16.8359375 C14.6665955,17.8851318 15.4847717,18.7117004 16.5423584,18.7481689 L16.5423584,19.1796875 C16.5423584,19.6112061 16.8920898,19.9609375 17.3236084,19.9609375 C17.755127,19.9609375 18.1048584,19.6112061 18.1048584,19.1796875 L18.1048584,18.7272644 C19.1795349,18.5771179 19.9806213,17.6931763 19.9806213,16.5917969 L19.9806213,16.3999939 C19.9806213,15.8096313 19.7496033,15.2581787 19.3299866,14.8472595 C18.9161682,14.4419861 18.3653259,14.21875 17.7789307,14.21875 Z\"\r\n                        id=\"Shape-Copy-9\"\r\n                    ></path>\r\n                </g>\r\n            </g>\r\n        </g>\r\n    </svg>\r\n</ng-template>\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { isTitle: [{
                 type: Input
             }], color: [{
@@ -183,8 +183,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class AnnaIconColumnComponent {
     constructor() {
-        this.PfpIconActiveColor = '#9B1B93';
-        this.PfpIconDisableColor = 'rgba(189,189,189,0.5)';
+        this.PfpIconActiveColor = "#9B1B93";
+        this.PfpIconDisableColor = "rgba(189,189,189,0.5)";
         this.onColumnIconClicked = new EventEmitter();
     }
     ngOnInit() { }
@@ -196,7 +196,7 @@ class AnnaIconColumnComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaIconColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-core-anna-icon-column', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: "anna-core-anna-icon-column", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         NgIf,
                         AnnaPayForPerformanceIconTemplateComponent,
                         AnnaLiveIconTemplateComponent,
@@ -222,10 +222,10 @@ class showEllipsisTextOnHoverDirective {
     onMouseEnter() {
         let domElement = this.elementRef.nativeElement;
         if (domElement.offsetWidth < domElement.scrollWidth || this.checkPositionsInDecimals(domElement)) {
-            domElement.title = domElement.textContent == '' ? domElement.value : domElement.textContent;
+            domElement.title = domElement.textContent == "" ? domElement.value : domElement.textContent;
         }
         else if (domElement.title)
-            domElement.removeAttribute('title');
+            domElement.removeAttribute("title");
     }
     checkPositionsInDecimals(domElement) {
         // if we don't have any children element Then we can't calculate and compare anything so we are returning false from here
@@ -234,7 +234,7 @@ class showEllipsisTextOnHoverDirective {
         let elementRect = domElement.getBoundingClientRect();
         let childRect = domElement.children[0].getBoundingClientRect();
         let paddingOnRight = window.getComputedStyle(domElement).paddingRight;
-        let padding = +(paddingOnRight.endsWith('px') ? paddingOnRight.slice(0, -2) : paddingOnRight);
+        let padding = +(paddingOnRight.endsWith("px") ? paddingOnRight.slice(0, -2) : paddingOnRight);
         // If overflow happens then Child element's right side position will be greater than container element's right side position.
         return childRect.right + padding > elementRect.right;
     }
@@ -244,12 +244,12 @@ class showEllipsisTextOnHoverDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: showEllipsisTextOnHoverDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[showEllipsisTextOnHover]',
+                    selector: "[showEllipsisTextOnHover]",
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onMouseEnter: [{
                 type: HostListener,
-                args: ['mouseenter']
+                args: ["mouseenter"]
             }] } });
 class AnnaConvertZeroOrNullOrUndefinedPipe {
@@ -260,7 +260,7 @@ class AnnaConvertZeroOrNullOrUndefinedPipe {
         return this.transformer(value, convertTo);
     }
     replace(value, convertTo) {
-        if (value === 'undefined' || value === null || value === '' || Number(value) === 0) {
+        if (value === "undefined" || value === null || value === "" || Number(value) === 0) {
             return convertTo;
         }
         return value;
@@ -271,7 +271,7 @@ class AnnaConvertZeroOrNullOrUndefinedPipe {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaConvertZeroOrNullOrUndefinedPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'AnnaConvertZeroOrNullOrUndefined',
+                    name: "AnnaConvertZeroOrNullOrUndefined",
                     standalone: true,
                 }]
         }] });
@@ -283,42 +283,42 @@ class AnnaDateTimeFormatService {
     }
     convertToNgbDateStandardFormat(date) {
         return {
-            year: parseInt(dayjs(date, 'MM/DD/YYYY').format('YYYY')),
-            month: parseInt(dayjs(date, 'MM/DD/YYYY').format('M')),
-            day: parseInt(dayjs(date, 'MM/DD/YYYY').format('D')),
+            year: parseInt(dayjs(date, "MM/DD/YYYY").format("YYYY")),
+            month: parseInt(dayjs(date, "MM/DD/YYYY").format("M")),
+            day: parseInt(dayjs(date, "MM/DD/YYYY").format("D")),
         };
     }
     convertToNgbDate(date, parseFormat) {
         return {
-            year: parseInt(dayjs(date, parseFormat).format('YYYY')),
-            month: parseInt(dayjs(date, parseFormat).format('M')),
-            day: parseInt(dayjs(date, parseFormat).format('D')),
+            year: parseInt(dayjs(date, parseFormat).format("YYYY")),
+            month: parseInt(dayjs(date, parseFormat).format("M")),
+            day: parseInt(dayjs(date, parseFormat).format("D")),
         };
     }
     static formatToTwelveHrs(time, callRemoveZero) {
-        if (time.endsWith('A') || time.endsWith('P')) {
+        if (time.endsWith("A") || time.endsWith("P")) {
             time = time.substring(0, time.length - 1);
         }
-        let tmp = time.split(':');
+        let tmp = time.split(":");
         let formattedTime = [];
         if (+tmp[0] > 12) {
             formattedTime[0] = (+tmp[0] - 12).toString();
             if (+tmp[0] == 24)
-                formattedTime[2] = 'AM';
+                formattedTime[2] = "AM";
             else
-                formattedTime[2] = 'PM';
+                formattedTime[2] = "PM";
         }
-        else if (tmp[0] == '12') {
+        else if (tmp[0] == "12") {
             formattedTime[0] = tmp[0];
-            formattedTime[2] = 'PM';
+            formattedTime[2] = "PM";
         }
-        else if (tmp[0] == '00') {
-            formattedTime[0] = '12';
-            formattedTime[2] = 'AM';
+        else if (tmp[0] == "00") {
+            formattedTime[0] = "12";
+            formattedTime[2] = "AM";
         }
         else {
             formattedTime[0] = tmp[0];
-            formattedTime[2] = 'AM';
+            formattedTime[2] = "AM";
         }
         formattedTime[1] = tmp[1];
         if (callRemoveZero)
@@ -328,11 +328,11 @@ class AnnaDateTimeFormatService {
     convertTotwentyFourHrsFormat(time, callAddZero) {
         let tmp = time.split(/[ :]+/);
         let formattedTime = [];
-        if (tmp[0] != '12' && tmp[2] == 'PM') {
+        if (tmp[0] != "12" && tmp[2] == "PM") {
             formattedTime[0] = (+tmp[0] + 12).toString();
         }
-        else if (tmp[0] == '12' && tmp[2] == 'AM') {
-            formattedTime[0] = '00';
+        else if (tmp[0] == "12" && tmp[2] == "AM") {
+            formattedTime[0] = "00";
         }
         else
             formattedTime[0] = tmp[0].toString();
@@ -344,15 +344,15 @@ class AnnaDateTimeFormatService {
     static removeZero(time) {
         let removedZero;
         let formattedTime = time;
-        if (time[0] == '01' ||
-            time[0] == '02' ||
-            time[0] == '03' ||
-            time[0] == '04' ||
-            time[0] == '05' ||
-            time[0] == '06' ||
-            time[0] == '07' ||
-            time[0] == '08' ||
-            time[0] == '09') {
+        if (time[0] == "01" ||
+            time[0] == "02" ||
+            time[0] == "03" ||
+            time[0] == "04" ||
+            time[0] == "05" ||
+            time[0] == "06" ||
+            time[0] == "07" ||
+            time[0] == "08" ||
+            time[0] == "09") {
             removedZero = time[0].toString();
             formattedTime[0] = removedZero.charAt(1);
             formattedTime[1] = time[1];
@@ -363,53 +363,53 @@ class AnnaDateTimeFormatService {
     addZero(time) {
         let addedZero;
         let formattedTime = time;
-        if (time[1] == '0')
-            time[1] = '0' + time[1];
-        if (time[0] == '0' ||
-            time[0] == '1' ||
-            time[0] == '2' ||
-            time[0] == '3' ||
-            time[0] == '4' ||
-            time[0] == '5' ||
-            time[0] == '6' ||
-            time[0] == '7' ||
-            time[0] == '8' ||
-            time[0] == '9') {
-            addedZero = '0' + time[0];
+        if (time[1] == "0")
+            time[1] = "0" + time[1];
+        if (time[0] == "0" ||
+            time[0] == "1" ||
+            time[0] == "2" ||
+            time[0] == "3" ||
+            time[0] == "4" ||
+            time[0] == "5" ||
+            time[0] == "6" ||
+            time[0] == "7" ||
+            time[0] == "8" ||
+            time[0] == "9") {
+            addedZero = "0" + time[0];
             formattedTime[0] = addedZero;
             formattedTime[1] = time[1];
         }
         return formattedTime;
     }
     sortByTimeAscending(a, b) {
-        let format = 'MM/DD/YYYY HH:mm:ss';
-        a = dayjs('01/01/2001 ' + a, format);
-        b = dayjs('01/01/2001 ' + b, format);
+        let format = "MM/DD/YYYY HH:mm:ss";
+        a = dayjs("01/01/2001 " + a, format);
+        b = dayjs("01/01/2001 " + b, format);
         let results;
-        results = a.get('hour') > b.get('hour') ? 1 : a.get('hour') < b.get('hour') ? -1 : 0;
+        results = a.get("hour") > b.get("hour") ? 1 : a.get("hour") < b.get("hour") ? -1 : 0;
         if (results === 0)
-            results = a.get('minute') > b.get('minute') ? 1 : a.get('minute') < b.get('minute') ? -1 : 0;
+            results = a.get("minute") > b.get("minute") ? 1 : a.get("minute") < b.get("minute") ? -1 : 0;
         if (results === 0)
-            results = a.get('second') > b.get('second') ? 1 : a.get('second') < b.get('second') ? -1 : 0;
+            results = a.get("second") > b.get("second") ? 1 : a.get("second") < b.get("second") ? -1 : 0;
         return results;
     }
     sortByTimeDescending(a, b) {
-        let format = 'MM/DD/YYYY HH:mm:ss';
-        a = dayjs('01/01/2001 ' + a, format);
-        b = dayjs('01/01/2001 ' + b, format);
+        let format = "MM/DD/YYYY HH:mm:ss";
+        a = dayjs("01/01/2001 " + a, format);
+        b = dayjs("01/01/2001 " + b, format);
         let results;
-        results = a.get('hour') < b.get('hour') ? 1 : a.get('hour') > b.get('hour') ? -1 : 0;
+        results = a.get("hour") < b.get("hour") ? 1 : a.get("hour") > b.get("hour") ? -1 : 0;
         if (results === 0)
-            results = a.get('minute') < b.get('minute') ? 1 : a.get('minute') > b.get('minute') ? -1 : 0;
+            results = a.get("minute") < b.get("minute") ? 1 : a.get("minute") > b.get("minute") ? -1 : 0;
         if (results === 0)
-            results = a.get('second') < b.get('second') ? 1 : a.get('second') > b.get('second') ? -1 : 0;
+            results = a.get("second") < b.get("second") ? 1 : a.get("second") > b.get("second") ? -1 : 0;
         return results;
     }
     convertNgbDateToMoment(ngbDate) {
-        let formatType = 'MM/DD/YYYY';
+        let formatType = "MM/DD/YYYY";
         let converted = null;
         if (ngbDate && ngbDate.month && ngbDate.day && ngbDate.year) {
-            converted = ngbDate.month + '/' + ngbDate.day + '/' + ngbDate.year;
+            converted = ngbDate.month + "/" + ngbDate.day + "/" + ngbDate.year;
             converted = dayjs(converted).format(formatType);
         }
         return converted;
@@ -418,64 +418,64 @@ class AnnaDateTimeFormatService {
         return isAsc ? dayjs(a).diff(b) : dayjs(b).diff(a);
     }
     static formatTwentyFourHourTimeToHHMMAFormat(value, date) {
-        value = dayjs(date ? date : '01/01/2000 ' + value).format('MM/DD/YYYY HH:mm:ss');
-        return value[14] == '0' && value[15] == '0'
-            ? dayjs(value, ['MM/DD/YYYY HH:mm:ss']).format('hA').slice(0, -1)
-            : dayjs(value, ['MM/DD/YYYY HH:mm:ss']).format('h:mmA').slice(0, -1);
+        value = dayjs(date ? date : "01/01/2000 " + value).format("MM/DD/YYYY HH:mm:ss");
+        return value[14] == "0" && value[15] == "0"
+            ? dayjs(value, ["MM/DD/YYYY HH:mm:ss"]).format("hA").slice(0, -1)
+            : dayjs(value, ["MM/DD/YYYY HH:mm:ss"]).format("h:mmA").slice(0, -1);
     }
     static formatTwelveHourTimeToHHMMAFormat(timeValue, date) {
-        timeValue = dayjs(date ? date : '01/01/2000 ' + timeValue).format('MM/DD/YYYY HH:mm:ss');
+        timeValue = dayjs(date ? date : "01/01/2000 " + timeValue).format("MM/DD/YYYY HH:mm:ss");
         // check if min==00
-        return timeValue[14] == '0' && timeValue[15] == '0'
-            ? dayjs(timeValue, ['MM/DD/YYYY HH:mm:ss']).format('hA').slice(0, -1)
-            : dayjs(timeValue, ['MM/DD/YYYY HH:mm:ss']).format('h:mmA').slice(0, -1);
+        return timeValue[14] == "0" && timeValue[15] == "0"
+            ? dayjs(timeValue, ["MM/DD/YYYY HH:mm:ss"]).format("hA").slice(0, -1)
+            : dayjs(timeValue, ["MM/DD/YYYY HH:mm:ss"]).format("h:mmA").slice(0, -1);
     }
     formatDateAndHHMMATimeToStandardFormat(dateAndTime) {
         let standardFormat, date, time;
-        if (dateAndTime.includes('|')) {
-            date = dateAndTime.slice(0, dateAndTime.indexOf('|'));
-            time = dateAndTime.slice(dateAndTime.indexOf('|') + 1, dateAndTime.length).trim();
-            time = time.slice(0, 2) + ':' + time.slice(2, 4) + ' ' + time.slice(4, 5);
-            time = time + 'M';
+        if (dateAndTime.includes("|")) {
+            date = dateAndTime.slice(0, dateAndTime.indexOf("|"));
+            time = dateAndTime.slice(dateAndTime.indexOf("|") + 1, dateAndTime.length).trim();
+            time = time.slice(0, 2) + ":" + time.slice(2, 4) + " " + time.slice(4, 5);
+            time = time + "M";
             standardFormat = date + time;
         }
         else {
-            standardFormat = dateAndTime + ' 00:00 AM';
+            standardFormat = dateAndTime + " 00:00 AM";
         }
-        return dayjs(standardFormat).format('MM/DD/YYYY hh:mm A');
+        return dayjs(standardFormat).format("MM/DD/YYYY hh:mm A");
     }
     compare(a, b, isAsc) {
-        if (typeof a == 'string' && typeof b == 'string') {
-            a = a == '-' ? '0' : a.toLowerCase();
-            b = b == '-' ? '0' : b.toLowerCase();
+        if (typeof a == "string" && typeof b == "string") {
+            a = a == "-" ? "0" : a.toLowerCase();
+            b = b == "-" ? "0" : b.toLowerCase();
         }
         return (a < b ? -1 : 1) * (isAsc ? 1 : -1);
     }
     sortDataByBroadcastTimeAsc(firstParamTime, secondParamTime, broadcastTime) {
-        let format = 'HH:mm:ss';
+        let format = "HH:mm:ss";
         let a = dayjs(firstParamTime, format);
         let b = dayjs(secondParamTime, format);
-        let broadcastdayjsDateTime = dayjs(broadcastTime, 'HH:mm:ss');
-        a = a.isBefore(broadcastdayjsDateTime) ? a.add(1, 'd') : a;
-        b = b.isBefore(broadcastdayjsDateTime) ? b.add(1, 'd') : b;
+        let broadcastdayjsDateTime = dayjs(broadcastTime, "HH:mm:ss");
+        a = a.isBefore(broadcastdayjsDateTime) ? a.add(1, "d") : a;
+        b = b.isBefore(broadcastdayjsDateTime) ? b.add(1, "d") : b;
         let result = a.isBefore(b) ? -1 : a.isAfter(b) ? 1 : 0;
         return result;
     }
     convertNgbDateToMomentInSpecificFormat(ngbDate, format) {
         let converted = null;
         if (ngbDate && ngbDate.month && ngbDate.day && ngbDate.year) {
-            converted = ngbDate.month + '/' + ngbDate.day + '/' + ngbDate.year;
+            converted = ngbDate.month + "/" + ngbDate.day + "/" + ngbDate.year;
             converted = dayjs(converted).format(format);
         }
         return converted;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateTimeFormatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateTimeFormatService, providedIn: 'root' }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateTimeFormatService, providedIn: "root" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateTimeFormatService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root',
+                    providedIn: "root",
                 }]
         }], ctorParameters: function () { return []; } });
@@ -485,17 +485,17 @@ class AnnaGlobalConfigService {
     */
     constructor() {
         this.defaultAngular2MultiSelectSettings = {
-            text: 'Select option',
-            selectAllText: 'Select All',
-            unSelectAllText: 'UnSelect All',
+            text: "Select option",
+            selectAllText: "Select All",
+            unSelectAllText: "UnSelect All",
             badgeShowLimit: 1,
             singleSelection: false,
-            classes: 'filter-dropdowns',
+            classes: "filter-dropdowns",
             enableSearchFilter: true,
             enableCheckAll: true,
             autoPosition: false,
             disabled: false,
-            position: 'bottom',
+            position: "bottom",
             lazyLoading: false,
             showCheckbox: true,
             maxHeight: 300,
@@ -512,7 +512,7 @@ class AnnaGlobalConfigService {
         };
         this.defaultNgbDatePickerSettings = {
             autoClose: false,
-            placeholder: 'mm-dd-yyyy',
+            placeholder: "mm-dd-yyyy",
             displayMonths: 1,
             firstDayOfWeek: 1,
             showWeekNumbers: false,
@@ -520,7 +520,7 @@ class AnnaGlobalConfigService {
         };
         this.defaultNgSelectSettings = {
             allowClear: false,
-            placeholder: 'Select',
+            placeholder: "Select",
         };
         this.defaultNgxInfiniteScrollSettings = {
             infiniteScrollDistance: 1,
@@ -532,43 +532,43 @@ class AnnaGlobalConfigService {
             numberOfSkeletonRows: Array(6).fill(0),
         };
         this.defaultRadioButtonsComponentConfig = {
-            heading: 'Select Option',
+            heading: "Select Option",
             radioButtons: [
                 {
-                    value: 'Yes',
+                    value: "Yes",
                     isDisabled: false,
-                    label: 'Yes',
-                    class: '',
+                    label: "Yes",
+                    class: "",
                 },
                 {
-                    value: 'No',
+                    value: "No",
                     isDisabled: false,
-                    label: 'No',
-                    class: '',
+                    label: "No",
+                    class: "",
                 },
             ],
         };
         this.defaultConfirmationPopupConfig = {
             showCancelButton: true,
-            title: 'Are you sure ?',
+            title: "Are you sure ?",
             showConfirmButton: true,
-            cancelButtonLabel: 'No',
-            confirmButtonLabel: 'Yes',
+            cancelButtonLabel: "No",
+            confirmButtonLabel: "Yes",
             showCloseIcon: true,
-            backdrop: 'static',
-            windowClass: '',
-            size: 'sm',
+            backdrop: "static",
+            windowClass: "",
+            size: "sm",
             keyboard: false,
         };
         this.defaultWeekCalendarConfig = {
             firstDayOfWeek: 1,
             showWeekNumbers: true,
-            dateFormatToDisplay: 'd MMM y',
-            dateFormatForRequest: 'y-MM-dd',
+            dateFormatToDisplay: "d MMM y",
+            dateFormatForRequest: "y-MM-dd",
             maxWeeksToShowWithRemainingCount: 2,
             numberOfMonthsToEnableInPast: 1,
             selectMultipleWeeks: false,
-            customClass: '',
+            customClass: "",
             emitMultipleWeekObjects: true,
             maxWeeksToSelect: 0,
             showAsDropdown: true,
@@ -580,7 +580,7 @@ class AnnaGlobalConfigService {
             lastColumnKeys: [],
         };
         this.defaultGtGeneralConfig = {
-            component: '',
+            component: "",
             totalRow: false,
             isHeaderChecked: false,
             disableHeaderCheckbox: false,
@@ -588,13 +588,13 @@ class AnnaGlobalConfigService {
             isGrouped: false,
             showAllColumnFilter: true,
             bufferSize: 20,
-            page: '',
+            page: "",
         };
         this.defaultSingleSelectConfig = {
             showSearchBar: false,
-            placeholder: 'Select',
-            classes: '',
-            position: 'BOTTOM',
+            placeholder: "Select",
+            classes: "",
+            position: "BOTTOM",
             maxHeightOfList: 200,
         };
         this.defaultMultiSelectConfig = {
@@ -603,12 +603,12 @@ class AnnaGlobalConfigService {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGlobalConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGlobalConfigService, providedIn: 'root' }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGlobalConfigService, providedIn: "root" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGlobalConfigService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root',
+                    providedIn: "root",
                 }]
         }], ctorParameters: function () { return []; } });
@@ -646,7 +646,7 @@ class AnnaWeekCalendarComponent {
         this.hoveredDate = null;
         this.toDate = null;
         this.weekNumbers = [];
-        this.dateToDisplay = '';
+        this.dateToDisplay = "";
         this.multiSelectDropdownOpen = false;
         this.calendarMap = new Map();
         this.disabledDates = [];
@@ -654,16 +654,16 @@ class AnnaWeekCalendarComponent {
         this.calendarToggled = new EventEmitter();
     }
     getWeekNumber(week, firstDayOfWeek) {
-        const weekStartDate = dayjs(convertNgbDateToMoment(week[0]), 'MM/DD/YYYY');
+        const weekStartDate = dayjs(convertNgbDateToMoment(week[0]), "MM/DD/YYYY");
         const weekYear = weekStartDate.year();
-        const yearStartDate = dayjs(`01/01/${weekYear}`, 'MM/DD/YYYY');
+        const yearStartDate = dayjs(`01/01/${weekYear}`, "MM/DD/YYYY");
         const weekDay = yearStartDate.day();
-        const noOfDays = weekStartDate.diff(yearStartDate, 'd') + 1;
+        const noOfDays = weekStartDate.diff(yearStartDate, "d") + 1;
         function convertNgbDateToMoment(ngbDate) {
-            let formatType = 'MM/DD/YYYY';
+            let formatType = "MM/DD/YYYY";
             let converted = null;
             if (ngbDate && ngbDate.month && ngbDate.day && ngbDate.year) {
-                converted = ngbDate.month + '/' + ngbDate.day + '/' + ngbDate.year;
+                converted = ngbDate.month + "/" + ngbDate.day + "/" + ngbDate.year;
                 converted = dayjs(converted).format(formatType);
             }
             return converted;
@@ -695,16 +695,16 @@ class AnnaWeekCalendarComponent {
         this.weekObjects = [];
         this.fromDate = this.calendar.getToday();
         this.today = this.calendar.getToday();
-        let backDatedPeriod = JSON.parse(localStorage.getItem('userDetails') || '{}').locking_period_days;
+        let backDatedPeriod = JSON.parse(localStorage.getItem("userDetails") || "{}").locking_period_days;
         if (backDatedPeriod < 0) {
-            let date = this.calendar.getPrev(this.calendar.getToday(), 'd', Math.abs(backDatedPeriod));
+            let date = this.calendar.getPrev(this.calendar.getToday(), "d", Math.abs(backDatedPeriod));
             this.today = NgbDate.from(date);
             this.fromDate = NgbDate.from(date);
         }
         // Disable months before numberOfMonthsToEnable
         this.datePickerConfig.markDisabled = (date) => {
-            let previousMonth = this.calendar.getPrev(this.today, 'm', this.config.numberOfMonthsToEnableInPast);
-            let previousDay = this.calendar.getPrev(previousMonth, 'd', 1);
+            let previousMonth = this.calendar.getPrev(this.today, "m", this.config.numberOfMonthsToEnableInPast);
+            let previousDay = this.calendar.getPrev(previousMonth, "d", 1);
             return !NgbDate.from(previousDay).before(date);
         };
         this.formatter = this.formattedDates();
@@ -741,15 +741,15 @@ class AnnaWeekCalendarComponent {
                 this.toDate = this.constructEndDate(dateObject)(constructDate);
             }
             if (this.disabledDates.length > 0) {
-                let dayjsStartDate = dayjs(this.annaDateTimeFormatService.convertNgbDateToMoment(this.fromDate), 'MM/DD/YYYY');
-                let dayjsEndDate = dayjs(this.annaDateTimeFormatService.convertNgbDateToMoment(this.toDate), 'MM/DD/YYYY');
+                let dayjsStartDate = dayjs(this.annaDateTimeFormatService.convertNgbDateToMoment(this.fromDate), "MM/DD/YYYY");
+                let dayjsEndDate = dayjs(this.annaDateTimeFormatService.convertNgbDateToMoment(this.toDate), "MM/DD/YYYY");
                 let ngbDate;
                 while (!dayjsStartDate.isSame(dayjsEndDate)) {
-                    ngbDate = this.annaDateTimeFormatService.convertToNgbDate(dayjsStartDate, 'MM/DD/YYYY');
+                    ngbDate = this.annaDateTimeFormatService.convertToNgbDate(dayjsStartDate, "MM/DD/YYYY");
                     if (this.checkIfDateIsDisabled(ngbDate)) {
                         break;
                     }
-                    dayjsStartDate.add(1, 'd');
+                    dayjsStartDate.add(1, "d");
                 }
                 let newDateObject = new Date(ngbDate.year, ngbDate.month - 1, ngbDate.day - 1);
                 let constructDate = this.buildDate(newDateObject);
@@ -768,7 +768,7 @@ class AnnaWeekCalendarComponent {
         let endDate = NgbDate.from(this.toDate);
         week.push(startDate);
         while (endDate != null && !startDate.equals(endDate)) {
-            let date = this.calendar.getNext(startDate, 'd', 1);
+            let date = this.calendar.getNext(startDate, "d", 1);
             startDate = date;
             week.push(date);
             // Collect all days in week to calculate the week number
@@ -785,7 +785,7 @@ class AnnaWeekCalendarComponent {
         this.weekObjects = [];
         if (dates.length > 0) {
             for (let date of dates) {
-                this.weekNumbers.push(' Week ' + this.calendar.getWeekNumber(date, this.config.firstDayOfWeek));
+                this.weekNumbers.push(" Week " + this.calendar.getWeekNumber(date, this.config.firstDayOfWeek));
                 let dates = this.formatter(date[0], date[6]);
                 let dateObjects = { startDate: dates.formattedStartDate, endDate: dates.formattedEndDate };
                 this.weekObjects.push(dateObjects);
@@ -798,7 +798,7 @@ class AnnaWeekCalendarComponent {
         this.toDate = dates[dates.length - 1][6];
     }
     formattedDates() {
-        let pipe = new DatePipe('en-US');
+        let pipe = new DatePipe("en-US");
         let thisObj = this;
         return function (fromDate, toDate) {
             let fromDateObject = new Date(fromDate.year, fromDate.month - 1, fromDate.day);
@@ -807,7 +807,7 @@ class AnnaWeekCalendarComponent {
             thisObj.formattedEndDate = pipe.transform(toDateObject, thisObj.config.dateFormatForRequest);
             thisObj.dateToDisplay =
                 pipe.transform(fromDateObject, thisObj.config.dateFormatToDisplay) +
-                    ' to ' +
+                    " to " +
                     pipe.transform(toDateObject, thisObj.config.dateFormatToDisplay);
             return thisObj;
         };
@@ -826,7 +826,7 @@ class AnnaWeekCalendarComponent {
                 }
                 let remainingWeeks = this.weekNumbers.length;
                 this.weekNumbers = [];
-                this.weekNumbers.push(weekDisplay + ' +' + remainingWeeks);
+                this.weekNumbers.push(weekDisplay + " +" + remainingWeeks);
             }
         }
     }
@@ -876,23 +876,23 @@ class AnnaWeekCalendarComponent {
     }
     previousWeek() {
         if (this.fromDate) {
-            this.toDate = this.calendar.getPrev(this.fromDate, 'd', 1);
-            this.fromDate = this.calendar.getPrev(this.fromDate, 'd', this.calendar.getDaysPerWeek());
+            this.toDate = this.calendar.getPrev(this.fromDate, "d", 1);
+            this.fromDate = this.calendar.getPrev(this.fromDate, "d", this.calendar.getDaysPerWeek());
         }
         this.weekNumberGenerator();
         this.applyChanges();
     }
     nextWeek() {
         if (this.fromDate) {
-            this.fromDate = this.calendar.getNext(this.fromDate, 'd', this.calendar.getDaysPerWeek());
-            this.toDate = this.calendar.getNext(this.fromDate, 'd', this.calendar.getDaysPerWeek() - 1);
+            this.fromDate = this.calendar.getNext(this.fromDate, "d", this.calendar.getDaysPerWeek());
+            this.toDate = this.calendar.getNext(this.fromDate, "d", this.calendar.getDaysPerWeek() - 1);
         }
         this.weekNumberGenerator();
         this.applyChanges();
     }
     setCalendarMap() {
         let dateObj = { fromDate: this.fromDate, toDate: this.toDate };
-        this.calendarMap.set('oldDates', dateObj);
+        this.calendarMap.set("oldDates", dateObj);
     }
     applyChanges() {
         this.multiSelectDropdownOpen = false;
@@ -925,8 +925,8 @@ class AnnaWeekCalendarComponent {
     }
     revertDates() {
         this.multiSelectDropdownOpen = false;
-        if (this.calendarMap.get('oldDates')) {
-            let dateObj = this.calendarMap.get('oldDates');
+        if (this.calendarMap.get("oldDates")) {
+            let dateObj = this.calendarMap.get("oldDates");
             this.fromDate = dateObj.fromDate;
             this.toDate = dateObj.toDate;
             this.weekNumberGenerator();
@@ -945,47 +945,47 @@ class AnnaWeekCalendarComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaWeekCalendarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-core-week-calendar-filter-lib', standalone: true, imports: [NgIf, FormsModule, NgbInputDatepicker, NgClass, NgbDatepicker], template: "<form\r\n    class=\"form-inline\"\r\n    *ngIf=\"config.showAsDropdown\"\r\n>\r\n    <div class=\"form-group hidden\">\r\n        <div class=\"input-group\">\r\n            <input\r\n                name=\"datepicker\"\r\n                class=\"form-control\"\r\n                ngbDatepicker\r\n                #datepicker=\"ngbDatepicker\"\r\n                [autoClose]=\"false\"\r\n                (dateSelect)=\"selectWeek($event)\"\r\n                (closed)=\"isFocused(false)\"\r\n                [displayMonths]=\"1\"\r\n                [dayTemplate]=\"t\"\r\n                [startDate]=\"fromDate!\"\r\n                [firstDayOfWeek]=\"config.firstDayOfWeek\"\r\n                [showWeekNumbers]=\"config.showWeekNumbers\"\r\n                tabindex=\"-1\"\r\n                style=\"display: none\"\r\n                [footerTemplate]=\"footerTemplate\"\r\n            />\r\n        </div>\r\n    </div>\r\n\r\n    <!--Single week select-->\r\n    <div *ngIf=\"!config.selectMultipleWeeks\">\r\n        <span style=\"position: relative; left: 30px; font-size: 12px\"> &nbsp;{{ weekNumbers }} </span>\r\n        <div class=\"form-group\">\r\n            <div class=\"input-group\">\r\n                <div class=\"single-week\">\r\n                    <div class=\"left\">\r\n                        <span\r\n                            class=\"material-icons next-round-btn\"\r\n                            (click)=\"previousWeek()\"\r\n                        >\r\n                            navigate_next\r\n                        </span>\r\n                    </div>\r\n                    <input\r\n                        #dpFromDate\r\n                        class=\"form-control\"\r\n                        placeholder=\"Select Weeks\"\r\n                        [ngClass]=\"[config.customClass == '' ? '' : config.customClass]\"\r\n                        name=\"dpFromDate\"\r\n                        [value]=\"dateToDisplay\"\r\n                        [readonly]=\"true\"\r\n                        (click)=\"isFocused(true); isDropdownOpenedForCalendar(datepicker)\"\r\n                    />\r\n                    <i\r\n                        class=\"mdi mdi-menu-down\"\r\n                        *ngIf=\"!datepicker.isOpen()\"\r\n                        (click)=\"datepicker.open()\"\r\n                    ></i>\r\n                    <i\r\n                        class=\"mdi mdi-menu-up\"\r\n                        *ngIf=\"datepicker.isOpen()\"\r\n                        (click)=\"isDropdownOpenedForCalendar(datepicker)\"\r\n                    ></i>\r\n                    <div class=\"right\">\r\n                        <span\r\n                            class=\"material-icons round-btn\"\r\n                            (click)=\"nextWeek()\"\r\n                        >\r\n                            navigate_next\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!--Multiple week select-->\r\n    <div\r\n        class=\"form-group\"\r\n        *ngIf=\"config.selectMultipleWeeks\"\r\n    >\r\n        <div class=\"input-group\">\r\n            <div class=\"multiple-weeks\">\r\n                <input\r\n                    #dpFromDate\r\n                    class=\"form-control\"\r\n                    placeholder=\"Select Weeks\"\r\n                    [ngClass]=\"[config.customClass == '' ? '' : config.customClass]\"\r\n                    name=\"dpFromDate\"\r\n                    [readonly]=\"true\"\r\n                    [value]=\"weekNumbers\"\r\n                    (click)=\"isFocused(true); isDropdownOpenedForCalendar(datepicker)\"\r\n                />\r\n                <i\r\n                    *ngIf=\"!multiSelectDropdownOpen\"\r\n                    class=\"mdi mdi-menu-down multiselect-input-arrow\"\r\n                ></i>\r\n                <i\r\n                    *ngIf=\"multiSelectDropdownOpen\"\r\n                    class=\"mdi mdi-menu-up multiselect-input-arrow\"\r\n                ></i>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</form>\r\n\r\n<ngb-datepicker\r\n    #weekPicker\r\n    *ngIf=\"!config.showAsDropdown\"\r\n    [displayMonths]=\"1\"\r\n    [startDate]=\"fromDate!\"\r\n    [firstDayOfWeek]=\"config.firstDayOfWeek\"\r\n    [showWeekNumbers]=\"config.showWeekNumbers\"\r\n    [dayTemplate]=\"t\"\r\n    [maxDate]=\"maxDate\"\r\n    [minDate]=\"minDate\"\r\n    (dateSelect)=\"selectWeek($event)\"\r\n    [markDisabled]=\"disabledFunc\"\r\n>\r\n</ngb-datepicker>\r\n\r\n<ng-template #footerTemplate>\r\n    <hr class=\"my-0\" />\r\n    <button\r\n        class=\"btn btn-primary btn-sm m-2 float-right\"\r\n        (click)=\"applyChanges(); closeDatepicker(datepicker)\"\r\n        style=\"background-color: #268bff; color: #ffffff\"\r\n    >\r\n        Apply\r\n    </button>\r\n    <button\r\n        class=\"btn btn-primary btn-sm m-2 float-right\"\r\n        (click)=\"revertDates(); closeDatepicker(datepicker)\"\r\n        style=\"background-color: rgba(38, 139, 255, 0.12); color: #268bff\"\r\n    >\r\n        Cancel\r\n    </button>\r\n</ng-template>\r\n\r\n<ng-template\r\n    #t\r\n    let-date\r\n    let-focused=\"focused\"\r\n    let-disabled=\"disabled\"\r\n>\r\n    <span\r\n        class=\"custom-day\"\r\n        [class.focused]=\"focused\"\r\n        [class.range]=\"isRange(date)\"\r\n        [class.faded]=\"isHovered(date) || isInside(date)\"\r\n        [class.disabled]=\"disabled\"\r\n        (mouseenter)=\"hoveredDate = date\"\r\n        (mouseleave)=\"hoveredDate = null\"\r\n    >\r\n        {{ date.day }}\r\n    </span>\r\n</ng-template>\r\n\r\n<!--\r\n\r\n<hr>\r\n\r\n<pre>From: {{ fromDate | json }} </pre>\r\n<pre>To: {{ toDate | json }} </pre>\r\n<pre>weekNumbers: {{ weekNumbers | json }} </pre>\r\n\r\n-->\r\n", styles: [":host ::ng-deep .ngb-dp-arrow button:disabled{color:#4a4a4a;background-color:#fff;opacity:.25;cursor:not-allowed}:host ::ng-deep .ngb-dp-arrow button:disabled .ngb-dp-navigation-chevron{color:#4a4a4a}:host ::ng-deep .ngb-dp-arrow button .ngb-dp-navigation-chevron{color:#000}:host::ng-deep .right{width:unset!important;background-color:#fff!important}:host::ng-deep .ngb-dp-day,:host::ng-deep .ngb-dp-weekday{width:3rem!important;font-style:unset!important;color:#8bac2a;outline:none}:host::ng-deep .ngb-dp-day:first-child{border:1px solid black}:host::ng-deep .ngb-dp-day.disabled{color:#d4d4d4;cursor:not-allowed}:host::ng-deep .ngb-dp-showweek:before{content:\"Weeks\";margin-right:5px}:host::ng-deep .ngb-dp-week-number{font-style:unset!important;width:4rem!important;margin-right:5px;font-weight:700;color:#000!important;border-right:1px solid rgba(0,0,0,.125)}:host::ng-deep .ngb-dp-week-number:before{font-style:unset!important;content:\"Week \"}:host::ng-deep .ngb-dp-weekday.ngb-dp-showweek{margin-right:5px;width:4rem!important;border-right:1px solid rgba(0,0,0,.125)}:host::ng-deep .dropdown-menu{box-shadow:none}:host::ng-deep .dropdown-menu.show{top:15px!important}:host::ng-deep .bg-light{background-color:#fff!important}:host::ng-deep .ngb-dp-weekdays{border-top:1px solid rgba(0,0,0,.125)}:host::ng-deep .ngb-dp-arrow-btn:focus{box-shadow:none}.custom-day{text-align:center;padding:.185rem .25rem;display:inline-block;height:1.75rem;font-weight:700;color:#222b45;width:3rem!important}.custom-day.focused{background-color:#fff}.custom-day.faded{background-color:#0275d880!important}.custom-day.faded:focus{outline:none!important}.custom-day:hover{background-color:#268bff1f!important;color:#4a4a4a!important}.custom-day:focus{outline:none!important}.custom-day.range{background-color:#268bff1f!important;color:#4a4a4a!important}.custom-day.range:focus{outline:none!important}.custom-day.disabled{color:#d3d3d3}.input-group>.single-week,.input-group .multiple-weeks{display:inline-flex!important}.input-group>.single-week>.form-control,.input-group .multiple-weeks>.form-control{width:212px;border-radius:2px;border:solid 1px #b3b3b3;height:1.875rem;cursor:pointer}.input-group>.form-control{width:212px;border-radius:2px;border:solid 1px #b3b3b3;height:1.875rem;cursor:pointer}.form-control[readonly]{background-color:#fff!important}.next-round-btn{transform:rotate(180deg);margin-left:.125rem;line-height:1.3;border-radius:50%;cursor:pointer}.round-btn{line-height:1.3;border-radius:50%;cursor:pointer;margin-left:.25rem}:host::ng-deep select.custom-select{background:none;appearance:auto}.left,.right{width:1.875rem!important;height:1.875rem;background:#d8d8d8!important;border-radius:50%}.left{margin-right:.3125rem}.right{margin-left:.3125rem}:host::ng-deep .right .ngb-dp-navigation-chevron,:host::ng-deep .ngb-dp-navigation-chevron{color:#268bff}:host::ng-deep .ngb-dp-arrow-btn:focus{outline-width:0px}.custom-day.faded{background-color:#268bff33!important;color:#000!important;font-weight:600}.custom-day{text-align:center;padding:.185rem .25rem;color:#000;display:inline-block;line-height:1.9;height:2rem;width:2rem}.custom-day.focused{background-color:#e6e6e6}.custom-day.range{background-color:#268bff!important;color:#fff!important;font-weight:600}.custom-day:hover{background-color:#d9e1e6;border-radius:.25rem;color:#bdbdbd}:host::ng-deep div.ngb-dp-weekday{color:#8bac2a;font-family:Roboto;font-size:.8125rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:normal}.mdi-menu-up,.mdi-menu-down{position:absolute;right:2.438rem;top:1px;font-size:1.375rem;cursor:pointer}.multiselect-input-arrow{position:absolute;right:.75rem;top:3px;font-size:1.25rem;cursor:pointer;pointer-events:none}button:focus{outline:none;box-shadow:none;border-color:transparent}::ng-deep .ngb-dp-header,::ng-deep .ngb-dp-week{background:#fff!important}\n"] }]
+            args: [{ selector: "anna-core-week-calendar-filter-lib", standalone: true, imports: [NgIf, FormsModule, NgbInputDatepicker, NgClass, NgbDatepicker], template: "<form\r\n    class=\"form-inline\"\r\n    *ngIf=\"config.showAsDropdown\"\r\n>\r\n    <div class=\"form-group hidden\">\r\n        <div class=\"input-group\">\r\n            <input\r\n                name=\"datepicker\"\r\n                class=\"form-control\"\r\n                ngbDatepicker\r\n                #datepicker=\"ngbDatepicker\"\r\n                [autoClose]=\"false\"\r\n                (dateSelect)=\"selectWeek($event)\"\r\n                (closed)=\"isFocused(false)\"\r\n                [displayMonths]=\"1\"\r\n                [dayTemplate]=\"t\"\r\n                [startDate]=\"fromDate!\"\r\n                [firstDayOfWeek]=\"config.firstDayOfWeek\"\r\n                [showWeekNumbers]=\"config.showWeekNumbers\"\r\n                tabindex=\"-1\"\r\n                style=\"display: none\"\r\n                [footerTemplate]=\"footerTemplate\"\r\n            />\r\n        </div>\r\n    </div>\r\n\r\n    <!--Single week select-->\r\n    <div *ngIf=\"!config.selectMultipleWeeks\">\r\n        <span style=\"position: relative; left: 30px; font-size: 12px\"> &nbsp;{{ weekNumbers }} </span>\r\n        <div class=\"form-group\">\r\n            <div class=\"input-group\">\r\n                <div class=\"single-week\">\r\n                    <div class=\"left\">\r\n                        <span\r\n                            class=\"material-icons next-round-btn\"\r\n                            (click)=\"previousWeek()\"\r\n                        >\r\n                            navigate_next\r\n                        </span>\r\n                    </div>\r\n                    <input\r\n                        #dpFromDate\r\n                        class=\"form-control\"\r\n                        placeholder=\"Select Weeks\"\r\n                        [ngClass]=\"[config.customClass == '' ? '' : config.customClass]\"\r\n                        name=\"dpFromDate\"\r\n                        [value]=\"dateToDisplay\"\r\n                        [readonly]=\"true\"\r\n                        (click)=\"isFocused(true); isDropdownOpenedForCalendar(datepicker)\"\r\n                    />\r\n                    <i\r\n                        class=\"mdi mdi-menu-down\"\r\n                        *ngIf=\"!datepicker.isOpen()\"\r\n                        (click)=\"datepicker.open()\"\r\n                    ></i>\r\n                    <i\r\n                        class=\"mdi mdi-menu-up\"\r\n                        *ngIf=\"datepicker.isOpen()\"\r\n                        (click)=\"isDropdownOpenedForCalendar(datepicker)\"\r\n                    ></i>\r\n                    <div class=\"right\">\r\n                        <span\r\n                            class=\"material-icons round-btn\"\r\n                            (click)=\"nextWeek()\"\r\n                        >\r\n                            navigate_next\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!--Multiple week select-->\r\n    <div\r\n        class=\"form-group\"\r\n        *ngIf=\"config.selectMultipleWeeks\"\r\n    >\r\n        <div class=\"input-group\">\r\n            <div class=\"multiple-weeks\">\r\n                <input\r\n                    #dpFromDate\r\n                    class=\"form-control\"\r\n                    placeholder=\"Select Weeks\"\r\n                    [ngClass]=\"[config.customClass == '' ? '' : config.customClass]\"\r\n                    name=\"dpFromDate\"\r\n                    [readonly]=\"true\"\r\n                    [value]=\"weekNumbers\"\r\n                    (click)=\"isFocused(true); isDropdownOpenedForCalendar(datepicker)\"\r\n                />\r\n                <i\r\n                    *ngIf=\"!multiSelectDropdownOpen\"\r\n                    class=\"mdi mdi-menu-down multiselect-input-arrow\"\r\n                ></i>\r\n                <i\r\n                    *ngIf=\"multiSelectDropdownOpen\"\r\n                    class=\"mdi mdi-menu-up multiselect-input-arrow\"\r\n                ></i>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</form>\r\n\r\n<ngb-datepicker\r\n    #weekPicker\r\n    *ngIf=\"!config.showAsDropdown\"\r\n    [displayMonths]=\"1\"\r\n    [startDate]=\"fromDate!\"\r\n    [firstDayOfWeek]=\"config.firstDayOfWeek\"\r\n    [showWeekNumbers]=\"config.showWeekNumbers\"\r\n    [dayTemplate]=\"t\"\r\n    [maxDate]=\"maxDate\"\r\n    [minDate]=\"minDate\"\r\n    (dateSelect)=\"selectWeek($event)\"\r\n    [markDisabled]=\"disabledFunc\"\r\n>\r\n</ngb-datepicker>\r\n\r\n<ng-template #footerTemplate>\r\n    <hr class=\"my-0\" />\r\n    <button\r\n        class=\"btn btn-primary btn-sm m-2 float-right\"\r\n        (click)=\"applyChanges(); closeDatepicker(datepicker)\"\r\n        style=\"background-color: #268bff; color: #ffffff\"\r\n    >\r\n        Apply\r\n    </button>\r\n    <button\r\n        class=\"btn btn-primary btn-sm m-2 float-right\"\r\n        (click)=\"revertDates(); closeDatepicker(datepicker)\"\r\n        style=\"background-color: rgba(38, 139, 255, 0.12); color: #268bff\"\r\n    >\r\n        Cancel\r\n    </button>\r\n</ng-template>\r\n\r\n<ng-template\r\n    #t\r\n    let-date\r\n    let-focused=\"focused\"\r\n    let-disabled=\"disabled\"\r\n>\r\n    <span\r\n        class=\"custom-day\"\r\n        [class.focused]=\"focused\"\r\n        [class.range]=\"isRange(date)\"\r\n        [class.faded]=\"isHovered(date) || isInside(date)\"\r\n        [class.disabled]=\"disabled\"\r\n        (mouseenter)=\"hoveredDate = date\"\r\n        (mouseleave)=\"hoveredDate = null\"\r\n    >\r\n        {{ date.day }}\r\n    </span>\r\n</ng-template>\r\n\r\n<!--\r\n\r\n<hr>\r\n\r\n<pre>From: {{ fromDate | json }} </pre>\r\n<pre>To: {{ toDate | json }} </pre>\r\n<pre>weekNumbers: {{ weekNumbers | json }} </pre>\r\n\r\n-->\r\n", styles: [":host ::ng-deep .ngb-dp-arrow button:disabled{color:#4a4a4a;background-color:#fff;opacity:.25;cursor:not-allowed}:host ::ng-deep .ngb-dp-arrow button:disabled .ngb-dp-navigation-chevron{color:#4a4a4a}:host ::ng-deep .ngb-dp-arrow button .ngb-dp-navigation-chevron{color:#000}:host::ng-deep .right{width:unset!important;background-color:#fff!important}:host::ng-deep .ngb-dp-day,:host::ng-deep .ngb-dp-weekday{width:3rem!important;font-style:unset!important;color:#8bac2a;outline:none}:host::ng-deep .ngb-dp-day:first-child{border:1px solid black}:host::ng-deep .ngb-dp-day.disabled{color:#d4d4d4;cursor:not-allowed}:host::ng-deep .ngb-dp-showweek:before{content:\"Weeks\";margin-right:5px}:host::ng-deep .ngb-dp-week-number{font-style:unset!important;width:4rem!important;margin-right:5px;font-weight:700;color:#000!important;border-right:1px solid rgba(0,0,0,.125)}:host::ng-deep .ngb-dp-week-number:before{font-style:unset!important;content:\"Week \"}:host::ng-deep .ngb-dp-weekday.ngb-dp-showweek{margin-right:5px;width:4rem!important;border-right:1px solid rgba(0,0,0,.125)}:host::ng-deep .dropdown-menu{box-shadow:none}:host::ng-deep .dropdown-menu.show{top:15px!important}:host::ng-deep .bg-light{background-color:#fff!important}:host::ng-deep .ngb-dp-weekdays{border-top:1px solid rgba(0,0,0,.125)}:host::ng-deep .ngb-dp-arrow-btn:focus{box-shadow:none}.custom-day{text-align:center;padding:.185rem .25rem;display:inline-block;height:1.75rem;font-weight:700;color:#222b45;width:3rem!important}.custom-day.focused{background-color:#fff}.custom-day.faded{background-color:#0275d880!important}.custom-day.faded:focus{outline:none!important}.custom-day:hover{background-color:#268bff1f!important;color:#4a4a4a!important}.custom-day:focus{outline:none!important}.custom-day.range{background-color:#268bff1f!important;color:#4a4a4a!important}.custom-day.range:focus{outline:none!important}.custom-day.disabled{color:#d3d3d3}.input-group>.single-week,.input-group .multiple-weeks{display:inline-flex!important}.input-group>.single-week>.form-control,.input-group .multiple-weeks>.form-control{width:212px;border-radius:2px;border:solid 1px #b3b3b3;height:1.875rem;cursor:pointer}.input-group>.form-control{width:212px;border-radius:2px;border:solid 1px #b3b3b3;height:1.875rem;cursor:pointer}.form-control[readonly]{background-color:#fff!important}.next-round-btn{transform:rotate(180deg);margin-left:.125rem;line-height:1.3;border-radius:50%;cursor:pointer}.round-btn{line-height:1.3;border-radius:50%;cursor:pointer;margin-left:.25rem}:host::ng-deep select.custom-select{background:none;appearance:auto}.left,.right{width:1.875rem!important;height:1.875rem;background:#d8d8d8!important;border-radius:50%}.left{margin-right:.3125rem}.right{margin-left:.3125rem}:host::ng-deep .right .ngb-dp-navigation-chevron,:host::ng-deep .ngb-dp-navigation-chevron{color:#268bff}:host::ng-deep .ngb-dp-arrow-btn:focus{outline-width:0px}.custom-day.faded{background-color:#268bff33!important;color:#000!important;font-weight:600}.custom-day{text-align:center;padding:.185rem .25rem;color:#000;display:inline-block;line-height:1.9;height:2rem;width:2rem}.custom-day.focused{background-color:#e6e6e6}.custom-day.range{background-color:#268bff!important;color:#fff!important;font-weight:600}.custom-day:hover{background-color:#d9e1e6;border-radius:.25rem;color:#bdbdbd}:host::ng-deep div.ngb-dp-weekday{color:#8bac2a;font-family:Roboto;font-size:.8125rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:normal}.mdi-menu-up,.mdi-menu-down{position:absolute;right:2.438rem;top:1px;font-size:1.375rem;cursor:pointer}.multiselect-input-arrow{position:absolute;right:.75rem;top:3px;font-size:1.25rem;cursor:pointer;pointer-events:none}button:focus{outline:none;box-shadow:none;border-color:transparent}::ng-deep .ngb-dp-header,::ng-deep .ngb-dp-week{background:#fff!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.NgbCalendar }, { type: i1.NgbDatepickerConfig }, { type: AnnaDateTimeFormatService }, { type: AnnaGlobalConfigService }]; }, propDecorators: { selectedFromDate: [{
                 type: Input,
-                args: ['from-date']
+                args: ["from-date"]
             }], selectedEndDate: [{
                 type: Input,
-                args: ['to-date']
+                args: ["to-date"]
             }], disabledDates: [{
                 type: Input,
-                args: ['disabled-dates']
+                args: ["disabled-dates"]
             }], maxDate: [{
                 type: Input
             }], minDate: [{
                 type: Input
             }], config: [{
                 type: Input,
-                args: ['week-calendar-config']
+                args: ["week-calendar-config"]
             }], applyWeekCalendarChanges: [{
                 type: Output,
-                args: ['apply']
+                args: ["apply"]
             }], calendarToggled: [{
                 type: Output,
-                args: ['toggle-calendar']
+                args: ["toggle-calendar"]
             }] } });
 // Angular import statements
 class AnnaCalendarFilterComponent {
     constructor(annaTimeService) {
         this.annaTimeService = annaTimeService;
-        this.autoClose = 'outside';
+        this.autoClose = "outside";
         this.showLabel = true;
-        this.dateFormat = 'MM/DD/YYYY';
-        this.placeholder = 'MM/DD/YYYY';
+        this.dateFormat = "MM/DD/YYYY";
+        this.placeholder = "MM/DD/YYYY";
         this.disabled = false;
         this.selectedDate = new EventEmitter();
         this.showFooterTemplate = false;
-        this.placement = ['top-start', 'left', 'bottom-start', 'auto'];
+        this.placement = ["top-start", "left", "bottom-start", "auto"];
         this.apply = new EventEmitter();
         this.cancel = new EventEmitter();
         this.disableApplyBtn = false;
-        this.dateToBeShownInInput = '';
+        this.dateToBeShownInInput = "";
         this.disableFunction = (date) => {
             return false;
         };
@@ -1028,7 +1028,7 @@ class AnnaCalendarFilterComponent {
                 return true;
             }
             else {
-                dayJsStartDate = dayJsStartDate.add(1, 'day');
+                dayJsStartDate = dayJsStartDate.add(1, "day");
             }
         }
     }
@@ -1085,7 +1085,7 @@ class AnnaCalendarFilterComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaCalendarFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-core-calendar-filter-lib', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, FormsModule, NgbInputDatepicker, NgClass, TitleCasePipe], template: "<!-- container=\"body\"\r\ndatepickerClass = \"calendar-filter\" -->\r\n\r\n<p\r\n    class=\"calendar-label\"\r\n    *ngIf=\"showLabel\"\r\n>\r\n    {{ label | titlecase }}\r\n</p>\r\n<form>\r\n    <div\r\n        class=\"padding-class\"\r\n        style=\"padding: 0 12px\"\r\n    >\r\n        <div class=\"dp-hidden position-absolute\">\r\n            <div class=\"input-group\">\r\n                <input\r\n                    name=\"datepicker\"\r\n                    class=\"form-control\"\r\n                    ngbDatepicker\r\n                    #datepicker=\"ngbDatepicker\"\r\n                    (dateSelect)=\"onDateSelection($event)\"\r\n                    [displayMonths]=\"1\"\r\n                    [dayTemplate]=\"t\"\r\n                    [maxDate]=\"maxDate\"\r\n                    [minDate]=\"minDate\"\r\n                    [autoClose]=\"autoClose\"\r\n                    [startDate]=\"fromDate\"\r\n                    [markDisabled]=\"disableFunction\"\r\n                    [footerTemplate]=\"footerTemplate\"\r\n                    navigation=\"select\"\r\n                    (closed)=\"datepickerClosed()\"\r\n                    [placement]=\"placement\"\r\n                />\r\n                <ng-template\r\n                    #t\r\n                    let-date\r\n                    let-focused=\"focused\"\r\n                >\r\n                    <span\r\n                        class=\"custom-day\"\r\n                        [class.focused]=\"focused\"\r\n                        [class.range]=\"isRange(date)\"\r\n                        [class.faded]=\"isHovered(date) || isInside(date)\"\r\n                        (mouseenter)=\"hoveredDate = date\"\r\n                        (mouseleave)=\"hoveredDate = null\"\r\n                    >\r\n                        {{ date.day }}\r\n                    </span>\r\n                </ng-template>\r\n            </div>\r\n        </div>\r\n        <div class=\"input-group\">\r\n            <input\r\n                #dpFromDate\r\n                id=\"datepicker-input\"\r\n                class=\"form-control\"\r\n                [placeholder]=\"placeholder\"\r\n                readonly\r\n                name=\"dpFromDate\"\r\n                [value]=\"dateToBeShownInInput\"\r\n            />\r\n            <button\r\n                class=\"icon-container\"\r\n                (click)=\"datepicker.toggle()\"\r\n                type=\"button\"\r\n                [disabled]=\"disabled\"\r\n            >\r\n                <i\r\n                    class=\"mdi mdi-calendar-range\"\r\n                    *ngIf=\"!datepicker.isOpen()\"\r\n                ></i>\r\n                <i\r\n                    class=\"mdi mdi-check\"\r\n                    *ngIf=\"datepicker.isOpen()\"\r\n                ></i>\r\n            </button>\r\n        </div>\r\n    </div>\r\n</form>\r\n\r\n<ng-template #footerTemplate>\r\n    <div\r\n        class=\"buttons-container\"\r\n        *ngIf=\"showFooterTemplate\"\r\n    >\r\n        <button\r\n            class=\"button\"\r\n            (click)=\"cancelSelection(); datepicker.close()\"\r\n        >\r\n            Cancel\r\n        </button>\r\n        <button\r\n            class=\"button\"\r\n            [ngClass]=\"{ disabled: disableApplyBtn }\"\r\n            [disabled]=\"disableApplyBtn\"\r\n            (click)=\"applySelection(); datepicker.close()\"\r\n        >\r\n            Apply\r\n        </button>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep .ngb-dp-arrow button:disabled{color:#4a4a4a;background-color:#fff;opacity:.25;cursor:not-allowed}:host ::ng-deep .ngb-dp-arrow button:disabled .ngb-dp-navigation-chevron{color:#4a4a4a}:host ::ng-deep .ngb-dp-arrow button .ngb-dp-navigation-chevron{color:#000}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}:host::ng-deep div.ngb-dp-arrow{width:2.4375rem!important;background-color:#fff!important}:host::ng-deep div.ngb-dp-weekday{color:#8bac2a;border-top:1px solid rgba(183,183,183,.6);margin-top:.5rem;font-family:Roboto;font-size:.8125rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:normal}:host::ng-deep div.ngb-dp-week{border-radius:0;background-color:#fff!important}:host::ng-deep div.ngb-dp-header{padding-top:8px!important;background-color:#fff!important}:host::ng-deep div.bg-primary{background-color:#d9e1e6!important;border-radius:.25rem}:host::ng-deep .ngb-dp-arrow-btn:focus{outline-width:0px}:host::ng-deep .right .ngb-dp-navigation-chevron,:host::ng-deep .ngb-dp-navigation-chevron{color:#000}:host::ng-deep .custom-select{border:1px solid rgba(183,183,183,.6);box-shadow:none}:host::ng-deep .btn:focus{box-shadow:none}.custom-day{text-align:center;padding:.185rem .25rem;color:#000;display:inline-block;height:2rem;width:2.2rem}.custom-day.range{background-color:#268bff!important;color:#fff!important}.custom-day:hover{background-color:#d9e1e6;border-radius:.25rem;color:#bdbdbd}:host::ng-deep div.ngb-dp-day.disabled{cursor:not-allowed}.custom-day.faded{background-color:#268bff33!important;color:#000!important;font-weight:600}:host::ng-deep div.ngb-dp-week div.ngb-dp-day.disabled .custom-day{color:#bdbdbd;opacity:50%}.buttons{display:flex;margin:0px auto .4375rem;margin-bottom:0;justify-content:center}.buttons button.btn:disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.buttons .btn{display:inline-block;margin:8px 4px 0 8px;padding:5px 16px;text-align:center;outline:none;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.buttons .btn:last-of-type{background-color:#268bff;color:#fff}:host::ng-deep .ngb-dp-day{font-weight:700}input#datepicker-input,button.icon-container{background:#fff;border:none}input#datepicker-input{color:#202b47;cursor:default;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input#datepicker-input:focus{box-shadow:none}div.input-group{border:1px solid #b7b7b7;border-radius:2px}.calendar-label{font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#666;margin-top:7px;margin-bottom:0;text-align:left;margin-left:12px}.dp-hidden .input-group{border-bottom:none}.dp-hidden .input-group .form-control{height:29px}:host::ng-deep ngb-datepicker-navigation-select>.form-select:focus{box-shadow:none!important;border:1px solid #c2cfd6!important}:host::ng-deep .ngb-dp-day,:host::ng-deep .ngb-dp-weekday,:host::ng-deep .ngb-dp-week-number{width:2.2rem!important}:host ::ng-deep .input-group ngb-datepicker.dropdown-menu.show{margin-left:-1px!important}\n"] }]
+            args: [{ selector: "anna-core-calendar-filter-lib", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, FormsModule, NgbInputDatepicker, NgClass, TitleCasePipe], template: "<!-- container=\"body\"\r\ndatepickerClass = \"calendar-filter\" -->\r\n\r\n<p\r\n    class=\"calendar-label\"\r\n    *ngIf=\"showLabel\"\r\n>\r\n    {{ label | titlecase }}\r\n</p>\r\n<form>\r\n    <div\r\n        class=\"padding-class\"\r\n        style=\"padding: 0 12px\"\r\n    >\r\n        <div class=\"dp-hidden position-absolute\">\r\n            <div class=\"input-group\">\r\n                <input\r\n                    name=\"datepicker\"\r\n                    class=\"form-control\"\r\n                    ngbDatepicker\r\n                    #datepicker=\"ngbDatepicker\"\r\n                    (dateSelect)=\"onDateSelection($event)\"\r\n                    [displayMonths]=\"1\"\r\n                    [dayTemplate]=\"t\"\r\n                    [maxDate]=\"maxDate\"\r\n                    [minDate]=\"minDate\"\r\n                    [autoClose]=\"autoClose\"\r\n                    [startDate]=\"fromDate\"\r\n                    [markDisabled]=\"disableFunction\"\r\n                    [footerTemplate]=\"footerTemplate\"\r\n                    navigation=\"select\"\r\n                    (closed)=\"datepickerClosed()\"\r\n                    [placement]=\"placement\"\r\n                />\r\n                <ng-template\r\n                    #t\r\n                    let-date\r\n                    let-focused=\"focused\"\r\n                >\r\n                    <span\r\n                        class=\"custom-day\"\r\n                        [class.focused]=\"focused\"\r\n                        [class.range]=\"isRange(date)\"\r\n                        [class.faded]=\"isHovered(date) || isInside(date)\"\r\n                        (mouseenter)=\"hoveredDate = date\"\r\n                        (mouseleave)=\"hoveredDate = null\"\r\n                    >\r\n                        {{ date.day }}\r\n                    </span>\r\n                </ng-template>\r\n            </div>\r\n        </div>\r\n        <div class=\"input-group\">\r\n            <input\r\n                #dpFromDate\r\n                id=\"datepicker-input\"\r\n                class=\"form-control\"\r\n                [placeholder]=\"placeholder\"\r\n                readonly\r\n                name=\"dpFromDate\"\r\n                [value]=\"dateToBeShownInInput\"\r\n            />\r\n            <button\r\n                class=\"icon-container\"\r\n                (click)=\"datepicker.toggle()\"\r\n                type=\"button\"\r\n                [disabled]=\"disabled\"\r\n            >\r\n                <i\r\n                    class=\"mdi mdi-calendar-range\"\r\n                    *ngIf=\"!datepicker.isOpen()\"\r\n                ></i>\r\n                <i\r\n                    class=\"mdi mdi-check\"\r\n                    *ngIf=\"datepicker.isOpen()\"\r\n                ></i>\r\n            </button>\r\n        </div>\r\n    </div>\r\n</form>\r\n\r\n<ng-template #footerTemplate>\r\n    <div\r\n        class=\"buttons-container\"\r\n        *ngIf=\"showFooterTemplate\"\r\n    >\r\n        <button\r\n            class=\"button\"\r\n            (click)=\"cancelSelection(); datepicker.close()\"\r\n        >\r\n            Cancel\r\n        </button>\r\n        <button\r\n            class=\"button\"\r\n            [ngClass]=\"{ disabled: disableApplyBtn }\"\r\n            [disabled]=\"disableApplyBtn\"\r\n            (click)=\"applySelection(); datepicker.close()\"\r\n        >\r\n            Apply\r\n        </button>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep .ngb-dp-arrow button:disabled{color:#4a4a4a;background-color:#fff;opacity:.25;cursor:not-allowed}:host ::ng-deep .ngb-dp-arrow button:disabled .ngb-dp-navigation-chevron{color:#4a4a4a}:host ::ng-deep .ngb-dp-arrow button .ngb-dp-navigation-chevron{color:#000}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}:host::ng-deep div.ngb-dp-arrow{width:2.4375rem!important;background-color:#fff!important}:host::ng-deep div.ngb-dp-weekday{color:#8bac2a;border-top:1px solid rgba(183,183,183,.6);margin-top:.5rem;font-family:Roboto;font-size:.8125rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:normal}:host::ng-deep div.ngb-dp-week{border-radius:0;background-color:#fff!important}:host::ng-deep div.ngb-dp-header{padding-top:8px!important;background-color:#fff!important}:host::ng-deep div.bg-primary{background-color:#d9e1e6!important;border-radius:.25rem}:host::ng-deep .ngb-dp-arrow-btn:focus{outline-width:0px}:host::ng-deep .right .ngb-dp-navigation-chevron,:host::ng-deep .ngb-dp-navigation-chevron{color:#000}:host::ng-deep .custom-select{border:1px solid rgba(183,183,183,.6);box-shadow:none}:host::ng-deep .btn:focus{box-shadow:none}.custom-day{text-align:center;padding:.185rem .25rem;color:#000;display:inline-block;height:2rem;width:2.2rem}.custom-day.range{background-color:#268bff!important;color:#fff!important}.custom-day:hover{background-color:#d9e1e6;border-radius:.25rem;color:#bdbdbd}:host::ng-deep div.ngb-dp-day.disabled{cursor:not-allowed}.custom-day.faded{background-color:#268bff33!important;color:#000!important;font-weight:600}:host::ng-deep div.ngb-dp-week div.ngb-dp-day.disabled .custom-day{color:#bdbdbd;opacity:50%}.buttons{display:flex;margin:0px auto .4375rem;margin-bottom:0;justify-content:center}.buttons button.btn:disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.buttons .btn{display:inline-block;margin:8px 4px 0 8px;padding:5px 16px;text-align:center;outline:none;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.buttons .btn:last-of-type{background-color:#268bff;color:#fff}:host::ng-deep .ngb-dp-day{font-weight:700}input#datepicker-input,button.icon-container{background:#fff;border:none}input#datepicker-input{color:#202b47;cursor:default;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input#datepicker-input:focus{box-shadow:none}div.input-group{border:1px solid #b7b7b7;border-radius:2px}.calendar-label{font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#666;margin-top:7px;margin-bottom:0;text-align:left;margin-left:12px}.dp-hidden .input-group{border-bottom:none}.dp-hidden .input-group .form-control{height:29px}:host::ng-deep ngb-datepicker-navigation-select>.form-select:focus{box-shadow:none!important;border:1px solid #c2cfd6!important}:host::ng-deep .ngb-dp-day,:host::ng-deep .ngb-dp-weekday,:host::ng-deep .ngb-dp-week-number{width:2.2rem!important}:host ::ng-deep .input-group ngb-datepicker.dropdown-menu.show{margin-left:-1px!important}\n"] }]
         }], ctorParameters: function () { return [{ type: AnnaDateTimeFormatService }]; }, propDecorators: { maxDate: [{
                 type: Input
             }], autoClose: [{
@@ -1120,36 +1120,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }] } });
-class TooltipModel {
-    constructor(obj, id) {
-        this.label = obj != null ? obj.toString() : '-';
-        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
@@ -1158,14 +1128,14 @@ class AnnaSortService {
         this.annaDateTimeFormatService = annaDateTimeFormatService;
         this.updateSortTypeSubject = new Subject();
         this.dateSet = new Set([
-            'endDate',
-            'startDate',
-            'end_date',
-            'start_date',
-            'flightStartDate',
-            'flightEndDate',
-            'date',
-            'GeneratedOn',
+            "endDate",
+            "startDate",
+            "end_date",
+            "start_date",
+            "flightStartDate",
+            "flightEndDate",
+            "date",
+            "GeneratedOn",
         ]);
     }
     sortDataForComponentOtherThanLurAndCsrPage(isAsc, data, key) {
@@ -1176,13 +1146,13 @@ class AnnaSortService {
                 return this.annaDateTimeFormatService.compareDate(a[key], b[key], isAsc);
             });
         }
-        else if (key === 'AirDateAndTime' || key === 'Date') {
+        else if (key === "AirDateAndTime" || key === "Date") {
             data.sort((a, b) => {
                 let first, second;
-                if (a[key] == '-') {
+                if (a[key] == "-") {
                     return 1;
                 }
-                if (b[key] == '-') {
+                if (b[key] == "-") {
                     return -1;
                 }
                 else {
@@ -1193,7 +1163,7 @@ class AnnaSortService {
                 }
             });
         }
-        else if (key == 'startEndTime' || key == 'TimeBand') {
+        else if (key == "startEndTime" || key == "TimeBand") {
             data.sort((a, b) => {
                 if (isAsc) {
                     param1 = a[key][1];
@@ -1210,8 +1180,8 @@ class AnnaSortService {
             });
         }
         else {
-            let dataWithoutEmptyOrHyphenValues = data.filter((n) => n[key] != '-');
-            let rowsWithHyphenOrZeroValues = data.filter((n) => n[key] == '-');
+            let dataWithoutEmptyOrHyphenValues = data.filter((n) => n[key] != "-");
+            let rowsWithHyphenOrZeroValues = data.filter((n) => n[key] == "-");
             dataWithoutEmptyOrHyphenValues.sort((a, b) => {
                 param1 = a[key];
                 param2 = b[key];
@@ -1229,16 +1199,16 @@ class AnnaSortService {
     sortEnterEditLurAndCsrPage(isAsc, data, key) {
         let param1;
         let param2;
-        if (key.includes('_')) {
-            let keys = key.split('_');
+        if (key.includes("_")) {
+            let keys = key.split("_");
             let weekNumber = keys[0];
             let sortKey = keys[1];
             if (keys.length > 2) {
-                sortKey = keys[2] == true ? 'BookedAurIncludingNoChargeSpots' : 'BookedAurExcludingNoChargeSpots';
+                sortKey = keys[2] == true ? "BookedAurIncludingNoChargeSpots" : "BookedAurExcludingNoChargeSpots";
             }
             data.sort((a, b) => {
-                let aInventoryCodeWeekWiseKey = Object.keys(a.WeekWiseInventoryCodeData).filter((key) => key.split('_')[1] == weekNumber);
-                let bInventoryCodeWeekWiseKey = Object.keys(b.WeekWiseInventoryCodeData).filter((key) => key.split('_')[1] == weekNumber);
+                let aInventoryCodeWeekWiseKey = Object.keys(a.WeekWiseInventoryCodeData).filter((key) => key.split("_")[1] == weekNumber);
+                let bInventoryCodeWeekWiseKey = Object.keys(b.WeekWiseInventoryCodeData).filter((key) => key.split("_")[1] == weekNumber);
                 param1 = null;
                 param2 = null;
                 if (aInventoryCodeWeekWiseKey.length > 0) {
@@ -1253,7 +1223,7 @@ class AnnaSortService {
                 return 0;
             });
         }
-        else if (key == 'TimeBand') {
+        else if (key == "TimeBand") {
             data.sort((a, b) => {
                 if (isAsc) {
                     param1 = a[key][1];
@@ -1283,12 +1253,12 @@ class AnnaSortService {
     }
     checkIfSortingIsApplied(tableData, isLurAndCsrComponent) {
         for (let [key, value] of this.columnSortState.entries()) {
-            if (value == 'ASC') {
+            if (value == "ASC") {
                 tableData = cloneDeep(isLurAndCsrComponent
                     ? this.sortEnterEditLurAndCsrPage(true, tableData, key)
                     : this.sortDataForComponentOtherThanLurAndCsrPage(true, tableData, key));
             }
-            else if (value == 'DESC') {
+            else if (value == "DESC") {
                 tableData = cloneDeep(isLurAndCsrComponent
                     ? this.sortEnterEditLurAndCsrPage(false, tableData, key)
                     : this.sortDataForComponentOtherThanLurAndCsrPage(false, tableData, key));
@@ -1297,28 +1267,28 @@ class AnnaSortService {
         return tableData;
     }
     applySorting(key, tempSortOrder, tableData, isLurAndCsrComponent) {
-        if (tempSortOrder == 'ASC') {
+        if (tempSortOrder == "ASC") {
             tableData = cloneDeep(isLurAndCsrComponent
                 ? this.sortEnterEditLurAndCsrPage(true, tableData, key)
                 : this.sortDataForComponentOtherThanLurAndCsrPage(true, tableData, key));
         }
-        else if (tempSortOrder == 'DESC') {
+        else if (tempSortOrder == "DESC") {
             tableData = cloneDeep(isLurAndCsrComponent
                 ? this.sortEnterEditLurAndCsrPage(false, tableData, key)
                 : this.sortDataForComponentOtherThanLurAndCsrPage(false, tableData, key));
         }
-        else if (tempSortOrder == 'DEFAULT') {
+        else if (tempSortOrder == "DEFAULT") {
             tableData = cloneDeep(this.noSortingAppliedData);
         }
         return tableData;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortService, deps: [{ token: AnnaDateTimeFormatService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortService, providedIn: 'root' }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortService, providedIn: "root" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root',
+                    providedIn: "root",
                 }]
         }], ctorParameters: function () { return [{ type: AnnaDateTimeFormatService }]; } });
@@ -1329,6 +1299,36 @@ var SortTypeEnum;
     SortTypeEnum["DESC"] = "DESC";
 })(SortTypeEnum || (SortTypeEnum = {}));
+class TooltipModel {
+    constructor(obj, id) {
+        this.label = obj != null ? obj.toString() : "-";
+        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 AnnaFilterService {
     static { this.bufferSize = 20; }
     constructor(dateTimeFormatService, annaSortService) {
@@ -2606,22 +2606,22 @@ class AnnaSortComponent {
             {
                 sortType: SortTypeEnum.ASC,
                 isOptionActive: false,
-                text: 'A to Z',
+                text: "A to Z",
             },
             {
                 sortType: SortTypeEnum.DESC,
                 isOptionActive: false,
-                text: 'Z to A',
+                text: "Z to A",
             },
             {
                 sortType: SortTypeEnum.DEFAULT,
                 isOptionActive: false,
-                text: 'Default',
+                text: "Default",
             },
         ];
     }
     ngOnChanges(changes) {
-        if (changes['sortObjectKey'] && changes['sortObjectKey'].currentValue) {
+        if (changes["sortObjectKey"] && changes["sortObjectKey"].currentValue) {
             let sortType = this.annaSortService.columnSortState.get(this.sortObjectKey);
             this.setSortType(sortType);
         }
@@ -2647,7 +2647,7 @@ class AnnaSortComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-core-sort-lib', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgFor, NgClass], 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>\r\n", styles: [".sort-btn{background:#fff;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, standalone: true, imports: [NgFor, NgClass], 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>\r\n", styles: [".sort-btn{background:#fff;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: AnnaSortService }]; }, propDecorators: { sortObjectKey: [{
                 type: Input
             }], sortOptionClicked: [{
@@ -2660,8 +2660,8 @@ class AnnaColumnTimeFilterComponent {
         this.annaDateTimeFormatService = annaDateTimeFormatService;
         this.annaFilterService = annaFilterService;
         this.showClearAllFilter = true;
-        this.startFromText = 'From';
-        this.endToText = 'To';
+        this.startFromText = "From";
+        this.endToText = "To";
         this.isSortAndFilterAbsent = false;
         this.timeChanges = new EventEmitter();
         this.filterAppliedToTable = new EventEmitter();
@@ -2873,7 +2873,7 @@ class AnnaColumnTimeFilterComponent {
             let currentSelectedTimeFilter = this.annaFilterService.getCurrentSelectedTimeFilter(this.selectedFromTime, this.selectedToTime, this.multiTimeCheckboxChecked, this.zeroTimeCheckboxChecked, this.enterTimeCheckboxChecked);
             let isFiltered = this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSelectedTimeFilter);
             this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSelectedTimeFilter);
-            this.tableData = this.annaFilterService.filterData(this.clonedTableData, '');
+            this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
             if (!isFiltered) {
                 this.annaFilterService.tooltipSelectedMap.delete(this.annaFilterService.selectedRadio);
             }
@@ -2887,7 +2887,7 @@ class AnnaColumnTimeFilterComponent {
     }
     clearColumnFilter() {
         this.annaFilterService.clearColumnFilter();
-        this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ''));
+        this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ""));
         this.annaSortService.noSortingAppliedData = this.tableData;
         this.tableData = this.annaSortService.checkIfSortingIsApplied(this.tableData, this.isLurAndCsrComponent);
         this.annaFilterService.updateStateOfTheCurrentFilterTab(this.annaSortService.columnSortState);
@@ -2902,7 +2902,7 @@ class AnnaColumnTimeFilterComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnTimeFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-core-anna-column-time-filter', standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, FormsModule, MatButtonToggleModule], template: "<div\r\n    class=\"radio-container\"\r\n    *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n    <div *ngFor=\"let data of filterTabObjects\">\r\n        <p\r\n            class=\"filter-tab\"\r\n            [title]=\"data.label\"\r\n            (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n            [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n            *ngIf=\"filterTabObjects.length > 0\"\r\n        >\r\n            {{ data.label }}\r\n        </p>\r\n    </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n    *ngIf=\"showSortComponent\"\r\n    [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n    (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n    [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n    <button\r\n        class=\"column-clear-all\"\r\n        *ngIf=\"showClearAllFilter\"\r\n        [disabled]=\"disableColumnClearAllBtn\"\r\n        (click)=\"clearColumnFilter()\"\r\n    >\r\n        Clear filter\r\n    </button>\r\n    <div\r\n        class=\"time-filter-checkboxes\"\r\n        *ngIf=\"showAllTimeRangeCheckboxes\"\r\n    >\r\n        <!-- Multi time option checkbox -->\r\n        <div\r\n            class=\"d-flex align-items-center\"\r\n            style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n            *ngIf=\"showMultiTimeCheckbox\"\r\n        >\r\n            <span\r\n                *ngIf=\"multiTimeCheckboxChecked\"\r\n                class=\"material-icons custom-column-checkbox-checked\"\r\n                (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n            >\r\n                check_box\r\n            </span>\r\n            <span\r\n                *ngIf=\"!multiTimeCheckboxChecked\"\r\n                class=\"material-icons custom-column-checkbox-unchecked\"\r\n                (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n            >\r\n                check_box_outline_blank\r\n            </span>\r\n            <p style=\"margin-left: 2px\">Include Multi</p>\r\n        </div>\r\n        <!-- Zero time option checkbox -->\r\n        <div\r\n            class=\"d-flex align-items-center\"\r\n            style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n            *ngIf=\"showZeroTimeCheckbox\"\r\n        >\r\n            <span\r\n                *ngIf=\"zeroTimeCheckboxChecked\"\r\n                class=\"material-icons custom-column-checkbox-checked\"\r\n                (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n            >\r\n                check_box\r\n            </span>\r\n            <span\r\n                *ngIf=\"!zeroTimeCheckboxChecked\"\r\n                class=\"material-icons custom-column-checkbox-unchecked\"\r\n                (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n            >\r\n                check_box_outline_blank\r\n            </span>\r\n            <p style=\"margin-left: 2px\">Include Zero</p>\r\n        </div>\r\n        <!-- Enter time range option checkbox -->\r\n        <div\r\n            class=\"d-flex align-items-center\"\r\n            style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n            *ngIf=\"showEnterTimeCheckbox\"\r\n        >\r\n            <span\r\n                *ngIf=\"enterTimeCheckboxChecked\"\r\n                class=\"material-icons custom-column-checkbox-checked\"\r\n                (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n            >\r\n                check_box\r\n            </span>\r\n            <span\r\n                *ngIf=\"!enterTimeCheckboxChecked\"\r\n                class=\"material-icons custom-column-checkbox-unchecked\"\r\n                (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n            >\r\n                check_box_outline_blank\r\n            </span>\r\n            <p style=\"margin-left: 2px\">Enter time range</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"time-label-container\">\r\n        <label>{{ startFromText }}</label>\r\n    </div>\r\n    <div class=\"time-container\">\r\n        <input\r\n            class=\"form-control numberInput\"\r\n            [ngClass]=\"{ 'error-border': startTimeHourErr }\"\r\n            [(ngModel)]=\"selectedFromTime[0]\"\r\n            type=\"text\"\r\n            pattern=\"[1-12]*\"\r\n            (ngModelChange)=\"startTimeHourChange($event)\"\r\n        />\r\n        <div class=\"arrow-container\">\r\n            <i\r\n                class=\"mdi mdi-menu-up upward\"\r\n                (click)=\"changeStartTimeHour(true)\"\r\n            ></i>\r\n            <i\r\n                class=\"mdi mdi-menu-down downward\"\r\n                (click)=\"changeStartTimeHour(false)\"\r\n            ></i>\r\n        </div>\r\n        <span class=\"dot\">:</span>\r\n        <input\r\n            class=\"form-control numberInput\"\r\n            [ngClass]=\"{ 'error-border': startTimeMinErr }\"\r\n            [(ngModel)]=\"selectedFromTime[1]\"\r\n            type=\"text\"\r\n            pattern=\"[0-59]*\"\r\n            (ngModelChange)=\"startTimeMinChange($event)\"\r\n        />\r\n        <div class=\"arrow-container\">\r\n            <i\r\n                class=\"mdi mdi-menu-up upward\"\r\n                (click)=\"changeStartTimeMinute(true)\"\r\n            ></i>\r\n            <i\r\n                class=\"mdi mdi-menu-down downward\"\r\n                style=\"position: relative; left: 0.25px\"\r\n                (click)=\"changeStartTimeMinute(false)\"\r\n            ></i>\r\n        </div>\r\n        <div>\r\n            <mat-button-toggle-group\r\n                [(ngModel)]=\"selectedFromTime[2]\"\r\n                (ngModelChange)=\"disableTimeFilterApplyButton()\"\r\n            >\r\n                <mat-button-toggle value=\"AM\">\r\n                    <span>AM</span>\r\n                </mat-button-toggle>\r\n                <mat-button-toggle value=\"PM\">\r\n                    <span>PM</span>\r\n                </mat-button-toggle>\r\n            </mat-button-toggle-group>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"time-label-container\">\r\n        <label>{{ endToText }}</label>\r\n    </div>\r\n    <div class=\"time-container\">\r\n        <input\r\n            class=\"form-control numberInput\"\r\n            [(ngModel)]=\"selectedToTime[0]\"\r\n            [ngClass]=\"{ 'error-border': endTimeHourErr }\"\r\n            (ngModelChange)=\"endTimeHourChange($event)\"\r\n            type=\"text\"\r\n            pattern=\"[1-12]*\"\r\n        />\r\n        <div class=\"arrow-container\">\r\n            <i\r\n                class=\"mdi mdi-menu-up upward\"\r\n                (click)=\"changeEndTimeHour(true)\"\r\n            ></i>\r\n            <i\r\n                class=\"mdi mdi-menu-down downward\"\r\n                (click)=\"changeEndTimeHour(false)\"\r\n            ></i>\r\n        </div>\r\n        <span class=\"dot\">:</span>\r\n        <input\r\n            class=\"form-control numberInput\"\r\n            [ngClass]=\"{ 'error-border': endTimeMinErr }\"\r\n            [(ngModel)]=\"selectedToTime[1]\"\r\n            (ngModelChange)=\"endTimeMinChange($event)\"\r\n            type=\"text\"\r\n            pattern=\"[0-59]*\"\r\n        />\r\n        <div class=\"arrow-container\">\r\n            <i\r\n                class=\"mdi mdi-menu-up upward\"\r\n                (click)=\"changeEndTimeMinute(true)\"\r\n            ></i>\r\n            <i\r\n                class=\"mdi mdi-menu-down downward\"\r\n                style=\"position: relative; left: 0.25px\"\r\n                (click)=\"changeEndTimeMinute(false)\"\r\n            ></i>\r\n        </div>\r\n        <div>\r\n            <mat-button-toggle-group\r\n                [(ngModel)]=\"selectedToTime[2]\"\r\n                (ngModelChange)=\"disableTimeFilterApplyButton()\"\r\n            >\r\n                <mat-button-toggle value=\"AM\">\r\n                    <span>AM</span>\r\n                </mat-button-toggle>\r\n                <mat-button-toggle value=\"PM\">\r\n                    <span>PM</span>\r\n                </mat-button-toggle>\r\n            </mat-button-toggle-group>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n    <button\r\n        class=\"button\"\r\n        (click)=\"closeTimeFilter()\"\r\n    >\r\n        Cancel\r\n    </button>\r\n    <button\r\n        class=\"button\"\r\n        [ngClass]=\"{ disabled: disableTimeFilterApplyBtn }\"\r\n        (click)=\"applyTimeFilters()\"\r\n        [disabled]=\"disableTimeFilterApplyBtn\"\r\n    >\r\n        Apply\r\n    </button>\r\n</div>\r\n", styles: [":host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:30px;width:42px;padding:0 10px}:host ::ng-deep .mat-button-toggle-checked{background-color:#268bff;color:#fff!important}:host ::ng-deep .mat-button-toggle-group-appearance-standard{border-radius:0;border:none!important}::ng-deep .mat-button-toggle-disabled.mat-button-toggle-checked{background:#bdbdbd!important}::ng-deep .mat-button-toggle-disabled.mat-button-toggle-checked button{color:#fff;opacity:1}::ng-deep .mat-button-toggle-appearance-standard{opacity:.5;border:solid 1px #b3b3b3}::ng-deep .mat-button-toggle-appearance-standard button{opacity:1}::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{opacity:1}.sort-btn{background:#fff;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}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.redcolor-status{color:#c62a2a}#no-filter-space{width:.875rem}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}.hidden{display:none}\n"] }]
+            args: [{ selector: "anna-core-anna-column-time-filter", standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, FormsModule, MatButtonToggleModule], template: "<div\r\n    class=\"radio-container\"\r\n    *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n    <div *ngFor=\"let data of filterTabObjects\">\r\n        <p\r\n            class=\"filter-tab\"\r\n            [title]=\"data.label\"\r\n            (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n            [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n            *ngIf=\"filterTabObjects.length > 0\"\r\n        >\r\n            {{ data.label }}\r\n        </p>\r\n    </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n    *ngIf=\"showSortComponent\"\r\n    [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n    (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n    [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n    <button\r\n        class=\"column-clear-all\"\r\n        *ngIf=\"showClearAllFilter\"\r\n        [disabled]=\"disableColumnClearAllBtn\"\r\n        (click)=\"clearColumnFilter()\"\r\n    >\r\n        Clear filter\r\n    </button>\r\n    <div\r\n        class=\"time-filter-checkboxes\"\r\n        *ngIf=\"showAllTimeRangeCheckboxes\"\r\n    >\r\n        <!-- Multi time option checkbox -->\r\n        <div\r\n            class=\"d-flex align-items-center\"\r\n            style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n            *ngIf=\"showMultiTimeCheckbox\"\r\n        >\r\n            <span\r\n                *ngIf=\"multiTimeCheckboxChecked\"\r\n                class=\"material-icons custom-column-checkbox-checked\"\r\n                (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n            >\r\n                check_box\r\n            </span>\r\n            <span\r\n                *ngIf=\"!multiTimeCheckboxChecked\"\r\n                class=\"material-icons custom-column-checkbox-unchecked\"\r\n                (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n            >\r\n                check_box_outline_blank\r\n            </span>\r\n            <p style=\"margin-left: 2px\">Include Multi</p>\r\n        </div>\r\n        <!-- Zero time option checkbox -->\r\n        <div\r\n            class=\"d-flex align-items-center\"\r\n            style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n            *ngIf=\"showZeroTimeCheckbox\"\r\n        >\r\n            <span\r\n                *ngIf=\"zeroTimeCheckboxChecked\"\r\n                class=\"material-icons custom-column-checkbox-checked\"\r\n                (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n            >\r\n                check_box\r\n            </span>\r\n            <span\r\n                *ngIf=\"!zeroTimeCheckboxChecked\"\r\n                class=\"material-icons custom-column-checkbox-unchecked\"\r\n                (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n            >\r\n                check_box_outline_blank\r\n            </span>\r\n            <p style=\"margin-left: 2px\">Include Zero</p>\r\n        </div>\r\n        <!-- Enter time range option checkbox -->\r\n        <div\r\n            class=\"d-flex align-items-center\"\r\n            style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n            *ngIf=\"showEnterTimeCheckbox\"\r\n        >\r\n            <span\r\n                *ngIf=\"enterTimeCheckboxChecked\"\r\n                class=\"material-icons custom-column-checkbox-checked\"\r\n                (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n            >\r\n                check_box\r\n            </span>\r\n            <span\r\n                *ngIf=\"!enterTimeCheckboxChecked\"\r\n                class=\"material-icons custom-column-checkbox-unchecked\"\r\n                (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n            >\r\n                check_box_outline_blank\r\n            </span>\r\n            <p style=\"margin-left: 2px\">Enter time range</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"time-label-container\">\r\n        <label>{{ startFromText }}</label>\r\n    </div>\r\n    <div class=\"time-container\">\r\n        <input\r\n            class=\"form-control numberInput\"\r\n            [ngClass]=\"{ 'error-border': startTimeHourErr }\"\r\n            [(ngModel)]=\"selectedFromTime[0]\"\r\n            type=\"text\"\r\n            pattern=\"[1-12]*\"\r\n            (ngModelChange)=\"startTimeHourChange($event)\"\r\n        />\r\n        <div class=\"arrow-container\">\r\n            <i\r\n                class=\"mdi mdi-menu-up upward\"\r\n                (click)=\"changeStartTimeHour(true)\"\r\n            ></i>\r\n            <i\r\n                class=\"mdi mdi-menu-down downward\"\r\n                (click)=\"changeStartTimeHour(false)\"\r\n            ></i>\r\n        </div>\r\n        <span class=\"dot\">:</span>\r\n        <input\r\n            class=\"form-control numberInput\"\r\n            [ngClass]=\"{ 'error-border': startTimeMinErr }\"\r\n            [(ngModel)]=\"selectedFromTime[1]\"\r\n            type=\"text\"\r\n            pattern=\"[0-59]*\"\r\n            (ngModelChange)=\"startTimeMinChange($event)\"\r\n        />\r\n        <div class=\"arrow-container\">\r\n            <i\r\n                class=\"mdi mdi-menu-up upward\"\r\n                (click)=\"changeStartTimeMinute(true)\"\r\n            ></i>\r\n            <i\r\n                class=\"mdi mdi-menu-down downward\"\r\n                style=\"position: relative; left: 0.25px\"\r\n                (click)=\"changeStartTimeMinute(false)\"\r\n            ></i>\r\n        </div>\r\n        <div>\r\n            <mat-button-toggle-group\r\n                [(ngModel)]=\"selectedFromTime[2]\"\r\n                (ngModelChange)=\"disableTimeFilterApplyButton()\"\r\n            >\r\n                <mat-button-toggle value=\"AM\">\r\n                    <span>AM</span>\r\n                </mat-button-toggle>\r\n                <mat-button-toggle value=\"PM\">\r\n                    <span>PM</span>\r\n                </mat-button-toggle>\r\n            </mat-button-toggle-group>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"time-label-container\">\r\n        <label>{{ endToText }}</label>\r\n    </div>\r\n    <div class=\"time-container\">\r\n        <input\r\n            class=\"form-control numberInput\"\r\n            [(ngModel)]=\"selectedToTime[0]\"\r\n            [ngClass]=\"{ 'error-border': endTimeHourErr }\"\r\n            (ngModelChange)=\"endTimeHourChange($event)\"\r\n            type=\"text\"\r\n            pattern=\"[1-12]*\"\r\n        />\r\n        <div class=\"arrow-container\">\r\n            <i\r\n                class=\"mdi mdi-menu-up upward\"\r\n                (click)=\"changeEndTimeHour(true)\"\r\n            ></i>\r\n            <i\r\n                class=\"mdi mdi-menu-down downward\"\r\n                (click)=\"changeEndTimeHour(false)\"\r\n            ></i>\r\n        </div>\r\n        <span class=\"dot\">:</span>\r\n        <input\r\n            class=\"form-control numberInput\"\r\n            [ngClass]=\"{ 'error-border': endTimeMinErr }\"\r\n            [(ngModel)]=\"selectedToTime[1]\"\r\n            (ngModelChange)=\"endTimeMinChange($event)\"\r\n            type=\"text\"\r\n            pattern=\"[0-59]*\"\r\n        />\r\n        <div class=\"arrow-container\">\r\n            <i\r\n                class=\"mdi mdi-menu-up upward\"\r\n                (click)=\"changeEndTimeMinute(true)\"\r\n            ></i>\r\n            <i\r\n                class=\"mdi mdi-menu-down downward\"\r\n                style=\"position: relative; left: 0.25px\"\r\n                (click)=\"changeEndTimeMinute(false)\"\r\n            ></i>\r\n        </div>\r\n        <div>\r\n            <mat-button-toggle-group\r\n                [(ngModel)]=\"selectedToTime[2]\"\r\n                (ngModelChange)=\"disableTimeFilterApplyButton()\"\r\n            >\r\n                <mat-button-toggle value=\"AM\">\r\n                    <span>AM</span>\r\n                </mat-button-toggle>\r\n                <mat-button-toggle value=\"PM\">\r\n                    <span>PM</span>\r\n                </mat-button-toggle>\r\n            </mat-button-toggle-group>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n    <button\r\n        class=\"button\"\r\n        (click)=\"closeTimeFilter()\"\r\n    >\r\n        Cancel\r\n    </button>\r\n    <button\r\n        class=\"button\"\r\n        [ngClass]=\"{ disabled: disableTimeFilterApplyBtn }\"\r\n        (click)=\"applyTimeFilters()\"\r\n        [disabled]=\"disableTimeFilterApplyBtn\"\r\n    >\r\n        Apply\r\n    </button>\r\n</div>\r\n", styles: [":host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:30px;width:42px;padding:0 10px}:host ::ng-deep .mat-button-toggle-checked{background-color:#268bff;color:#fff!important}:host ::ng-deep .mat-button-toggle-group-appearance-standard{border-radius:0;border:none!important}::ng-deep .mat-button-toggle-disabled.mat-button-toggle-checked{background:#bdbdbd!important}::ng-deep .mat-button-toggle-disabled.mat-button-toggle-checked button{color:#fff;opacity:1}::ng-deep .mat-button-toggle-appearance-standard{opacity:.5;border:solid 1px #b3b3b3}::ng-deep .mat-button-toggle-appearance-standard button{opacity:1}::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{opacity:1}.sort-btn{background:#fff;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}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.redcolor-status{color:#c62a2a}#no-filter-space{width:.875rem}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}.hidden{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: AnnaSortService }, { type: AnnaDateTimeFormatService }, { type: AnnaFilterService }]; }, propDecorators: { tableData: [{
                 type: Input
             }], clonedTableData: [{
@@ -2983,7 +2983,7 @@ class AnnaColumnDateRangeFilterComponent {
         }
     }
     getCalendarData() {
-        const parsingFormat = 'MM/DD/YYYY';
+        const parsingFormat = "MM/DD/YYYY";
         let optionData = this.annaFilterService.getFilterOptionsData(this.tableData, this.clonedTableData);
         let minMaxDate = this.annaFilterService.createRangeForTheDateFilter(optionData);
         this.selectRangeForTheDateFilter(minMaxDate, parsingFormat);
@@ -3068,13 +3068,13 @@ class AnnaColumnDateRangeFilterComponent {
             let currentSelectedDate = this.annaFilterService.getCurrentSelectedDatesForCalendar(cloneDeep(this.calendarSelection), this.calendarMinEnabledDate, this.calendarMaxEnabledDate);
             this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSelectedDate);
             this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSelectedDate);
-            this.tableData = this.annaFilterService.filterData(this.clonedTableData, '');
+            this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
             this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
         }
     }
     clearColumnFilter() {
         this.annaFilterService.clearColumnFilter();
-        this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ''));
+        this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ""));
         this.annaSortService.noSortingAppliedData = this.tableData;
         this.tableData = this.annaSortService.checkIfSortingIsApplied(this.tableData, this.isLurAndCsrComponent);
         this.annaFilterService.updateStateOfTheCurrentFilterTab(this.annaSortService.columnSortState);
@@ -3089,7 +3089,7 @@ class AnnaColumnDateRangeFilterComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnDateRangeFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-core-anna-column-date-range-filter', standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, AnnaCalendarFilterComponent], template: "<div\r\n    class=\"radio-container\"\r\n    *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n    <div *ngFor=\"let data of filterTabObjects\">\r\n        <p\r\n            class=\"filter-tab\"\r\n            [title]=\"data.label\"\r\n            (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n            [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n            *ngIf=\"filterTabObjects.length > 0\"\r\n        >\r\n            {{ data.label }}\r\n        </p>\r\n    </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n    *ngIf=\"showSortComponent\"\r\n    [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n    (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n    [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n    <div class=\"datepicker-container\">\r\n        <button\r\n            class=\"column-clear-all\"\r\n            [disabled]=\"disableColumnClearAllBtn\"\r\n            (click)=\"clearColumnFilter()\"\r\n        >\r\n            Clear filter\r\n        </button>\r\n        <anna-core-calendar-filter-lib\r\n            class=\"filter-calendar\"\r\n            [minDate]=\"calendarMinEnabledDate\"\r\n            [maxDate]=\"calendarMaxEnabledDate\"\r\n            [selectedFromDate]=\"selectedMinDate\"\r\n            [selectedToDate]=\"selectedMaxDate\"\r\n            (selectedDate)=\"calendarDateChanged($event)\"\r\n            [label]=\"selectedLabel\"\r\n        >\r\n        </anna-core-calendar-filter-lib>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n    <button\r\n        class=\"button\"\r\n        (click)=\"cancelInDateFilter()\"\r\n    >\r\n        Cancel\r\n    </button>\r\n    <button\r\n        class=\"button\"\r\n        (click)=\"applyDateFilter()\"\r\n        [ngClass]=\"{ disabled: disableCalendarApplyBtn }\"\r\n        [disabled]=\"disableCalendarApplyBtn\"\r\n    >\r\n        Apply\r\n    </button>\r\n</div>\r\n", styles: [".sort-btn{background:#fff;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}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}\n"] }]
+            args: [{ selector: "anna-core-anna-column-date-range-filter", standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, AnnaCalendarFilterComponent], template: "<div\r\n    class=\"radio-container\"\r\n    *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n    <div *ngFor=\"let data of filterTabObjects\">\r\n        <p\r\n            class=\"filter-tab\"\r\n            [title]=\"data.label\"\r\n            (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n            [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n            *ngIf=\"filterTabObjects.length > 0\"\r\n        >\r\n            {{ data.label }}\r\n        </p>\r\n    </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n    *ngIf=\"showSortComponent\"\r\n    [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n    (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n    [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n    <div class=\"datepicker-container\">\r\n        <button\r\n            class=\"column-clear-all\"\r\n            [disabled]=\"disableColumnClearAllBtn\"\r\n            (click)=\"clearColumnFilter()\"\r\n        >\r\n            Clear filter\r\n        </button>\r\n        <anna-core-calendar-filter-lib\r\n            class=\"filter-calendar\"\r\n            [minDate]=\"calendarMinEnabledDate\"\r\n            [maxDate]=\"calendarMaxEnabledDate\"\r\n            [selectedFromDate]=\"selectedMinDate\"\r\n            [selectedToDate]=\"selectedMaxDate\"\r\n            (selectedDate)=\"calendarDateChanged($event)\"\r\n            [label]=\"selectedLabel\"\r\n        >\r\n        </anna-core-calendar-filter-lib>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n    <button\r\n        class=\"button\"\r\n        (click)=\"cancelInDateFilter()\"\r\n    >\r\n        Cancel\r\n    </button>\r\n    <button\r\n        class=\"button\"\r\n        (click)=\"applyDateFilter()\"\r\n        [ngClass]=\"{ disabled: disableCalendarApplyBtn }\"\r\n        [disabled]=\"disableCalendarApplyBtn\"\r\n    >\r\n        Apply\r\n    </button>\r\n</div>\r\n", styles: [".sort-btn{background:#fff;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}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}\n"] }]
         }], ctorParameters: function () { return [{ type: AnnaDateTimeFormatService }, { type: AnnaSortService }, { type: AnnaFilterService }]; }, propDecorators: { tableData: [{
                 type: Input
             }], clonedTableData: [{
@@ -3173,10 +3173,10 @@ class AnnaColumnSliderFilterComponent {
         let optionsData = this.annaFilterService.getFilterOptionsData(this.tableData, this.clonedTableData);
         this.options = this.annaFilterService.getSliderOptions(optionsData, translateFunc, key);
         this.options.step = 1;
-        this.sliderFilterTextBoxStep = '1';
-        if (key !== 'WeekNumber') {
+        this.sliderFilterTextBoxStep = "1";
+        if (key !== "WeekNumber") {
             this.options.step = 0.01;
-            this.sliderFilterTextBoxStep = '0.01';
+            this.sliderFilterTextBoxStep = "0.01";
         }
     }
     setSelectedRangeForSlider(key) {
@@ -3189,7 +3189,7 @@ class AnnaColumnSliderFilterComponent {
         this.closeTooltip.emit();
     }
     minValueChanged(val) {
-        if (val || val == '0') {
+        if (val || val == "0") {
             this.sliderEnteredMinValue = +val;
             this.sliderEnteredMaxValue = this.sliderMaxValue;
             this.isMinTextBoxEmpty = false;
@@ -3243,7 +3243,7 @@ class AnnaColumnSliderFilterComponent {
         this.sliderEnteredMaxValue = this.sliderMaxValue;
     }
     maxValueChanged(val) {
-        if (val || val == '0') {
+        if (val || val == "0") {
             this.sliderEnteredMaxValue = +val;
             this.sliderEnteredMinValue = this.sliderMinValue;
             this.isMaxTextBoxEmpty = false;
@@ -3350,7 +3350,7 @@ class AnnaColumnSliderFilterComponent {
             let currentSliderData = this.annaFilterService.getCurrentSelectedValueForSlider(this.sliderEnteredMinValue, this.sliderEnteredMaxValue, this.options);
             this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSliderData);
             this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSliderData);
-            this.tableData = this.annaFilterService.filterData(this.clonedTableData, '');
+            this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
             this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
         }
     }
@@ -3381,7 +3381,7 @@ class AnnaColumnSliderFilterComponent {
     }
     clearColumnFilter() {
         this.annaFilterService.clearColumnFilter();
-        this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ''));
+        this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ""));
         this.annaSortService.noSortingAppliedData = this.tableData;
         this.tableData = this.annaSortService.checkIfSortingIsApplied(this.tableData, this.isLurAndCsrComponent);
         this.annaFilterService.updateStateOfTheCurrentFilterTab(this.annaSortService.columnSortState);
@@ -3392,7 +3392,7 @@ class AnnaColumnSliderFilterComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnSliderFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-core-anna-column-slider-filter', standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, FormsModule, NgxSliderModule], template: "<div\r\n    class=\"radio-container\"\r\n    *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n    <div *ngFor=\"let data of filterTabObjects\">\r\n        <p\r\n            class=\"filter-tab\"\r\n            [title]=\"data.label\"\r\n            (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n            [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n            *ngIf=\"filterTabObjects.length > 0\"\r\n        >\r\n            {{ data.label }}\r\n        </p>\r\n    </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n    *ngIf=\"showSortComponent\"\r\n    [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n    (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n    [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n    <button\r\n        class=\"column-clear-all\"\r\n        [disabled]=\"disableColumnClearAllBtn\"\r\n        (click)=\"clearColumnFilter()\"\r\n    >\r\n        Clear filter\r\n    </button>\r\n    <section class=\"min-maxContainer\">\r\n        <input\r\n            type=\"number\"\r\n            class=\"slider-text\"\r\n            step=\"{{ sliderFilterTextBoxStep }}\"\r\n            [(ngModel)]=\"sliderMinValue\"\r\n            (ngModelChange)=\"minValueChanged($event)\"\r\n            [ngClass]=\"{ 'red-border': showSliderMinValueError }\"\r\n            placeholder=\"Min\"\r\n        />\r\n        <span>To</span>\r\n        <input\r\n            type=\"number\"\r\n            class=\"slider-text\"\r\n            step=\"{{ sliderFilterTextBoxStep }}\"\r\n            [(ngModel)]=\"sliderMaxValue\"\r\n            (ngModelChange)=\"maxValueChanged($event)\"\r\n            [ngClass]=\"{ 'red-border': showSliderMaxValueError }\"\r\n            placeholder=\"Max\"\r\n        />\r\n    </section>\r\n    <div class=\"sidebar-slider\">\r\n        <ngx-slider\r\n            *ngIf=\"!showEmptySpaceForSlider\"\r\n            [ngClass]=\"{\r\n                'show-min': sliderMinValue != options.floor,\r\n                'show-max': sliderMaxValue != options.ceil\r\n            }\"\r\n            class=\"filter-slider\"\r\n            [(value)]=\"sliderEnteredMinValue\"\r\n            [(highValue)]=\"sliderEnteredMaxValue\"\r\n            [options]=\"options\"\r\n        ></ngx-slider>\r\n        <div\r\n            *ngIf=\"showEmptySpaceForSlider\"\r\n            class=\"slider-placeholder\"\r\n        ></div>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n    <button\r\n        class=\"button\"\r\n        (click)=\"cancelSliderFilter()\"\r\n    >\r\n        Cancel\r\n    </button>\r\n    <button\r\n        class=\"button\"\r\n        [ngClass]=\"{ disabled: disableSliderApplyButton }\"\r\n        (click)=\"applyFilters()\"\r\n        [disabled]=\"disableSliderApplyButton\"\r\n    >\r\n        Apply\r\n    </button>\r\n</div>\r\n", styles: [".sort-btn{background:#fff;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}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}\n"] }]
+            args: [{ selector: "anna-core-anna-column-slider-filter", standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, FormsModule, NgxSliderModule], template: "<div\r\n    class=\"radio-container\"\r\n    *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n    <div *ngFor=\"let data of filterTabObjects\">\r\n        <p\r\n            class=\"filter-tab\"\r\n            [title]=\"data.label\"\r\n            (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n            [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n            *ngIf=\"filterTabObjects.length > 0\"\r\n        >\r\n            {{ data.label }}\r\n        </p>\r\n    </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n    *ngIf=\"showSortComponent\"\r\n    [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n    (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n    [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n    <button\r\n        class=\"column-clear-all\"\r\n        [disabled]=\"disableColumnClearAllBtn\"\r\n        (click)=\"clearColumnFilter()\"\r\n    >\r\n        Clear filter\r\n    </button>\r\n    <section class=\"min-maxContainer\">\r\n        <input\r\n            type=\"number\"\r\n            class=\"slider-text\"\r\n            step=\"{{ sliderFilterTextBoxStep }}\"\r\n            [(ngModel)]=\"sliderMinValue\"\r\n            (ngModelChange)=\"minValueChanged($event)\"\r\n            [ngClass]=\"{ 'red-border': showSliderMinValueError }\"\r\n            placeholder=\"Min\"\r\n        />\r\n        <span>To</span>\r\n        <input\r\n            type=\"number\"\r\n            class=\"slider-text\"\r\n            step=\"{{ sliderFilterTextBoxStep }}\"\r\n            [(ngModel)]=\"sliderMaxValue\"\r\n            (ngModelChange)=\"maxValueChanged($event)\"\r\n            [ngClass]=\"{ 'red-border': showSliderMaxValueError }\"\r\n            placeholder=\"Max\"\r\n        />\r\n    </section>\r\n    <div class=\"sidebar-slider\">\r\n        <ngx-slider\r\n            *ngIf=\"!showEmptySpaceForSlider\"\r\n            [ngClass]=\"{\r\n                'show-min': sliderMinValue != options.floor,\r\n                'show-max': sliderMaxValue != options.ceil\r\n            }\"\r\n            class=\"filter-slider\"\r\n            [(value)]=\"sliderEnteredMinValue\"\r\n            [(highValue)]=\"sliderEnteredMaxValue\"\r\n            [options]=\"options\"\r\n        ></ngx-slider>\r\n        <div\r\n            *ngIf=\"showEmptySpaceForSlider\"\r\n            class=\"slider-placeholder\"\r\n        ></div>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n    <button\r\n        class=\"button\"\r\n        (click)=\"cancelSliderFilter()\"\r\n    >\r\n        Cancel\r\n    </button>\r\n    <button\r\n        class=\"button\"\r\n        [ngClass]=\"{ disabled: disableSliderApplyButton }\"\r\n        (click)=\"applyFilters()\"\r\n        [disabled]=\"disableSliderApplyButton\"\r\n    >\r\n        Apply\r\n    </button>\r\n</div>\r\n", styles: [".sort-btn{background:#fff;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}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}\n"] }]
         }], ctorParameters: function () { return [{ type: AnnaFilterService }, { type: AnnaSortService }]; }, propDecorators: { filterTabObjects: [{
                 type: Input
             }], isLurAndCsrComponent: [{
@@ -3457,7 +3457,7 @@ class AnnaColumnCheckboxFilterComponent {
     }
     getCheckboxData(header) {
         let tooltipOptions = this.createListForCheckboxFilter(header);
-        let [clonedTooltipOptions, updatedTooltipOptions, selectedItems, unselectedItems] = this.annaFilterService.getClonedTooltipAndTooltipOption(tooltipOptions, 'label');
+        let [clonedTooltipOptions, updatedTooltipOptions, selectedItems, unselectedItems] = this.annaFilterService.getClonedTooltipAndTooltipOption(tooltipOptions, "label");
         this.clonedTooltipOptions = clonedTooltipOptions;
         this.tooltipOptions = updatedTooltipOptions;
         this.heightOfCheckboxTooltipFilter = this.annaFilterService.getHeightOfCheckboxTooltipFilter(this.tooltipOptions.length, this.margin);
@@ -3562,7 +3562,7 @@ class AnnaColumnCheckboxFilterComponent {
             let currentSelectedValue = this.annaFilterService.getCheckboxCurrentSelectedValue(this.searchItem, this.tooltipOptions);
             this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSelectedValue);
             this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSelectedValue);
-            this.tableData = this.annaFilterService.filterData(this.clonedTableData, '');
+            this.tableData = this.annaFilterService.filterData(this.clonedTableData, "");
             this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
         }
     }
@@ -3611,8 +3611,8 @@ class AnnaColumnCheckboxFilterComponent {
         this.toolTipdata = null;
     }
     clearSearchedItem() {
-        this.searchItem = '';
-        this.searchForTheItem('');
+        this.searchItem = "";
+        this.searchForTheItem("");
     }
     storeSortTypeInTempVariable(event) {
         this.tempSortOrder = event;
@@ -3623,7 +3623,7 @@ class AnnaColumnCheckboxFilterComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnCheckboxFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-core-anna-column-checkbox-filter', standalone: true, imports: [
+            args: [{ selector: "anna-core-anna-column-checkbox-filter", standalone: true, imports: [
                         NgIf,
                         NgFor,
                         NgClass,
@@ -3653,15 +3653,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }] } });
-class AnnaEstIconTemplateComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaEstIconTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaEstIconTemplateComponent, isStandalone: true, selector: "anna-core-anna-est-icon-template", ngImport: i0, template: "<svg\r\n    width=\"12\"\r\n    height=\"12\"\r\n    viewBox=\"0 0 14 14\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n>\r\n    <path\r\n        d=\"M0 0H14V14H0V0Z\"\r\n        fill=\"url(#pattern0)\"\r\n    />\r\n    <defs>\r\n        <pattern\r\n            id=\"pattern0\"\r\n            patternContentUnits=\"objectBoundingBox\"\r\n            width=\"1\"\r\n            height=\"1\"\r\n        >\r\n            <use\r\n                xlink:href=\"#image0_866_172\"\r\n                transform=\"scale(0.0430107 0.0434783)\"\r\n            />\r\n        </pattern>\r\n        <image\r\n            id=\"image0_866_172\"\r\n            width=\"93\"\r\n            height=\"23\"\r\n            xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAXCAYAAABpskPJAAAAAXNSR0IArs4c6QAACrxJREFUaAWtWQt0VMUZnrm72WRNSAKWwiELIRwI1ojUHh5hl1rUWlpqC1QbiCgF8jqA2kJ5tGiTLYLUylPwSLKJiVgIBCiUWmhtEduTbIJaFM6hxyLyCAkHKJINeWf33uk3G+7u3Lt3H/Fwz9nM/56Zf/75/5kJJTF8jDHqctt2MEKfgfj7SQOkRfMebGyJQZUw5pRc7oo1sLGcUPZeosla+Ez2+dux6Koyb50aPdjX2V3KKHNIjGwrmNr8CuftPjNiYPttZQcl7HEi0TcL7U0lqk6sbcXJtPGyj1RhbomEsGVFjua/xKxbO3yYjyj7KKX3Q39zkePK+lh0pViEXO7h+YyRJfBgMn6z2tsUZyx6XKbCXTGVMeVlTGggYWROp9z9bo3bZo1Vn8t5u7pWM8JmQ//rjJJ1roa0bE5vb2fPwe7TjJDBTGHFpW7b7zm9P5/PS0sxt29iXmNgv2rX6Qfh/Ng+mTIXJDE/NogwZZ2r3jYtFs2oTudRjgn/UmeswNWQMURHM0QVwsaLDNj7toeR6hr2U5NIjwRTQh9Q+XAQJYqU4ceZMk6l+1uFrSytTVumoUVFWJYg8rUub2uygIcFyz4ckYW5zBAFFIW9JOLh4KhOL6sfMRMRMFZjgDGronj1C6ERiYRgsDNb3O7tkWREHhyNYA5+WEgaxLQQpWQTxpyjpcaOmbuVsLY1VrzKag3OEUYeU3dhCE8gRHU6UdivBPkgqLDF5W7boCChnxAji121aWv6qaUR51tQQwDCdwKTlV1lbtt39Ly7hZfXZaQjcHKN7DGZ/saILtIiOr0vR7HJooIAJymM9XMrC9oAFULWu9xp87XUu4GxeBg/zFPA3bCmt6EQ/y436+kc5ymntD79W0Y8lRbR6Uwh+ij3qYq8RVA9X/rxqBSR1l9YYbTc1TDi8Uh6SBmaLU8VLW6ki02QynrlY2+7bWlG/K9K4ycpbK98nb7GL1SWI+b2sE4vd6c/hFWbLhrH5BcBbw/QGEuhPd7nA3hsQCPEgoNkLI7J8kHeX2zqQSlkdk16wdHtfJDrh4Z3M3KsP4FhlsLXC27R19X1AsJZOH3RFipJRZp+KZtVXjc8UPw1PCBhna4oPl2U09OFjuZ3EHQ7RSOMKL/ozzELjvmIUqlAY4ORAbIiH62sHzlSpPcfplsQGFUaPcbGkZ7eQzVnsywa+ldAYCMJh7mloiqVyPaCKXlV2HufqXReVxSivKji+tbQ6SiQoyH4pCgsEbqB43EW8yY4vjvAY+Te7o6WxQE8BqDQcaWKSFKxVpQN7VW8x4yKs/70oqYb5BxNpHN7Y+xjCrCwf9PYZuwRj6e1CjtXk6Y0MjEgLZ7biGjcN4JfOxy4jVKnQiTT74Jk/8Byyk6OyhRpKmzodJmRlZhN8BxN6ef5jrz9XGnhpEvXcD54SzXgb5myor8XniL7lZcJpeVaO+Q+nHWPVF4cmaCh9wN5hH7gS01NeQqR94moxk8brrrhUS9PvWHSC98pyGbLRZt81+fbm25xWmb2qN3o81KAz4jEvD2Gp7MQp1d+OHIo4udnAWUAEiWv+lfzDlEiFj74QF5GJA7BhUdfXEQThnCmffRiROVRkYnFdnibfXv484FKVyNbxaO1OVln2y1xcTM0ToASiuuK0jrbC9H0jfgtLa3zsXDDVB7f7XzXqzhfbHhKv6jzXCfTM1QZtQ1MTCX09npx/sSR684HpzSlpKS8o+K8zXdcvIxmt0gDvKq/eZMPNCFpUA4i/mPRFpwzu6yu/HWR1l+4b0fG/QDj90diUJ9tKauzaVJnkBcewsJrjra4p1f6+xBULMNMlYTQawLJrPhkXW00KKTURAMFoU+ZbkDk9AqG/KCZWDYgkhSVjiiwtba2LlBxtUVNCeyIO7RWlcfb+ePPdFhJ/A8RORdFOhZ+KZwTeuuDEBbFn5uRogP9+3UZ09gusl/6jJmkmboaJMHAH0obRkzV9teHmaQE47xP2VlVvi/KTRtVXG0XZlzqphINRD+nw9gC3FJtqgxvQyL96uV2642r7Z9D+jiYLxbYG98UFVQ4b+rF/+JGeEDFecvP9SfYNO2lId66H7a+RAriA5BRQKtFHQ7Pd3xxAxX6+1xOy2Mbympt87S0IGaSJH9t6bNNPXGJ5pAXwqLsxlpK2bOwHVggLFoC8SlHXPXp3whaiwxdb+74+/Wr7f/DrnwP+XbWoomNF4w0UlOSd4rzQDBaFJmuFGU1TocAagUrUWSJP3F+lz+hYnvCXcYfNdP12HYBPiaTca7hgsZJRRPO3YyzmCZda2rr7lXYpMIpjf8wslY4+cI5MzH/CJPqUvlwJsWIKoGPU2lim29vPN7dqfzkRnN7S2KyNGrhQ5c8Il+FCxzNBzAPTRFEiAxUZN9f0V8glaryRq3sZWtwxS8qcjRNL7Rf0Z6OBAVeTwiVtgkkDmoeCDVOX7tv4I8hIJfktoREjM6IHy3IbjoDx7wr8nAbw9t5sAhynj8qGPXebO8+L8rq4TzH5Xos4jwxKhEEcWIB4zpiYW1r6zqlMNIW7X0fb+042pHNuj5HcPsizWtwenHuG8hfEy3Fc1sOi7LhYIvVtB2DvB3g6x4IA07nUY5fMbbO2oBwDAAuOngrD34I+0z808LolS/QV1A6FIJzDmHAPw/lRKQEj7cRxArsTSuQ4moiiISwnDyAZKUEgbA20q4XFft2HN0h0vBwuPjtk/fdy2nSKzVDBzurU7c7q1OQ89gDzjmemFZTNYiLDm6YIZeRl/ypCkK8de5JeQOpJ5F45MPOE7qcrxoS2iJ70w4s/msCyRB8/ejoeJ+XLUEfac49yZvUPg2FQeROsw2xzgfwr3AyKt1ZMzjJuTdlI6veLIOW5cxt1dQvVS5sG2/dggXuEPhJ3b4Of4qTenydN7CKTDLRp5AqLFiAaYJgTKAk6aOdZVU0pD/BlX+7N7UcDl9iksgk9JNNrn3yRixGC6dcWQ0nhRRdrqvgiMXbW603/o3ymCmZpEexw5ajr19zeqRvxpjzPZZ7zDOxBP8xkjP13Lm1+nqvIjoHU2p2IHRMa/cmTzSSD0fjtQx96A4hbGlF7dgBuPfQDjIkdVXJnNaDmOT7eDW4P5yhcPT8KY11cOhxkS8ryiI/zkgaUlBe8dzbHyF6n8YEnogWkVyPRyVulgswvg/8dnR/+mz4i+72kjmeE5BbjZL+sE7MEPVv/wQLP8NfNRTgRMqs1GQ64My95cbcvsBr6IqwsmEY1By3EbqdATYeCGXa+SSeVMg+cu3WaWd18i5M5FGr1aK5CAUUogCIiGJRRN1aKF6v4X+kFUgxO/HPhUOUSM9xh4qy4WB+P8AxcDY8cFqUMUvyp9wG+tiJXXQcqWUr2leJmYZcREQ9ES6acKHRZGYzsFjiiedmsn1Ck1+OSnMUWT6CtHseGSArcVBCXxCJRqLABdkXr0NEH+1tEnJVHiawFen9MqWWtNUzb7ZFsWXILrRfduPFbQ0W8UvY+6fZmrCMC5bkth6nkmUs6I2I+EdKcj2HDA2EIfKoTIhLegzsP3MHIUpW5U1u9i8CbFeYqOlh3DZuoc+JzhzPp2HMGJL9dij9HsZ2CgKNJok+m0P38xxOnHM9fzRb4jOxsBuGZY6xrJx+XczPhvaMiJZ74tZhbH/CDzdjaWuho+ng/wFBoBobOBQp5QAAAABJRU5ErkJggg==\"\r\n        />\r\n    </defs>\r\n</svg>\r\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaEstIconTemplateComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anna-core-anna-est-icon-template', standalone: true, imports: [], template: "<svg\r\n    width=\"12\"\r\n    height=\"12\"\r\n    viewBox=\"0 0 14 14\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n>\r\n    <path\r\n        d=\"M0 0H14V14H0V0Z\"\r\n        fill=\"url(#pattern0)\"\r\n    />\r\n    <defs>\r\n        <pattern\r\n            id=\"pattern0\"\r\n            patternContentUnits=\"objectBoundingBox\"\r\n            width=\"1\"\r\n            height=\"1\"\r\n        >\r\n            <use\r\n                xlink:href=\"#image0_866_172\"\r\n                transform=\"scale(0.0430107 0.0434783)\"\r\n            />\r\n        </pattern>\r\n        <image\r\n            id=\"image0_866_172\"\r\n            width=\"93\"\r\n            height=\"23\"\r\n            xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAXCAYAAABpskPJAAAAAXNSR0IArs4c6QAACrxJREFUaAWtWQt0VMUZnrm72WRNSAKWwiELIRwI1ojUHh5hl1rUWlpqC1QbiCgF8jqA2kJ5tGiTLYLUylPwSLKJiVgIBCiUWmhtEduTbIJaFM6hxyLyCAkHKJINeWf33uk3G+7u3Lt3H/Fwz9nM/56Zf/75/5kJJTF8jDHqctt2MEKfgfj7SQOkRfMebGyJQZUw5pRc7oo1sLGcUPZeosla+Ez2+dux6Koyb50aPdjX2V3KKHNIjGwrmNr8CuftPjNiYPttZQcl7HEi0TcL7U0lqk6sbcXJtPGyj1RhbomEsGVFjua/xKxbO3yYjyj7KKX3Q39zkePK+lh0pViEXO7h+YyRJfBgMn6z2tsUZyx6XKbCXTGVMeVlTGggYWROp9z9bo3bZo1Vn8t5u7pWM8JmQ//rjJJ1roa0bE5vb2fPwe7TjJDBTGHFpW7b7zm9P5/PS0sxt29iXmNgv2rX6Qfh/Ng+mTIXJDE/NogwZZ2r3jYtFs2oTudRjgn/UmeswNWQMURHM0QVwsaLDNj7toeR6hr2U5NIjwRTQh9Q+XAQJYqU4ceZMk6l+1uFrSytTVumoUVFWJYg8rUub2uygIcFyz4ckYW5zBAFFIW9JOLh4KhOL6sfMRMRMFZjgDGronj1C6ERiYRgsDNb3O7tkWREHhyNYA5+WEgaxLQQpWQTxpyjpcaOmbuVsLY1VrzKag3OEUYeU3dhCE8gRHU6UdivBPkgqLDF5W7boCChnxAji121aWv6qaUR51tQQwDCdwKTlV1lbtt39Ly7hZfXZaQjcHKN7DGZ/saILtIiOr0vR7HJooIAJymM9XMrC9oAFULWu9xp87XUu4GxeBg/zFPA3bCmt6EQ/y436+kc5ymntD79W0Y8lRbR6Uwh+ij3qYq8RVA9X/rxqBSR1l9YYbTc1TDi8Uh6SBmaLU8VLW6ki02QynrlY2+7bWlG/K9K4ycpbK98nb7GL1SWI+b2sE4vd6c/hFWbLhrH5BcBbw/QGEuhPd7nA3hsQCPEgoNkLI7J8kHeX2zqQSlkdk16wdHtfJDrh4Z3M3KsP4FhlsLXC27R19X1AsJZOH3RFipJRZp+KZtVXjc8UPw1PCBhna4oPl2U09OFjuZ3EHQ7RSOMKL/ozzELjvmIUqlAY4ORAbIiH62sHzlSpPcfplsQGFUaPcbGkZ7eQzVnsywa+ldAYCMJh7mloiqVyPaCKXlV2HufqXReVxSivKji+tbQ6SiQoyH4pCgsEbqB43EW8yY4vjvAY+Te7o6WxQE8BqDQcaWKSFKxVpQN7VW8x4yKs/70oqYb5BxNpHN7Y+xjCrCwf9PYZuwRj6e1CjtXk6Y0MjEgLZ7biGjcN4JfOxy4jVKnQiTT74Jk/8Byyk6OyhRpKmzodJmRlZhN8BxN6ef5jrz9XGnhpEvXcD54SzXgb5myor8XniL7lZcJpeVaO+Q+nHWPVF4cmaCh9wN5hH7gS01NeQqR94moxk8brrrhUS9PvWHSC98pyGbLRZt81+fbm25xWmb2qN3o81KAz4jEvD2Gp7MQp1d+OHIo4udnAWUAEiWv+lfzDlEiFj74QF5GJA7BhUdfXEQThnCmffRiROVRkYnFdnibfXv484FKVyNbxaO1OVln2y1xcTM0ToASiuuK0jrbC9H0jfgtLa3zsXDDVB7f7XzXqzhfbHhKv6jzXCfTM1QZtQ1MTCX09npx/sSR684HpzSlpKS8o+K8zXdcvIxmt0gDvKq/eZMPNCFpUA4i/mPRFpwzu6yu/HWR1l+4b0fG/QDj90diUJ9tKauzaVJnkBcewsJrjra4p1f6+xBULMNMlYTQawLJrPhkXW00KKTURAMFoU+ZbkDk9AqG/KCZWDYgkhSVjiiwtba2LlBxtUVNCeyIO7RWlcfb+ePPdFhJ/A8RORdFOhZ+KZwTeuuDEBbFn5uRogP9+3UZ09gusl/6jJmkmboaJMHAH0obRkzV9teHmaQE47xP2VlVvi/KTRtVXG0XZlzqphINRD+nw9gC3FJtqgxvQyL96uV2642r7Z9D+jiYLxbYG98UFVQ4b+rF/+JGeEDFecvP9SfYNO2lId66H7a+RAriA5BRQKtFHQ7Pd3xxAxX6+1xOy2Mbympt87S0IGaSJH9t6bNNPXGJ5pAXwqLsxlpK2bOwHVggLFoC8SlHXPXp3whaiwxdb+74+/Wr7f/DrnwP+XbWoomNF4w0UlOSd4rzQDBaFJmuFGU1TocAagUrUWSJP3F+lz+hYnvCXcYfNdP12HYBPiaTca7hgsZJRRPO3YyzmCZda2rr7lXYpMIpjf8wslY4+cI5MzH/CJPqUvlwJsWIKoGPU2lim29vPN7dqfzkRnN7S2KyNGrhQ5c8Il+FCxzNBzAPTRFEiAxUZN9f0V8glaryRq3sZWtwxS8qcjRNL7Rf0Z6OBAVeTwiVtgkkDmoeCDVOX7tv4I8hIJfktoREjM6IHy3IbjoDx7wr8nAbw9t5sAhynj8qGPXebO8+L8rq4TzH5Xos4jwxKhEEcWIB4zpiYW1r6zqlMNIW7X0fb+042pHNuj5HcPsizWtwenHuG8hfEy3Fc1sOi7LhYIvVtB2DvB3g6x4IA07nUY5fMbbO2oBwDAAuOngrD34I+0z808LolS/QV1A6FIJzDmHAPw/lRKQEj7cRxArsTSuQ4moiiISwnDyAZKUEgbA20q4XFft2HN0h0vBwuPjtk/fdy2nSKzVDBzurU7c7q1OQ89gDzjmemFZTNYiLDm6YIZeRl/ypCkK8de5JeQOpJ5F45MPOE7qcrxoS2iJ70w4s/msCyRB8/ejoeJ+XLUEfac49yZvUPg2FQeROsw2xzgfwr3AyKt1ZMzjJuTdlI6veLIOW5cxt1dQvVS5sG2/dggXuEPhJ3b4Of4qTenydN7CKTDLRp5AqLFiAaYJgTKAk6aOdZVU0pD/BlX+7N7UcDl9iksgk9JNNrn3yRixGC6dcWQ0nhRRdrqvgiMXbW603/o3ymCmZpEexw5ajr19zeqRvxpjzPZZ7zDOxBP8xkjP13Lm1+nqvIjoHU2p2IHRMa/cmTzSSD0fjtQx96A4hbGlF7dgBuPfQDjIkdVXJnNaDmOT7eDW4P5yhcPT8KY11cOhxkS8ryiI/zkgaUlBe8dzbHyF6n8YEnogWkVyPRyVulgswvg/8dnR/+mz4i+72kjmeE5BbjZL+sE7MEPVv/wQLP8NfNRTgRMqs1GQ64My95cbcvsBr6IqwsmEY1By3EbqdATYeCGXa+SSeVMg+cu3WaWd18i5M5FGr1aK5CAUUogCIiGJRRN1aKF6v4X+kFUgxO/HPhUOUSM9xh4qy4WB+P8AxcDY8cFqUMUvyp9wG+tiJXXQcqWUr2leJmYZcREQ9ES6acKHRZGYzsFjiiedmsn1Ck1+OSnMUWT6CtHseGSArcVBCXxCJRqLABdkXr0NEH+1tEnJVHiawFen9MqWWtNUzb7ZFsWXILrRfduPFbQ0W8UvY+6fZmrCMC5bkth6nkmUs6I2I+EdKcj2HDA2EIfKoTIhLegzsP3MHIUpW5U1u9i8CbFeYqOlh3DZuoc+JzhzPp2HMGJL9dij9HsZ2CgKNJok+m0P38xxOnHM9fzRb4jOxsBuGZY6xrJx+XczPhvaMiJZ74tZhbH/CDzdjaWuho+ng/wFBoBobOBQp5QAAAABJRU5ErkJggg==\"\r\n        />\r\n    </defs>\r\n</svg>\r\n" }]
-        }] });
 // Angular import statements
 class AnnaNonEditableGenericTableComponent {
     constructor(cdRef, annaSortService, annaDateTimeFormatService, annaFilterService) {
@@ -4149,7 +4140,7 @@ class AnnaNonEditableGenericTableComponent {
         //convert key into the header
         this.filterTabObjects = header.map((key, index) => {
             let value = this.tooltipRadioTextMap.has(key) ? this.tooltipRadioTextMap.get(key) : key; //change to display name
-            return new radioButtonModel(key, value, columnHeader.isSortRequired[index], columnHeader.isFilterRequired[index]);
+            return new RadioButtonModel(key, value, columnHeader.isSortRequired[index], columnHeader.isFilterRequired[index]);
         });
     }
     disableEnableEachColumnTooltipIcon() {
@@ -4399,7 +4390,7 @@ class AnnaNonEditableGenericTableComponent {
         this.closeTooltip();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNonEditableGenericTableComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: AnnaSortService }, { token: AnnaDateTimeFormatService }, { token: AnnaFilterService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaNonEditableGenericTableComponent, isStandalone: true, selector: "anna-core-non-editable-generic-table-lib", inputs: { showSkeletonLoading: "showSkeletonLoading", tableHeaders: "tableHeaders", tableData: "tableData", clonedTableData: "clonedTableData", gtGeneralConfig: "gtGeneralConfig", totalRowInfo: "totalRowInfo", gtDimension: "gtDimension", tableClass: "tableClass", maximumRowsWhichCanBeRenderedWithoutScroll: "maximumRowsWhichCanBeRenderedWithoutScroll", fixNumberOfRowsForPopup: "fixNumberOfRowsForPopup", limit: "limit", includeBorderInTableHeight: "includeBorderInTableHeight", downloadInProgress: "downloadInProgress", percentDone: "percentDone", starredInProgress: "starredInProgress", clickableRow: "clickableRow", setTableHeightWhenRowSizeIsFixed: "setTableHeightWhenRowSizeIsFixed", tableBorderBottomClassRequired: "tableBorderBottomClassRequired", hideSomeTds: "hideSomeTds", tdsHaveRowSpan: "tdsHaveRowSpan", multipleTablesPresent: "multipleTablesPresent", showOrHideToggleForTotalRow: "showOrHideToggleForTotalRow" }, outputs: { toggleCheckbox: "toggleCheckbox", toggleRowCheckbox: "toggleRowCheckbox", toggleHeaderCheckbox: "toggleHeaderCheckbox", undoIconClicked: "undoIconClicked", filterAppliedToTable: "filterAppliedToTable", sortingAppliedToTable: "sortingAppliedToTable", rowClicked: "rowClicked", radioButtonSelected: "radioButtonSelected", columnFilterOpened: "columnFilterOpened", columnFilterClosed: "columnFilterClosed", gtIconClicked: "gtIconClicked", gtSVGIconClicked: "gtSVGIconClicked", gtTextActionClicked: "gtTextActionClicked", gtViewDetailClicked: "gtViewDetailClicked", gtInnerHTMLClicked: "gtInnerHTMLClicked", downloadSpotDetails: "downloadSpotDetails", clickableDataClicked: "clickableDataClicked", totalRowIconClicked: "totalRowIconClicked", notificationIconHover: "notificationIconHover", notificationIconHoverLeave: "notificationIconHoverLeave", editableInputEdited: "editableInputEdited", radioButtonMessageIconClicked: "radioButtonMessageIconClicked" }, viewQueries: [{ propertyName: "viewChildTableHeaders", predicate: ["tableHeader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n    id=\"generic-table-conatiner\"\r\n    class=\"table-container {{ gtGeneralConfig?.tableOuterContainerName }} {{ tableBottomBorderClass }}\"\r\n    [ngClass]=\"{\r\n        'scroll-left-shadow-effect': isScrolledLeft,\r\n        'scroll-right-shadow-effect': !isScrollEnded,\r\n        'clickable-row': clickableRow,\r\n        'no-data-table': (isNoDataToDisplaySubject$ | async),\r\n        'table-with-show-hide-total-row-toggle': showOrHideToggleForTotalRow\r\n    }\"\r\n    (scroll)=\"onTableContainerScroll($event)\"\r\n>\r\n    <div\r\n        [class]=\"gtGeneralConfig.tableContainerName\"\r\n        class=\"horizontal-scroll-for-table-container\"\r\n        [ngStyle]=\"{\r\n            height:\r\n                tableData.length < maximumRowsWhichCanBeRenderedWithoutScroll\r\n                    ? 'calc(' +\r\n                      (gtDimension.rowHeight * tableData.length +\r\n                          (!tableData.length || !gtGeneralConfig.totalRow\r\n                              ? gtDimension.headerHeight\r\n                              : gtDimension.headerHeight + gtDimension.rowHeight)) +\r\n                      'px)'\r\n                    : gtDimension.tableHeight\r\n        }\"\r\n    >\r\n        <button\r\n            *ngIf=\"showOrHideToggleForTotalRow && !showSkeletonLoading && !(isNoDataToDisplaySubject$ | async)\"\r\n            [ngClass]=\"{\r\n                'shift-toggle-top-on-total-row-click': !gtGeneralConfig.totalRow\r\n            }\"\r\n            class=\"show-or-hide-toggle-btn\"\r\n            (click)=\"showHideTotalRow()\"\r\n        >\r\n            <i\r\n                class=\"mdi mdi-menu-swap\"\r\n                tooltipClass=\"show-or-hide-toggle-tooltip\"\r\n                placement=\"auto\"\r\n                container=\"body\"\r\n                [ngbTooltip]=\"showOrHideToggleForTotalRowTooltip\"\r\n            ></i>\r\n        </button>\r\n        <table\r\n            class=\"gt\"\r\n            [ngClass]=\"tableClass\"\r\n            mat-table\r\n            [dataSource]=\"renderedData\"\r\n        >\r\n            <tr\r\n                class=\"header-row\"\r\n                mat-header-row\r\n                *matHeaderRowDef=\"tableColumns; sticky: true\"\r\n                [style.height.px]=\"gtDimension.headerHeight\"\r\n            ></tr>\r\n            <tr\r\n                class=\"total-row\"\r\n                mat-header-row\r\n                [style.height.px]=\"gtDimension.rowHeight\"\r\n                *matHeaderRowDef=\"totalRowColumns; sticky: true\"\r\n                [class.hidden]=\"\r\n                    showSkeletonLoading ||\r\n                    (!showSkeletonLoading && !tableData.length) ||\r\n                    (isNoDataToDisplaySubject$ | async) ||\r\n                    (!showSkeletonLoading && !gtGeneralConfig.totalRow)\r\n                \"\r\n            ></tr>\r\n            <tr\r\n                [class]=\"rowData.gtClass\"\r\n                [ngClass]=\"{ 'no-border-tr': (isNoDataToDisplaySubject$ | async) }\"\r\n                mat-row\r\n                *matRowDef=\"let rowData; columns: tableColumns\"\r\n                [style.height.px]=\"gtDimension.rowHeight\"\r\n                (click)=\"dataRowClicked(rowData)\"\r\n            ></tr>\r\n\r\n            <!-- TOTAL ROW -->\r\n            <ng-container\r\n                [matColumnDef]=\"column.colName\"\r\n                *ngFor=\"let column of totalRowInfo; trackBy: trackByFn\"\r\n            >\r\n                <td\r\n                    mat-header-cell\r\n                    *matHeaderCellDef\r\n                    [attr.colspan]=\"column.colspan\"\r\n                    class=\"{{ column.class }}\"\r\n                >\r\n                    <ng-container *ngIf=\"column['isActionColumn']\">\r\n                        <a\r\n                            *ngFor=\"let data of column.actionData\"\r\n                            [class]=\"data.class\"\r\n                            (click)=\"onClickableDataClicked({}, data.id)\"\r\n                        >\r\n                            {{ data.name }}\r\n                        </a>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"column['isIconColumn']\">\r\n                        <i\r\n                            class=\"{{ column?.iconData?.class }}\"\r\n                            (click)=\"iconClickedInTotalRow(column?.colName)\"\r\n                        >\r\n                        </i>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"!column['isActionColumn']\">\r\n        \r\n                        <strong class=\"upper-label\">{{ column.data }} <span class=\"red-text-totol-row\" *ngIf=\"column.additionalRedTextAfterData\">{{column.additionalRedTextAfterData}}</span></strong>\r\n                        <ng-container *ngIf=\"column.lowerData\">\r\n                            <br />\r\n                            <span\r\n                                *ngIf=\"\r\n                                    column.colName == 'total-potential-booked-unit' &&\r\n                                        gtGeneralConfig.component == 'RATING';\r\n                                    else columnLowerData\r\n                                \"\r\n                                class=\"clickable-data\"\r\n                                (click)=\"spotDetailsDownloadClicked('TOTALROW')\"\r\n                                [ngClass]=\"{ 'disabled-clickable-data': downloadInProgress }\"\r\n                                >{{ column.lowerData }}\r\n                                <span class=\"material-icons spot-details-download-icons\">get_app</span>\r\n                                <ng-container *ngIf=\"downloadInProgress && selectedRowTypeForDownload == 'TOTALROW'\">\r\n                                    <ng-container [ngTemplateOutlet]=\"circularProgressBar\"></ng-container>\r\n                                </ng-container>\r\n                            </span>\r\n                            <ng-template #columnLowerData>\r\n                                <span class=\"lower-label\">{{ column.lowerData }}</span>\r\n                            </ng-template>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"column.tooltipMessage && gtGeneralConfig.component != 'LUR_VIOLATIONS'\">\r\n                            <i\r\n                                class=\"{{ column.tooltipIconClass }}\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"column.tooltipMessage\"\r\n                                tooltipClass=\"gt-total-row-tooltip\"\r\n                                placement=\"bottom\"\r\n                            ></i>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"gtGeneralConfig.component == 'LUR_VIOLATIONS' && column.tooltipMessage\">\r\n                            <i\r\n                                class=\"mi mdi-info-outline info-label\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"lurViolationTotalRowToolTip\"\r\n                                tooltipClass=\"gt-total-row-tooltip\"\r\n                                placement=\"bottom\"\r\n                            ></i>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </td>\r\n            </ng-container>\r\n\r\n            <!-- MAIN ROW -->\r\n            <ng-container\r\n                [matColumnDef]=\"columnDef.headerInfo[0].objectKey\"\r\n                *ngFor=\"let columnDef of tableHeaders; trackBy: trackByFn\"\r\n            >\r\n                <th\r\n                    #tableHeader\r\n                    nowrap\r\n                    mat-header-cell\r\n                    *matHeaderCellDef\r\n                    [style.width]=\"columnDef.width\"\r\n                >\r\n                    <div\r\n                        class=\"row mx-0\"\r\n                        *ngFor=\"let header of columnDef.headerInfo; let j = index\"\r\n                    >\r\n                        <p\r\n                            *ngIf=\"header.typeOfHeaderData === 'STRING'\"\r\n                            [ngClass]=\"{ 'upper-label': j === 0, 'lower-label': j === 1 }\"\r\n                        >\r\n                            <ngx-skeleton-loader\r\n                                *ngIf=\"header.name == null\"\r\n                                count=\"1\"\r\n                                [theme]=\"{\r\n                                    height: '10px',\r\n                                    display: 'block',\r\n                                    width: columnDef.width,\r\n                                    'max-width': 'calc(100% - 20px)'\r\n                                }\"\r\n                            >\r\n                            </ngx-skeleton-loader>\r\n                            <ng-container *ngIf=\"header.name\">\r\n                                {{ header.name }}\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"header.tooltip && header.tooltip.tooltipMessage\">\r\n                                <i\r\n                                    class=\"{{ header['tooltip'].iconClass }}\"\r\n                                    [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                    #t=\"ngbTooltip\"\r\n                                    container=\"body\"\r\n                                    [ngbTooltip]=\"header.tooltip.tooltipMessage\"\r\n                                    container=\"body\"\r\n                                    placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                    tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                                >\r\n                                </i>\r\n                            </ng-container>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'impsInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"impsInfoTooltip\"\r\n                                container=\"body\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"\r\n                                    header.tooltip && header.tooltip.name == 'spotsColumnEquivalizationMessageTooltip'\r\n                                \"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                container=\"body\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"spotsColumnEquivalizationMessageTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'underDeliveryTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                container=\"body\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"underDeliveryTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'overDeliveryTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                container=\"body\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"overDeliveryTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'ratingInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"ratingInfoTooltip\"\r\n                                container=\"body\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'rateInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"rateInfoTooltip\"\r\n                                container=\"body\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'ongoingRevBookedColumnTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"ongoingRevBookedColumnTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'completedRevBookedColumnTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"completedRevBookedColumnTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'avgBookedRate'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"avgBookedRate\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'avgBookedRtg'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"avgBookedRtg\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'avgBookedImps'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"avgBookedImps\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'automationTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"automationTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'rebateImpact'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"rebateImpact\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'projectedImpsRtg'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"projectedImpsRtg\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                        </p>\r\n\r\n                        <ng-container *ngIf=\"header.typeOfHeaderData === 'CHECKBOX'\">\r\n                            <span\r\n                                *ngIf=\"gtGeneralConfig.isHeaderChecked\"\r\n                                class=\"material-icons custom-column-checkbox-checked\"\r\n                                (click)=\"selectUnselectAllRows()\"\r\n                            >\r\n                                check_box\r\n                            </span>\r\n                            <span\r\n                                *ngIf=\"!gtGeneralConfig.isHeaderChecked\"\r\n                                class=\"material-icons custom-column-checkbox-unchecked\"\r\n                                [ngClass]=\"{ 'disable-checkbox': gtGeneralConfig.disableHeaderCheckbox }\"\r\n                                (click)=\"selectUnselectAllRows()\"\r\n                            >\r\n                                check_box_outline_blank\r\n                            </span>\r\n                        </ng-container>\r\n\r\n                        <div\r\n                            *ngIf=\"gtGeneralConfig.showAllColumnFilter\"\r\n                            class=\"sort-filter-container\"\r\n                        >\r\n                            <ng-container *ngIf=\"header.showTooltipIcon\">\r\n                                <!-- Active tooltip Functionality -->\r\n                                <ng-container *ngIf=\"header.filter === 'CHECKBOX'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"filterTooltip\"\r\n                                        placement=\"{{ filterAlignment }}\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-checkbox-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'SLIDER'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"sliderToolTip\"\r\n                                        placement=\"bottom left-top\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-slider-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t1=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t1, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'DATE'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"datePickerTooltip\"\r\n                                        placement=\"bottom auto\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-datepicker-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t2=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t2, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'WEEK'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"weekPickerToolTip\"\r\n                                        placement=\"bottom left-top\"\r\n                                        container=\"body\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t3=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t3, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'TIME'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"timeFilterToolTip\"\r\n                                        placement=\"bottom left-top auto\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-time-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t4=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t4, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"!header.showTooltipIcon\">\r\n                                <span id=\"no-filter-space\"></span><br />\r\n                            </ng-container>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'lurViolationInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"lurViolationInfoTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                        </div>\r\n                    </div>\r\n                </th>\r\n\r\n                <ng-container *matCellDef=\"let ROW_DATA\">\r\n                    <td\r\n                        mat-cell\r\n                        [style.background]=\"ROW_DATA.backgroundColor\"\r\n                        [style.border]=\"ROW_DATA.border\"\r\n                        class=\"{{ ROW_DATA.rowClass }}\"\r\n                        [ngClass]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'TdClass']\"\r\n                        [attr.rowspan]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'Rowspan']\"\r\n                        *ngIf=\"\r\n                            !hideSomeTds ||\r\n                            (hideSomeTds && !ROW_DATA['hide' + columnDef.headerInfo[0].objectKey + 'Td'])\r\n                        \"\r\n                    >\r\n                        <ngx-skeleton-loader\r\n                            *ngIf=\"showSkeletonLoading\"\r\n                            count=\"1\"\r\n                            [theme]=\"{ height: '10px', display: 'block' }\"\r\n                        >\r\n                        </ngx-skeleton-loader>\r\n\r\n                        <ng-container *ngIf=\"!showSkeletonLoading\">\r\n                            <ng-container *ngIf=\"tableData.length > 0 && !(isNoDataToDisplaySubject$ | async)\">\r\n                                <ng-container\r\n                                    *ngFor=\"\r\n                                        let subline of columnDef.headerInfo;\r\n                                        let subLineIndex = index;\r\n                                        trackBy: trackByFn\r\n                                    \"\r\n                                >\r\n                                    <div showEllipsisTextOnHover>\r\n                                        <ng-container [ngSwitch]=\"columnDef.headerInfo[subLineIndex].typeOfBodyData\">\r\n                                            <ng-container *ngSwitchCase=\"'ICON'\">\r\n                                                <i\r\n                                                    *ngIf=\"\r\n                                                        !(\r\n                                                            starredInProgress &&\r\n                                                            ROW_DATA.orderId == selectedStarredOrderId\r\n                                                        )\r\n                                                    \"\r\n                                                    [class]=\"ROW_DATA.iconClass\"\r\n                                                    (click)=\"iconClicked(ROW_DATA, ROW_DATA.iconClass)\"\r\n                                                    ngbTooltip=\"{{ ROW_DATA.iconTitleText }}\"\r\n                                                    placement=\"bottom\"\r\n                                                    container=\"body\"\r\n                                                    tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                ></i>\r\n                                                <ng-container\r\n                                                    *ngIf=\"\r\n                                                        starredInProgress && ROW_DATA.orderId == selectedStarredOrderId\r\n                                                    \"\r\n                                                >\r\n                                                    <div class=\"spinner-for-button-directive\"></div>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'ICON_CELL'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <ng-container *ngIf=\"action.showObjectKey\">\r\n                                                        {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\r\n                                                    </ng-container>\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"action.showIcon\"\r\n                                                        [class]=\"action.iconClass\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnStringTextActionType(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"action.showTooltip ? action.tooltipData : null\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                action.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [disableTooltip]=\"!action.showTooltip\"\r\n                                                    >\r\n                                                    </i>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'HTML_STRING'\">\r\n                                                <p\r\n                                                    [innerHTML]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    (click)=\"innerHTMLCellClicked($event, ROW_DATA)\"\r\n                                                ></p>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'SVG_ICON'\">\r\n                                                <anna-core-anna-icon-column\r\n                                                    [componentName]=\"gtGeneralConfig.component\"\r\n                                                    [dataObject]=\"ROW_DATA\"\r\n                                                    [iconToShow]=\"\r\n                                                        ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                    \"\r\n                                                    (onColumnIconClicked)=\"svgIconClicked($event)\"\r\n                                                ></anna-core-anna-icon-column>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'TEXT_ACTIONS'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let text of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <button\r\n                                                        *ngIf=\"text.showTooltip\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                text.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [disabled]=\"text.isDisabled\"\r\n                                                        class=\"{{ text.class }}\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnTextActionType(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        [ngbTooltip]=\"textActionTooltipTemplate\"\r\n                                                        placement=\"auto\"\r\n                                                        container=\"body\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                    >\r\n                                                        {{ text.name }}\r\n                                                    </button>\r\n\r\n                                                    <button\r\n                                                        *ngIf=\"!text.showTooltip\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                text.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [disabled]=\"text.isDisabled\"\r\n                                                        class=\"{{ text.class }}\"\r\n                                                    >\r\n                                                        {{ text.name }}\r\n                                                    </button>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'CHECKBOX'\">\r\n                                                <span\r\n                                                    *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    class=\"material-icons custom-column-checkbox-checked\"\r\n                                                    (click)=\"\r\n                                                        selectOrUnselectCheckbox(\r\n                                                            ROW_DATA,\r\n                                                            columnDef.headerInfo[subLineIndex].objectKey,\r\n                                                            false\r\n                                                        )\r\n                                                    \"\r\n                                                >\r\n                                                    check_box\r\n                                                </span>\r\n                                                <span\r\n                                                    *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    class=\"material-icons custom-column-checkbox-unchecked\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    (click)=\"\r\n                                                        selectOrUnselectCheckbox(\r\n                                                            ROW_DATA,\r\n                                                            columnDef.headerInfo[subLineIndex].objectKey,\r\n                                                            true\r\n                                                        )\r\n                                                    \"\r\n                                                >\r\n                                                    check_box_outline_blank\r\n                                                </span>\r\n\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <i\r\n                                                        *ngIf=\"action.showIcon\"\r\n                                                        [class]=\"action.iconClass\"\r\n                                                        [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnStringTextActionTypeContainingTable(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"tooltipContainingTableTemplate\"\r\n                                                    >\r\n                                                    </i>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'CLICKABLE_DATA'\">\r\n                                                <a\r\n                                                    *ngFor=\"\r\n                                                        let text of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                    [class]=\"text.class\"\r\n                                                    (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\r\n                                                >\r\n                                                    {{ text.name }}\r\n                                                </a>\r\n                                                <span\r\n                                                    *ngIf=\"\r\n                                                        subline.objectKey == 'displayBookedUnits' &&\r\n                                                        gtGeneralConfig.component == 'RATING'\r\n                                                    \"\r\n                                                    class=\"clickable-data\"\r\n                                                    (click)=\"spotDetailsDownloadClicked('DATAROW', ROW_DATA)\"\r\n                                                    [ngClass]=\"{ 'disabled-clickable-data': downloadInProgress }\"\r\n                                                    >{{ ROW_DATA.displayBookedUnits }}\r\n                                                    <span class=\"material-icons spot-details-download-icons\"\r\n                                                        >get_app</span\r\n                                                    >\r\n                                                    <ng-container\r\n                                                        *ngIf=\"\r\n                                                            downloadInProgress &&\r\n                                                            ROW_DATA.inventoryCodeId ==\r\n                                                                selectedInventoryIdForDownload &&\r\n                                                            ROW_DATA.demographic == selectedDemographicForDownload\r\n                                                        \"\r\n                                                    >\r\n                                                        <ng-container\r\n                                                            [ngTemplateOutlet]=\"circularProgressBar\"\r\n                                                        ></ng-container>\r\n                                                    </ng-container>\r\n                                                </span>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'STRING___ICON_OR_TEXT_ACTION'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <span\r\n                                                        [class]=\"action.additionalTextBeforeLinkClass\"\r\n                                                        [innerHtml]=\"action.additionalTextBeforeLink\"\r\n                                                        ngbTooltip=\"{{ action.additionalTextBeforeLink }}\"\r\n                                                        placement=\"bottom\"\r\n                                                        container=\"body\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                        [disableTooltip]=\"!action.enableTooltipForAdditionalText\"\r\n                                                    ></span>\r\n\r\n                                                    <ng-container *ngIf=\"action && action.typeOfData == 'STRING'\">\r\n                                                        {{ action.data }}\r\n                                                    </ng-container>\r\n\r\n                                                    <a\r\n                                                        [id]=\"action.id\"\r\n                                                        *ngIf=\"action.showLink\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                action.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [class]=\"action.linkClass\"\r\n                                                        [ngClass]=\"{ disabled: action.disabledLink }\"\r\n                                                        >{{ action.data }}</a\r\n                                                    >\r\n                                                    <span\r\n                                                        ngbTooltip=\"{{ action.additionalTextAfterLink }}\"\r\n                                                        placement=\"bottom\"\r\n                                                        container=\"body\"\r\n                                                        [class]=\"action.additionalTextAfterLinkClass\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                        [disableTooltip]=\"!action.enableTooltipForAdditionalAfterText\"\r\n                                                    >\r\n                                                        {{ action.additionalTextAfterLink }}\r\n                                                    </span>\r\n\r\n                                                    <ng-container *ngIf=\"action.showTooltip\">\r\n                                                        <ng-container *ngIf=\"action.tooltipData.innerHtml\">\r\n                                                            <i\r\n                                                                *ngIf=\"action.showIcon\"\r\n                                                                [class]=\"action.iconClass\"\r\n                                                                [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                                (mouseenter)=\"\r\n                                                                    mouseEnterOnStringTextActionTypeContainingTable(\r\n                                                                        ROW_DATA,\r\n                                                                        columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                                    )\r\n                                                                \"\r\n                                                                placement=\"bottom auto\"\r\n                                                                container=\"body\"\r\n                                                                [autoClose]=\"true\"\r\n                                                                tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\r\n                                                                [ngbTooltip]=\"tooltipContainingTableTemplate\"\r\n                                                            >\r\n                                                            </i>\r\n                                                        </ng-container>\r\n\r\n                                                        <ng-container *ngIf=\"!action.tooltipData.tooltipTableBody\">\r\n                                                            <i\r\n                                                                *ngIf=\"action.showIcon\"\r\n                                                                [class]=\"action.iconClass\"\r\n                                                                [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                                (click)=\"\r\n                                                                    iconClickedOnStringIconActionType(\r\n                                                                        ROW_DATA,\r\n                                                                        action.id,\r\n                                                                        columnDef.headerInfo[subLineIndex]\r\n                                                                    )\r\n                                                                \"\r\n                                                                (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\r\n                                                                (mouseenter)=\"\r\n                                                                    mouseEnterOnStringTextActionType(\r\n                                                                        ROW_DATA,\r\n                                                                        columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                                    )\r\n                                                                \"\r\n                                                                [placement]=\"\r\n                                                                    action.tooltipPlacement\r\n                                                                        ? action.tooltipPlacement\r\n                                                                        : 'bottom auto'\r\n                                                                \"\r\n                                                                container=\"body\"\r\n                                                                [autoClose]=\"true\"\r\n                                                                tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\r\n                                                                    action.tooltipClass\r\n                                                                }}\"\r\n                                                                [ngbTooltip]=\"userLoggedInDetails\"\r\n                                                            >\r\n                                                            </i>\r\n                                                            <ng-container *ngIf=\"action['showSvgIcon']\">\r\n                                                                <anna-core-anna-est-icon-template\r\n                                                                    class=\"float-right\"\r\n                                                                    *ngIf=\"action['svgIconName'] == 'anna-icon'\"\r\n                                                                    (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\r\n                                                                    (mouseenter)=\"\r\n                                                                        mouseEnterOnStringTextActionType(\r\n                                                                            ROW_DATA,\r\n                                                                            columnDef.headerInfo[subLineIndex]\r\n                                                                                .tooltipKey\r\n                                                                        )\r\n                                                                    \"\r\n                                                                    [placement]=\"\r\n                                                                        action.tooltipPlacement\r\n                                                                            ? action.tooltipPlacement\r\n                                                                            : 'bottom auto'\r\n                                                                    \"\r\n                                                                    tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\r\n                                                                        action['tooltipClass']\r\n                                                                    }}\"\r\n                                                                    [ngbTooltip]=\"userLoggedInDetails\"\r\n                                                                    container=\"body\"\r\n                                                                    [autoClose]=\"true\"\r\n                                                                >\r\n                                                                </anna-core-anna-est-icon-template>\r\n                                                            </ng-container>\r\n                                                        </ng-container>\r\n                                                    </ng-container>\r\n\r\n                                                    <ng-container *ngIf=\"!action.showTooltip\">\r\n                                                        <i\r\n                                                            *ngIf=\"action.showIcon\"\r\n                                                            [class]=\"action.iconClass\"\r\n                                                            [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                            (click)=\"\r\n                                                                iconClickedOnStringIconActionType(\r\n                                                                    ROW_DATA,\r\n                                                                    action.id,\r\n                                                                    columnDef.headerInfo[subLineIndex]\r\n                                                                )\r\n                                                            \"\r\n                                                        >\r\n                                                        </i>\r\n                                                    </ng-container>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'STRING_OR_INPUT'\">\r\n                                                <ng-container\r\n                                                    *ngIf=\"\r\n                                                        ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.type ==\r\n                                                            'STRING';\r\n                                                        else inputBox\r\n                                                    \"\r\n                                                >\r\n                                                    <span\r\n                                                        [innerHtml]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                ?.value\r\n                                                        \"\r\n                                                    ></span>\r\n                                                </ng-container>\r\n                                                <ng-template #inputBox>\r\n                                                    <input\r\n                                                        placeholder=\"{{\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                ?.placeholder\r\n                                                        }}\"\r\n                                                        showEllipsisTextOnHover\r\n                                                        class=\"{{\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .className\r\n                                                        }}\"\r\n                                                        (keydown)=\"\r\n                                                            changesMadeInEditableInputBox(\r\n                                                                $event,\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\r\n                                                                false\r\n                                                            )\r\n                                                        \"\r\n                                                        (paste)=\"\r\n                                                            changesMadeInEditableInputBox(\r\n                                                                $event,\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\r\n                                                                true\r\n                                                            )\r\n                                                        \"\r\n                                                        (ngModelChange)=\"\r\n                                                            editableInputValueChanged(\r\n                                                                $event,\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].objectKey\r\n                                                            )\r\n                                                        \"\r\n                                                        [ngModel]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].value\r\n                                                        \"\r\n                                                        [disabled]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .disabled\r\n                                                        \"\r\n                                                        [ngClass]=\"{\r\n                                                            'red-border':\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                    .hasError\r\n                                                        }\"\r\n                                                    />\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .showIcon\r\n                                                        \"\r\n                                                        container=\"body\"\r\n                                                        [ngbTooltip]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .iconTooltip\r\n                                                        \"\r\n                                                        tooltipClass=\"gt-total-row-tooltip\"\r\n                                                        placement=\"bottom\"\r\n                                                        class=\"{{\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .iconClass\r\n                                                        }}\"\r\n                                                    >\r\n                                                    </i>\r\n                                                    <ng-container\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey][\r\n                                                                'showSvgIcon'\r\n                                                            ]\r\n                                                        \"\r\n                                                    >\r\n                                                        <anna-core-anna-est-icon-template\r\n                                                            class=\"float-right\"\r\n                                                            *ngIf=\"\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey][\r\n                                                                    'svgIconName'\r\n                                                                ] == 'anna-icon'\r\n                                                            \"\r\n                                                            [placement]=\"'bottom auto'\"\r\n                                                            tooltipClass=\"gt-total-row-tooltip\"\r\n                                                            [ngbTooltip]=\"\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                    .iconTooltip\r\n                                                            \"\r\n                                                            container=\"body\"\r\n                                                        >\r\n                                                        </anna-core-anna-est-icon-template>\r\n                                                    </ng-container>\r\n                                                </ng-template>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'HTML'\">\r\n                                                <span\r\n                                                    [innerHtml]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                ></span>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'SINGLE_RADIO'\">\r\n                                                <span\r\n                                                    *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    class=\"mdi mdi-radiobox-marked\"\r\n                                                    (click)=\"(null)\"\r\n                                                >\r\n                                                </span>\r\n                                                <span\r\n                                                    *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    class=\"mdi mdi-radiobox-blank\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    (click)=\"\r\n                                                        selectOrUnselectCheckbox(\r\n                                                            ROW_DATA,\r\n                                                            columnDef.headerInfo[subLineIndex].objectKey,\r\n                                                            true\r\n                                                        )\r\n                                                    \"\r\n                                                >\r\n                                                </span>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'RADIO'\">\r\n                                                <mat-radio-group\r\n                                                    *ngIf=\"ROW_DATA['RadioButtonConfig']\"\r\n                                                    [ngModel]=\"ROW_DATA[subline.objectKey]\"\r\n                                                    [disabled]=\"ROW_DATA['RadioButtonConfig'][0].isDisabled\"\r\n                                                >\r\n                                                    <ng-container\r\n                                                        *ngFor=\"\r\n                                                            let radioButton of ROW_DATA['RadioButtonConfig'];\r\n                                                            let last = last\r\n                                                        \"\r\n                                                    >\r\n                                                        <mat-radio-button\r\n                                                            value=\"{{ radioButton.value }}\"\r\n                                                            class=\"{{ radioButton.class }}\"\r\n                                                            (click)=\"\r\n                                                                radioButtonClicked(\r\n                                                                    ROW_DATA,\r\n                                                                    radioButton.value,\r\n                                                                    ROW_DATA['RadioButtonConfig'][0].isDisabled\r\n                                                                )\r\n                                                            \"\r\n                                                            >{{ radioButton.label }}\r\n                                                        </mat-radio-button>\r\n                                                        <i\r\n                                                            class=\" {{ radioButton.iconClass }}\"\r\n                                                            (click)=\"radioButtonIconClicked(ROW_DATA)\"\r\n                                                        ></i>\r\n                                                        <br *ngIf=\"!last\" />\r\n                                                    </ng-container>\r\n                                                </mat-radio-group>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <span> {{ action?.dataToDisplay }}</span>\r\n                                                    <span\r\n                                                        *ngIf=\"action?.showTooltip\"\r\n                                                        [ngbTooltip]=\"textActionTooltipTemplate\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnStringTextActionType(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        [placement]=\"action?.tooltipPosition\"\r\n                                                        container=\"body\"\r\n                                                        [class]=\"action?.tooltipIconClass\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                        [disableTooltip]=\"action?.disableTooltip\"\r\n                                                    >\r\n                                                    </span>\r\n                                                    <span> {{ action?.dataToDisplayAfterTooltip }}</span>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchDefault>\r\n                                                <ng-container *ngIf=\"subline.objectKey != 'description'\">\r\n                                                    <span>{{\r\n                                                        ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                    }}</span>\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            subline.objectKey == 'inventoryCode' &&\r\n                                                            ROW_DATA['isSellerGroup'] &&\r\n                                                            gtGeneralConfig.component == 'RATING'\r\n                                                        \"\r\n                                                        class=\"mi mdi-info-outline seller-tooltip\"\r\n                                                        [ngbTooltip]=\"sellerHierarchyTooltip\"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        triggers=\"manual\"\r\n                                                        (hidden)=\"closeTooltip()\"\r\n                                                        #info=\"ngbTooltip\"\r\n                                                        tooltipClass=\"hierarchy-tooltip remove-on-scroll-class\"\r\n                                                        (mouseenter)=\"\r\n                                                            bindTheValueToSellerGroupTooltip(\r\n                                                                ROW_DATA.sellerGroupHierarchy,\r\n                                                                info\r\n                                                            )\r\n                                                        \"\r\n                                                    >\r\n                                                    </i>\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            subline.objectKey == 'displayBookedAverageRating' &&\r\n                                                            gtGeneralConfig.component == 'RATING' &&\r\n                                                            ROW_DATA['showRatingAverageIcon']\r\n                                                        \"\r\n                                                        class=\"mi mdi-info-outline seller-tooltip\"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        (mouseenter)=\"\r\n                                                            setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\r\n                                                        \"\r\n                                                        tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"postedRatingDifference\"\r\n                                                    >\r\n                                                    </i>\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            subline.objectKey == 'displayBookedAverageImpression' &&\r\n                                                            gtGeneralConfig.component == 'RATING' &&\r\n                                                            ROW_DATA['showImpressionAverageIcon']\r\n                                                        \"\r\n                                                        class=\"mi mdi-info-outline seller-tooltip\"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        (mouseenter)=\"\r\n                                                            setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\r\n                                                        \"\r\n                                                        tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"postedImpDifference\"\r\n                                                    >\r\n                                                    </i>\r\n                                                </ng-container>\r\n                                                <ng-container *ngIf=\"subline.objectKey == 'description'\">\r\n                                                    <p\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA.descriptionMessage ||\r\n                                                            ROW_DATA.descriptionEmailReferenceNum\r\n                                                        \"\r\n                                                    >\r\n                                                        <ng-container *ngIf=\"ROW_DATA.descriptionMessage\">\r\n                                                            {{ ROW_DATA.descriptionMessage }}\r\n                                                            <br />\r\n                                                        </ng-container>\r\n                                                        <ng-container\r\n                                                            *ngIf=\"\r\n                                                                ROW_DATA.descriptionEmailReferenceNum != '-' &&\r\n                                                                ROW_DATA.descriptionEmailReferenceNum != ''\r\n                                                            \"\r\n                                                        >\r\n                                                            Email Ref: {{ ROW_DATA.descriptionEmailReferenceNum }}\r\n                                                            <br />\r\n                                                        </ng-container>\r\n                                                    </p>\r\n                                                    <a\r\n                                                        href=\"{{ ROW_DATA.descriptionDetailsUrl }}\"\r\n                                                        target=\"_blank\"\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA.descriptionDetailsUrlType === 'PDF' ||\r\n                                                            ROW_DATA.descriptionDetailsUrlType === 'EXCEL'\r\n                                                        \"\r\n                                                    >\r\n                                                        <button class=\"btn viewDetailsAndEmailBtn\">Download</button>\r\n                                                    </a>\r\n                                                    <ng-container\r\n                                                        *ngIf=\"ROW_DATA.activityname.toLowerCase() == 'order onboarded'\"\r\n                                                    >\r\n                                                        <a\r\n                                                            *ngIf=\"ROW_DATA.descriptionDetailsUrlType === 'LINK'\"\r\n                                                            (click)=\"viewDetailsClicked(ROW_DATA)\"\r\n                                                        >\r\n                                                            <button class=\"btn viewDetailsAndEmailBtn order-onboarded\">\r\n                                                                View details\r\n                                                            </button>\r\n                                                        </a>\r\n                                                    </ng-container>\r\n\r\n                                                    <a\r\n                                                        href=\"{{ ROW_DATA.descriptionEmailUrl }}\"\r\n                                                        target=\"_blank\"\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA.descriptionEmailUrl != '-' &&\r\n                                                            ROW_DATA.descriptionEmailUrl != ''\r\n                                                        \"\r\n                                                    >\r\n                                                        <button class=\"btn viewDetailsAndEmailBtn\">View email</button>\r\n                                                    </a>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"isNoDataToDisplaySubject$ | async\">\r\n                                <div>\r\n                                    {{ null }}\r\n                                </div>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </td>\r\n                </ng-container>\r\n            </ng-container>\r\n        </table>\r\n    </div>\r\n    <anna-core-no-data-lib\r\n        [width]=\"noDataWidth\"\r\n        [marginTop]=\"marginTop\"\r\n        *ngIf=\"isNoDataToDisplaySubject$ | async\"\r\n    >\r\n    </anna-core-no-data-lib>\r\n</div>\r\n\r\n<!-- Checkbox template -->\r\n<ng-template #filterTooltip>\r\n    <anna-core-anna-column-checkbox-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-checkbox-filter>\r\n</ng-template>\r\n\r\n<!-- Slider template -->\r\n<ng-template #sliderToolTip>\r\n    <anna-core-anna-column-slider-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-slider-filter>\r\n</ng-template>\r\n\r\n<!-- Date Picker Template -->\r\n<ng-template #datePickerTooltip>\r\n    <anna-core-anna-column-date-range-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-date-range-filter>\r\n</ng-template>\r\n\r\n<!-- Week Picker Template -->\r\n<ng-template #weekPickerToolTip>\r\n    <!-- <div class=\"weekpicker-container\">\r\n        <anna-core-week-calendar-filter-lib\r\n            [week-calendar-config]=\"gtGeneralConfig.multiWeekPickerConfig\"\r\n            (apply)=\"applyWeekFilter($event)\"\r\n            [from-date]=\"calendarMinEnabledDate\"\r\n            [to-date]=\"calendarMaxEnabledDate\"\r\n        >\r\n        </anna-core-week-calendar-filter-lib>\r\n    </div> -->\r\n</ng-template>\r\n\r\n<!-- Time Filter Template -->\r\n<ng-template #timeFilterToolTip>\r\n    <anna-core-anna-column-time-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [showAllTimeRangeCheckboxes]=\"showCheckboxesForTimeFilter\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-time-filter>\r\n</ng-template>\r\n\r\n<ng-template #columnInfoTooltip>\r\n    <p style=\"color: black; white-space: nowrap\">This preemption is rejected and not marked for credit.</p>\r\n</ng-template>\r\n\r\n<ng-template #ratingInfoTooltip>\r\n    <p class=\"first-row\">Shows 'Booked Rating' for Preemptions & MakeGood Offered spot(s).</p>\r\n    <p class=\"second-row\">Shows 'Projected Rating' for ADU Offered spot(s).</p>\r\n</ng-template>\r\n\r\n<ng-template #impsInfoTooltip>\r\n    <p class=\"first-row\">Shows 'Booked IMPS' for Preemptions & MakeGood Offered spot(s).</p>\r\n    <p class=\"second-row\">Shows 'Projected IMPS' for ADU Offered spot(s).</p>\r\n</ng-template>\r\n\r\n<ng-template #spotsColumnEquivalizationMessageTooltip>\r\n    <p class=\"spot-column-tooltip-message\">\r\n        This consists of equivalized spots and un-equivalized Paid Programs & un-equivalized Non-spots.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #underDeliveryTooltip>\r\n    <p class=\"spot-column-tooltip-message\">\r\n        Indicates the Under-delivery percentage based on booked and posted RTG/IMPS.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #overDeliveryTooltip>\r\n    <p class=\"spot-column-tooltip-message\">\r\n        Indicates the Over-delivery percentage based on booked and posted RTG/IMPS.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #rateInfoTooltip>\r\n    <p class=\"first-row\">Shows 'Booked Rate' for Preemptions & MakeGood Offered spot(s).</p>\r\n    <p class=\"second-row\">Shows 'Projected $ Value' for ADU Offered spot(s).</p>\r\n</ng-template>\r\n\r\n<ng-template #sellerHierarchyTooltip>\r\n    <ng-container *ngIf=\"sellerGroupHierarchy.length > 0\">\r\n        <section class=\"hierarchy-table-container\">\r\n            <table class=\"seller-hierarchy-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>#</th>\r\n                        <th>Inventory Codes</th>\r\n                        <th>Program/Description</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr *ngFor=\"let data of sellerGroupHierarchy; let tooltipIndex = index\">\r\n                        <td>{{ tooltipIndex + 1 }}</td>\r\n                        <td>\r\n                            <span showEllipsisTextOnHover>{{ data.InventoryCode }}</span>\r\n                        </td>\r\n                        <td>\r\n                            <span showEllipsisTextOnHover>{{ data.Program }}</span>\r\n                        </td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </section>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"sellerGroupHierarchy.length == 0\">\r\n        <span style=\"color: #000\">Seller group not available for this inventory code</span>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #lurViolationInfoTooltip>\r\n    <p class=\"first-row\">The values are for the entire week.</p>\r\n</ng-template>\r\n\r\n<ng-template #postedRatingDifference>\r\n    <p class=\"difference-text\">\r\n        The difference between posted and booked average rating is\r\n        {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #postedImpDifference>\r\n    <p class=\"difference-text\">\r\n        The difference between posted and booked average impression is\r\n        {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #ongoingRevBookedColumnTooltip>\r\n    <p>The Booked $ value, Spots, GRP, CPP, IMPS, CPM corresponds on the last permanent revision generated</p>\r\n</ng-template>\r\n\r\n<ng-template #completedRevBookedColumnTooltip>\r\n    <p>The Booked $ value corresponds on the last permanent revision generated</p>\r\n</ng-template>\r\n\r\n<ng-template #avgBookedRate>\r\n    <p>This is the booked average Rate</p>\r\n</ng-template>\r\n\r\n<ng-template #avgBookedRtg>\r\n    <p>This is the booked average RTG</p>\r\n</ng-template>\r\n\r\n<ng-template #avgBookedImps>\r\n    <p>This is the booked average IMP(\u2019000)</p>\r\n</ng-template>\r\n\r\n<ng-template #projectedImpsRtg>\r\n    <p>\r\n        All projections are derived from the sum of actual posted information until the last posted date and estimates\r\n        for the remaining selected period.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #automationTooltip>\r\n    <p>\r\n        Please get the order business rules approved to activate the order for automation. Only for the\r\n        automation-activated orders, any approved MGs, ADUs, or credited spots on ANNA will be fed into the traffic\r\n        system i.e. ANNA revisions.\r\n        <!-- removed below line as part of enhancmennt in 14.0 releas -->\r\n        <!-- Additionally, ANNA will only enter buyer revisions into traffic for the selected\r\n        Medialine/WOC orders. -->\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #rebateImpact>\r\n    <p>Rebate impact value is for the originally ordered spot length and is not equivalized.</p>\r\n</ng-template>\r\n\r\n<ng-template #lurViolationTotalRowToolTip>\r\n    <ul>\r\n        <li>\r\n            <strong>POLITICAL RATE VIOLATIONS:</strong>\r\n            Violations flagged when non-political spots are booked at a rate lower than the minimum booked rate for\r\n            political candidates for the same week, Inventory Code and Revenue Class.\r\n        </li>\r\n        <li>\r\n            <strong>CANDIDATE TO CANDIDATE VIOLATION:</strong>\r\n            Violations flagged when political spots are booked at different rates to other political spots for the same\r\n            week, Inventory Code and Revenue Class.\r\n        </li>\r\n    </ul>\r\n</ng-template>\r\n\r\n<ng-template #circularProgressBar>\r\n    <circle-progress\r\n        [percent]=\"percentDone\"\r\n        [radius]=\"5\"\r\n        [showTitle]=\"false\"\r\n        [showUnits]=\"false\"\r\n        [showSubtitle]=\"false\"\r\n        [outerStrokeWidth]=\"3\"\r\n        [innerStrokeWidth]=\"3\"\r\n        [space]=\"-3\"\r\n        [outerStrokeColor]=\"'#268bff'\"\r\n        [innerStrokeColor]=\"'#d5d5d5'\"\r\n        [animationDuration]=\"10\"\r\n    ></circle-progress>\r\n</ng-template>\r\n\r\n<ng-template #userLoggedInDetails>\r\n    <div class=\"tooltip-div-container\">\r\n        <ng-container *ngFor=\"let data of textActionTooltip\">\r\n            <span *ngIf=\"data.key != 'read'\">\r\n                {{ data.key }} <b> {{ data.value }}</b>\r\n            </span>\r\n            <span *ngIf=\"data.key == 'read'\">\r\n                {{ data.value }}\r\n            </span>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #markAsReadTip>\r\n    <div class=\"notification-tooltip-div-container\">\r\n        <ng-container *ngFor=\"let data of textActionTooltip\">\r\n            {{ data.value }}\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #textActionTooltipTemplate>\r\n    <ng-container *ngFor=\"let data of textActionTooltip\">\r\n        {{ data.key }} <b> {{ data.value }}</b>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #showOrHideToggleForTotalRowTooltip>\r\n    <div>\r\n        {{ showOrHideToggleForTotalRow && !gtGeneralConfig.totalRow ? \"Show Total Row\" : \"Hide Total Row\" }}\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #tooltipContainingTableTemplate>\r\n    <div\r\n        *ngIf=\"tooltipContainingTable\"\r\n        [innerHTML]=\"tooltipContainingTable.innerHtml\"\r\n        class=\"notification-tooltip-div-container\"\r\n    >\r\n        <!-- <ul>\r\n      <li *ngFor=\"let headerMsg of tooltipContainingTable.tableHeaderMsg\">\r\n        <b> {{headerMsg}}  </b>\r\n      </li>\r\n    </ul>\r\n\r\n    <table class=\"tooltip-table\">\r\n      <thead>\r\n        <tr>\r\n          <th *ngFor=\"let header of tooltipContainingTable.tooltipTableHeader\">\r\n            {{ header}}\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        <tr *ngFor=\"let rows of tooltipContainingTable.tooltipTableBody\">\r\n          <td *ngFor=\"let data of rows\">\r\n            {{ data }}\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n\r\n    <ul>\r\n      <li style=\"margin-top:10px; padding:0\" *ngFor=\"let footerMsg of tooltipContainingTable.tableFooterMsg\">\r\n        {{ footerMsg }} \r\n      </li>\r\n    </ul> -->\r\n    </div>\r\n</ng-template>\r\n<!-- <ng-template #textActionTooltipTemplate>\r\n   <ng-container *ngFor=\"let data of textActionTooltip\">\r\n      {{ data.key }} <b> {{data.value}}</b>\r\n   </ng-container>\r\n</ng-template> -->\r\n", styles: ["::ng-deep .show-or-hide-toggle-tooltip .tooltip-inner{max-width:229px}.show-or-hide-toggle-btn.shift-toggle-top-on-total-row-click{transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),48px)}.show-or-hide-toggle-btn{width:16px;height:16px;padding:0;margin:0;border-radius:50%;position:absolute;transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),73px);z-index:1000;background-color:#d9d9d9}.show-or-hide-toggle-btn i.mdi.mdi-menu-swap{font-size:16px;display:flex}#generic-table-conatiner.table-with-show-hide-total-row-toggle .total-row td:nth-of-type(2){padding-left:16px!important}.sort-btn{background:#fff;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}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.red-text-totol-row{color:#f44336!important}.check-mark,.unread-mark{cursor:pointer}.on-hover:hover .unread-mark,.notificationHover .check-mark{opacity:0;cursor:pointer}.on-hover:hover .check-mark{opacity:1;cursor:pointer}:host ::ng-deep .gt{table-layout:fixed;margin-bottom:0;width:100%}:host ::ng-deep .gt th,:host ::ng-deep .gt td{padding:2px 8px;line-height:normal}:host ::ng-deep .gt thead tr th .upper-label{font-family:Roboto;font-size:.6875rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .gt thead tr th .lower-label{font-family:Roboto;font-size:.6875rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .gt thead tr th{background-color:#ededed;position:sticky;position:-webkit-sticky;top:0;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}:host ::ng-deep .gt thead tr th br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt thead tr th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .gt thead tr th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .gt thead tr th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .gt thead tr th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4}:host ::ng-deep .gt tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}:host ::ng-deep .gt tbody tr td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}:host ::ng-deep .gt tbody tr td .upper-label{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;color:#000;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt tbody tr td .lower-label{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;color:#a7a7a7;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt tbody tr br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt tbody tr:nth-of-type(1) td{border-top:none!important}:host ::ng-deep .gt .custom-column-checkbox-checked,:host ::ng-deep .gt .custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}:host ::ng-deep .gt .custom-column-checkbox-checked{color:#268bff}:host ::ng-deep .gt .custom-column-checkbox-unchecked{color:#4a4a4a}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4}.table-container{overflow-x:auto;overflow-y:auto}.rowSelectCheckbox,#selectAllRowsCheckbox{cursor:pointer}.disable-checkbox{color:#dedede!important;pointer-events:none!important}.mdi-warning{color:#f3c639;font-size:16px;line-height:28px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.redcolor-status{color:#c62a2a}#no-filter-space{width:.875rem}::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:1.875rem!important;width:2.625rem;padding:0 .625rem}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}::ng-deep .mat-button-toggle-checked{background-color:#268bff!important;color:#fff!important}::ng-deep .mat-button-toggle-group-appearance-standard{border-radius:0}.hidden{display:none}.no-data-div{margin-top:2.5px}.no-data-div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:.3125rem 1.125rem;border-radius:.25rem}.column-values:nth-of-type(2){color:#a7a7a7!important}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}.time-filter-checkboxes>div>p{color:#151b1e}::ng-deep .margin-bottom-zero .mat-radio-label{margin-bottom:0}:host ::ng-deep mat-radio-group br{margin-top:0!important}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__background{width:var(--mat-radio-size);height:var(--mat-radio-size)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__inner-circle{border-width:calc(var(--mat-radio-size) / 2)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{margin:0 0 0 4px;padding:0;top:-2px;position:relative}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio--disabled+label{color:var(--primary-text-color-dark)!important}:host ::ng-deep mat-radio-group mat-radio-button.mat-mdc-radio-button .mdc-form-field .mdc-radio{padding:0}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{left:-94px;font-size:12px;color:#4a4a4a;position:relative}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:red}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:red}::ng-deep .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:#00000061!important}::ng-deep .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-inner-circle{background-color:#00000061!important}::ng-deep tr.white-background-row{background:#fff}::ng-deep tr.gray-background-row{background:#e9e9e980!important}.remarks-tooltip,.mdi-information,.mdi-information-outline,.seller-tooltip{font-size:.875rem;color:#268bff;position:relative;top:.1875rem;cursor:pointer}.seller-tooltip{top:-1px;float:right}::ng-deep .remarks-info-tooltip .tooltip-inner{max-width:19.25rem!important}.rating-icon,.lur-violation-icon{color:#268bff;cursor:pointer;position:relative;left:-2px}::ng-deep .rating-info-tooltip .tooltip-inner{max-width:800px!important}.spots-info-icon{color:#268bff;cursor:pointer;margin:1px 2px 0 -14px}.spots-info-icon-ol{color:#268bff;cursor:pointer;margin:1px 4px 0 -2px}::ng-deep .spot-info-tooltip .tooltip-inner{position:relative;max-width:220px!important;background:#fff;word-break:break-word;display:flex}::ng-deep .spot-info-tooltip-for-orderlisting-table .tooltip-inner{max-width:220px!important;background:#fff;word-break:break-word;display:flex}p.first-row{padding:.5rem .5rem 0;color:#000;white-space:nowrap;text-align:left}p.second-row{padding:2px .5rem .5rem;color:#000;white-space:nowrap;text-align:left}::ng-deep .gt-total-row-tooltip{opacity:1!important}::ng-deep .gt-total-row-tooltip .tooltip-inner{color:#000;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;background-color:#fff;padding:4px!important;width:100%;border-radius:2px!important}::ng-deep .gt-total-row-tooltip .arrow:before{border-top-color:#fff!important}.info-label{margin-left:4px;color:#268bff;vertical-align:text-top}::ng-deep .hierarchy-tooltip{max-width:-moz-fit-content;max-width:fit-content;width:310px!important}::ng-deep .hierarchy-tooltip .tooltip-inner{padding:4px!important;max-width:22.75rem;max-height:11.25rem}table.seller-hierarchy-table{table-layout:fixed}table.seller-hierarchy-table tr th{font-family:Roboto;font-size:.75rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:#5e5e5e;white-space:nowrap;background:#ededed;position:sticky;box-shadow:inset 0 1px #d4d4d4;top:0;z-index:1}table.seller-hierarchy-table tr th:nth-child(1){width:20px}table.seller-hierarchy-table tr th:first-of-type,table.seller-hierarchy-table tr td:first-of-type{width:20px;border-left:1px solid #d4d4d4}table.seller-hierarchy-table tr th:last-of-type,table.seller-hierarchy-table tr td:last-of-type{border-right:1px solid #d4d4d4;width:7.875rem!important}table.seller-hierarchy-table tr th:nth-of-type(2){width:7.75rem!important}table.seller-hierarchy-table tr td{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a;box-shadow:none!important;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4}table.seller-hierarchy-table tr td:nth-of-type(2),table.seller-hierarchy-table tr td:nth-of-type(3){padding-top:.25rem}table.seller-hierarchy-table tr td span{display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}section.hierarchy-table-container{max-height:8.75rem;overflow:auto}section.hierarchy-table-container::-webkit-scrollbar-track{margin-top:1.5rem}.difference-text{padding:.5rem;color:#000;text-align:left}::ng-deep .posted-avg-tooltip .tooltip-inner{width:13.8125rem!important}::ng-deep .drrBooked-info-tooltip{transform:translate(26px,6px)}::ng-deep .drrBooked-info-tooltip .tooltip-inner{max-width:307px!important;width:242px!important;background:#fff;word-break:break-word;display:flex;padding:4px!important;text-align:left}::ng-deep .drrBooked-info-tooltip .tooltip-inner p{color:#000}::ng-deep .drrBooked-info-tooltip .arrow:before{border-right-color:#fff!important}.clickable-data{cursor:pointer;color:#268bff!important;display:flex!important;align-items:center}.clickable-data .spot-details-download-icons{font-size:12px}.disabled-clickable-data{pointer-events:none;color:#d4d4d4!important}.spot-column-tooltip-message{color:#000;width:max-content;text-align:left}div.spinner-for-button-directive{position:relative;left:-1px}.clickable-row table tr.mat-row td{cursor:pointer!important}.tooltip-div-container{text-align:left!important;padding:12px 4px;color:#4a4a4a!important;font-size:12px!important;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.notification-tooltip-div-container{text-align:left!important;padding:6px 8px;color:#4a4a4a!important;font-size:12px!important;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.mdi-information,.mdi-information-outline{left:3px;top:1px}.mdi-information-outline{position:static}::ng-deep .team-user-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .team-user-tooltip .tooltip-inner{opacity:1!important;width:-moz-fit-content!important;width:fit-content!important;max-width:520px;border-radius:2px;padding:0 4px!important}::ng-deep .team-user-tooltip .tooltip-inner .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip{opacity:1!important}::ng-deep .gt-icon-column-tooltip .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .gt-icon-column-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip .tooltip-inner{width:100%}::ng-deep .tooltip-containing-table{opacity:1!important}::ng-deep .tooltip-containing-table .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .tooltip-containing-table.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .tooltip-containing-table li{margin:0!important;padding:0!important}::ng-deep .tooltip-containing-table ul{margin:0!important;padding-left:8px!important}::ng-deep .tooltip-containing-table .tooltip-inner{width:100%;max-width:230px}table.tooltip-table{table-layout:fixed;margin:4px 0 0;width:100%}table.tooltip-table th,table.tooltip-table td{padding:2px 8px;line-height:normal}table.tooltip-table thead tr th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important;border:none}table.tooltip-table thead tr th{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67;background-color:#ededed;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.tooltip-table thead tr th div.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}table.tooltip-table tbody tr td{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67}table.tooltip-table tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.tooltip-table tbody tr td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.bottom-border{border-bottom:1px solid #d4d4d4!important}i.disabled{pointer-events:none!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i4$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i5$1.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }, { kind: "directive", type: showEllipsisTextOnHoverDirective, selector: "[showEllipsisTextOnHover]" }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: AnnaIconColumnComponent, selector: "anna-core-anna-icon-column", inputs: ["componentName", "iconToShow", "dataObject"], outputs: ["onColumnIconClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i7.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i7.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AnnaNoDataComponent, selector: "anna-core-no-data-lib", inputs: ["width", "marginTop"] }, { kind: "component", type: AnnaColumnCheckboxFilterComponent, selector: "anna-core-anna-column-checkbox-filter", inputs: ["showFilterHeaderTabs", "isLurAndCsrComponent", "tableData", "clonedTableData", "filterTabObjects"], outputs: ["filterAppliedToTable", "sortingAppliedToTable", "getSortType", "closeTooltip"] }, { kind: "component", type: AnnaColumnSliderFilterComponent, selector: "anna-core-anna-column-slider-filter", inputs: ["filterTabObjects", "isLurAndCsrComponent", "tableData", "showFilterHeaderTabs", "clonedTableData"], outputs: ["closeTooltip", "filterAppliedToTable", "getSortType", "sortingAppliedToTable"] }, { kind: "component", type: AnnaColumnDateRangeFilterComponent, selector: "anna-core-anna-column-date-range-filter", inputs: ["tableData", "clonedTableData", "filterTabObjects", "isLurAndCsrComponent", "showFilterHeaderTabs"], outputs: ["filterAppliedToTable", "sortingAppliedToTable", "getSortType", "closeTooltip"] }, { kind: "component", type: AnnaColumnTimeFilterComponent, selector: "anna-core-anna-column-time-filter", inputs: ["tableData", "clonedTableData", "filterTabObjects", "showFilterHeaderTabs", "showAllTimeRangeCheckboxes", "isLurAndCsrComponent", "gtGeneralConfig", "showClearAllFilter", "startFromText", "endToText", "isSortAndFilterAbsent"], outputs: ["timeChanges", "filterAppliedToTable", "sortingAppliedToTable", "getSortType", "closeTooltip"] }, { kind: "ngmodule", type: NgCircleProgressModule }, { kind: "component", type: i8.CircleProgressComponent, selector: "circle-progress", inputs: ["name", "class", "backgroundGradient", "backgroundColor", "backgroundGradientStopColor", "backgroundOpacity", "backgroundStroke", "backgroundStrokeWidth", "backgroundPadding", "radius", "space", "percent", "toFixed", "maxPercent", "renderOnClick", "units", "unitsFontSize", "unitsFontWeight", "unitsColor", "outerStrokeGradient", "outerStrokeWidth", "outerStrokeColor", "outerStrokeGradientStopColor", "outerStrokeLinecap", "innerStrokeColor", "innerStrokeWidth", "titleFormat", "title", "titleColor", "titleFontSize", "titleFontWeight", "subtitleFormat", "subtitle", "subtitleColor", "subtitleFontSize", "subtitleFontWeight", "imageSrc", "imageHeight", "imageWidth", "animation", "animateTitle", "animateSubtitle", "animationDuration", "showTitle", "showSubtitle", "showUnits", "showImage", "showBackground", "showInnerStroke", "clockwise", "responsive", "startFromZero", "showZeroOuterStroke", "lazy", "options"], outputs: ["onClick"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: AnnaEstIconTemplateComponent, selector: "anna-core-anna-est-icon-template" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaNonEditableGenericTableComponent, isStandalone: true, selector: "anna-core-non-editable-generic-table-lib", inputs: { showSkeletonLoading: "showSkeletonLoading", tableHeaders: "tableHeaders", tableData: "tableData", clonedTableData: "clonedTableData", gtGeneralConfig: "gtGeneralConfig", totalRowInfo: "totalRowInfo", gtDimension: "gtDimension", tableClass: "tableClass", maximumRowsWhichCanBeRenderedWithoutScroll: "maximumRowsWhichCanBeRenderedWithoutScroll", fixNumberOfRowsForPopup: "fixNumberOfRowsForPopup", limit: "limit", includeBorderInTableHeight: "includeBorderInTableHeight", downloadInProgress: "downloadInProgress", percentDone: "percentDone", starredInProgress: "starredInProgress", clickableRow: "clickableRow", setTableHeightWhenRowSizeIsFixed: "setTableHeightWhenRowSizeIsFixed", tableBorderBottomClassRequired: "tableBorderBottomClassRequired", hideSomeTds: "hideSomeTds", tdsHaveRowSpan: "tdsHaveRowSpan", multipleTablesPresent: "multipleTablesPresent", showOrHideToggleForTotalRow: "showOrHideToggleForTotalRow" }, outputs: { toggleCheckbox: "toggleCheckbox", toggleRowCheckbox: "toggleRowCheckbox", toggleHeaderCheckbox: "toggleHeaderCheckbox", undoIconClicked: "undoIconClicked", filterAppliedToTable: "filterAppliedToTable", sortingAppliedToTable: "sortingAppliedToTable", rowClicked: "rowClicked", radioButtonSelected: "radioButtonSelected", columnFilterOpened: "columnFilterOpened", columnFilterClosed: "columnFilterClosed", gtIconClicked: "gtIconClicked", gtSVGIconClicked: "gtSVGIconClicked", gtTextActionClicked: "gtTextActionClicked", gtViewDetailClicked: "gtViewDetailClicked", gtInnerHTMLClicked: "gtInnerHTMLClicked", downloadSpotDetails: "downloadSpotDetails", clickableDataClicked: "clickableDataClicked", totalRowIconClicked: "totalRowIconClicked", notificationIconHover: "notificationIconHover", notificationIconHoverLeave: "notificationIconHoverLeave", editableInputEdited: "editableInputEdited", radioButtonMessageIconClicked: "radioButtonMessageIconClicked" }, viewQueries: [{ propertyName: "viewChildTableHeaders", predicate: ["tableHeader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n    id=\"generic-table-conatiner\"\r\n    class=\"table-container {{ gtGeneralConfig?.tableOuterContainerName }} {{ tableBottomBorderClass }}\"\r\n    [ngClass]=\"{\r\n        'scroll-left-shadow-effect': isScrolledLeft,\r\n        'scroll-right-shadow-effect': !isScrollEnded,\r\n        'clickable-row': clickableRow,\r\n        'no-data-table': (isNoDataToDisplaySubject$ | async),\r\n        'table-with-show-hide-total-row-toggle': showOrHideToggleForTotalRow\r\n    }\"\r\n    (scroll)=\"onTableContainerScroll($event)\"\r\n>\r\n    <div\r\n        [class]=\"gtGeneralConfig.tableContainerName\"\r\n        class=\"horizontal-scroll-for-table-container\"\r\n        [ngStyle]=\"{\r\n            height:\r\n                tableData.length < maximumRowsWhichCanBeRenderedWithoutScroll\r\n                    ? 'calc(' +\r\n                      (gtDimension.rowHeight * tableData.length +\r\n                          (!tableData.length || !gtGeneralConfig.totalRow\r\n                              ? gtDimension.headerHeight\r\n                              : gtDimension.headerHeight + gtDimension.rowHeight)) +\r\n                      'px)'\r\n                    : gtDimension.tableHeight\r\n        }\"\r\n    >\r\n        <button\r\n            *ngIf=\"showOrHideToggleForTotalRow && !showSkeletonLoading && !(isNoDataToDisplaySubject$ | async)\"\r\n            [ngClass]=\"{\r\n                'shift-toggle-top-on-total-row-click': !gtGeneralConfig.totalRow\r\n            }\"\r\n            class=\"show-or-hide-toggle-btn\"\r\n            (click)=\"showHideTotalRow()\"\r\n        >\r\n            <i\r\n                class=\"mdi mdi-menu-swap\"\r\n                tooltipClass=\"show-or-hide-toggle-tooltip\"\r\n                placement=\"auto\"\r\n                container=\"body\"\r\n                [ngbTooltip]=\"showOrHideToggleForTotalRowTooltip\"\r\n            ></i>\r\n        </button>\r\n        <table\r\n            class=\"gt\"\r\n            [ngClass]=\"tableClass\"\r\n            mat-table\r\n            [dataSource]=\"renderedData\"\r\n        >\r\n            <tr\r\n                class=\"header-row\"\r\n                mat-header-row\r\n                *matHeaderRowDef=\"tableColumns; sticky: true\"\r\n                [style.height.px]=\"gtDimension.headerHeight\"\r\n            ></tr>\r\n            <tr\r\n                class=\"total-row\"\r\n                mat-header-row\r\n                [style.height.px]=\"gtDimension.rowHeight\"\r\n                *matHeaderRowDef=\"totalRowColumns; sticky: true\"\r\n                [class.hidden]=\"\r\n                    showSkeletonLoading ||\r\n                    (!showSkeletonLoading && !tableData.length) ||\r\n                    (isNoDataToDisplaySubject$ | async) ||\r\n                    (!showSkeletonLoading && !gtGeneralConfig.totalRow)\r\n                \"\r\n            ></tr>\r\n            <tr\r\n                [class]=\"rowData.gtClass\"\r\n                [ngClass]=\"{ 'no-border-tr': (isNoDataToDisplaySubject$ | async) }\"\r\n                mat-row\r\n                *matRowDef=\"let rowData; columns: tableColumns\"\r\n                [style.height.px]=\"gtDimension.rowHeight\"\r\n                (click)=\"dataRowClicked(rowData)\"\r\n            ></tr>\r\n\r\n            <!-- TOTAL ROW -->\r\n            <ng-container\r\n                [matColumnDef]=\"column.colName\"\r\n                *ngFor=\"let column of totalRowInfo; trackBy: trackByFn\"\r\n            >\r\n                <td\r\n                    mat-header-cell\r\n                    *matHeaderCellDef\r\n                    [attr.colspan]=\"column.colspan\"\r\n                    class=\"{{ column.class }}\"\r\n                >\r\n                    <ng-container *ngIf=\"column['isActionColumn']\">\r\n                        <a\r\n                            *ngFor=\"let data of column.actionData\"\r\n                            [class]=\"data.class\"\r\n                            (click)=\"onClickableDataClicked({}, data.id)\"\r\n                        >\r\n                            {{ data.name }}\r\n                        </a>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"column['isIconColumn']\">\r\n                        <i\r\n                            class=\"{{ column?.iconData?.class }}\"\r\n                            (click)=\"iconClickedInTotalRow(column?.colName)\"\r\n                        >\r\n                        </i>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"!column['isActionColumn']\">\r\n        \r\n                        <strong class=\"upper-label\">{{ column.data }} <span class=\"red-text-totol-row\" *ngIf=\"column.additionalRedTextAfterData\">{{column.additionalRedTextAfterData}}</span></strong>\r\n                        <ng-container *ngIf=\"column.lowerData\">\r\n                            <br />\r\n                            <span\r\n                                *ngIf=\"\r\n                                    column.colName == 'total-potential-booked-unit' &&\r\n                                        gtGeneralConfig.component == 'RATING';\r\n                                    else columnLowerData\r\n                                \"\r\n                                class=\"clickable-data\"\r\n                                (click)=\"spotDetailsDownloadClicked('TOTALROW')\"\r\n                                [ngClass]=\"{ 'disabled-clickable-data': downloadInProgress }\"\r\n                                >{{ column.lowerData }}\r\n                                <span class=\"material-icons spot-details-download-icons\">get_app</span>\r\n                                <ng-container *ngIf=\"downloadInProgress && selectedRowTypeForDownload == 'TOTALROW'\">\r\n                                    <ng-container [ngTemplateOutlet]=\"circularProgressBar\"></ng-container>\r\n                                </ng-container>\r\n                            </span>\r\n                            <ng-template #columnLowerData>\r\n                                <span class=\"lower-label\">{{ column.lowerData }}</span>\r\n                            </ng-template>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"column.tooltipMessage && gtGeneralConfig.component != 'LUR_VIOLATIONS'\">\r\n                            <i\r\n                                class=\"{{ column.tooltipIconClass }}\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"column.tooltipMessage\"\r\n                                tooltipClass=\"gt-total-row-tooltip\"\r\n                                placement=\"top bottom\"\r\n                            ></i>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"gtGeneralConfig.component == 'LUR_VIOLATIONS' && column.tooltipMessage\">\r\n                            <i\r\n                                class=\"mi mdi-info-outline info-label\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"lurViolationTotalRowToolTip\"\r\n                                tooltipClass=\"gt-total-row-tooltip\"\r\n                                placement=\"bottom\"\r\n                            ></i>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </td>\r\n            </ng-container>\r\n\r\n            <!-- MAIN ROW -->\r\n            <ng-container\r\n                [matColumnDef]=\"columnDef.headerInfo[0].objectKey\"\r\n                *ngFor=\"let columnDef of tableHeaders; trackBy: trackByFn\"\r\n            >\r\n                <th\r\n                    #tableHeader\r\n                    nowrap\r\n                    mat-header-cell\r\n                    *matHeaderCellDef\r\n                    [style.width]=\"columnDef.width\"\r\n                >\r\n                    <div\r\n                        class=\"row mx-0\"\r\n                        *ngFor=\"let header of columnDef.headerInfo; let j = index\"\r\n                    >\r\n                        <p\r\n                            *ngIf=\"header.typeOfHeaderData === 'STRING'\"\r\n                            [ngClass]=\"{ 'upper-label': j === 0, 'lower-label': j === 1 }\"\r\n                        >\r\n                            <ngx-skeleton-loader\r\n                                *ngIf=\"header.name == null\"\r\n                                count=\"1\"\r\n                                [theme]=\"{\r\n                                    height: '10px',\r\n                                    display: 'block',\r\n                                    width: columnDef.width,\r\n                                    'max-width': 'calc(100% - 20px)'\r\n                                }\"\r\n                            >\r\n                            </ngx-skeleton-loader>\r\n                            <ng-container *ngIf=\"header.name\">\r\n                                {{ header.name }}\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"header.tooltip && header.tooltip.tooltipMessage\">\r\n                                <i\r\n                                    class=\"{{ header['tooltip'].iconClass }}\"\r\n                                    [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                    #t=\"ngbTooltip\"\r\n                                    container=\"body\"\r\n                                    [ngbTooltip]=\"header.tooltip.tooltipMessage\"\r\n                                    container=\"body\"\r\n                                    placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                    tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                                >\r\n                                </i>\r\n                            </ng-container>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'impsInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"impsInfoTooltip\"\r\n                                container=\"body\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"\r\n                                    header.tooltip && header.tooltip.name == 'spotsColumnEquivalizationMessageTooltip'\r\n                                \"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                container=\"body\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"spotsColumnEquivalizationMessageTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'underDeliveryTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                container=\"body\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"underDeliveryTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'overDeliveryTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                container=\"body\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"overDeliveryTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'ratingInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"ratingInfoTooltip\"\r\n                                container=\"body\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'rateInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"rateInfoTooltip\"\r\n                                container=\"body\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'ongoingRevBookedColumnTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"ongoingRevBookedColumnTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'completedRevBookedColumnTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"completedRevBookedColumnTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'avgBookedRate'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"avgBookedRate\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'avgBookedRtg'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"avgBookedRtg\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'avgBookedImps'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"avgBookedImps\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'automationTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"automationTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'rebateImpact'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"rebateImpact\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'projectedImpsRtg'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"projectedImpsRtg\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                        </p>\r\n\r\n                        <ng-container *ngIf=\"header.typeOfHeaderData === 'CHECKBOX'\">\r\n                            <span\r\n                                *ngIf=\"gtGeneralConfig.isHeaderChecked\"\r\n                                class=\"material-icons custom-column-checkbox-checked\"\r\n                                (click)=\"selectUnselectAllRows()\"\r\n                            >\r\n                                check_box\r\n                            </span>\r\n                            <span\r\n                                *ngIf=\"!gtGeneralConfig.isHeaderChecked\"\r\n                                class=\"material-icons custom-column-checkbox-unchecked\"\r\n                                [ngClass]=\"{ 'disable-checkbox': gtGeneralConfig.disableHeaderCheckbox }\"\r\n                                (click)=\"selectUnselectAllRows()\"\r\n                            >\r\n                                check_box_outline_blank\r\n                            </span>\r\n                        </ng-container>\r\n\r\n                        <div\r\n                            *ngIf=\"gtGeneralConfig.showAllColumnFilter\"\r\n                            class=\"sort-filter-container\"\r\n                        >\r\n                            <ng-container *ngIf=\"header.showTooltipIcon\">\r\n                                <!-- Active tooltip Functionality -->\r\n                                <ng-container *ngIf=\"header.filter === 'CHECKBOX'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"filterTooltip\"\r\n                                        placement=\"{{ filterAlignment }}\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-checkbox-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'SLIDER'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"sliderToolTip\"\r\n                                        placement=\"bottom left-top\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-slider-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t1=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t1, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'DATE'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"datePickerTooltip\"\r\n                                        placement=\"bottom auto\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-datepicker-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t2=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t2, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'WEEK'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"weekPickerToolTip\"\r\n                                        placement=\"bottom left-top\"\r\n                                        container=\"body\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t3=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t3, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'TIME'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"timeFilterToolTip\"\r\n                                        placement=\"bottom left-top auto\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-time-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t4=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t4, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"!header.showTooltipIcon\">\r\n                                <span id=\"no-filter-space\"></span><br />\r\n                            </ng-container>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'lurViolationInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"lurViolationInfoTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                        </div>\r\n                    </div>\r\n                </th>\r\n\r\n                <ng-container *matCellDef=\"let ROW_DATA\">\r\n                    <td\r\n                        mat-cell\r\n                        [style.background]=\"ROW_DATA.backgroundColor\"\r\n                        [style.border]=\"ROW_DATA.border\"\r\n                        class=\"{{ ROW_DATA.rowClass }}\"\r\n                        [ngClass]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'TdClass']\"\r\n                        [attr.rowspan]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'Rowspan']\"\r\n                        *ngIf=\"\r\n                            !hideSomeTds ||\r\n                            (hideSomeTds && !ROW_DATA['hide' + columnDef.headerInfo[0].objectKey + 'Td'])\r\n                        \"\r\n                    >\r\n                        <ngx-skeleton-loader\r\n                            *ngIf=\"showSkeletonLoading\"\r\n                            count=\"1\"\r\n                            [theme]=\"{ height: '10px', display: 'block' }\"\r\n                        >\r\n                        </ngx-skeleton-loader>\r\n\r\n                        <ng-container *ngIf=\"!showSkeletonLoading\">\r\n                            <ng-container *ngIf=\"tableData.length > 0 && !(isNoDataToDisplaySubject$ | async)\">\r\n                                <ng-container\r\n                                    *ngFor=\"\r\n                                        let subline of columnDef.headerInfo;\r\n                                        let subLineIndex = index;\r\n                                        trackBy: trackByFn\r\n                                    \"\r\n                                >\r\n                                    <div showEllipsisTextOnHover>\r\n                                        <ng-container [ngSwitch]=\"columnDef.headerInfo[subLineIndex].typeOfBodyData\">\r\n                                            <ng-container *ngSwitchCase=\"'ICON'\">\r\n                                                <i\r\n                                                    *ngIf=\"\r\n                                                        !(\r\n                                                            starredInProgress &&\r\n                                                            ROW_DATA.orderId == selectedStarredOrderId\r\n                                                        )\r\n                                                    \"\r\n                                                    [class]=\"ROW_DATA.iconClass\"\r\n                                                    (click)=\"iconClicked(ROW_DATA, ROW_DATA.iconClass)\"\r\n                                                    ngbTooltip=\"{{ ROW_DATA.iconTitleText }}\"\r\n                                                    placement=\"bottom\"\r\n                                                    container=\"body\"\r\n                                                    tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                ></i>\r\n                                                <ng-container\r\n                                                    *ngIf=\"\r\n                                                        starredInProgress && ROW_DATA.orderId == selectedStarredOrderId\r\n                                                    \"\r\n                                                >\r\n                                                    <div class=\"spinner-for-button-directive\"></div>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'ICON_CELL'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <ng-container *ngIf=\"action.showObjectKey\">\r\n                                                        {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\r\n                                                    </ng-container>\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"action.showIcon\"\r\n                                                        [class]=\"action.iconClass\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnStringTextActionType(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"action.showTooltip ? action.tooltipData : null\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                action.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [disableTooltip]=\"!action.showTooltip\"\r\n                                                    >\r\n                                                    </i>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'HTML_STRING'\">\r\n                                                <p\r\n                                                    [innerHTML]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    (click)=\"innerHTMLCellClicked($event, ROW_DATA)\"\r\n                                                ></p>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'SVG_ICON'\">\r\n                                                <anna-core-anna-icon-column\r\n                                                    [componentName]=\"gtGeneralConfig.component\"\r\n                                                    [dataObject]=\"ROW_DATA\"\r\n                                                    [iconToShow]=\"\r\n                                                        ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                    \"\r\n                                                    (onColumnIconClicked)=\"svgIconClicked($event)\"\r\n                                                ></anna-core-anna-icon-column>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'TEXT_ACTIONS'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let text of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <button\r\n                                                        *ngIf=\"text.showTooltip\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                text.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [disabled]=\"text.isDisabled\"\r\n                                                        class=\"{{ text.class }}\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnTextActionType(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        [ngbTooltip]=\"textActionTooltipTemplate\"\r\n                                                        placement=\"auto\"\r\n                                                        container=\"body\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                    >\r\n                                                        {{ text.name }}\r\n                                                    </button>\r\n\r\n                                                    <button\r\n                                                        *ngIf=\"!text.showTooltip\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                text.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [disabled]=\"text.isDisabled\"\r\n                                                        class=\"{{ text.class }}\"\r\n                                                    >\r\n                                                        {{ text.name }}\r\n                                                    </button>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'CHECKBOX'\">\r\n                                                <span\r\n                                                    *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    class=\"material-icons custom-column-checkbox-checked\"\r\n                                                    (click)=\"\r\n                                                        selectOrUnselectCheckbox(\r\n                                                            ROW_DATA,\r\n                                                            columnDef.headerInfo[subLineIndex].objectKey,\r\n                                                            false\r\n                                                        )\r\n                                                    \"\r\n                                                >\r\n                                                    check_box\r\n                                                </span>\r\n                                                <span\r\n                                                    *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    class=\"material-icons custom-column-checkbox-unchecked\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    (click)=\"\r\n                                                        selectOrUnselectCheckbox(\r\n                                                            ROW_DATA,\r\n                                                            columnDef.headerInfo[subLineIndex].objectKey,\r\n                                                            true\r\n                                                        )\r\n                                                    \"\r\n                                                >\r\n                                                    check_box_outline_blank\r\n                                                </span>\r\n\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <i\r\n                                                        *ngIf=\"action.showIcon\"\r\n                                                        [class]=\"action.iconClass\"\r\n                                                        [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnStringTextActionTypeContainingTable(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"tooltipContainingTableTemplate\"\r\n                                                    >\r\n                                                    </i>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'CLICKABLE_DATA'\">\r\n                                                <a\r\n                                                    *ngFor=\"\r\n                                                        let text of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                    [class]=\"text.class\"\r\n                                                    (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\r\n                                                >\r\n                                                    {{ text.name }}\r\n                                                </a>\r\n                                                <span\r\n                                                    *ngIf=\"\r\n                                                        subline.objectKey == 'displayBookedUnits' &&\r\n                                                        gtGeneralConfig.component == 'RATING'\r\n                                                    \"\r\n                                                    class=\"clickable-data\"\r\n                                                    (click)=\"spotDetailsDownloadClicked('DATAROW', ROW_DATA)\"\r\n                                                    [ngClass]=\"{ 'disabled-clickable-data': downloadInProgress }\"\r\n                                                    >{{ ROW_DATA.displayBookedUnits }}\r\n                                                    <span class=\"material-icons spot-details-download-icons\"\r\n                                                        >get_app</span\r\n                                                    >\r\n                                                    <ng-container\r\n                                                        *ngIf=\"\r\n                                                            downloadInProgress &&\r\n                                                            ROW_DATA.inventoryCodeId ==\r\n                                                                selectedInventoryIdForDownload &&\r\n                                                            ROW_DATA.demographic == selectedDemographicForDownload\r\n                                                        \"\r\n                                                    >\r\n                                                        <ng-container\r\n                                                            [ngTemplateOutlet]=\"circularProgressBar\"\r\n                                                        ></ng-container>\r\n                                                    </ng-container>\r\n                                                </span>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'STRING___ICON_OR_TEXT_ACTION'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <span\r\n                                                        [class]=\"action.additionalTextBeforeLinkClass\"\r\n                                                        [innerHtml]=\"action.additionalTextBeforeLink\"\r\n                                                        ngbTooltip=\"{{ action.additionalTextBeforeLink }}\"\r\n                                                        placement=\"bottom\"\r\n                                                        container=\"body\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                        [disableTooltip]=\"!action.enableTooltipForAdditionalText\"\r\n                                                    ></span>\r\n\r\n                                                    <ng-container *ngIf=\"action && action.typeOfData == 'STRING'\">\r\n                                                        {{ action.data }}\r\n                                                    </ng-container>\r\n\r\n                                                    <a\r\n                                                        [id]=\"action.id\"\r\n                                                        *ngIf=\"action.showLink\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                action.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [class]=\"action.linkClass\"\r\n                                                        [ngClass]=\"{ disabled: action.disabledLink }\"\r\n                                                        >{{ action.data }}</a\r\n                                                    >\r\n                                                    <span\r\n                                                        ngbTooltip=\"{{ action.additionalTextAfterLink }}\"\r\n                                                        placement=\"bottom\"\r\n                                                        container=\"body\"\r\n                                                        [class]=\"action.additionalTextAfterLinkClass\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                        [disableTooltip]=\"!action.enableTooltipForAdditionalAfterText\"\r\n                                                    >\r\n                                                        {{ action.additionalTextAfterLink }}\r\n                                                    </span>\r\n\r\n                                                    <ng-container *ngIf=\"action.showTooltip\">\r\n                                                        <ng-container *ngIf=\"action.tooltipData.innerHtml\">\r\n                                                            <i\r\n                                                                *ngIf=\"action.showIcon\"\r\n                                                                [class]=\"action.iconClass\"\r\n                                                                [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                                (mouseenter)=\"\r\n                                                                    mouseEnterOnStringTextActionTypeContainingTable(\r\n                                                                        ROW_DATA,\r\n                                                                        columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                                    )\r\n                                                                \"\r\n                                                                placement=\"bottom auto\"\r\n                                                                container=\"body\"\r\n                                                                [autoClose]=\"true\"\r\n                                                                tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\r\n                                                                [ngbTooltip]=\"tooltipContainingTableTemplate\"\r\n                                                            >\r\n                                                            </i>\r\n                                                        </ng-container>\r\n\r\n                                                        <ng-container *ngIf=\"!action.tooltipData.tooltipTableBody\">\r\n                                                            <i\r\n                                                                *ngIf=\"action.showIcon\"\r\n                                                                [class]=\"action.iconClass\"\r\n                                                                [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                                (click)=\"\r\n                                                                    iconClickedOnStringIconActionType(\r\n                                                                        ROW_DATA,\r\n                                                                        action.id,\r\n                                                                        columnDef.headerInfo[subLineIndex]\r\n                                                                    )\r\n                                                                \"\r\n                                                                (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\r\n                                                                (mouseenter)=\"\r\n                                                                    mouseEnterOnStringTextActionType(\r\n                                                                        ROW_DATA,\r\n                                                                        columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                                    )\r\n                                                                \"\r\n                                                                [placement]=\"\r\n                                                                    action.tooltipPlacement\r\n                                                                        ? action.tooltipPlacement\r\n                                                                        : 'bottom auto'\r\n                                                                \"\r\n                                                                container=\"body\"\r\n                                                                [autoClose]=\"true\"\r\n                                                                tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\r\n                                                                    action.tooltipClass\r\n                                                                }}\"\r\n                                                                [ngbTooltip]=\"userLoggedInDetails\"\r\n                                                            >\r\n                                                            </i>\r\n                                                            <ng-container *ngIf=\"action['showSvgIcon']\">\r\n                                                                <anna-core-anna-est-icon-template\r\n                                                                    class=\"float-right\"\r\n                                                                    *ngIf=\"action['svgIconName'] == 'anna-icon'\"\r\n                                                                    (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\r\n                                                                    (mouseenter)=\"\r\n                                                                        mouseEnterOnStringTextActionType(\r\n                                                                            ROW_DATA,\r\n                                                                            columnDef.headerInfo[subLineIndex]\r\n                                                                                .tooltipKey\r\n                                                                        )\r\n                                                                    \"\r\n                                                                    [placement]=\"\r\n                                                                        action.tooltipPlacement\r\n                                                                            ? action.tooltipPlacement\r\n                                                                            : 'bottom auto'\r\n                                                                    \"\r\n                                                                    tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\r\n                                                                        action['tooltipClass']\r\n                                                                    }}\"\r\n                                                                    [ngbTooltip]=\"userLoggedInDetails\"\r\n                                                                    container=\"body\"\r\n                                                                    [autoClose]=\"true\"\r\n                                                                >\r\n                                                                </anna-core-anna-est-icon-template>\r\n                                                            </ng-container>\r\n                                                        </ng-container>\r\n                                                    </ng-container>\r\n\r\n                                                    <ng-container *ngIf=\"!action.showTooltip\">\r\n                                                        <i\r\n                                                            *ngIf=\"action.showIcon\"\r\n                                                            [class]=\"action.iconClass\"\r\n                                                            [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                            (click)=\"\r\n                                                                iconClickedOnStringIconActionType(\r\n                                                                    ROW_DATA,\r\n                                                                    action.id,\r\n                                                                    columnDef.headerInfo[subLineIndex]\r\n                                                                )\r\n                                                            \"\r\n                                                        >\r\n                                                        </i>\r\n                                                    </ng-container>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'STRING_OR_INPUT'\">\r\n                                                <ng-container\r\n                                                    *ngIf=\"\r\n                                                        ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.type ==\r\n                                                            'STRING';\r\n                                                        else inputBox\r\n                                                    \"\r\n                                                >\r\n                                                    <span\r\n                                                        [innerHtml]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                ?.value\r\n                                                        \"\r\n                                                    ></span>\r\n                                                </ng-container>\r\n                                                <ng-template #inputBox>\r\n                                                    <input\r\n                                                        placeholder=\"{{\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                ?.placeholder\r\n                                                        }}\"\r\n                                                        showEllipsisTextOnHover\r\n                                                        class=\"{{\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .className\r\n                                                        }}\"\r\n                                                        (keydown)=\"\r\n                                                            changesMadeInEditableInputBox(\r\n                                                                $event,\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\r\n                                                                false\r\n                                                            )\r\n                                                        \"\r\n                                                        (paste)=\"\r\n                                                            changesMadeInEditableInputBox(\r\n                                                                $event,\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\r\n                                                                true\r\n                                                            )\r\n                                                        \"\r\n                                                        (ngModelChange)=\"\r\n                                                            editableInputValueChanged(\r\n                                                                $event,\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].objectKey\r\n                                                            )\r\n                                                        \"\r\n                                                        [ngModel]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].value\r\n                                                        \"\r\n                                                        [disabled]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .disabled\r\n                                                        \"\r\n                                                        [ngClass]=\"{\r\n                                                            'red-border':\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                    .hasError\r\n                                                        }\"\r\n                                                    />\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .showIcon\r\n                                                        \"\r\n                                                        container=\"body\"\r\n                                                        [ngbTooltip]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .iconTooltip\r\n                                                        \"\r\n                                                        tooltipClass=\"gt-total-row-tooltip\"\r\n                                                        placement=\"bottom\"\r\n                                                        class=\"{{\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .iconClass\r\n                                                        }}\"\r\n                                                    >\r\n                                                    </i>\r\n                                                    <ng-container\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey][\r\n                                                                'showSvgIcon'\r\n                                                            ]\r\n                                                        \"\r\n                                                    >\r\n                                                        <anna-core-anna-est-icon-template\r\n                                                            class=\"float-right\"\r\n                                                            *ngIf=\"\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey][\r\n                                                                    'svgIconName'\r\n                                                                ] == 'anna-icon'\r\n                                                            \"\r\n                                                            [placement]=\"'bottom auto'\"\r\n                                                            tooltipClass=\"gt-total-row-tooltip\"\r\n                                                            [ngbTooltip]=\"\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                    .iconTooltip\r\n                                                            \"\r\n                                                            container=\"body\"\r\n                                                        >\r\n                                                        </anna-core-anna-est-icon-template>\r\n                                                    </ng-container>\r\n                                                </ng-template>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'HTML'\">\r\n                                                <span\r\n                                                    [innerHtml]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                ></span>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'SINGLE_RADIO'\">\r\n                                                <span\r\n                                                    *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    class=\"mdi mdi-radiobox-marked\"\r\n                                                    (click)=\"(null)\"\r\n                                                >\r\n                                                </span>\r\n                                                <span\r\n                                                    *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    class=\"mdi mdi-radiobox-blank\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    (click)=\"\r\n                                                        selectOrUnselectCheckbox(\r\n                                                            ROW_DATA,\r\n                                                            columnDef.headerInfo[subLineIndex].objectKey,\r\n                                                            true\r\n                                                        )\r\n                                                    \"\r\n                                                >\r\n                                                </span>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'RADIO'\">\r\n                                                <mat-radio-group\r\n                                                    *ngIf=\"ROW_DATA['RadioButtonConfig']\"\r\n                                                    [ngModel]=\"ROW_DATA[subline.objectKey]\"\r\n                                                    [disabled]=\"ROW_DATA['RadioButtonConfig'][0].isDisabled\"\r\n                                                >\r\n                                                    <ng-container\r\n                                                        *ngFor=\"\r\n                                                            let radioButton of ROW_DATA['RadioButtonConfig'];\r\n                                                            let last = last\r\n                                                        \"\r\n                                                    >\r\n                                                        <mat-radio-button\r\n                                                            value=\"{{ radioButton.value }}\"\r\n                                                            class=\"{{ radioButton.class }}\"\r\n                                                            (click)=\"\r\n                                                                radioButtonClicked(\r\n                                                                    ROW_DATA,\r\n                                                                    radioButton.value,\r\n                                                                    ROW_DATA['RadioButtonConfig'][0].isDisabled\r\n                                                                )\r\n                                                            \"\r\n                                                            >{{ radioButton.label }}\r\n                                                        </mat-radio-button>\r\n                                                        <i\r\n                                                            class=\" {{ radioButton.iconClass }}\"\r\n                                                            (click)=\"radioButtonIconClicked(ROW_DATA)\"\r\n                                                        ></i>\r\n                                                        <br *ngIf=\"!last\" />\r\n                                                    </ng-container>\r\n                                                </mat-radio-group>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <span> {{ action?.dataToDisplay }}</span>\r\n                                                    <span\r\n                                                        *ngIf=\"action?.showTooltip\"\r\n                                                        [ngbTooltip]=\"textActionTooltipTemplate\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnStringTextActionType(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        [placement]=\"action?.tooltipPosition\"\r\n                                                        container=\"body\"\r\n                                                        [class]=\"action?.tooltipIconClass\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                        [disableTooltip]=\"action?.disableTooltip\"\r\n                                                    >\r\n                                                    </span>\r\n                                                    <span> {{ action?.dataToDisplayAfterTooltip }}</span>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchDefault>\r\n                                                <ng-container *ngIf=\"subline.objectKey != 'description'\">\r\n                                                    <span>{{\r\n                                                        ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                    }}</span>\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            subline.objectKey == 'inventoryCode' &&\r\n                                                            ROW_DATA['isSellerGroup'] &&\r\n                                                            gtGeneralConfig.component == 'RATING'\r\n                                                        \"\r\n                                                        class=\"mi mdi-info-outline seller-tooltip\"\r\n                                                        [ngbTooltip]=\"sellerHierarchyTooltip\"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        triggers=\"manual\"\r\n                                                        (hidden)=\"closeTooltip()\"\r\n                                                        #info=\"ngbTooltip\"\r\n                                                        tooltipClass=\"hierarchy-tooltip remove-on-scroll-class\"\r\n                                                        (mouseenter)=\"\r\n                                                            bindTheValueToSellerGroupTooltip(\r\n                                                                ROW_DATA.sellerGroupHierarchy,\r\n                                                                info\r\n                                                            )\r\n                                                        \"\r\n                                                    >\r\n                                                    </i>\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            subline.objectKey == 'displayBookedAverageRating' &&\r\n                                                            gtGeneralConfig.component == 'RATING' &&\r\n                                                            ROW_DATA['showRatingAverageIcon']\r\n                                                        \"\r\n                                                        class=\"mi mdi-info-outline seller-tooltip\"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        (mouseenter)=\"\r\n                                                            setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\r\n                                                        \"\r\n                                                        tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"postedRatingDifference\"\r\n                                                    >\r\n                                                    </i>\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            subline.objectKey == 'displayBookedAverageImpression' &&\r\n                                                            gtGeneralConfig.component == 'RATING' &&\r\n                                                            ROW_DATA['showImpressionAverageIcon']\r\n                                                        \"\r\n                                                        class=\"mi mdi-info-outline seller-tooltip\"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        (mouseenter)=\"\r\n                                                            setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\r\n                                                        \"\r\n                                                        tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"postedImpDifference\"\r\n                                                    >\r\n                                                    </i>\r\n                                                </ng-container>\r\n                                                <ng-container *ngIf=\"subline.objectKey == 'description'\">\r\n                                                    <p\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA.descriptionMessage ||\r\n                                                            ROW_DATA.descriptionEmailReferenceNum\r\n                                                        \"\r\n                                                    >\r\n                                                        <ng-container *ngIf=\"ROW_DATA.descriptionMessage\">\r\n                                                            {{ ROW_DATA.descriptionMessage }}\r\n                                                            <br />\r\n                                                        </ng-container>\r\n                                                        <ng-container\r\n                                                            *ngIf=\"\r\n                                                                ROW_DATA.descriptionEmailReferenceNum != '-' &&\r\n                                                                ROW_DATA.descriptionEmailReferenceNum != ''\r\n                                                            \"\r\n                                                        >\r\n                                                            Email Ref: {{ ROW_DATA.descriptionEmailReferenceNum }}\r\n                                                            <br />\r\n                                                        </ng-container>\r\n                                                    </p>\r\n                                                    <a\r\n                                                        href=\"{{ ROW_DATA.descriptionDetailsUrl }}\"\r\n                                                        target=\"_blank\"\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA.descriptionDetailsUrlType === 'PDF' ||\r\n                                                            ROW_DATA.descriptionDetailsUrlType === 'EXCEL'\r\n                                                        \"\r\n                                                    >\r\n                                                        <button class=\"btn viewDetailsAndEmailBtn\">Download</button>\r\n                                                    </a>\r\n                                                    <ng-container\r\n                                                        *ngIf=\"ROW_DATA.activityname.toLowerCase() == 'order onboarded'\"\r\n                                                    >\r\n                                                        <a\r\n                                                            *ngIf=\"ROW_DATA.descriptionDetailsUrlType === 'LINK'\"\r\n                                                            (click)=\"viewDetailsClicked(ROW_DATA)\"\r\n                                                        >\r\n                                                            <button class=\"btn viewDetailsAndEmailBtn order-onboarded\">\r\n                                                                View details\r\n                                                            </button>\r\n                                                        </a>\r\n                                                    </ng-container>\r\n\r\n                                                    <a\r\n                                                        href=\"{{ ROW_DATA.descriptionEmailUrl }}\"\r\n                                                        target=\"_blank\"\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA.descriptionEmailUrl != '-' &&\r\n                                                            ROW_DATA.descriptionEmailUrl != ''\r\n                                                        \"\r\n                                                    >\r\n                                                        <button class=\"btn viewDetailsAndEmailBtn\">View email</button>\r\n                                                    </a>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"isNoDataToDisplaySubject$ | async\">\r\n                                <div>\r\n                                    {{ null }}\r\n                                </div>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </td>\r\n                </ng-container>\r\n            </ng-container>\r\n        </table>\r\n    </div>\r\n    <anna-core-no-data-lib\r\n        [width]=\"noDataWidth\"\r\n        [marginTop]=\"marginTop\"\r\n        *ngIf=\"isNoDataToDisplaySubject$ | async\"\r\n    >\r\n    </anna-core-no-data-lib>\r\n</div>\r\n\r\n<!-- Checkbox template -->\r\n<ng-template #filterTooltip>\r\n    <anna-core-anna-column-checkbox-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-checkbox-filter>\r\n</ng-template>\r\n\r\n<!-- Slider template -->\r\n<ng-template #sliderToolTip>\r\n    <anna-core-anna-column-slider-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-slider-filter>\r\n</ng-template>\r\n\r\n<!-- Date Picker Template -->\r\n<ng-template #datePickerTooltip>\r\n    <anna-core-anna-column-date-range-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-date-range-filter>\r\n</ng-template>\r\n\r\n<!-- Week Picker Template -->\r\n<ng-template #weekPickerToolTip>\r\n    <!-- <div class=\"weekpicker-container\">\r\n        <anna-core-week-calendar-filter-lib\r\n            [week-calendar-config]=\"gtGeneralConfig.multiWeekPickerConfig\"\r\n            (apply)=\"applyWeekFilter($event)\"\r\n            [from-date]=\"calendarMinEnabledDate\"\r\n            [to-date]=\"calendarMaxEnabledDate\"\r\n        >\r\n        </anna-core-week-calendar-filter-lib>\r\n    </div> -->\r\n</ng-template>\r\n\r\n<!-- Time Filter Template -->\r\n<ng-template #timeFilterToolTip>\r\n    <anna-core-anna-column-time-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [showAllTimeRangeCheckboxes]=\"showCheckboxesForTimeFilter\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-time-filter>\r\n</ng-template>\r\n\r\n<ng-template #columnInfoTooltip>\r\n    <p style=\"color: black; white-space: nowrap\">This preemption is rejected and not marked for credit.</p>\r\n</ng-template>\r\n\r\n<ng-template #ratingInfoTooltip>\r\n    <p class=\"first-row\">Shows 'Booked Rating' for Preemptions & MakeGood Offered spot(s).</p>\r\n    <p class=\"second-row\">Shows 'Projected Rating' for ADU Offered spot(s).</p>\r\n</ng-template>\r\n\r\n<ng-template #impsInfoTooltip>\r\n    <p class=\"first-row\">Shows 'Booked IMPS' for Preemptions & MakeGood Offered spot(s).</p>\r\n    <p class=\"second-row\">Shows 'Projected IMPS' for ADU Offered spot(s).</p>\r\n</ng-template>\r\n\r\n<ng-template #spotsColumnEquivalizationMessageTooltip>\r\n    <p class=\"spot-column-tooltip-message\">\r\n        This consists of equivalized spots and un-equivalized Paid Programs & un-equivalized Non-spots.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #underDeliveryTooltip>\r\n    <p class=\"spot-column-tooltip-message\">\r\n        Indicates the Under-delivery percentage based on booked and posted RTG/IMPS.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #overDeliveryTooltip>\r\n    <p class=\"spot-column-tooltip-message\">\r\n        Indicates the Over-delivery percentage based on booked and posted RTG/IMPS.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #rateInfoTooltip>\r\n    <p class=\"first-row\">Shows 'Booked Rate' for Preemptions & MakeGood Offered spot(s).</p>\r\n    <p class=\"second-row\">Shows 'Projected $ Value' for ADU Offered spot(s).</p>\r\n</ng-template>\r\n\r\n<ng-template #sellerHierarchyTooltip>\r\n    <ng-container *ngIf=\"sellerGroupHierarchy.length > 0\">\r\n        <section class=\"hierarchy-table-container\">\r\n            <table class=\"seller-hierarchy-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>#</th>\r\n                        <th>Inventory Codes</th>\r\n                        <th>Program/Description</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr *ngFor=\"let data of sellerGroupHierarchy; let tooltipIndex = index\">\r\n                        <td>{{ tooltipIndex + 1 }}</td>\r\n                        <td>\r\n                            <span showEllipsisTextOnHover>{{ data.InventoryCode }}</span>\r\n                        </td>\r\n                        <td>\r\n                            <span showEllipsisTextOnHover>{{ data.Program }}</span>\r\n                        </td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </section>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"sellerGroupHierarchy.length == 0\">\r\n        <span style=\"color: #000\">Seller group not available for this inventory code</span>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #lurViolationInfoTooltip>\r\n    <p class=\"first-row\">The values are for the entire week.</p>\r\n</ng-template>\r\n\r\n<ng-template #postedRatingDifference>\r\n    <p class=\"difference-text\">\r\n        The difference between posted and booked average rating is\r\n        {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #postedImpDifference>\r\n    <p class=\"difference-text\">\r\n        The difference between posted and booked average impression is\r\n        {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #ongoingRevBookedColumnTooltip>\r\n    <p>The Booked $ value, Spots, GRP, CPP, IMPS, CPM corresponds on the last permanent revision generated</p>\r\n</ng-template>\r\n\r\n<ng-template #completedRevBookedColumnTooltip>\r\n    <p>The Booked $ value corresponds on the last permanent revision generated</p>\r\n</ng-template>\r\n\r\n<ng-template #avgBookedRate>\r\n    <p>This is the booked average Rate</p>\r\n</ng-template>\r\n\r\n<ng-template #avgBookedRtg>\r\n    <p>This is the booked average RTG</p>\r\n</ng-template>\r\n\r\n<ng-template #avgBookedImps>\r\n    <p>This is the booked average IMP(\u2019000)</p>\r\n</ng-template>\r\n\r\n<ng-template #projectedImpsRtg>\r\n    <p>\r\n        All projections are derived from the sum of actual posted information until the last posted date and estimates\r\n        for the remaining selected period.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #automationTooltip>\r\n    <p>\r\n        Please get the order business rules approved to activate the order for automation. Only for the\r\n        automation-activated orders, any approved MGs, ADUs, or credited spots on ANNA will be fed into the traffic\r\n        system i.e. ANNA revisions.\r\n        <!-- removed below line as part of enhancmennt in 14.0 releas -->\r\n        <!-- Additionally, ANNA will only enter buyer revisions into traffic for the selected\r\n        Medialine/WOC orders. -->\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #rebateImpact>\r\n    <p>Rebate impact value is for the originally ordered spot length and is not equivalized.</p>\r\n</ng-template>\r\n\r\n<ng-template #lurViolationTotalRowToolTip>\r\n    <ul>\r\n        <li>\r\n            <strong>POLITICAL RATE VIOLATIONS:</strong>\r\n            Violations flagged when non-political spots are booked at a rate lower than the minimum booked rate for\r\n            political candidates for the same week, Inventory Code and Revenue Class.\r\n        </li>\r\n        <li>\r\n            <strong>CANDIDATE TO CANDIDATE VIOLATION:</strong>\r\n            Violations flagged when political spots are booked at different rates to other political spots for the same\r\n            week, Inventory Code and Revenue Class.\r\n        </li>\r\n    </ul>\r\n</ng-template>\r\n\r\n<ng-template #circularProgressBar>\r\n    <circle-progress\r\n        [percent]=\"percentDone\"\r\n        [radius]=\"5\"\r\n        [showTitle]=\"false\"\r\n        [showUnits]=\"false\"\r\n        [showSubtitle]=\"false\"\r\n        [outerStrokeWidth]=\"3\"\r\n        [innerStrokeWidth]=\"3\"\r\n        [space]=\"-3\"\r\n        [outerStrokeColor]=\"'#268bff'\"\r\n        [innerStrokeColor]=\"'#d5d5d5'\"\r\n        [animationDuration]=\"10\"\r\n    ></circle-progress>\r\n</ng-template>\r\n\r\n<ng-template #userLoggedInDetails>\r\n    <div class=\"tooltip-div-container\">\r\n        <ng-container *ngFor=\"let data of textActionTooltip\">\r\n            <span *ngIf=\"data.key != 'read'\">\r\n                {{ data.key }} <b> {{ data.value }}</b>\r\n            </span>\r\n            <span *ngIf=\"data.key == 'read'\">\r\n                {{ data.value }}\r\n            </span>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #markAsReadTip>\r\n    <div class=\"notification-tooltip-div-container\">\r\n        <ng-container *ngFor=\"let data of textActionTooltip\">\r\n            {{ data.value }}\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #textActionTooltipTemplate>\r\n    <ng-container *ngFor=\"let data of textActionTooltip\">\r\n        {{ data.key }} <b> {{ data.value }}</b>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #showOrHideToggleForTotalRowTooltip>\r\n    <div>\r\n        {{ showOrHideToggleForTotalRow && !gtGeneralConfig.totalRow ? \"Show Total Row\" : \"Hide Total Row\" }}\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #tooltipContainingTableTemplate>\r\n    <div\r\n        *ngIf=\"tooltipContainingTable\"\r\n        [innerHTML]=\"tooltipContainingTable.innerHtml\"\r\n        class=\"notification-tooltip-div-container\"\r\n    >\r\n        <!-- <ul>\r\n      <li *ngFor=\"let headerMsg of tooltipContainingTable.tableHeaderMsg\">\r\n        <b> {{headerMsg}}  </b>\r\n      </li>\r\n    </ul>\r\n\r\n    <table class=\"tooltip-table\">\r\n      <thead>\r\n        <tr>\r\n          <th *ngFor=\"let header of tooltipContainingTable.tooltipTableHeader\">\r\n            {{ header}}\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        <tr *ngFor=\"let rows of tooltipContainingTable.tooltipTableBody\">\r\n          <td *ngFor=\"let data of rows\">\r\n            {{ data }}\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n\r\n    <ul>\r\n      <li style=\"margin-top:10px; padding:0\" *ngFor=\"let footerMsg of tooltipContainingTable.tableFooterMsg\">\r\n        {{ footerMsg }} \r\n      </li>\r\n    </ul> -->\r\n    </div>\r\n</ng-template>\r\n<!-- <ng-template #textActionTooltipTemplate>\r\n   <ng-container *ngFor=\"let data of textActionTooltip\">\r\n      {{ data.key }} <b> {{data.value}}</b>\r\n   </ng-container>\r\n</ng-template> -->\r\n", styles: ["::ng-deep .show-or-hide-toggle-tooltip .tooltip-inner{max-width:229px}.show-or-hide-toggle-btn.shift-toggle-top-on-total-row-click{transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),48px)}.show-or-hide-toggle-btn{width:16px;height:16px;padding:0;margin:0;border-radius:50%;position:absolute;transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),73px);z-index:999;background-color:#d9d9d9}.show-or-hide-toggle-btn i.mdi.mdi-menu-swap{font-size:16px;display:flex}#generic-table-conatiner.table-with-show-hide-total-row-toggle .total-row td:nth-of-type(2){padding-left:16px!important}.sort-btn{background:#fff;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}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.red-text-totol-row{color:#f44336!important}.check-mark,.unread-mark{cursor:pointer}.on-hover:hover .unread-mark,.notificationHover .check-mark{opacity:0;cursor:pointer}.on-hover:hover .check-mark{opacity:1;cursor:pointer}:host ::ng-deep .gt{table-layout:fixed;margin-bottom:0;width:100%}:host ::ng-deep .gt th,:host ::ng-deep .gt td{padding:2px 8px;line-height:normal}:host ::ng-deep .gt thead tr th .upper-label{font-family:Roboto;font-size:.6875rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .gt thead tr th .lower-label{font-family:Roboto;font-size:.6875rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .gt thead tr th{background-color:#ededed;position:sticky;position:-webkit-sticky;top:0;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}:host ::ng-deep .gt thead tr th br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt thead tr th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .gt thead tr th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .gt thead tr th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .gt thead tr th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4}:host ::ng-deep .gt tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}:host ::ng-deep .gt tbody tr td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}:host ::ng-deep .gt tbody tr td .upper-label{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;color:#000;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt tbody tr td .lower-label{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;color:#a7a7a7;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt tbody tr br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt tbody tr:nth-of-type(1) td{border-top:none!important}:host ::ng-deep .gt .custom-column-checkbox-checked,:host ::ng-deep .gt .custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}:host ::ng-deep .gt .custom-column-checkbox-checked{color:#268bff}:host ::ng-deep .gt .custom-column-checkbox-unchecked{color:#4a4a4a}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4}.table-container{overflow-x:auto;overflow-y:auto}.rowSelectCheckbox,#selectAllRowsCheckbox{cursor:pointer}.disable-checkbox{color:#dedede!important;pointer-events:none!important}.mdi-warning{color:#f3c639;font-size:16px;line-height:28px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.redcolor-status{color:#c62a2a}#no-filter-space{width:.875rem}::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:1.875rem!important;width:2.625rem;padding:0 .625rem}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}::ng-deep .mat-button-toggle-checked{background-color:#268bff!important;color:#fff!important}::ng-deep .mat-button-toggle-group-appearance-standard{border-radius:0}.hidden{display:none}.no-data-div{margin-top:2.5px}.no-data-div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:.3125rem 1.125rem;border-radius:.25rem}.column-values:nth-of-type(2){color:#a7a7a7!important}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}.time-filter-checkboxes>div>p{color:#151b1e}::ng-deep .margin-bottom-zero .mat-radio-label{margin-bottom:0}:host ::ng-deep mat-radio-group br{margin-top:0!important}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__background{width:var(--mat-radio-size);height:var(--mat-radio-size)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__inner-circle{border-width:calc(var(--mat-radio-size) / 2)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{margin:0 0 0 4px;padding:0;top:-2px;position:relative}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio--disabled+label{color:var(--primary-text-color-dark)!important}:host ::ng-deep mat-radio-group mat-radio-button.mat-mdc-radio-button .mdc-form-field .mdc-radio{padding:0}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{left:-94px;font-size:12px;color:#4a4a4a;position:relative}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:red}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:red}::ng-deep .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:#00000061!important}::ng-deep .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-inner-circle{background-color:#00000061!important}::ng-deep tr.white-background-row{background:#fff}::ng-deep tr.gray-background-row{background:#e9e9e980!important}.remarks-tooltip,.mdi-information,.mdi-information-outline,.seller-tooltip{font-size:.875rem;color:#268bff;position:relative;top:.1875rem;cursor:pointer}.seller-tooltip{top:-1px;float:right}::ng-deep .remarks-info-tooltip .tooltip-inner{max-width:19.25rem!important}.rating-icon,.lur-violation-icon{color:#268bff;cursor:pointer;position:relative;left:-2px}::ng-deep .rating-info-tooltip .tooltip-inner{max-width:800px!important}.spots-info-icon{color:#268bff;cursor:pointer;margin:1px 2px 0 -14px}.spots-info-icon-ol{color:#268bff;cursor:pointer;margin:1px 4px 0 -2px}::ng-deep .spot-info-tooltip .tooltip-inner{position:relative;max-width:220px!important;background:#fff;word-break:break-word;display:flex}::ng-deep .spot-info-tooltip-for-orderlisting-table .tooltip-inner{max-width:220px!important;background:#fff;word-break:break-word;display:flex}p.first-row{padding:.5rem .5rem 0;color:#000;white-space:nowrap;text-align:left}p.second-row{padding:2px .5rem .5rem;color:#000;white-space:nowrap;text-align:left}::ng-deep .gt-total-row-tooltip{opacity:1!important}::ng-deep .gt-total-row-tooltip .tooltip-inner{color:#000;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;background-color:#fff;padding:4px!important;width:100%;border-radius:2px!important}::ng-deep .gt-total-row-tooltip .arrow:before{border-top-color:#fff!important}.info-label{margin-left:4px;color:#268bff;vertical-align:text-top}::ng-deep .hierarchy-tooltip{max-width:-moz-fit-content;max-width:fit-content;width:310px!important}::ng-deep .hierarchy-tooltip .tooltip-inner{padding:4px!important;max-width:22.75rem;max-height:11.25rem}table.seller-hierarchy-table{table-layout:fixed}table.seller-hierarchy-table tr th{font-family:Roboto;font-size:.75rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:#5e5e5e;white-space:nowrap;background:#ededed;position:sticky;box-shadow:inset 0 1px #d4d4d4;top:0;z-index:1}table.seller-hierarchy-table tr th:nth-child(1){width:20px}table.seller-hierarchy-table tr th:first-of-type,table.seller-hierarchy-table tr td:first-of-type{width:20px;border-left:1px solid #d4d4d4}table.seller-hierarchy-table tr th:last-of-type,table.seller-hierarchy-table tr td:last-of-type{border-right:1px solid #d4d4d4;width:7.875rem!important}table.seller-hierarchy-table tr th:nth-of-type(2){width:7.75rem!important}table.seller-hierarchy-table tr td{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a;box-shadow:none!important;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4}table.seller-hierarchy-table tr td:nth-of-type(2),table.seller-hierarchy-table tr td:nth-of-type(3){padding-top:.25rem}table.seller-hierarchy-table tr td span{display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}section.hierarchy-table-container{max-height:8.75rem;overflow:auto}section.hierarchy-table-container::-webkit-scrollbar-track{margin-top:1.5rem}.difference-text{padding:.5rem;color:#000;text-align:left}::ng-deep .posted-avg-tooltip .tooltip-inner{width:13.8125rem!important}::ng-deep .drrBooked-info-tooltip{transform:translate(26px,6px)}::ng-deep .drrBooked-info-tooltip .tooltip-inner{max-width:307px!important;width:242px!important;background:#fff;word-break:break-word;display:flex;padding:4px!important;text-align:left}::ng-deep .drrBooked-info-tooltip .tooltip-inner p{color:#000}::ng-deep .drrBooked-info-tooltip .arrow:before{border-right-color:#fff!important}.clickable-data{cursor:pointer;color:#268bff!important;display:flex!important;align-items:center}.clickable-data .spot-details-download-icons{font-size:12px}.disabled-clickable-data{pointer-events:none;color:#d4d4d4!important}.spot-column-tooltip-message{color:#000;width:max-content;text-align:left}div.spinner-for-button-directive{position:relative;left:-1px}.clickable-row table tr.mat-row td{cursor:pointer!important}.tooltip-div-container{text-align:left!important;padding:12px 4px;color:#4a4a4a!important;font-size:12px!important;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.notification-tooltip-div-container{text-align:left!important;padding:6px 8px;color:#4a4a4a!important;font-size:12px!important;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.mdi-information,.mdi-information-outline{left:3px;top:1px}.mdi-information-outline{position:static}::ng-deep .team-user-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .team-user-tooltip .tooltip-inner{opacity:1!important;width:-moz-fit-content!important;width:fit-content!important;max-width:520px;border-radius:2px;padding:0 4px!important}::ng-deep .team-user-tooltip .tooltip-inner .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip{opacity:1!important}::ng-deep .gt-icon-column-tooltip .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .gt-icon-column-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip .tooltip-inner{width:100%}::ng-deep .tooltip-containing-table{opacity:1!important}::ng-deep .tooltip-containing-table .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .tooltip-containing-table.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .tooltip-containing-table li{margin:0!important;padding:0!important}::ng-deep .tooltip-containing-table ul{margin:0!important;padding-left:8px!important}::ng-deep .tooltip-containing-table .tooltip-inner{width:100%;max-width:230px}table.tooltip-table{table-layout:fixed;margin:4px 0 0;width:100%}table.tooltip-table th,table.tooltip-table td{padding:2px 8px;line-height:normal}table.tooltip-table thead tr th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important;border:none}table.tooltip-table thead tr th{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67;background-color:#ededed;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.tooltip-table thead tr th div.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}table.tooltip-table tbody tr td{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67}table.tooltip-table tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.tooltip-table tbody tr td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.bottom-border{border-bottom:1px solid #d4d4d4!important}i.disabled{pointer-events:none!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i4$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i5$1.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }, { kind: "directive", type: showEllipsisTextOnHoverDirective, selector: "[showEllipsisTextOnHover]" }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: AnnaIconColumnComponent, selector: "anna-core-anna-icon-column", inputs: ["componentName", "iconToShow", "dataObject"], outputs: ["onColumnIconClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i7.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i7.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AnnaNoDataComponent, selector: "anna-core-no-data-lib", inputs: ["width", "marginTop"] }, { kind: "component", type: AnnaColumnCheckboxFilterComponent, selector: "anna-core-anna-column-checkbox-filter", inputs: ["showFilterHeaderTabs", "isLurAndCsrComponent", "tableData", "clonedTableData", "filterTabObjects"], outputs: ["filterAppliedToTable", "sortingAppliedToTable", "getSortType", "closeTooltip"] }, { kind: "component", type: AnnaColumnSliderFilterComponent, selector: "anna-core-anna-column-slider-filter", inputs: ["filterTabObjects", "isLurAndCsrComponent", "tableData", "showFilterHeaderTabs", "clonedTableData"], outputs: ["closeTooltip", "filterAppliedToTable", "getSortType", "sortingAppliedToTable"] }, { kind: "component", type: AnnaColumnDateRangeFilterComponent, selector: "anna-core-anna-column-date-range-filter", inputs: ["tableData", "clonedTableData", "filterTabObjects", "isLurAndCsrComponent", "showFilterHeaderTabs"], outputs: ["filterAppliedToTable", "sortingAppliedToTable", "getSortType", "closeTooltip"] }, { kind: "component", type: AnnaColumnTimeFilterComponent, selector: "anna-core-anna-column-time-filter", inputs: ["tableData", "clonedTableData", "filterTabObjects", "showFilterHeaderTabs", "showAllTimeRangeCheckboxes", "isLurAndCsrComponent", "gtGeneralConfig", "showClearAllFilter", "startFromText", "endToText", "isSortAndFilterAbsent"], outputs: ["timeChanges", "filterAppliedToTable", "sortingAppliedToTable", "getSortType", "closeTooltip"] }, { kind: "ngmodule", type: NgCircleProgressModule }, { kind: "component", type: i8.CircleProgressComponent, selector: "circle-progress", inputs: ["name", "class", "backgroundGradient", "backgroundColor", "backgroundGradientStopColor", "backgroundOpacity", "backgroundStroke", "backgroundStrokeWidth", "backgroundPadding", "radius", "space", "percent", "toFixed", "maxPercent", "renderOnClick", "units", "unitsFontSize", "unitsFontWeight", "unitsColor", "outerStrokeGradient", "outerStrokeWidth", "outerStrokeColor", "outerStrokeGradientStopColor", "outerStrokeLinecap", "innerStrokeColor", "innerStrokeWidth", "titleFormat", "title", "titleColor", "titleFontSize", "titleFontWeight", "subtitleFormat", "subtitle", "subtitleColor", "subtitleFontSize", "subtitleFontWeight", "imageSrc", "imageHeight", "imageWidth", "animation", "animateTitle", "animateSubtitle", "animationDuration", "showTitle", "showSubtitle", "showUnits", "showImage", "showBackground", "showInnerStroke", "clockwise", "responsive", "startFromZero", "showZeroOuterStroke", "lazy", "options"], outputs: ["onClick"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNonEditableGenericTableComponent, decorators: [{
             type: Component,
@@ -4426,8 +4417,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         AnnaColumnTimeFilterComponent,
                         NgCircleProgressModule,
                         AsyncPipe,
-                        AnnaEstIconTemplateComponent
-                    ], template: "<div\r\n    id=\"generic-table-conatiner\"\r\n    class=\"table-container {{ gtGeneralConfig?.tableOuterContainerName }} {{ tableBottomBorderClass }}\"\r\n    [ngClass]=\"{\r\n        'scroll-left-shadow-effect': isScrolledLeft,\r\n        'scroll-right-shadow-effect': !isScrollEnded,\r\n        'clickable-row': clickableRow,\r\n        'no-data-table': (isNoDataToDisplaySubject$ | async),\r\n        'table-with-show-hide-total-row-toggle': showOrHideToggleForTotalRow\r\n    }\"\r\n    (scroll)=\"onTableContainerScroll($event)\"\r\n>\r\n    <div\r\n        [class]=\"gtGeneralConfig.tableContainerName\"\r\n        class=\"horizontal-scroll-for-table-container\"\r\n        [ngStyle]=\"{\r\n            height:\r\n                tableData.length < maximumRowsWhichCanBeRenderedWithoutScroll\r\n                    ? 'calc(' +\r\n                      (gtDimension.rowHeight * tableData.length +\r\n                          (!tableData.length || !gtGeneralConfig.totalRow\r\n                              ? gtDimension.headerHeight\r\n                              : gtDimension.headerHeight + gtDimension.rowHeight)) +\r\n                      'px)'\r\n                    : gtDimension.tableHeight\r\n        }\"\r\n    >\r\n        <button\r\n            *ngIf=\"showOrHideToggleForTotalRow && !showSkeletonLoading && !(isNoDataToDisplaySubject$ | async)\"\r\n            [ngClass]=\"{\r\n                'shift-toggle-top-on-total-row-click': !gtGeneralConfig.totalRow\r\n            }\"\r\n            class=\"show-or-hide-toggle-btn\"\r\n            (click)=\"showHideTotalRow()\"\r\n        >\r\n            <i\r\n                class=\"mdi mdi-menu-swap\"\r\n                tooltipClass=\"show-or-hide-toggle-tooltip\"\r\n                placement=\"auto\"\r\n                container=\"body\"\r\n                [ngbTooltip]=\"showOrHideToggleForTotalRowTooltip\"\r\n            ></i>\r\n        </button>\r\n        <table\r\n            class=\"gt\"\r\n            [ngClass]=\"tableClass\"\r\n            mat-table\r\n            [dataSource]=\"renderedData\"\r\n        >\r\n            <tr\r\n                class=\"header-row\"\r\n                mat-header-row\r\n                *matHeaderRowDef=\"tableColumns; sticky: true\"\r\n                [style.height.px]=\"gtDimension.headerHeight\"\r\n            ></tr>\r\n            <tr\r\n                class=\"total-row\"\r\n                mat-header-row\r\n                [style.height.px]=\"gtDimension.rowHeight\"\r\n                *matHeaderRowDef=\"totalRowColumns; sticky: true\"\r\n                [class.hidden]=\"\r\n                    showSkeletonLoading ||\r\n                    (!showSkeletonLoading && !tableData.length) ||\r\n                    (isNoDataToDisplaySubject$ | async) ||\r\n                    (!showSkeletonLoading && !gtGeneralConfig.totalRow)\r\n                \"\r\n            ></tr>\r\n            <tr\r\n                [class]=\"rowData.gtClass\"\r\n                [ngClass]=\"{ 'no-border-tr': (isNoDataToDisplaySubject$ | async) }\"\r\n                mat-row\r\n                *matRowDef=\"let rowData; columns: tableColumns\"\r\n                [style.height.px]=\"gtDimension.rowHeight\"\r\n                (click)=\"dataRowClicked(rowData)\"\r\n            ></tr>\r\n\r\n            <!-- TOTAL ROW -->\r\n            <ng-container\r\n                [matColumnDef]=\"column.colName\"\r\n                *ngFor=\"let column of totalRowInfo; trackBy: trackByFn\"\r\n            >\r\n                <td\r\n                    mat-header-cell\r\n                    *matHeaderCellDef\r\n                    [attr.colspan]=\"column.colspan\"\r\n                    class=\"{{ column.class }}\"\r\n                >\r\n                    <ng-container *ngIf=\"column['isActionColumn']\">\r\n                        <a\r\n                            *ngFor=\"let data of column.actionData\"\r\n                            [class]=\"data.class\"\r\n                            (click)=\"onClickableDataClicked({}, data.id)\"\r\n                        >\r\n                            {{ data.name }}\r\n                        </a>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"column['isIconColumn']\">\r\n                        <i\r\n                            class=\"{{ column?.iconData?.class }}\"\r\n                            (click)=\"iconClickedInTotalRow(column?.colName)\"\r\n                        >\r\n                        </i>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"!column['isActionColumn']\">\r\n        \r\n                        <strong class=\"upper-label\">{{ column.data }} <span class=\"red-text-totol-row\" *ngIf=\"column.additionalRedTextAfterData\">{{column.additionalRedTextAfterData}}</span></strong>\r\n                        <ng-container *ngIf=\"column.lowerData\">\r\n                            <br />\r\n                            <span\r\n                                *ngIf=\"\r\n                                    column.colName == 'total-potential-booked-unit' &&\r\n                                        gtGeneralConfig.component == 'RATING';\r\n                                    else columnLowerData\r\n                                \"\r\n                                class=\"clickable-data\"\r\n                                (click)=\"spotDetailsDownloadClicked('TOTALROW')\"\r\n                                [ngClass]=\"{ 'disabled-clickable-data': downloadInProgress }\"\r\n                                >{{ column.lowerData }}\r\n                                <span class=\"material-icons spot-details-download-icons\">get_app</span>\r\n                                <ng-container *ngIf=\"downloadInProgress && selectedRowTypeForDownload == 'TOTALROW'\">\r\n                                    <ng-container [ngTemplateOutlet]=\"circularProgressBar\"></ng-container>\r\n                                </ng-container>\r\n                            </span>\r\n                            <ng-template #columnLowerData>\r\n                                <span class=\"lower-label\">{{ column.lowerData }}</span>\r\n                            </ng-template>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"column.tooltipMessage && gtGeneralConfig.component != 'LUR_VIOLATIONS'\">\r\n                            <i\r\n                                class=\"{{ column.tooltipIconClass }}\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"column.tooltipMessage\"\r\n                                tooltipClass=\"gt-total-row-tooltip\"\r\n                                placement=\"bottom\"\r\n                            ></i>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"gtGeneralConfig.component == 'LUR_VIOLATIONS' && column.tooltipMessage\">\r\n                            <i\r\n                                class=\"mi mdi-info-outline info-label\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"lurViolationTotalRowToolTip\"\r\n                                tooltipClass=\"gt-total-row-tooltip\"\r\n                                placement=\"bottom\"\r\n                            ></i>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </td>\r\n            </ng-container>\r\n\r\n            <!-- MAIN ROW -->\r\n            <ng-container\r\n                [matColumnDef]=\"columnDef.headerInfo[0].objectKey\"\r\n                *ngFor=\"let columnDef of tableHeaders; trackBy: trackByFn\"\r\n            >\r\n                <th\r\n                    #tableHeader\r\n                    nowrap\r\n                    mat-header-cell\r\n                    *matHeaderCellDef\r\n                    [style.width]=\"columnDef.width\"\r\n                >\r\n                    <div\r\n                        class=\"row mx-0\"\r\n                        *ngFor=\"let header of columnDef.headerInfo; let j = index\"\r\n                    >\r\n                        <p\r\n                            *ngIf=\"header.typeOfHeaderData === 'STRING'\"\r\n                            [ngClass]=\"{ 'upper-label': j === 0, 'lower-label': j === 1 }\"\r\n                        >\r\n                            <ngx-skeleton-loader\r\n                                *ngIf=\"header.name == null\"\r\n                                count=\"1\"\r\n                                [theme]=\"{\r\n                                    height: '10px',\r\n                                    display: 'block',\r\n                                    width: columnDef.width,\r\n                                    'max-width': 'calc(100% - 20px)'\r\n                                }\"\r\n                            >\r\n                            </ngx-skeleton-loader>\r\n                            <ng-container *ngIf=\"header.name\">\r\n                                {{ header.name }}\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"header.tooltip && header.tooltip.tooltipMessage\">\r\n                                <i\r\n                                    class=\"{{ header['tooltip'].iconClass }}\"\r\n                                    [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                    #t=\"ngbTooltip\"\r\n                                    container=\"body\"\r\n                                    [ngbTooltip]=\"header.tooltip.tooltipMessage\"\r\n                                    container=\"body\"\r\n                                    placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                    tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                                >\r\n                                </i>\r\n                            </ng-container>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'impsInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"impsInfoTooltip\"\r\n                                container=\"body\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"\r\n                                    header.tooltip && header.tooltip.name == 'spotsColumnEquivalizationMessageTooltip'\r\n                                \"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                container=\"body\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"spotsColumnEquivalizationMessageTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'underDeliveryTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                container=\"body\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"underDeliveryTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'overDeliveryTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                container=\"body\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"overDeliveryTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'ratingInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"ratingInfoTooltip\"\r\n                                container=\"body\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'rateInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"rateInfoTooltip\"\r\n                                container=\"body\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'ongoingRevBookedColumnTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"ongoingRevBookedColumnTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'completedRevBookedColumnTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"completedRevBookedColumnTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'avgBookedRate'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"avgBookedRate\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'avgBookedRtg'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"avgBookedRtg\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'avgBookedImps'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"avgBookedImps\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'automationTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"automationTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'rebateImpact'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"rebateImpact\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'projectedImpsRtg'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"projectedImpsRtg\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                        </p>\r\n\r\n                        <ng-container *ngIf=\"header.typeOfHeaderData === 'CHECKBOX'\">\r\n                            <span\r\n                                *ngIf=\"gtGeneralConfig.isHeaderChecked\"\r\n                                class=\"material-icons custom-column-checkbox-checked\"\r\n                                (click)=\"selectUnselectAllRows()\"\r\n                            >\r\n                                check_box\r\n                            </span>\r\n                            <span\r\n                                *ngIf=\"!gtGeneralConfig.isHeaderChecked\"\r\n                                class=\"material-icons custom-column-checkbox-unchecked\"\r\n                                [ngClass]=\"{ 'disable-checkbox': gtGeneralConfig.disableHeaderCheckbox }\"\r\n                                (click)=\"selectUnselectAllRows()\"\r\n                            >\r\n                                check_box_outline_blank\r\n                            </span>\r\n                        </ng-container>\r\n\r\n                        <div\r\n                            *ngIf=\"gtGeneralConfig.showAllColumnFilter\"\r\n                            class=\"sort-filter-container\"\r\n                        >\r\n                            <ng-container *ngIf=\"header.showTooltipIcon\">\r\n                                <!-- Active tooltip Functionality -->\r\n                                <ng-container *ngIf=\"header.filter === 'CHECKBOX'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"filterTooltip\"\r\n                                        placement=\"{{ filterAlignment }}\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-checkbox-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'SLIDER'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"sliderToolTip\"\r\n                                        placement=\"bottom left-top\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-slider-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t1=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t1, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'DATE'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"datePickerTooltip\"\r\n                                        placement=\"bottom auto\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-datepicker-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t2=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t2, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'WEEK'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"weekPickerToolTip\"\r\n                                        placement=\"bottom left-top\"\r\n                                        container=\"body\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t3=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t3, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'TIME'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"timeFilterToolTip\"\r\n                                        placement=\"bottom left-top auto\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-time-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t4=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t4, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"!header.showTooltipIcon\">\r\n                                <span id=\"no-filter-space\"></span><br />\r\n                            </ng-container>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'lurViolationInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"lurViolationInfoTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                        </div>\r\n                    </div>\r\n                </th>\r\n\r\n                <ng-container *matCellDef=\"let ROW_DATA\">\r\n                    <td\r\n                        mat-cell\r\n                        [style.background]=\"ROW_DATA.backgroundColor\"\r\n                        [style.border]=\"ROW_DATA.border\"\r\n                        class=\"{{ ROW_DATA.rowClass }}\"\r\n                        [ngClass]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'TdClass']\"\r\n                        [attr.rowspan]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'Rowspan']\"\r\n                        *ngIf=\"\r\n                            !hideSomeTds ||\r\n                            (hideSomeTds && !ROW_DATA['hide' + columnDef.headerInfo[0].objectKey + 'Td'])\r\n                        \"\r\n                    >\r\n                        <ngx-skeleton-loader\r\n                            *ngIf=\"showSkeletonLoading\"\r\n                            count=\"1\"\r\n                            [theme]=\"{ height: '10px', display: 'block' }\"\r\n                        >\r\n                        </ngx-skeleton-loader>\r\n\r\n                        <ng-container *ngIf=\"!showSkeletonLoading\">\r\n                            <ng-container *ngIf=\"tableData.length > 0 && !(isNoDataToDisplaySubject$ | async)\">\r\n                                <ng-container\r\n                                    *ngFor=\"\r\n                                        let subline of columnDef.headerInfo;\r\n                                        let subLineIndex = index;\r\n                                        trackBy: trackByFn\r\n                                    \"\r\n                                >\r\n                                    <div showEllipsisTextOnHover>\r\n                                        <ng-container [ngSwitch]=\"columnDef.headerInfo[subLineIndex].typeOfBodyData\">\r\n                                            <ng-container *ngSwitchCase=\"'ICON'\">\r\n                                                <i\r\n                                                    *ngIf=\"\r\n                                                        !(\r\n                                                            starredInProgress &&\r\n                                                            ROW_DATA.orderId == selectedStarredOrderId\r\n                                                        )\r\n                                                    \"\r\n                                                    [class]=\"ROW_DATA.iconClass\"\r\n                                                    (click)=\"iconClicked(ROW_DATA, ROW_DATA.iconClass)\"\r\n                                                    ngbTooltip=\"{{ ROW_DATA.iconTitleText }}\"\r\n                                                    placement=\"bottom\"\r\n                                                    container=\"body\"\r\n                                                    tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                ></i>\r\n                                                <ng-container\r\n                                                    *ngIf=\"\r\n                                                        starredInProgress && ROW_DATA.orderId == selectedStarredOrderId\r\n                                                    \"\r\n                                                >\r\n                                                    <div class=\"spinner-for-button-directive\"></div>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'ICON_CELL'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <ng-container *ngIf=\"action.showObjectKey\">\r\n                                                        {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\r\n                                                    </ng-container>\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"action.showIcon\"\r\n                                                        [class]=\"action.iconClass\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnStringTextActionType(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"action.showTooltip ? action.tooltipData : null\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                action.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [disableTooltip]=\"!action.showTooltip\"\r\n                                                    >\r\n                                                    </i>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'HTML_STRING'\">\r\n                                                <p\r\n                                                    [innerHTML]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    (click)=\"innerHTMLCellClicked($event, ROW_DATA)\"\r\n                                                ></p>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'SVG_ICON'\">\r\n                                                <anna-core-anna-icon-column\r\n                                                    [componentName]=\"gtGeneralConfig.component\"\r\n                                                    [dataObject]=\"ROW_DATA\"\r\n                                                    [iconToShow]=\"\r\n                                                        ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                    \"\r\n                                                    (onColumnIconClicked)=\"svgIconClicked($event)\"\r\n                                                ></anna-core-anna-icon-column>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'TEXT_ACTIONS'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let text of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <button\r\n                                                        *ngIf=\"text.showTooltip\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                text.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [disabled]=\"text.isDisabled\"\r\n                                                        class=\"{{ text.class }}\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnTextActionType(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        [ngbTooltip]=\"textActionTooltipTemplate\"\r\n                                                        placement=\"auto\"\r\n                                                        container=\"body\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                    >\r\n                                                        {{ text.name }}\r\n                                                    </button>\r\n\r\n                                                    <button\r\n                                                        *ngIf=\"!text.showTooltip\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                text.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [disabled]=\"text.isDisabled\"\r\n                                                        class=\"{{ text.class }}\"\r\n                                                    >\r\n                                                        {{ text.name }}\r\n                                                    </button>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'CHECKBOX'\">\r\n                                                <span\r\n                                                    *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    class=\"material-icons custom-column-checkbox-checked\"\r\n                                                    (click)=\"\r\n                                                        selectOrUnselectCheckbox(\r\n                                                            ROW_DATA,\r\n                                                            columnDef.headerInfo[subLineIndex].objectKey,\r\n                                                            false\r\n                                                        )\r\n                                                    \"\r\n                                                >\r\n                                                    check_box\r\n                                                </span>\r\n                                                <span\r\n                                                    *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    class=\"material-icons custom-column-checkbox-unchecked\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    (click)=\"\r\n                                                        selectOrUnselectCheckbox(\r\n                                                            ROW_DATA,\r\n                                                            columnDef.headerInfo[subLineIndex].objectKey,\r\n                                                            true\r\n                                                        )\r\n                                                    \"\r\n                                                >\r\n                                                    check_box_outline_blank\r\n                                                </span>\r\n\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <i\r\n                                                        *ngIf=\"action.showIcon\"\r\n                                                        [class]=\"action.iconClass\"\r\n                                                        [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnStringTextActionTypeContainingTable(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"tooltipContainingTableTemplate\"\r\n                                                    >\r\n                                                    </i>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'CLICKABLE_DATA'\">\r\n                                                <a\r\n                                                    *ngFor=\"\r\n                                                        let text of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                    [class]=\"text.class\"\r\n                                                    (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\r\n                                                >\r\n                                                    {{ text.name }}\r\n                                                </a>\r\n                                                <span\r\n                                                    *ngIf=\"\r\n                                                        subline.objectKey == 'displayBookedUnits' &&\r\n                                                        gtGeneralConfig.component == 'RATING'\r\n                                                    \"\r\n                                                    class=\"clickable-data\"\r\n                                                    (click)=\"spotDetailsDownloadClicked('DATAROW', ROW_DATA)\"\r\n                                                    [ngClass]=\"{ 'disabled-clickable-data': downloadInProgress }\"\r\n                                                    >{{ ROW_DATA.displayBookedUnits }}\r\n                                                    <span class=\"material-icons spot-details-download-icons\"\r\n                                                        >get_app</span\r\n                                                    >\r\n                                                    <ng-container\r\n                                                        *ngIf=\"\r\n                                                            downloadInProgress &&\r\n                                                            ROW_DATA.inventoryCodeId ==\r\n                                                                selectedInventoryIdForDownload &&\r\n                                                            ROW_DATA.demographic == selectedDemographicForDownload\r\n                                                        \"\r\n                                                    >\r\n                                                        <ng-container\r\n                                                            [ngTemplateOutlet]=\"circularProgressBar\"\r\n                                                        ></ng-container>\r\n                                                    </ng-container>\r\n                                                </span>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'STRING___ICON_OR_TEXT_ACTION'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <span\r\n                                                        [class]=\"action.additionalTextBeforeLinkClass\"\r\n                                                        [innerHtml]=\"action.additionalTextBeforeLink\"\r\n                                                        ngbTooltip=\"{{ action.additionalTextBeforeLink }}\"\r\n                                                        placement=\"bottom\"\r\n                                                        container=\"body\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                        [disableTooltip]=\"!action.enableTooltipForAdditionalText\"\r\n                                                    ></span>\r\n\r\n                                                    <ng-container *ngIf=\"action && action.typeOfData == 'STRING'\">\r\n                                                        {{ action.data }}\r\n                                                    </ng-container>\r\n\r\n                                                    <a\r\n                                                        [id]=\"action.id\"\r\n                                                        *ngIf=\"action.showLink\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                action.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [class]=\"action.linkClass\"\r\n                                                        [ngClass]=\"{ disabled: action.disabledLink }\"\r\n                                                        >{{ action.data }}</a\r\n                                                    >\r\n                                                    <span\r\n                                                        ngbTooltip=\"{{ action.additionalTextAfterLink }}\"\r\n                                                        placement=\"bottom\"\r\n                                                        container=\"body\"\r\n                                                        [class]=\"action.additionalTextAfterLinkClass\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                        [disableTooltip]=\"!action.enableTooltipForAdditionalAfterText\"\r\n                                                    >\r\n                                                        {{ action.additionalTextAfterLink }}\r\n                                                    </span>\r\n\r\n                                                    <ng-container *ngIf=\"action.showTooltip\">\r\n                                                        <ng-container *ngIf=\"action.tooltipData.innerHtml\">\r\n                                                            <i\r\n                                                                *ngIf=\"action.showIcon\"\r\n                                                                [class]=\"action.iconClass\"\r\n                                                                [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                                (mouseenter)=\"\r\n                                                                    mouseEnterOnStringTextActionTypeContainingTable(\r\n                                                                        ROW_DATA,\r\n                                                                        columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                                    )\r\n                                                                \"\r\n                                                                placement=\"bottom auto\"\r\n                                                                container=\"body\"\r\n                                                                [autoClose]=\"true\"\r\n                                                                tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\r\n                                                                [ngbTooltip]=\"tooltipContainingTableTemplate\"\r\n                                                            >\r\n                                                            </i>\r\n                                                        </ng-container>\r\n\r\n                                                        <ng-container *ngIf=\"!action.tooltipData.tooltipTableBody\">\r\n                                                            <i\r\n                                                                *ngIf=\"action.showIcon\"\r\n                                                                [class]=\"action.iconClass\"\r\n                                                                [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                                (click)=\"\r\n                                                                    iconClickedOnStringIconActionType(\r\n                                                                        ROW_DATA,\r\n                                                                        action.id,\r\n                                                                        columnDef.headerInfo[subLineIndex]\r\n                                                                    )\r\n                                                                \"\r\n                                                                (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\r\n                                                                (mouseenter)=\"\r\n                                                                    mouseEnterOnStringTextActionType(\r\n                                                                        ROW_DATA,\r\n                                                                        columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                                    )\r\n                                                                \"\r\n                                                                [placement]=\"\r\n                                                                    action.tooltipPlacement\r\n                                                                        ? action.tooltipPlacement\r\n                                                                        : 'bottom auto'\r\n                                                                \"\r\n                                                                container=\"body\"\r\n                                                                [autoClose]=\"true\"\r\n                                                                tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\r\n                                                                    action.tooltipClass\r\n                                                                }}\"\r\n                                                                [ngbTooltip]=\"userLoggedInDetails\"\r\n                                                            >\r\n                                                            </i>\r\n                                                            <ng-container *ngIf=\"action['showSvgIcon']\">\r\n                                                                <anna-core-anna-est-icon-template\r\n                                                                    class=\"float-right\"\r\n                                                                    *ngIf=\"action['svgIconName'] == 'anna-icon'\"\r\n                                                                    (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\r\n                                                                    (mouseenter)=\"\r\n                                                                        mouseEnterOnStringTextActionType(\r\n                                                                            ROW_DATA,\r\n                                                                            columnDef.headerInfo[subLineIndex]\r\n                                                                                .tooltipKey\r\n                                                                        )\r\n                                                                    \"\r\n                                                                    [placement]=\"\r\n                                                                        action.tooltipPlacement\r\n                                                                            ? action.tooltipPlacement\r\n                                                                            : 'bottom auto'\r\n                                                                    \"\r\n                                                                    tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\r\n                                                                        action['tooltipClass']\r\n                                                                    }}\"\r\n                                                                    [ngbTooltip]=\"userLoggedInDetails\"\r\n                                                                    container=\"body\"\r\n                                                                    [autoClose]=\"true\"\r\n                                                                >\r\n                                                                </anna-core-anna-est-icon-template>\r\n                                                            </ng-container>\r\n                                                        </ng-container>\r\n                                                    </ng-container>\r\n\r\n                                                    <ng-container *ngIf=\"!action.showTooltip\">\r\n                                                        <i\r\n                                                            *ngIf=\"action.showIcon\"\r\n                                                            [class]=\"action.iconClass\"\r\n                                                            [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                            (click)=\"\r\n                                                                iconClickedOnStringIconActionType(\r\n                                                                    ROW_DATA,\r\n                                                                    action.id,\r\n                                                                    columnDef.headerInfo[subLineIndex]\r\n                                                                )\r\n                                                            \"\r\n                                                        >\r\n                                                        </i>\r\n                                                    </ng-container>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'STRING_OR_INPUT'\">\r\n                                                <ng-container\r\n                                                    *ngIf=\"\r\n                                                        ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.type ==\r\n                                                            'STRING';\r\n                                                        else inputBox\r\n                                                    \"\r\n                                                >\r\n                                                    <span\r\n                                                        [innerHtml]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                ?.value\r\n                                                        \"\r\n                                                    ></span>\r\n                                                </ng-container>\r\n                                                <ng-template #inputBox>\r\n                                                    <input\r\n                                                        placeholder=\"{{\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                ?.placeholder\r\n                                                        }}\"\r\n                                                        showEllipsisTextOnHover\r\n                                                        class=\"{{\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .className\r\n                                                        }}\"\r\n                                                        (keydown)=\"\r\n                                                            changesMadeInEditableInputBox(\r\n                                                                $event,\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\r\n                                                                false\r\n                                                            )\r\n                                                        \"\r\n                                                        (paste)=\"\r\n                                                            changesMadeInEditableInputBox(\r\n                                                                $event,\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\r\n                                                                true\r\n                                                            )\r\n                                                        \"\r\n                                                        (ngModelChange)=\"\r\n                                                            editableInputValueChanged(\r\n                                                                $event,\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].objectKey\r\n                                                            )\r\n                                                        \"\r\n                                                        [ngModel]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].value\r\n                                                        \"\r\n                                                        [disabled]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .disabled\r\n                                                        \"\r\n                                                        [ngClass]=\"{\r\n                                                            'red-border':\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                    .hasError\r\n                                                        }\"\r\n                                                    />\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .showIcon\r\n                                                        \"\r\n                                                        container=\"body\"\r\n                                                        [ngbTooltip]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .iconTooltip\r\n                                                        \"\r\n                                                        tooltipClass=\"gt-total-row-tooltip\"\r\n                                                        placement=\"bottom\"\r\n                                                        class=\"{{\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .iconClass\r\n                                                        }}\"\r\n                                                    >\r\n                                                    </i>\r\n                                                    <ng-container\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey][\r\n                                                                'showSvgIcon'\r\n                                                            ]\r\n                                                        \"\r\n                                                    >\r\n                                                        <anna-core-anna-est-icon-template\r\n                                                            class=\"float-right\"\r\n                                                            *ngIf=\"\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey][\r\n                                                                    'svgIconName'\r\n                                                                ] == 'anna-icon'\r\n                                                            \"\r\n                                                            [placement]=\"'bottom auto'\"\r\n                                                            tooltipClass=\"gt-total-row-tooltip\"\r\n                                                            [ngbTooltip]=\"\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                    .iconTooltip\r\n                                                            \"\r\n                                                            container=\"body\"\r\n                                                        >\r\n                                                        </anna-core-anna-est-icon-template>\r\n                                                    </ng-container>\r\n                                                </ng-template>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'HTML'\">\r\n                                                <span\r\n                                                    [innerHtml]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                ></span>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'SINGLE_RADIO'\">\r\n                                                <span\r\n                                                    *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    class=\"mdi mdi-radiobox-marked\"\r\n                                                    (click)=\"(null)\"\r\n                                                >\r\n                                                </span>\r\n                                                <span\r\n                                                    *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    class=\"mdi mdi-radiobox-blank\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    (click)=\"\r\n                                                        selectOrUnselectCheckbox(\r\n                                                            ROW_DATA,\r\n                                                            columnDef.headerInfo[subLineIndex].objectKey,\r\n                                                            true\r\n                                                        )\r\n                                                    \"\r\n                                                >\r\n                                                </span>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'RADIO'\">\r\n                                                <mat-radio-group\r\n                                                    *ngIf=\"ROW_DATA['RadioButtonConfig']\"\r\n                                                    [ngModel]=\"ROW_DATA[subline.objectKey]\"\r\n                                                    [disabled]=\"ROW_DATA['RadioButtonConfig'][0].isDisabled\"\r\n                                                >\r\n                                                    <ng-container\r\n                                                        *ngFor=\"\r\n                                                            let radioButton of ROW_DATA['RadioButtonConfig'];\r\n                                                            let last = last\r\n                                                        \"\r\n                                                    >\r\n                                                        <mat-radio-button\r\n                                                            value=\"{{ radioButton.value }}\"\r\n                                                            class=\"{{ radioButton.class }}\"\r\n                                                            (click)=\"\r\n                                                                radioButtonClicked(\r\n                                                                    ROW_DATA,\r\n                                                                    radioButton.value,\r\n                                                                    ROW_DATA['RadioButtonConfig'][0].isDisabled\r\n                                                                )\r\n                                                            \"\r\n                                                            >{{ radioButton.label }}\r\n                                                        </mat-radio-button>\r\n                                                        <i\r\n                                                            class=\" {{ radioButton.iconClass }}\"\r\n                                                            (click)=\"radioButtonIconClicked(ROW_DATA)\"\r\n                                                        ></i>\r\n                                                        <br *ngIf=\"!last\" />\r\n                                                    </ng-container>\r\n                                                </mat-radio-group>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <span> {{ action?.dataToDisplay }}</span>\r\n                                                    <span\r\n                                                        *ngIf=\"action?.showTooltip\"\r\n                                                        [ngbTooltip]=\"textActionTooltipTemplate\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnStringTextActionType(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        [placement]=\"action?.tooltipPosition\"\r\n                                                        container=\"body\"\r\n                                                        [class]=\"action?.tooltipIconClass\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                        [disableTooltip]=\"action?.disableTooltip\"\r\n                                                    >\r\n                                                    </span>\r\n                                                    <span> {{ action?.dataToDisplayAfterTooltip }}</span>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchDefault>\r\n                                                <ng-container *ngIf=\"subline.objectKey != 'description'\">\r\n                                                    <span>{{\r\n                                                        ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                    }}</span>\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            subline.objectKey == 'inventoryCode' &&\r\n                                                            ROW_DATA['isSellerGroup'] &&\r\n                                                            gtGeneralConfig.component == 'RATING'\r\n                                                        \"\r\n                                                        class=\"mi mdi-info-outline seller-tooltip\"\r\n                                                        [ngbTooltip]=\"sellerHierarchyTooltip\"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        triggers=\"manual\"\r\n                                                        (hidden)=\"closeTooltip()\"\r\n                                                        #info=\"ngbTooltip\"\r\n                                                        tooltipClass=\"hierarchy-tooltip remove-on-scroll-class\"\r\n                                                        (mouseenter)=\"\r\n                                                            bindTheValueToSellerGroupTooltip(\r\n                                                                ROW_DATA.sellerGroupHierarchy,\r\n                                                                info\r\n                                                            )\r\n                                                        \"\r\n                                                    >\r\n                                                    </i>\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            subline.objectKey == 'displayBookedAverageRating' &&\r\n                                                            gtGeneralConfig.component == 'RATING' &&\r\n                                                            ROW_DATA['showRatingAverageIcon']\r\n                                                        \"\r\n                                                        class=\"mi mdi-info-outline seller-tooltip\"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        (mouseenter)=\"\r\n                                                            setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\r\n                                                        \"\r\n                                                        tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"postedRatingDifference\"\r\n                                                    >\r\n                                                    </i>\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            subline.objectKey == 'displayBookedAverageImpression' &&\r\n                                                            gtGeneralConfig.component == 'RATING' &&\r\n                                                            ROW_DATA['showImpressionAverageIcon']\r\n                                                        \"\r\n                                                        class=\"mi mdi-info-outline seller-tooltip\"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        (mouseenter)=\"\r\n                                                            setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\r\n                                                        \"\r\n                                                        tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"postedImpDifference\"\r\n                                                    >\r\n                                                    </i>\r\n                                                </ng-container>\r\n                                                <ng-container *ngIf=\"subline.objectKey == 'description'\">\r\n                                                    <p\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA.descriptionMessage ||\r\n                                                            ROW_DATA.descriptionEmailReferenceNum\r\n                                                        \"\r\n                                                    >\r\n                                                        <ng-container *ngIf=\"ROW_DATA.descriptionMessage\">\r\n                                                            {{ ROW_DATA.descriptionMessage }}\r\n                                                            <br />\r\n                                                        </ng-container>\r\n                                                        <ng-container\r\n                                                            *ngIf=\"\r\n                                                                ROW_DATA.descriptionEmailReferenceNum != '-' &&\r\n                                                                ROW_DATA.descriptionEmailReferenceNum != ''\r\n                                                            \"\r\n                                                        >\r\n                                                            Email Ref: {{ ROW_DATA.descriptionEmailReferenceNum }}\r\n                                                            <br />\r\n                                                        </ng-container>\r\n                                                    </p>\r\n                                                    <a\r\n                                                        href=\"{{ ROW_DATA.descriptionDetailsUrl }}\"\r\n                                                        target=\"_blank\"\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA.descriptionDetailsUrlType === 'PDF' ||\r\n                                                            ROW_DATA.descriptionDetailsUrlType === 'EXCEL'\r\n                                                        \"\r\n                                                    >\r\n                                                        <button class=\"btn viewDetailsAndEmailBtn\">Download</button>\r\n                                                    </a>\r\n                                                    <ng-container\r\n                                                        *ngIf=\"ROW_DATA.activityname.toLowerCase() == 'order onboarded'\"\r\n                                                    >\r\n                                                        <a\r\n                                                            *ngIf=\"ROW_DATA.descriptionDetailsUrlType === 'LINK'\"\r\n                                                            (click)=\"viewDetailsClicked(ROW_DATA)\"\r\n                                                        >\r\n                                                            <button class=\"btn viewDetailsAndEmailBtn order-onboarded\">\r\n                                                                View details\r\n                                                            </button>\r\n                                                        </a>\r\n                                                    </ng-container>\r\n\r\n                                                    <a\r\n                                                        href=\"{{ ROW_DATA.descriptionEmailUrl }}\"\r\n                                                        target=\"_blank\"\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA.descriptionEmailUrl != '-' &&\r\n                                                            ROW_DATA.descriptionEmailUrl != ''\r\n                                                        \"\r\n                                                    >\r\n                                                        <button class=\"btn viewDetailsAndEmailBtn\">View email</button>\r\n                                                    </a>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"isNoDataToDisplaySubject$ | async\">\r\n                                <div>\r\n                                    {{ null }}\r\n                                </div>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </td>\r\n                </ng-container>\r\n            </ng-container>\r\n        </table>\r\n    </div>\r\n    <anna-core-no-data-lib\r\n        [width]=\"noDataWidth\"\r\n        [marginTop]=\"marginTop\"\r\n        *ngIf=\"isNoDataToDisplaySubject$ | async\"\r\n    >\r\n    </anna-core-no-data-lib>\r\n</div>\r\n\r\n<!-- Checkbox template -->\r\n<ng-template #filterTooltip>\r\n    <anna-core-anna-column-checkbox-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-checkbox-filter>\r\n</ng-template>\r\n\r\n<!-- Slider template -->\r\n<ng-template #sliderToolTip>\r\n    <anna-core-anna-column-slider-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-slider-filter>\r\n</ng-template>\r\n\r\n<!-- Date Picker Template -->\r\n<ng-template #datePickerTooltip>\r\n    <anna-core-anna-column-date-range-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-date-range-filter>\r\n</ng-template>\r\n\r\n<!-- Week Picker Template -->\r\n<ng-template #weekPickerToolTip>\r\n    <!-- <div class=\"weekpicker-container\">\r\n        <anna-core-week-calendar-filter-lib\r\n            [week-calendar-config]=\"gtGeneralConfig.multiWeekPickerConfig\"\r\n            (apply)=\"applyWeekFilter($event)\"\r\n            [from-date]=\"calendarMinEnabledDate\"\r\n            [to-date]=\"calendarMaxEnabledDate\"\r\n        >\r\n        </anna-core-week-calendar-filter-lib>\r\n    </div> -->\r\n</ng-template>\r\n\r\n<!-- Time Filter Template -->\r\n<ng-template #timeFilterToolTip>\r\n    <anna-core-anna-column-time-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [showAllTimeRangeCheckboxes]=\"showCheckboxesForTimeFilter\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-time-filter>\r\n</ng-template>\r\n\r\n<ng-template #columnInfoTooltip>\r\n    <p style=\"color: black; white-space: nowrap\">This preemption is rejected and not marked for credit.</p>\r\n</ng-template>\r\n\r\n<ng-template #ratingInfoTooltip>\r\n    <p class=\"first-row\">Shows 'Booked Rating' for Preemptions & MakeGood Offered spot(s).</p>\r\n    <p class=\"second-row\">Shows 'Projected Rating' for ADU Offered spot(s).</p>\r\n</ng-template>\r\n\r\n<ng-template #impsInfoTooltip>\r\n    <p class=\"first-row\">Shows 'Booked IMPS' for Preemptions & MakeGood Offered spot(s).</p>\r\n    <p class=\"second-row\">Shows 'Projected IMPS' for ADU Offered spot(s).</p>\r\n</ng-template>\r\n\r\n<ng-template #spotsColumnEquivalizationMessageTooltip>\r\n    <p class=\"spot-column-tooltip-message\">\r\n        This consists of equivalized spots and un-equivalized Paid Programs & un-equivalized Non-spots.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #underDeliveryTooltip>\r\n    <p class=\"spot-column-tooltip-message\">\r\n        Indicates the Under-delivery percentage based on booked and posted RTG/IMPS.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #overDeliveryTooltip>\r\n    <p class=\"spot-column-tooltip-message\">\r\n        Indicates the Over-delivery percentage based on booked and posted RTG/IMPS.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #rateInfoTooltip>\r\n    <p class=\"first-row\">Shows 'Booked Rate' for Preemptions & MakeGood Offered spot(s).</p>\r\n    <p class=\"second-row\">Shows 'Projected $ Value' for ADU Offered spot(s).</p>\r\n</ng-template>\r\n\r\n<ng-template #sellerHierarchyTooltip>\r\n    <ng-container *ngIf=\"sellerGroupHierarchy.length > 0\">\r\n        <section class=\"hierarchy-table-container\">\r\n            <table class=\"seller-hierarchy-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>#</th>\r\n                        <th>Inventory Codes</th>\r\n                        <th>Program/Description</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr *ngFor=\"let data of sellerGroupHierarchy; let tooltipIndex = index\">\r\n                        <td>{{ tooltipIndex + 1 }}</td>\r\n                        <td>\r\n                            <span showEllipsisTextOnHover>{{ data.InventoryCode }}</span>\r\n                        </td>\r\n                        <td>\r\n                            <span showEllipsisTextOnHover>{{ data.Program }}</span>\r\n                        </td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </section>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"sellerGroupHierarchy.length == 0\">\r\n        <span style=\"color: #000\">Seller group not available for this inventory code</span>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #lurViolationInfoTooltip>\r\n    <p class=\"first-row\">The values are for the entire week.</p>\r\n</ng-template>\r\n\r\n<ng-template #postedRatingDifference>\r\n    <p class=\"difference-text\">\r\n        The difference between posted and booked average rating is\r\n        {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #postedImpDifference>\r\n    <p class=\"difference-text\">\r\n        The difference between posted and booked average impression is\r\n        {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #ongoingRevBookedColumnTooltip>\r\n    <p>The Booked $ value, Spots, GRP, CPP, IMPS, CPM corresponds on the last permanent revision generated</p>\r\n</ng-template>\r\n\r\n<ng-template #completedRevBookedColumnTooltip>\r\n    <p>The Booked $ value corresponds on the last permanent revision generated</p>\r\n</ng-template>\r\n\r\n<ng-template #avgBookedRate>\r\n    <p>This is the booked average Rate</p>\r\n</ng-template>\r\n\r\n<ng-template #avgBookedRtg>\r\n    <p>This is the booked average RTG</p>\r\n</ng-template>\r\n\r\n<ng-template #avgBookedImps>\r\n    <p>This is the booked average IMP(\u2019000)</p>\r\n</ng-template>\r\n\r\n<ng-template #projectedImpsRtg>\r\n    <p>\r\n        All projections are derived from the sum of actual posted information until the last posted date and estimates\r\n        for the remaining selected period.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #automationTooltip>\r\n    <p>\r\n        Please get the order business rules approved to activate the order for automation. Only for the\r\n        automation-activated orders, any approved MGs, ADUs, or credited spots on ANNA will be fed into the traffic\r\n        system i.e. ANNA revisions.\r\n        <!-- removed below line as part of enhancmennt in 14.0 releas -->\r\n        <!-- Additionally, ANNA will only enter buyer revisions into traffic for the selected\r\n        Medialine/WOC orders. -->\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #rebateImpact>\r\n    <p>Rebate impact value is for the originally ordered spot length and is not equivalized.</p>\r\n</ng-template>\r\n\r\n<ng-template #lurViolationTotalRowToolTip>\r\n    <ul>\r\n        <li>\r\n            <strong>POLITICAL RATE VIOLATIONS:</strong>\r\n            Violations flagged when non-political spots are booked at a rate lower than the minimum booked rate for\r\n            political candidates for the same week, Inventory Code and Revenue Class.\r\n        </li>\r\n        <li>\r\n            <strong>CANDIDATE TO CANDIDATE VIOLATION:</strong>\r\n            Violations flagged when political spots are booked at different rates to other political spots for the same\r\n            week, Inventory Code and Revenue Class.\r\n        </li>\r\n    </ul>\r\n</ng-template>\r\n\r\n<ng-template #circularProgressBar>\r\n    <circle-progress\r\n        [percent]=\"percentDone\"\r\n        [radius]=\"5\"\r\n        [showTitle]=\"false\"\r\n        [showUnits]=\"false\"\r\n        [showSubtitle]=\"false\"\r\n        [outerStrokeWidth]=\"3\"\r\n        [innerStrokeWidth]=\"3\"\r\n        [space]=\"-3\"\r\n        [outerStrokeColor]=\"'#268bff'\"\r\n        [innerStrokeColor]=\"'#d5d5d5'\"\r\n        [animationDuration]=\"10\"\r\n    ></circle-progress>\r\n</ng-template>\r\n\r\n<ng-template #userLoggedInDetails>\r\n    <div class=\"tooltip-div-container\">\r\n        <ng-container *ngFor=\"let data of textActionTooltip\">\r\n            <span *ngIf=\"data.key != 'read'\">\r\n                {{ data.key }} <b> {{ data.value }}</b>\r\n            </span>\r\n            <span *ngIf=\"data.key == 'read'\">\r\n                {{ data.value }}\r\n            </span>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #markAsReadTip>\r\n    <div class=\"notification-tooltip-div-container\">\r\n        <ng-container *ngFor=\"let data of textActionTooltip\">\r\n            {{ data.value }}\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #textActionTooltipTemplate>\r\n    <ng-container *ngFor=\"let data of textActionTooltip\">\r\n        {{ data.key }} <b> {{ data.value }}</b>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #showOrHideToggleForTotalRowTooltip>\r\n    <div>\r\n        {{ showOrHideToggleForTotalRow && !gtGeneralConfig.totalRow ? \"Show Total Row\" : \"Hide Total Row\" }}\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #tooltipContainingTableTemplate>\r\n    <div\r\n        *ngIf=\"tooltipContainingTable\"\r\n        [innerHTML]=\"tooltipContainingTable.innerHtml\"\r\n        class=\"notification-tooltip-div-container\"\r\n    >\r\n        <!-- <ul>\r\n      <li *ngFor=\"let headerMsg of tooltipContainingTable.tableHeaderMsg\">\r\n        <b> {{headerMsg}}  </b>\r\n      </li>\r\n    </ul>\r\n\r\n    <table class=\"tooltip-table\">\r\n      <thead>\r\n        <tr>\r\n          <th *ngFor=\"let header of tooltipContainingTable.tooltipTableHeader\">\r\n            {{ header}}\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        <tr *ngFor=\"let rows of tooltipContainingTable.tooltipTableBody\">\r\n          <td *ngFor=\"let data of rows\">\r\n            {{ data }}\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n\r\n    <ul>\r\n      <li style=\"margin-top:10px; padding:0\" *ngFor=\"let footerMsg of tooltipContainingTable.tableFooterMsg\">\r\n        {{ footerMsg }} \r\n      </li>\r\n    </ul> -->\r\n    </div>\r\n</ng-template>\r\n<!-- <ng-template #textActionTooltipTemplate>\r\n   <ng-container *ngFor=\"let data of textActionTooltip\">\r\n      {{ data.key }} <b> {{data.value}}</b>\r\n   </ng-container>\r\n</ng-template> -->\r\n", styles: ["::ng-deep .show-or-hide-toggle-tooltip .tooltip-inner{max-width:229px}.show-or-hide-toggle-btn.shift-toggle-top-on-total-row-click{transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),48px)}.show-or-hide-toggle-btn{width:16px;height:16px;padding:0;margin:0;border-radius:50%;position:absolute;transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),73px);z-index:1000;background-color:#d9d9d9}.show-or-hide-toggle-btn i.mdi.mdi-menu-swap{font-size:16px;display:flex}#generic-table-conatiner.table-with-show-hide-total-row-toggle .total-row td:nth-of-type(2){padding-left:16px!important}.sort-btn{background:#fff;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}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.red-text-totol-row{color:#f44336!important}.check-mark,.unread-mark{cursor:pointer}.on-hover:hover .unread-mark,.notificationHover .check-mark{opacity:0;cursor:pointer}.on-hover:hover .check-mark{opacity:1;cursor:pointer}:host ::ng-deep .gt{table-layout:fixed;margin-bottom:0;width:100%}:host ::ng-deep .gt th,:host ::ng-deep .gt td{padding:2px 8px;line-height:normal}:host ::ng-deep .gt thead tr th .upper-label{font-family:Roboto;font-size:.6875rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .gt thead tr th .lower-label{font-family:Roboto;font-size:.6875rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .gt thead tr th{background-color:#ededed;position:sticky;position:-webkit-sticky;top:0;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}:host ::ng-deep .gt thead tr th br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt thead tr th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .gt thead tr th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .gt thead tr th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .gt thead tr th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4}:host ::ng-deep .gt tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}:host ::ng-deep .gt tbody tr td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}:host ::ng-deep .gt tbody tr td .upper-label{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;color:#000;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt tbody tr td .lower-label{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;color:#a7a7a7;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt tbody tr br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt tbody tr:nth-of-type(1) td{border-top:none!important}:host ::ng-deep .gt .custom-column-checkbox-checked,:host ::ng-deep .gt .custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}:host ::ng-deep .gt .custom-column-checkbox-checked{color:#268bff}:host ::ng-deep .gt .custom-column-checkbox-unchecked{color:#4a4a4a}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4}.table-container{overflow-x:auto;overflow-y:auto}.rowSelectCheckbox,#selectAllRowsCheckbox{cursor:pointer}.disable-checkbox{color:#dedede!important;pointer-events:none!important}.mdi-warning{color:#f3c639;font-size:16px;line-height:28px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.redcolor-status{color:#c62a2a}#no-filter-space{width:.875rem}::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:1.875rem!important;width:2.625rem;padding:0 .625rem}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}::ng-deep .mat-button-toggle-checked{background-color:#268bff!important;color:#fff!important}::ng-deep .mat-button-toggle-group-appearance-standard{border-radius:0}.hidden{display:none}.no-data-div{margin-top:2.5px}.no-data-div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:.3125rem 1.125rem;border-radius:.25rem}.column-values:nth-of-type(2){color:#a7a7a7!important}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}.time-filter-checkboxes>div>p{color:#151b1e}::ng-deep .margin-bottom-zero .mat-radio-label{margin-bottom:0}:host ::ng-deep mat-radio-group br{margin-top:0!important}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__background{width:var(--mat-radio-size);height:var(--mat-radio-size)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__inner-circle{border-width:calc(var(--mat-radio-size) / 2)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{margin:0 0 0 4px;padding:0;top:-2px;position:relative}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio--disabled+label{color:var(--primary-text-color-dark)!important}:host ::ng-deep mat-radio-group mat-radio-button.mat-mdc-radio-button .mdc-form-field .mdc-radio{padding:0}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{left:-94px;font-size:12px;color:#4a4a4a;position:relative}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:red}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:red}::ng-deep .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:#00000061!important}::ng-deep .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-inner-circle{background-color:#00000061!important}::ng-deep tr.white-background-row{background:#fff}::ng-deep tr.gray-background-row{background:#e9e9e980!important}.remarks-tooltip,.mdi-information,.mdi-information-outline,.seller-tooltip{font-size:.875rem;color:#268bff;position:relative;top:.1875rem;cursor:pointer}.seller-tooltip{top:-1px;float:right}::ng-deep .remarks-info-tooltip .tooltip-inner{max-width:19.25rem!important}.rating-icon,.lur-violation-icon{color:#268bff;cursor:pointer;position:relative;left:-2px}::ng-deep .rating-info-tooltip .tooltip-inner{max-width:800px!important}.spots-info-icon{color:#268bff;cursor:pointer;margin:1px 2px 0 -14px}.spots-info-icon-ol{color:#268bff;cursor:pointer;margin:1px 4px 0 -2px}::ng-deep .spot-info-tooltip .tooltip-inner{position:relative;max-width:220px!important;background:#fff;word-break:break-word;display:flex}::ng-deep .spot-info-tooltip-for-orderlisting-table .tooltip-inner{max-width:220px!important;background:#fff;word-break:break-word;display:flex}p.first-row{padding:.5rem .5rem 0;color:#000;white-space:nowrap;text-align:left}p.second-row{padding:2px .5rem .5rem;color:#000;white-space:nowrap;text-align:left}::ng-deep .gt-total-row-tooltip{opacity:1!important}::ng-deep .gt-total-row-tooltip .tooltip-inner{color:#000;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;background-color:#fff;padding:4px!important;width:100%;border-radius:2px!important}::ng-deep .gt-total-row-tooltip .arrow:before{border-top-color:#fff!important}.info-label{margin-left:4px;color:#268bff;vertical-align:text-top}::ng-deep .hierarchy-tooltip{max-width:-moz-fit-content;max-width:fit-content;width:310px!important}::ng-deep .hierarchy-tooltip .tooltip-inner{padding:4px!important;max-width:22.75rem;max-height:11.25rem}table.seller-hierarchy-table{table-layout:fixed}table.seller-hierarchy-table tr th{font-family:Roboto;font-size:.75rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:#5e5e5e;white-space:nowrap;background:#ededed;position:sticky;box-shadow:inset 0 1px #d4d4d4;top:0;z-index:1}table.seller-hierarchy-table tr th:nth-child(1){width:20px}table.seller-hierarchy-table tr th:first-of-type,table.seller-hierarchy-table tr td:first-of-type{width:20px;border-left:1px solid #d4d4d4}table.seller-hierarchy-table tr th:last-of-type,table.seller-hierarchy-table tr td:last-of-type{border-right:1px solid #d4d4d4;width:7.875rem!important}table.seller-hierarchy-table tr th:nth-of-type(2){width:7.75rem!important}table.seller-hierarchy-table tr td{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a;box-shadow:none!important;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4}table.seller-hierarchy-table tr td:nth-of-type(2),table.seller-hierarchy-table tr td:nth-of-type(3){padding-top:.25rem}table.seller-hierarchy-table tr td span{display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}section.hierarchy-table-container{max-height:8.75rem;overflow:auto}section.hierarchy-table-container::-webkit-scrollbar-track{margin-top:1.5rem}.difference-text{padding:.5rem;color:#000;text-align:left}::ng-deep .posted-avg-tooltip .tooltip-inner{width:13.8125rem!important}::ng-deep .drrBooked-info-tooltip{transform:translate(26px,6px)}::ng-deep .drrBooked-info-tooltip .tooltip-inner{max-width:307px!important;width:242px!important;background:#fff;word-break:break-word;display:flex;padding:4px!important;text-align:left}::ng-deep .drrBooked-info-tooltip .tooltip-inner p{color:#000}::ng-deep .drrBooked-info-tooltip .arrow:before{border-right-color:#fff!important}.clickable-data{cursor:pointer;color:#268bff!important;display:flex!important;align-items:center}.clickable-data .spot-details-download-icons{font-size:12px}.disabled-clickable-data{pointer-events:none;color:#d4d4d4!important}.spot-column-tooltip-message{color:#000;width:max-content;text-align:left}div.spinner-for-button-directive{position:relative;left:-1px}.clickable-row table tr.mat-row td{cursor:pointer!important}.tooltip-div-container{text-align:left!important;padding:12px 4px;color:#4a4a4a!important;font-size:12px!important;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.notification-tooltip-div-container{text-align:left!important;padding:6px 8px;color:#4a4a4a!important;font-size:12px!important;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.mdi-information,.mdi-information-outline{left:3px;top:1px}.mdi-information-outline{position:static}::ng-deep .team-user-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .team-user-tooltip .tooltip-inner{opacity:1!important;width:-moz-fit-content!important;width:fit-content!important;max-width:520px;border-radius:2px;padding:0 4px!important}::ng-deep .team-user-tooltip .tooltip-inner .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip{opacity:1!important}::ng-deep .gt-icon-column-tooltip .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .gt-icon-column-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip .tooltip-inner{width:100%}::ng-deep .tooltip-containing-table{opacity:1!important}::ng-deep .tooltip-containing-table .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .tooltip-containing-table.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .tooltip-containing-table li{margin:0!important;padding:0!important}::ng-deep .tooltip-containing-table ul{margin:0!important;padding-left:8px!important}::ng-deep .tooltip-containing-table .tooltip-inner{width:100%;max-width:230px}table.tooltip-table{table-layout:fixed;margin:4px 0 0;width:100%}table.tooltip-table th,table.tooltip-table td{padding:2px 8px;line-height:normal}table.tooltip-table thead tr th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important;border:none}table.tooltip-table thead tr th{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67;background-color:#ededed;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.tooltip-table thead tr th div.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}table.tooltip-table tbody tr td{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67}table.tooltip-table tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.tooltip-table tbody tr td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.bottom-border{border-bottom:1px solid #d4d4d4!important}i.disabled{pointer-events:none!important}\n"] }]
+                    ], template: "<div\r\n    id=\"generic-table-conatiner\"\r\n    class=\"table-container {{ gtGeneralConfig?.tableOuterContainerName }} {{ tableBottomBorderClass }}\"\r\n    [ngClass]=\"{\r\n        'scroll-left-shadow-effect': isScrolledLeft,\r\n        'scroll-right-shadow-effect': !isScrollEnded,\r\n        'clickable-row': clickableRow,\r\n        'no-data-table': (isNoDataToDisplaySubject$ | async),\r\n        'table-with-show-hide-total-row-toggle': showOrHideToggleForTotalRow\r\n    }\"\r\n    (scroll)=\"onTableContainerScroll($event)\"\r\n>\r\n    <div\r\n        [class]=\"gtGeneralConfig.tableContainerName\"\r\n        class=\"horizontal-scroll-for-table-container\"\r\n        [ngStyle]=\"{\r\n            height:\r\n                tableData.length < maximumRowsWhichCanBeRenderedWithoutScroll\r\n                    ? 'calc(' +\r\n                      (gtDimension.rowHeight * tableData.length +\r\n                          (!tableData.length || !gtGeneralConfig.totalRow\r\n                              ? gtDimension.headerHeight\r\n                              : gtDimension.headerHeight + gtDimension.rowHeight)) +\r\n                      'px)'\r\n                    : gtDimension.tableHeight\r\n        }\"\r\n    >\r\n        <button\r\n            *ngIf=\"showOrHideToggleForTotalRow && !showSkeletonLoading && !(isNoDataToDisplaySubject$ | async)\"\r\n            [ngClass]=\"{\r\n                'shift-toggle-top-on-total-row-click': !gtGeneralConfig.totalRow\r\n            }\"\r\n            class=\"show-or-hide-toggle-btn\"\r\n            (click)=\"showHideTotalRow()\"\r\n        >\r\n            <i\r\n                class=\"mdi mdi-menu-swap\"\r\n                tooltipClass=\"show-or-hide-toggle-tooltip\"\r\n                placement=\"auto\"\r\n                container=\"body\"\r\n                [ngbTooltip]=\"showOrHideToggleForTotalRowTooltip\"\r\n            ></i>\r\n        </button>\r\n        <table\r\n            class=\"gt\"\r\n            [ngClass]=\"tableClass\"\r\n            mat-table\r\n            [dataSource]=\"renderedData\"\r\n        >\r\n            <tr\r\n                class=\"header-row\"\r\n                mat-header-row\r\n                *matHeaderRowDef=\"tableColumns; sticky: true\"\r\n                [style.height.px]=\"gtDimension.headerHeight\"\r\n            ></tr>\r\n            <tr\r\n                class=\"total-row\"\r\n                mat-header-row\r\n                [style.height.px]=\"gtDimension.rowHeight\"\r\n                *matHeaderRowDef=\"totalRowColumns; sticky: true\"\r\n                [class.hidden]=\"\r\n                    showSkeletonLoading ||\r\n                    (!showSkeletonLoading && !tableData.length) ||\r\n                    (isNoDataToDisplaySubject$ | async) ||\r\n                    (!showSkeletonLoading && !gtGeneralConfig.totalRow)\r\n                \"\r\n            ></tr>\r\n            <tr\r\n                [class]=\"rowData.gtClass\"\r\n                [ngClass]=\"{ 'no-border-tr': (isNoDataToDisplaySubject$ | async) }\"\r\n                mat-row\r\n                *matRowDef=\"let rowData; columns: tableColumns\"\r\n                [style.height.px]=\"gtDimension.rowHeight\"\r\n                (click)=\"dataRowClicked(rowData)\"\r\n            ></tr>\r\n\r\n            <!-- TOTAL ROW -->\r\n            <ng-container\r\n                [matColumnDef]=\"column.colName\"\r\n                *ngFor=\"let column of totalRowInfo; trackBy: trackByFn\"\r\n            >\r\n                <td\r\n                    mat-header-cell\r\n                    *matHeaderCellDef\r\n                    [attr.colspan]=\"column.colspan\"\r\n                    class=\"{{ column.class }}\"\r\n                >\r\n                    <ng-container *ngIf=\"column['isActionColumn']\">\r\n                        <a\r\n                            *ngFor=\"let data of column.actionData\"\r\n                            [class]=\"data.class\"\r\n                            (click)=\"onClickableDataClicked({}, data.id)\"\r\n                        >\r\n                            {{ data.name }}\r\n                        </a>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"column['isIconColumn']\">\r\n                        <i\r\n                            class=\"{{ column?.iconData?.class }}\"\r\n                            (click)=\"iconClickedInTotalRow(column?.colName)\"\r\n                        >\r\n                        </i>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"!column['isActionColumn']\">\r\n        \r\n                        <strong class=\"upper-label\">{{ column.data }} <span class=\"red-text-totol-row\" *ngIf=\"column.additionalRedTextAfterData\">{{column.additionalRedTextAfterData}}</span></strong>\r\n                        <ng-container *ngIf=\"column.lowerData\">\r\n                            <br />\r\n                            <span\r\n                                *ngIf=\"\r\n                                    column.colName == 'total-potential-booked-unit' &&\r\n                                        gtGeneralConfig.component == 'RATING';\r\n                                    else columnLowerData\r\n                                \"\r\n                                class=\"clickable-data\"\r\n                                (click)=\"spotDetailsDownloadClicked('TOTALROW')\"\r\n                                [ngClass]=\"{ 'disabled-clickable-data': downloadInProgress }\"\r\n                                >{{ column.lowerData }}\r\n                                <span class=\"material-icons spot-details-download-icons\">get_app</span>\r\n                                <ng-container *ngIf=\"downloadInProgress && selectedRowTypeForDownload == 'TOTALROW'\">\r\n                                    <ng-container [ngTemplateOutlet]=\"circularProgressBar\"></ng-container>\r\n                                </ng-container>\r\n                            </span>\r\n                            <ng-template #columnLowerData>\r\n                                <span class=\"lower-label\">{{ column.lowerData }}</span>\r\n                            </ng-template>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"column.tooltipMessage && gtGeneralConfig.component != 'LUR_VIOLATIONS'\">\r\n                            <i\r\n                                class=\"{{ column.tooltipIconClass }}\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"column.tooltipMessage\"\r\n                                tooltipClass=\"gt-total-row-tooltip\"\r\n                                placement=\"top bottom\"\r\n                            ></i>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"gtGeneralConfig.component == 'LUR_VIOLATIONS' && column.tooltipMessage\">\r\n                            <i\r\n                                class=\"mi mdi-info-outline info-label\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"lurViolationTotalRowToolTip\"\r\n                                tooltipClass=\"gt-total-row-tooltip\"\r\n                                placement=\"bottom\"\r\n                            ></i>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </td>\r\n            </ng-container>\r\n\r\n            <!-- MAIN ROW -->\r\n            <ng-container\r\n                [matColumnDef]=\"columnDef.headerInfo[0].objectKey\"\r\n                *ngFor=\"let columnDef of tableHeaders; trackBy: trackByFn\"\r\n            >\r\n                <th\r\n                    #tableHeader\r\n                    nowrap\r\n                    mat-header-cell\r\n                    *matHeaderCellDef\r\n                    [style.width]=\"columnDef.width\"\r\n                >\r\n                    <div\r\n                        class=\"row mx-0\"\r\n                        *ngFor=\"let header of columnDef.headerInfo; let j = index\"\r\n                    >\r\n                        <p\r\n                            *ngIf=\"header.typeOfHeaderData === 'STRING'\"\r\n                            [ngClass]=\"{ 'upper-label': j === 0, 'lower-label': j === 1 }\"\r\n                        >\r\n                            <ngx-skeleton-loader\r\n                                *ngIf=\"header.name == null\"\r\n                                count=\"1\"\r\n                                [theme]=\"{\r\n                                    height: '10px',\r\n                                    display: 'block',\r\n                                    width: columnDef.width,\r\n                                    'max-width': 'calc(100% - 20px)'\r\n                                }\"\r\n                            >\r\n                            </ngx-skeleton-loader>\r\n                            <ng-container *ngIf=\"header.name\">\r\n                                {{ header.name }}\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"header.tooltip && header.tooltip.tooltipMessage\">\r\n                                <i\r\n                                    class=\"{{ header['tooltip'].iconClass }}\"\r\n                                    [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                    #t=\"ngbTooltip\"\r\n                                    container=\"body\"\r\n                                    [ngbTooltip]=\"header.tooltip.tooltipMessage\"\r\n                                    container=\"body\"\r\n                                    placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                    tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                                >\r\n                                </i>\r\n                            </ng-container>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'impsInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"impsInfoTooltip\"\r\n                                container=\"body\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"\r\n                                    header.tooltip && header.tooltip.name == 'spotsColumnEquivalizationMessageTooltip'\r\n                                \"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                container=\"body\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"spotsColumnEquivalizationMessageTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'underDeliveryTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                container=\"body\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"underDeliveryTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'overDeliveryTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                container=\"body\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"overDeliveryTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'ratingInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"ratingInfoTooltip\"\r\n                                container=\"body\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'rateInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"rateInfoTooltip\"\r\n                                container=\"body\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'ongoingRevBookedColumnTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"ongoingRevBookedColumnTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'completedRevBookedColumnTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"completedRevBookedColumnTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'avgBookedRate'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"avgBookedRate\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'avgBookedRtg'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"avgBookedRtg\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'avgBookedImps'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"avgBookedImps\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'automationTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"automationTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'rebateImpact'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"rebateImpact\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'projectedImpsRtg'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"projectedImpsRtg\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                        </p>\r\n\r\n                        <ng-container *ngIf=\"header.typeOfHeaderData === 'CHECKBOX'\">\r\n                            <span\r\n                                *ngIf=\"gtGeneralConfig.isHeaderChecked\"\r\n                                class=\"material-icons custom-column-checkbox-checked\"\r\n                                (click)=\"selectUnselectAllRows()\"\r\n                            >\r\n                                check_box\r\n                            </span>\r\n                            <span\r\n                                *ngIf=\"!gtGeneralConfig.isHeaderChecked\"\r\n                                class=\"material-icons custom-column-checkbox-unchecked\"\r\n                                [ngClass]=\"{ 'disable-checkbox': gtGeneralConfig.disableHeaderCheckbox }\"\r\n                                (click)=\"selectUnselectAllRows()\"\r\n                            >\r\n                                check_box_outline_blank\r\n                            </span>\r\n                        </ng-container>\r\n\r\n                        <div\r\n                            *ngIf=\"gtGeneralConfig.showAllColumnFilter\"\r\n                            class=\"sort-filter-container\"\r\n                        >\r\n                            <ng-container *ngIf=\"header.showTooltipIcon\">\r\n                                <!-- Active tooltip Functionality -->\r\n                                <ng-container *ngIf=\"header.filter === 'CHECKBOX'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"filterTooltip\"\r\n                                        placement=\"{{ filterAlignment }}\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-checkbox-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'SLIDER'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"sliderToolTip\"\r\n                                        placement=\"bottom left-top\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-slider-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t1=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t1, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'DATE'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"datePickerTooltip\"\r\n                                        placement=\"bottom auto\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-datepicker-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t2=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t2, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'WEEK'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"weekPickerToolTip\"\r\n                                        placement=\"bottom left-top\"\r\n                                        container=\"body\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t3=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t3, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"header.filter === 'TIME'\">\r\n                                    <span\r\n                                        class=\"mdi mdi-filter-variant\"\r\n                                        [ngClass]=\"{\r\n                                            active:\r\n                                                annaFilterService.isFilterSortActive &&\r\n                                                annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\r\n                                            disabled: header.disableTooltipIcon || showSkeletonLoading\r\n                                        }\"\r\n                                        [ngbTooltip]=\"timeFilterToolTip\"\r\n                                        placement=\"bottom left-top auto\"\r\n                                        container=\"body\"\r\n                                        tooltipClass=\"non-edit-time-tooltip\"\r\n                                        [autoClose]=\"'outside'\"\r\n                                        triggers=\"manual\"\r\n                                        #t4=\"ngbTooltip\"\r\n                                        (click)=\"bindTheValueToToolTip(t4, header)\"\r\n                                        (hidden)=\"closeTooltip()\"\r\n                                    >\r\n                                    </span\r\n                                    ><br />\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"!header.showTooltipIcon\">\r\n                                <span id=\"no-filter-space\"></span><br />\r\n                            </ng-container>\r\n                            <i\r\n                                *ngIf=\"header.tooltip && header.tooltip.name == 'lurViolationInfoTooltip'\"\r\n                                class=\"{{ header['tooltip'].iconClass }}\"\r\n                                [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\r\n                                #t=\"ngbTooltip\"\r\n                                container=\"body\"\r\n                                [ngbTooltip]=\"lurViolationInfoTooltip\"\r\n                                placement=\"{{ header['tooltip'].tooltipPosition }}\"\r\n                                tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\r\n                            >\r\n                            </i>\r\n                        </div>\r\n                    </div>\r\n                </th>\r\n\r\n                <ng-container *matCellDef=\"let ROW_DATA\">\r\n                    <td\r\n                        mat-cell\r\n                        [style.background]=\"ROW_DATA.backgroundColor\"\r\n                        [style.border]=\"ROW_DATA.border\"\r\n                        class=\"{{ ROW_DATA.rowClass }}\"\r\n                        [ngClass]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'TdClass']\"\r\n                        [attr.rowspan]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'Rowspan']\"\r\n                        *ngIf=\"\r\n                            !hideSomeTds ||\r\n                            (hideSomeTds && !ROW_DATA['hide' + columnDef.headerInfo[0].objectKey + 'Td'])\r\n                        \"\r\n                    >\r\n                        <ngx-skeleton-loader\r\n                            *ngIf=\"showSkeletonLoading\"\r\n                            count=\"1\"\r\n                            [theme]=\"{ height: '10px', display: 'block' }\"\r\n                        >\r\n                        </ngx-skeleton-loader>\r\n\r\n                        <ng-container *ngIf=\"!showSkeletonLoading\">\r\n                            <ng-container *ngIf=\"tableData.length > 0 && !(isNoDataToDisplaySubject$ | async)\">\r\n                                <ng-container\r\n                                    *ngFor=\"\r\n                                        let subline of columnDef.headerInfo;\r\n                                        let subLineIndex = index;\r\n                                        trackBy: trackByFn\r\n                                    \"\r\n                                >\r\n                                    <div showEllipsisTextOnHover>\r\n                                        <ng-container [ngSwitch]=\"columnDef.headerInfo[subLineIndex].typeOfBodyData\">\r\n                                            <ng-container *ngSwitchCase=\"'ICON'\">\r\n                                                <i\r\n                                                    *ngIf=\"\r\n                                                        !(\r\n                                                            starredInProgress &&\r\n                                                            ROW_DATA.orderId == selectedStarredOrderId\r\n                                                        )\r\n                                                    \"\r\n                                                    [class]=\"ROW_DATA.iconClass\"\r\n                                                    (click)=\"iconClicked(ROW_DATA, ROW_DATA.iconClass)\"\r\n                                                    ngbTooltip=\"{{ ROW_DATA.iconTitleText }}\"\r\n                                                    placement=\"bottom\"\r\n                                                    container=\"body\"\r\n                                                    tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                ></i>\r\n                                                <ng-container\r\n                                                    *ngIf=\"\r\n                                                        starredInProgress && ROW_DATA.orderId == selectedStarredOrderId\r\n                                                    \"\r\n                                                >\r\n                                                    <div class=\"spinner-for-button-directive\"></div>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'ICON_CELL'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <ng-container *ngIf=\"action.showObjectKey\">\r\n                                                        {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\r\n                                                    </ng-container>\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"action.showIcon\"\r\n                                                        [class]=\"action.iconClass\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnStringTextActionType(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"action.showTooltip ? action.tooltipData : null\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                action.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [disableTooltip]=\"!action.showTooltip\"\r\n                                                    >\r\n                                                    </i>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'HTML_STRING'\">\r\n                                                <p\r\n                                                    [innerHTML]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    (click)=\"innerHTMLCellClicked($event, ROW_DATA)\"\r\n                                                ></p>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'SVG_ICON'\">\r\n                                                <anna-core-anna-icon-column\r\n                                                    [componentName]=\"gtGeneralConfig.component\"\r\n                                                    [dataObject]=\"ROW_DATA\"\r\n                                                    [iconToShow]=\"\r\n                                                        ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                    \"\r\n                                                    (onColumnIconClicked)=\"svgIconClicked($event)\"\r\n                                                ></anna-core-anna-icon-column>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'TEXT_ACTIONS'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let text of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <button\r\n                                                        *ngIf=\"text.showTooltip\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                text.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [disabled]=\"text.isDisabled\"\r\n                                                        class=\"{{ text.class }}\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnTextActionType(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        [ngbTooltip]=\"textActionTooltipTemplate\"\r\n                                                        placement=\"auto\"\r\n                                                        container=\"body\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                    >\r\n                                                        {{ text.name }}\r\n                                                    </button>\r\n\r\n                                                    <button\r\n                                                        *ngIf=\"!text.showTooltip\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                text.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [disabled]=\"text.isDisabled\"\r\n                                                        class=\"{{ text.class }}\"\r\n                                                    >\r\n                                                        {{ text.name }}\r\n                                                    </button>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'CHECKBOX'\">\r\n                                                <span\r\n                                                    *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    class=\"material-icons custom-column-checkbox-checked\"\r\n                                                    (click)=\"\r\n                                                        selectOrUnselectCheckbox(\r\n                                                            ROW_DATA,\r\n                                                            columnDef.headerInfo[subLineIndex].objectKey,\r\n                                                            false\r\n                                                        )\r\n                                                    \"\r\n                                                >\r\n                                                    check_box\r\n                                                </span>\r\n                                                <span\r\n                                                    *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    class=\"material-icons custom-column-checkbox-unchecked\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    (click)=\"\r\n                                                        selectOrUnselectCheckbox(\r\n                                                            ROW_DATA,\r\n                                                            columnDef.headerInfo[subLineIndex].objectKey,\r\n                                                            true\r\n                                                        )\r\n                                                    \"\r\n                                                >\r\n                                                    check_box_outline_blank\r\n                                                </span>\r\n\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <i\r\n                                                        *ngIf=\"action.showIcon\"\r\n                                                        [class]=\"action.iconClass\"\r\n                                                        [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnStringTextActionTypeContainingTable(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"tooltipContainingTableTemplate\"\r\n                                                    >\r\n                                                    </i>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'CLICKABLE_DATA'\">\r\n                                                <a\r\n                                                    *ngFor=\"\r\n                                                        let text of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                    [class]=\"text.class\"\r\n                                                    (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\r\n                                                >\r\n                                                    {{ text.name }}\r\n                                                </a>\r\n                                                <span\r\n                                                    *ngIf=\"\r\n                                                        subline.objectKey == 'displayBookedUnits' &&\r\n                                                        gtGeneralConfig.component == 'RATING'\r\n                                                    \"\r\n                                                    class=\"clickable-data\"\r\n                                                    (click)=\"spotDetailsDownloadClicked('DATAROW', ROW_DATA)\"\r\n                                                    [ngClass]=\"{ 'disabled-clickable-data': downloadInProgress }\"\r\n                                                    >{{ ROW_DATA.displayBookedUnits }}\r\n                                                    <span class=\"material-icons spot-details-download-icons\"\r\n                                                        >get_app</span\r\n                                                    >\r\n                                                    <ng-container\r\n                                                        *ngIf=\"\r\n                                                            downloadInProgress &&\r\n                                                            ROW_DATA.inventoryCodeId ==\r\n                                                                selectedInventoryIdForDownload &&\r\n                                                            ROW_DATA.demographic == selectedDemographicForDownload\r\n                                                        \"\r\n                                                    >\r\n                                                        <ng-container\r\n                                                            [ngTemplateOutlet]=\"circularProgressBar\"\r\n                                                        ></ng-container>\r\n                                                    </ng-container>\r\n                                                </span>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'STRING___ICON_OR_TEXT_ACTION'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <span\r\n                                                        [class]=\"action.additionalTextBeforeLinkClass\"\r\n                                                        [innerHtml]=\"action.additionalTextBeforeLink\"\r\n                                                        ngbTooltip=\"{{ action.additionalTextBeforeLink }}\"\r\n                                                        placement=\"bottom\"\r\n                                                        container=\"body\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                        [disableTooltip]=\"!action.enableTooltipForAdditionalText\"\r\n                                                    ></span>\r\n\r\n                                                    <ng-container *ngIf=\"action && action.typeOfData == 'STRING'\">\r\n                                                        {{ action.data }}\r\n                                                    </ng-container>\r\n\r\n                                                    <a\r\n                                                        [id]=\"action.id\"\r\n                                                        *ngIf=\"action.showLink\"\r\n                                                        (click)=\"\r\n                                                            textActionClicked(\r\n                                                                ROW_DATA,\r\n                                                                action.id,\r\n                                                                columnDef.headerInfo[subLineIndex]\r\n                                                            )\r\n                                                        \"\r\n                                                        [class]=\"action.linkClass\"\r\n                                                        [ngClass]=\"{ disabled: action.disabledLink }\"\r\n                                                        >{{ action.data }}</a\r\n                                                    >\r\n                                                    <span\r\n                                                        ngbTooltip=\"{{ action.additionalTextAfterLink }}\"\r\n                                                        placement=\"bottom\"\r\n                                                        container=\"body\"\r\n                                                        [class]=\"action.additionalTextAfterLinkClass\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                        [disableTooltip]=\"!action.enableTooltipForAdditionalAfterText\"\r\n                                                    >\r\n                                                        {{ action.additionalTextAfterLink }}\r\n                                                    </span>\r\n\r\n                                                    <ng-container *ngIf=\"action.showTooltip\">\r\n                                                        <ng-container *ngIf=\"action.tooltipData.innerHtml\">\r\n                                                            <i\r\n                                                                *ngIf=\"action.showIcon\"\r\n                                                                [class]=\"action.iconClass\"\r\n                                                                [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                                (mouseenter)=\"\r\n                                                                    mouseEnterOnStringTextActionTypeContainingTable(\r\n                                                                        ROW_DATA,\r\n                                                                        columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                                    )\r\n                                                                \"\r\n                                                                placement=\"bottom auto\"\r\n                                                                container=\"body\"\r\n                                                                [autoClose]=\"true\"\r\n                                                                tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\r\n                                                                [ngbTooltip]=\"tooltipContainingTableTemplate\"\r\n                                                            >\r\n                                                            </i>\r\n                                                        </ng-container>\r\n\r\n                                                        <ng-container *ngIf=\"!action.tooltipData.tooltipTableBody\">\r\n                                                            <i\r\n                                                                *ngIf=\"action.showIcon\"\r\n                                                                [class]=\"action.iconClass\"\r\n                                                                [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                                (click)=\"\r\n                                                                    iconClickedOnStringIconActionType(\r\n                                                                        ROW_DATA,\r\n                                                                        action.id,\r\n                                                                        columnDef.headerInfo[subLineIndex]\r\n                                                                    )\r\n                                                                \"\r\n                                                                (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\r\n                                                                (mouseenter)=\"\r\n                                                                    mouseEnterOnStringTextActionType(\r\n                                                                        ROW_DATA,\r\n                                                                        columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                                    )\r\n                                                                \"\r\n                                                                [placement]=\"\r\n                                                                    action.tooltipPlacement\r\n                                                                        ? action.tooltipPlacement\r\n                                                                        : 'bottom auto'\r\n                                                                \"\r\n                                                                container=\"body\"\r\n                                                                [autoClose]=\"true\"\r\n                                                                tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\r\n                                                                    action.tooltipClass\r\n                                                                }}\"\r\n                                                                [ngbTooltip]=\"userLoggedInDetails\"\r\n                                                            >\r\n                                                            </i>\r\n                                                            <ng-container *ngIf=\"action['showSvgIcon']\">\r\n                                                                <anna-core-anna-est-icon-template\r\n                                                                    class=\"float-right\"\r\n                                                                    *ngIf=\"action['svgIconName'] == 'anna-icon'\"\r\n                                                                    (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\r\n                                                                    (mouseenter)=\"\r\n                                                                        mouseEnterOnStringTextActionType(\r\n                                                                            ROW_DATA,\r\n                                                                            columnDef.headerInfo[subLineIndex]\r\n                                                                                .tooltipKey\r\n                                                                        )\r\n                                                                    \"\r\n                                                                    [placement]=\"\r\n                                                                        action.tooltipPlacement\r\n                                                                            ? action.tooltipPlacement\r\n                                                                            : 'bottom auto'\r\n                                                                    \"\r\n                                                                    tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\r\n                                                                        action['tooltipClass']\r\n                                                                    }}\"\r\n                                                                    [ngbTooltip]=\"userLoggedInDetails\"\r\n                                                                    container=\"body\"\r\n                                                                    [autoClose]=\"true\"\r\n                                                                >\r\n                                                                </anna-core-anna-est-icon-template>\r\n                                                            </ng-container>\r\n                                                        </ng-container>\r\n                                                    </ng-container>\r\n\r\n                                                    <ng-container *ngIf=\"!action.showTooltip\">\r\n                                                        <i\r\n                                                            *ngIf=\"action.showIcon\"\r\n                                                            [class]=\"action.iconClass\"\r\n                                                            [ngClass]=\"{ disabled: action.disabledIcon }\"\r\n                                                            (click)=\"\r\n                                                                iconClickedOnStringIconActionType(\r\n                                                                    ROW_DATA,\r\n                                                                    action.id,\r\n                                                                    columnDef.headerInfo[subLineIndex]\r\n                                                                )\r\n                                                            \"\r\n                                                        >\r\n                                                        </i>\r\n                                                    </ng-container>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'STRING_OR_INPUT'\">\r\n                                                <ng-container\r\n                                                    *ngIf=\"\r\n                                                        ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.type ==\r\n                                                            'STRING';\r\n                                                        else inputBox\r\n                                                    \"\r\n                                                >\r\n                                                    <span\r\n                                                        [innerHtml]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                ?.value\r\n                                                        \"\r\n                                                    ></span>\r\n                                                </ng-container>\r\n                                                <ng-template #inputBox>\r\n                                                    <input\r\n                                                        placeholder=\"{{\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                ?.placeholder\r\n                                                        }}\"\r\n                                                        showEllipsisTextOnHover\r\n                                                        class=\"{{\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .className\r\n                                                        }}\"\r\n                                                        (keydown)=\"\r\n                                                            changesMadeInEditableInputBox(\r\n                                                                $event,\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\r\n                                                                false\r\n                                                            )\r\n                                                        \"\r\n                                                        (paste)=\"\r\n                                                            changesMadeInEditableInputBox(\r\n                                                                $event,\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\r\n                                                                true\r\n                                                            )\r\n                                                        \"\r\n                                                        (ngModelChange)=\"\r\n                                                            editableInputValueChanged(\r\n                                                                $event,\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].objectKey\r\n                                                            )\r\n                                                        \"\r\n                                                        [ngModel]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].value\r\n                                                        \"\r\n                                                        [disabled]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .disabled\r\n                                                        \"\r\n                                                        [ngClass]=\"{\r\n                                                            'red-border':\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                    .hasError\r\n                                                        }\"\r\n                                                    />\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .showIcon\r\n                                                        \"\r\n                                                        container=\"body\"\r\n                                                        [ngbTooltip]=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .iconTooltip\r\n                                                        \"\r\n                                                        tooltipClass=\"gt-total-row-tooltip\"\r\n                                                        placement=\"bottom\"\r\n                                                        class=\"{{\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                .iconClass\r\n                                                        }}\"\r\n                                                    >\r\n                                                    </i>\r\n                                                    <ng-container\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey][\r\n                                                                'showSvgIcon'\r\n                                                            ]\r\n                                                        \"\r\n                                                    >\r\n                                                        <anna-core-anna-est-icon-template\r\n                                                            class=\"float-right\"\r\n                                                            *ngIf=\"\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey][\r\n                                                                    'svgIconName'\r\n                                                                ] == 'anna-icon'\r\n                                                            \"\r\n                                                            [placement]=\"'bottom auto'\"\r\n                                                            tooltipClass=\"gt-total-row-tooltip\"\r\n                                                            [ngbTooltip]=\"\r\n                                                                ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                                    .iconTooltip\r\n                                                            \"\r\n                                                            container=\"body\"\r\n                                                        >\r\n                                                        </anna-core-anna-est-icon-template>\r\n                                                    </ng-container>\r\n                                                </ng-template>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'HTML'\">\r\n                                                <span\r\n                                                    [innerHtml]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                ></span>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'SINGLE_RADIO'\">\r\n                                                <span\r\n                                                    *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    class=\"mdi mdi-radiobox-marked\"\r\n                                                    (click)=\"(null)\"\r\n                                                >\r\n                                                </span>\r\n                                                <span\r\n                                                    *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\r\n                                                    class=\"mdi mdi-radiobox-blank\"\r\n                                                    [ngClass]=\"{\r\n                                                        'disable-checkbox':\r\n                                                            ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\r\n                                                    }\"\r\n                                                    (click)=\"\r\n                                                        selectOrUnselectCheckbox(\r\n                                                            ROW_DATA,\r\n                                                            columnDef.headerInfo[subLineIndex].objectKey,\r\n                                                            true\r\n                                                        )\r\n                                                    \"\r\n                                                >\r\n                                                </span>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'RADIO'\">\r\n                                                <mat-radio-group\r\n                                                    *ngIf=\"ROW_DATA['RadioButtonConfig']\"\r\n                                                    [ngModel]=\"ROW_DATA[subline.objectKey]\"\r\n                                                    [disabled]=\"ROW_DATA['RadioButtonConfig'][0].isDisabled\"\r\n                                                >\r\n                                                    <ng-container\r\n                                                        *ngFor=\"\r\n                                                            let radioButton of ROW_DATA['RadioButtonConfig'];\r\n                                                            let last = last\r\n                                                        \"\r\n                                                    >\r\n                                                        <mat-radio-button\r\n                                                            value=\"{{ radioButton.value }}\"\r\n                                                            class=\"{{ radioButton.class }}\"\r\n                                                            (click)=\"\r\n                                                                radioButtonClicked(\r\n                                                                    ROW_DATA,\r\n                                                                    radioButton.value,\r\n                                                                    ROW_DATA['RadioButtonConfig'][0].isDisabled\r\n                                                                )\r\n                                                            \"\r\n                                                            >{{ radioButton.label }}\r\n                                                        </mat-radio-button>\r\n                                                        <i\r\n                                                            class=\" {{ radioButton.iconClass }}\"\r\n                                                            (click)=\"radioButtonIconClicked(ROW_DATA)\"\r\n                                                        ></i>\r\n                                                        <br *ngIf=\"!last\" />\r\n                                                    </ng-container>\r\n                                                </mat-radio-group>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP'\">\r\n                                                <ng-container\r\n                                                    *ngFor=\"\r\n                                                        let action of ROW_DATA[\r\n                                                            columnDef.headerInfo[subLineIndex].actionKey\r\n                                                        ]\r\n                                                    \"\r\n                                                >\r\n                                                    <span> {{ action?.dataToDisplay }}</span>\r\n                                                    <span\r\n                                                        *ngIf=\"action?.showTooltip\"\r\n                                                        [ngbTooltip]=\"textActionTooltipTemplate\"\r\n                                                        (mouseenter)=\"\r\n                                                            mouseEnterOnStringTextActionType(\r\n                                                                ROW_DATA,\r\n                                                                columnDef.headerInfo[subLineIndex].tooltipKey\r\n                                                            )\r\n                                                        \"\r\n                                                        [placement]=\"action?.tooltipPosition\"\r\n                                                        container=\"body\"\r\n                                                        [class]=\"action?.tooltipIconClass\"\r\n                                                        tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\r\n                                                        [disableTooltip]=\"action?.disableTooltip\"\r\n                                                    >\r\n                                                    </span>\r\n                                                    <span> {{ action?.dataToDisplayAfterTooltip }}</span>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n\r\n                                            <ng-container *ngSwitchDefault>\r\n                                                <ng-container *ngIf=\"subline.objectKey != 'description'\">\r\n                                                    <span>{{\r\n                                                        ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\r\n                                                    }}</span>\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            subline.objectKey == 'inventoryCode' &&\r\n                                                            ROW_DATA['isSellerGroup'] &&\r\n                                                            gtGeneralConfig.component == 'RATING'\r\n                                                        \"\r\n                                                        class=\"mi mdi-info-outline seller-tooltip\"\r\n                                                        [ngbTooltip]=\"sellerHierarchyTooltip\"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        triggers=\"manual\"\r\n                                                        (hidden)=\"closeTooltip()\"\r\n                                                        #info=\"ngbTooltip\"\r\n                                                        tooltipClass=\"hierarchy-tooltip remove-on-scroll-class\"\r\n                                                        (mouseenter)=\"\r\n                                                            bindTheValueToSellerGroupTooltip(\r\n                                                                ROW_DATA.sellerGroupHierarchy,\r\n                                                                info\r\n                                                            )\r\n                                                        \"\r\n                                                    >\r\n                                                    </i>\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            subline.objectKey == 'displayBookedAverageRating' &&\r\n                                                            gtGeneralConfig.component == 'RATING' &&\r\n                                                            ROW_DATA['showRatingAverageIcon']\r\n                                                        \"\r\n                                                        class=\"mi mdi-info-outline seller-tooltip\"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        (mouseenter)=\"\r\n                                                            setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\r\n                                                        \"\r\n                                                        tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"postedRatingDifference\"\r\n                                                    >\r\n                                                    </i>\r\n\r\n                                                    <i\r\n                                                        *ngIf=\"\r\n                                                            subline.objectKey == 'displayBookedAverageImpression' &&\r\n                                                            gtGeneralConfig.component == 'RATING' &&\r\n                                                            ROW_DATA['showImpressionAverageIcon']\r\n                                                        \"\r\n                                                        class=\"mi mdi-info-outline seller-tooltip\"\r\n                                                        placement=\"bottom auto\"\r\n                                                        container=\"body\"\r\n                                                        [autoClose]=\"true\"\r\n                                                        (mouseenter)=\"\r\n                                                            setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\r\n                                                        \"\r\n                                                        tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\r\n                                                        [ngbTooltip]=\"postedImpDifference\"\r\n                                                    >\r\n                                                    </i>\r\n                                                </ng-container>\r\n                                                <ng-container *ngIf=\"subline.objectKey == 'description'\">\r\n                                                    <p\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA.descriptionMessage ||\r\n                                                            ROW_DATA.descriptionEmailReferenceNum\r\n                                                        \"\r\n                                                    >\r\n                                                        <ng-container *ngIf=\"ROW_DATA.descriptionMessage\">\r\n                                                            {{ ROW_DATA.descriptionMessage }}\r\n                                                            <br />\r\n                                                        </ng-container>\r\n                                                        <ng-container\r\n                                                            *ngIf=\"\r\n                                                                ROW_DATA.descriptionEmailReferenceNum != '-' &&\r\n                                                                ROW_DATA.descriptionEmailReferenceNum != ''\r\n                                                            \"\r\n                                                        >\r\n                                                            Email Ref: {{ ROW_DATA.descriptionEmailReferenceNum }}\r\n                                                            <br />\r\n                                                        </ng-container>\r\n                                                    </p>\r\n                                                    <a\r\n                                                        href=\"{{ ROW_DATA.descriptionDetailsUrl }}\"\r\n                                                        target=\"_blank\"\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA.descriptionDetailsUrlType === 'PDF' ||\r\n                                                            ROW_DATA.descriptionDetailsUrlType === 'EXCEL'\r\n                                                        \"\r\n                                                    >\r\n                                                        <button class=\"btn viewDetailsAndEmailBtn\">Download</button>\r\n                                                    </a>\r\n                                                    <ng-container\r\n                                                        *ngIf=\"ROW_DATA.activityname.toLowerCase() == 'order onboarded'\"\r\n                                                    >\r\n                                                        <a\r\n                                                            *ngIf=\"ROW_DATA.descriptionDetailsUrlType === 'LINK'\"\r\n                                                            (click)=\"viewDetailsClicked(ROW_DATA)\"\r\n                                                        >\r\n                                                            <button class=\"btn viewDetailsAndEmailBtn order-onboarded\">\r\n                                                                View details\r\n                                                            </button>\r\n                                                        </a>\r\n                                                    </ng-container>\r\n\r\n                                                    <a\r\n                                                        href=\"{{ ROW_DATA.descriptionEmailUrl }}\"\r\n                                                        target=\"_blank\"\r\n                                                        *ngIf=\"\r\n                                                            ROW_DATA.descriptionEmailUrl != '-' &&\r\n                                                            ROW_DATA.descriptionEmailUrl != ''\r\n                                                        \"\r\n                                                    >\r\n                                                        <button class=\"btn viewDetailsAndEmailBtn\">View email</button>\r\n                                                    </a>\r\n                                                </ng-container>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"isNoDataToDisplaySubject$ | async\">\r\n                                <div>\r\n                                    {{ null }}\r\n                                </div>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </td>\r\n                </ng-container>\r\n            </ng-container>\r\n        </table>\r\n    </div>\r\n    <anna-core-no-data-lib\r\n        [width]=\"noDataWidth\"\r\n        [marginTop]=\"marginTop\"\r\n        *ngIf=\"isNoDataToDisplaySubject$ | async\"\r\n    >\r\n    </anna-core-no-data-lib>\r\n</div>\r\n\r\n<!-- Checkbox template -->\r\n<ng-template #filterTooltip>\r\n    <anna-core-anna-column-checkbox-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-checkbox-filter>\r\n</ng-template>\r\n\r\n<!-- Slider template -->\r\n<ng-template #sliderToolTip>\r\n    <anna-core-anna-column-slider-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-slider-filter>\r\n</ng-template>\r\n\r\n<!-- Date Picker Template -->\r\n<ng-template #datePickerTooltip>\r\n    <anna-core-anna-column-date-range-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-date-range-filter>\r\n</ng-template>\r\n\r\n<!-- Week Picker Template -->\r\n<ng-template #weekPickerToolTip>\r\n    <!-- <div class=\"weekpicker-container\">\r\n        <anna-core-week-calendar-filter-lib\r\n            [week-calendar-config]=\"gtGeneralConfig.multiWeekPickerConfig\"\r\n            (apply)=\"applyWeekFilter($event)\"\r\n            [from-date]=\"calendarMinEnabledDate\"\r\n            [to-date]=\"calendarMaxEnabledDate\"\r\n        >\r\n        </anna-core-week-calendar-filter-lib>\r\n    </div> -->\r\n</ng-template>\r\n\r\n<!-- Time Filter Template -->\r\n<ng-template #timeFilterToolTip>\r\n    <anna-core-anna-column-time-filter\r\n        [tableData]=\"tableData\"\r\n        [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\r\n        [isLurAndCsrComponent]=\"false\"\r\n        [showAllTimeRangeCheckboxes]=\"showCheckboxesForTimeFilter\"\r\n        [clonedTableData]=\"clonedTableData\"\r\n        [filterTabObjects]=\"filterTabObjects\"\r\n        (filterAppliedToTable)=\"filterApplied($event)\"\r\n        (sortingAppliedToTable)=\"sortingApplied($event)\"\r\n        (closeTooltip)=\"closeTooltip()\"\r\n    >\r\n    </anna-core-anna-column-time-filter>\r\n</ng-template>\r\n\r\n<ng-template #columnInfoTooltip>\r\n    <p style=\"color: black; white-space: nowrap\">This preemption is rejected and not marked for credit.</p>\r\n</ng-template>\r\n\r\n<ng-template #ratingInfoTooltip>\r\n    <p class=\"first-row\">Shows 'Booked Rating' for Preemptions & MakeGood Offered spot(s).</p>\r\n    <p class=\"second-row\">Shows 'Projected Rating' for ADU Offered spot(s).</p>\r\n</ng-template>\r\n\r\n<ng-template #impsInfoTooltip>\r\n    <p class=\"first-row\">Shows 'Booked IMPS' for Preemptions & MakeGood Offered spot(s).</p>\r\n    <p class=\"second-row\">Shows 'Projected IMPS' for ADU Offered spot(s).</p>\r\n</ng-template>\r\n\r\n<ng-template #spotsColumnEquivalizationMessageTooltip>\r\n    <p class=\"spot-column-tooltip-message\">\r\n        This consists of equivalized spots and un-equivalized Paid Programs & un-equivalized Non-spots.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #underDeliveryTooltip>\r\n    <p class=\"spot-column-tooltip-message\">\r\n        Indicates the Under-delivery percentage based on booked and posted RTG/IMPS.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #overDeliveryTooltip>\r\n    <p class=\"spot-column-tooltip-message\">\r\n        Indicates the Over-delivery percentage based on booked and posted RTG/IMPS.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #rateInfoTooltip>\r\n    <p class=\"first-row\">Shows 'Booked Rate' for Preemptions & MakeGood Offered spot(s).</p>\r\n    <p class=\"second-row\">Shows 'Projected $ Value' for ADU Offered spot(s).</p>\r\n</ng-template>\r\n\r\n<ng-template #sellerHierarchyTooltip>\r\n    <ng-container *ngIf=\"sellerGroupHierarchy.length > 0\">\r\n        <section class=\"hierarchy-table-container\">\r\n            <table class=\"seller-hierarchy-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>#</th>\r\n                        <th>Inventory Codes</th>\r\n                        <th>Program/Description</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr *ngFor=\"let data of sellerGroupHierarchy; let tooltipIndex = index\">\r\n                        <td>{{ tooltipIndex + 1 }}</td>\r\n                        <td>\r\n                            <span showEllipsisTextOnHover>{{ data.InventoryCode }}</span>\r\n                        </td>\r\n                        <td>\r\n                            <span showEllipsisTextOnHover>{{ data.Program }}</span>\r\n                        </td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </section>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"sellerGroupHierarchy.length == 0\">\r\n        <span style=\"color: #000\">Seller group not available for this inventory code</span>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #lurViolationInfoTooltip>\r\n    <p class=\"first-row\">The values are for the entire week.</p>\r\n</ng-template>\r\n\r\n<ng-template #postedRatingDifference>\r\n    <p class=\"difference-text\">\r\n        The difference between posted and booked average rating is\r\n        {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #postedImpDifference>\r\n    <p class=\"difference-text\">\r\n        The difference between posted and booked average impression is\r\n        {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #ongoingRevBookedColumnTooltip>\r\n    <p>The Booked $ value, Spots, GRP, CPP, IMPS, CPM corresponds on the last permanent revision generated</p>\r\n</ng-template>\r\n\r\n<ng-template #completedRevBookedColumnTooltip>\r\n    <p>The Booked $ value corresponds on the last permanent revision generated</p>\r\n</ng-template>\r\n\r\n<ng-template #avgBookedRate>\r\n    <p>This is the booked average Rate</p>\r\n</ng-template>\r\n\r\n<ng-template #avgBookedRtg>\r\n    <p>This is the booked average RTG</p>\r\n</ng-template>\r\n\r\n<ng-template #avgBookedImps>\r\n    <p>This is the booked average IMP(\u2019000)</p>\r\n</ng-template>\r\n\r\n<ng-template #projectedImpsRtg>\r\n    <p>\r\n        All projections are derived from the sum of actual posted information until the last posted date and estimates\r\n        for the remaining selected period.\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #automationTooltip>\r\n    <p>\r\n        Please get the order business rules approved to activate the order for automation. Only for the\r\n        automation-activated orders, any approved MGs, ADUs, or credited spots on ANNA will be fed into the traffic\r\n        system i.e. ANNA revisions.\r\n        <!-- removed below line as part of enhancmennt in 14.0 releas -->\r\n        <!-- Additionally, ANNA will only enter buyer revisions into traffic for the selected\r\n        Medialine/WOC orders. -->\r\n    </p>\r\n</ng-template>\r\n\r\n<ng-template #rebateImpact>\r\n    <p>Rebate impact value is for the originally ordered spot length and is not equivalized.</p>\r\n</ng-template>\r\n\r\n<ng-template #lurViolationTotalRowToolTip>\r\n    <ul>\r\n        <li>\r\n            <strong>POLITICAL RATE VIOLATIONS:</strong>\r\n            Violations flagged when non-political spots are booked at a rate lower than the minimum booked rate for\r\n            political candidates for the same week, Inventory Code and Revenue Class.\r\n        </li>\r\n        <li>\r\n            <strong>CANDIDATE TO CANDIDATE VIOLATION:</strong>\r\n            Violations flagged when political spots are booked at different rates to other political spots for the same\r\n            week, Inventory Code and Revenue Class.\r\n        </li>\r\n    </ul>\r\n</ng-template>\r\n\r\n<ng-template #circularProgressBar>\r\n    <circle-progress\r\n        [percent]=\"percentDone\"\r\n        [radius]=\"5\"\r\n        [showTitle]=\"false\"\r\n        [showUnits]=\"false\"\r\n        [showSubtitle]=\"false\"\r\n        [outerStrokeWidth]=\"3\"\r\n        [innerStrokeWidth]=\"3\"\r\n        [space]=\"-3\"\r\n        [outerStrokeColor]=\"'#268bff'\"\r\n        [innerStrokeColor]=\"'#d5d5d5'\"\r\n        [animationDuration]=\"10\"\r\n    ></circle-progress>\r\n</ng-template>\r\n\r\n<ng-template #userLoggedInDetails>\r\n    <div class=\"tooltip-div-container\">\r\n        <ng-container *ngFor=\"let data of textActionTooltip\">\r\n            <span *ngIf=\"data.key != 'read'\">\r\n                {{ data.key }} <b> {{ data.value }}</b>\r\n            </span>\r\n            <span *ngIf=\"data.key == 'read'\">\r\n                {{ data.value }}\r\n            </span>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #markAsReadTip>\r\n    <div class=\"notification-tooltip-div-container\">\r\n        <ng-container *ngFor=\"let data of textActionTooltip\">\r\n            {{ data.value }}\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #textActionTooltipTemplate>\r\n    <ng-container *ngFor=\"let data of textActionTooltip\">\r\n        {{ data.key }} <b> {{ data.value }}</b>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #showOrHideToggleForTotalRowTooltip>\r\n    <div>\r\n        {{ showOrHideToggleForTotalRow && !gtGeneralConfig.totalRow ? \"Show Total Row\" : \"Hide Total Row\" }}\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #tooltipContainingTableTemplate>\r\n    <div\r\n        *ngIf=\"tooltipContainingTable\"\r\n        [innerHTML]=\"tooltipContainingTable.innerHtml\"\r\n        class=\"notification-tooltip-div-container\"\r\n    >\r\n        <!-- <ul>\r\n      <li *ngFor=\"let headerMsg of tooltipContainingTable.tableHeaderMsg\">\r\n        <b> {{headerMsg}}  </b>\r\n      </li>\r\n    </ul>\r\n\r\n    <table class=\"tooltip-table\">\r\n      <thead>\r\n        <tr>\r\n          <th *ngFor=\"let header of tooltipContainingTable.tooltipTableHeader\">\r\n            {{ header}}\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        <tr *ngFor=\"let rows of tooltipContainingTable.tooltipTableBody\">\r\n          <td *ngFor=\"let data of rows\">\r\n            {{ data }}\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n\r\n    <ul>\r\n      <li style=\"margin-top:10px; padding:0\" *ngFor=\"let footerMsg of tooltipContainingTable.tableFooterMsg\">\r\n        {{ footerMsg }} \r\n      </li>\r\n    </ul> -->\r\n    </div>\r\n</ng-template>\r\n<!-- <ng-template #textActionTooltipTemplate>\r\n   <ng-container *ngFor=\"let data of textActionTooltip\">\r\n      {{ data.key }} <b> {{data.value}}</b>\r\n   </ng-container>\r\n</ng-template> -->\r\n", styles: ["::ng-deep .show-or-hide-toggle-tooltip .tooltip-inner{max-width:229px}.show-or-hide-toggle-btn.shift-toggle-top-on-total-row-click{transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),48px)}.show-or-hide-toggle-btn{width:16px;height:16px;padding:0;margin:0;border-radius:50%;position:absolute;transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),73px);z-index:999;background-color:#d9d9d9}.show-or-hide-toggle-btn i.mdi.mdi-menu-swap{font-size:16px;display:flex}#generic-table-conatiner.table-with-show-hide-total-row-toggle .total-row td:nth-of-type(2){padding-left:16px!important}.sort-btn{background:#fff;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}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.red-text-totol-row{color:#f44336!important}.check-mark,.unread-mark{cursor:pointer}.on-hover:hover .unread-mark,.notificationHover .check-mark{opacity:0;cursor:pointer}.on-hover:hover .check-mark{opacity:1;cursor:pointer}:host ::ng-deep .gt{table-layout:fixed;margin-bottom:0;width:100%}:host ::ng-deep .gt th,:host ::ng-deep .gt td{padding:2px 8px;line-height:normal}:host ::ng-deep .gt thead tr th .upper-label{font-family:Roboto;font-size:.6875rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .gt thead tr th .lower-label{font-family:Roboto;font-size:.6875rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .gt thead tr th{background-color:#ededed;position:sticky;position:-webkit-sticky;top:0;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}:host ::ng-deep .gt thead tr th br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt thead tr th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .gt thead tr th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .gt thead tr th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .gt thead tr th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4}:host ::ng-deep .gt tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}:host ::ng-deep .gt tbody tr td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}:host ::ng-deep .gt tbody tr td .upper-label{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;color:#000;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt tbody tr td .lower-label{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;color:#a7a7a7;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt tbody tr br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt tbody tr:nth-of-type(1) td{border-top:none!important}:host ::ng-deep .gt .custom-column-checkbox-checked,:host ::ng-deep .gt .custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}:host ::ng-deep .gt .custom-column-checkbox-checked{color:#268bff}:host ::ng-deep .gt .custom-column-checkbox-unchecked{color:#4a4a4a}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4}.table-container{overflow-x:auto;overflow-y:auto}.rowSelectCheckbox,#selectAllRowsCheckbox{cursor:pointer}.disable-checkbox{color:#dedede!important;pointer-events:none!important}.mdi-warning{color:#f3c639;font-size:16px;line-height:28px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.redcolor-status{color:#c62a2a}#no-filter-space{width:.875rem}::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:1.875rem!important;width:2.625rem;padding:0 .625rem}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}::ng-deep .mat-button-toggle-checked{background-color:#268bff!important;color:#fff!important}::ng-deep .mat-button-toggle-group-appearance-standard{border-radius:0}.hidden{display:none}.no-data-div{margin-top:2.5px}.no-data-div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:.3125rem 1.125rem;border-radius:.25rem}.column-values:nth-of-type(2){color:#a7a7a7!important}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}.time-filter-checkboxes>div>p{color:#151b1e}::ng-deep .margin-bottom-zero .mat-radio-label{margin-bottom:0}:host ::ng-deep mat-radio-group br{margin-top:0!important}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__background{width:var(--mat-radio-size);height:var(--mat-radio-size)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__inner-circle{border-width:calc(var(--mat-radio-size) / 2)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{margin:0 0 0 4px;padding:0;top:-2px;position:relative}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio--disabled+label{color:var(--primary-text-color-dark)!important}:host ::ng-deep mat-radio-group mat-radio-button.mat-mdc-radio-button .mdc-form-field .mdc-radio{padding:0}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{left:-94px;font-size:12px;color:#4a4a4a;position:relative}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:red}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:red}::ng-deep .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:#00000061!important}::ng-deep .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-inner-circle{background-color:#00000061!important}::ng-deep tr.white-background-row{background:#fff}::ng-deep tr.gray-background-row{background:#e9e9e980!important}.remarks-tooltip,.mdi-information,.mdi-information-outline,.seller-tooltip{font-size:.875rem;color:#268bff;position:relative;top:.1875rem;cursor:pointer}.seller-tooltip{top:-1px;float:right}::ng-deep .remarks-info-tooltip .tooltip-inner{max-width:19.25rem!important}.rating-icon,.lur-violation-icon{color:#268bff;cursor:pointer;position:relative;left:-2px}::ng-deep .rating-info-tooltip .tooltip-inner{max-width:800px!important}.spots-info-icon{color:#268bff;cursor:pointer;margin:1px 2px 0 -14px}.spots-info-icon-ol{color:#268bff;cursor:pointer;margin:1px 4px 0 -2px}::ng-deep .spot-info-tooltip .tooltip-inner{position:relative;max-width:220px!important;background:#fff;word-break:break-word;display:flex}::ng-deep .spot-info-tooltip-for-orderlisting-table .tooltip-inner{max-width:220px!important;background:#fff;word-break:break-word;display:flex}p.first-row{padding:.5rem .5rem 0;color:#000;white-space:nowrap;text-align:left}p.second-row{padding:2px .5rem .5rem;color:#000;white-space:nowrap;text-align:left}::ng-deep .gt-total-row-tooltip{opacity:1!important}::ng-deep .gt-total-row-tooltip .tooltip-inner{color:#000;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;background-color:#fff;padding:4px!important;width:100%;border-radius:2px!important}::ng-deep .gt-total-row-tooltip .arrow:before{border-top-color:#fff!important}.info-label{margin-left:4px;color:#268bff;vertical-align:text-top}::ng-deep .hierarchy-tooltip{max-width:-moz-fit-content;max-width:fit-content;width:310px!important}::ng-deep .hierarchy-tooltip .tooltip-inner{padding:4px!important;max-width:22.75rem;max-height:11.25rem}table.seller-hierarchy-table{table-layout:fixed}table.seller-hierarchy-table tr th{font-family:Roboto;font-size:.75rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:#5e5e5e;white-space:nowrap;background:#ededed;position:sticky;box-shadow:inset 0 1px #d4d4d4;top:0;z-index:1}table.seller-hierarchy-table tr th:nth-child(1){width:20px}table.seller-hierarchy-table tr th:first-of-type,table.seller-hierarchy-table tr td:first-of-type{width:20px;border-left:1px solid #d4d4d4}table.seller-hierarchy-table tr th:last-of-type,table.seller-hierarchy-table tr td:last-of-type{border-right:1px solid #d4d4d4;width:7.875rem!important}table.seller-hierarchy-table tr th:nth-of-type(2){width:7.75rem!important}table.seller-hierarchy-table tr td{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a;box-shadow:none!important;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4}table.seller-hierarchy-table tr td:nth-of-type(2),table.seller-hierarchy-table tr td:nth-of-type(3){padding-top:.25rem}table.seller-hierarchy-table tr td span{display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}section.hierarchy-table-container{max-height:8.75rem;overflow:auto}section.hierarchy-table-container::-webkit-scrollbar-track{margin-top:1.5rem}.difference-text{padding:.5rem;color:#000;text-align:left}::ng-deep .posted-avg-tooltip .tooltip-inner{width:13.8125rem!important}::ng-deep .drrBooked-info-tooltip{transform:translate(26px,6px)}::ng-deep .drrBooked-info-tooltip .tooltip-inner{max-width:307px!important;width:242px!important;background:#fff;word-break:break-word;display:flex;padding:4px!important;text-align:left}::ng-deep .drrBooked-info-tooltip .tooltip-inner p{color:#000}::ng-deep .drrBooked-info-tooltip .arrow:before{border-right-color:#fff!important}.clickable-data{cursor:pointer;color:#268bff!important;display:flex!important;align-items:center}.clickable-data .spot-details-download-icons{font-size:12px}.disabled-clickable-data{pointer-events:none;color:#d4d4d4!important}.spot-column-tooltip-message{color:#000;width:max-content;text-align:left}div.spinner-for-button-directive{position:relative;left:-1px}.clickable-row table tr.mat-row td{cursor:pointer!important}.tooltip-div-container{text-align:left!important;padding:12px 4px;color:#4a4a4a!important;font-size:12px!important;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.notification-tooltip-div-container{text-align:left!important;padding:6px 8px;color:#4a4a4a!important;font-size:12px!important;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.mdi-information,.mdi-information-outline{left:3px;top:1px}.mdi-information-outline{position:static}::ng-deep .team-user-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .team-user-tooltip .tooltip-inner{opacity:1!important;width:-moz-fit-content!important;width:fit-content!important;max-width:520px;border-radius:2px;padding:0 4px!important}::ng-deep .team-user-tooltip .tooltip-inner .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip{opacity:1!important}::ng-deep .gt-icon-column-tooltip .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .gt-icon-column-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip .tooltip-inner{width:100%}::ng-deep .tooltip-containing-table{opacity:1!important}::ng-deep .tooltip-containing-table .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .tooltip-containing-table.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .tooltip-containing-table li{margin:0!important;padding:0!important}::ng-deep .tooltip-containing-table ul{margin:0!important;padding-left:8px!important}::ng-deep .tooltip-containing-table .tooltip-inner{width:100%;max-width:230px}table.tooltip-table{table-layout:fixed;margin:4px 0 0;width:100%}table.tooltip-table th,table.tooltip-table td{padding:2px 8px;line-height:normal}table.tooltip-table thead tr th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important;border:none}table.tooltip-table thead tr th{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67;background-color:#ededed;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.tooltip-table thead tr th div.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}table.tooltip-table tbody tr td{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67}table.tooltip-table tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.tooltip-table tbody tr td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.bottom-border{border-bottom:1px solid #d4d4d4!important}i.disabled{pointer-events:none!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: AnnaSortService }, { type: AnnaDateTimeFormatService }, { type: AnnaFilterService }]; }, propDecorators: { showSkeletonLoading: [{
                 type: Input
             }], tableHeaders: [{
@@ -4563,7 +4553,7 @@ class AnnaGtHelperService {
             this.router.navigate([], {
                 queryParams: { filters: JSON.stringify(latestQueryParams) },
                 relativeTo: this.route.parent,
-                queryParamsHandling: 'merge',
+                queryParamsHandling: "merge",
             });
         }
         else {
@@ -4575,18 +4565,18 @@ class AnnaGtHelperService {
     prepareQueryParamsOnFilter() {
         let query = {};
         if (this.annaFilterService.appliedFiltersArray.length > 0) {
-            query['appliedFilters'] = this.annaFilterService.appliedFiltersArray;
-            query['selectedFilterData'] = JSON.stringify(Array.from(this.annaFilterService.tooltipSelectedMap));
+            query["appliedFilters"] = this.annaFilterService.appliedFiltersArray;
+            query["selectedFilterData"] = JSON.stringify(Array.from(this.annaFilterService.tooltipSelectedMap));
         }
         if (this.checkIfSortingIsApplied()) {
-            query['sortState'] = JSON.stringify(Array.from(this.annaSortService.columnSortState));
+            query["sortState"] = JSON.stringify(Array.from(this.annaSortService.columnSortState));
         }
         return query;
     }
     checkIfSortingIsApplied() {
         let isSortingApplied = false;
         for (let val of this.annaSortService.columnSortState.values()) {
-            if (val == 'ASC' || val == 'DESC') {
+            if (val == "ASC" || val == "DESC") {
                 isSortingApplied = true;
             }
         }
@@ -4607,7 +4597,7 @@ class AnnaGtHelperService {
     setDataAsPerPersistingFilter(isPersistingFilter, clonedTable, filters) {
         let usersTable;
         if (isPersistingFilter) {
-            usersTable = this.annaFilterService.filterData(clonedTable, '');
+            usersTable = this.annaFilterService.filterData(clonedTable, "");
             this.annaSortService.noSortingAppliedData = cloneDeep(usersTable);
         }
         else {
@@ -4623,10 +4613,10 @@ class AnnaGtHelperService {
     }
     callSort(usersTable) {
         for (let [key, value] of this.annaSortService.columnSortState) {
-            if (value == 'ASC') {
+            if (value == "ASC") {
                 usersTable = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(true, usersTable, key);
             }
-            else if (value == 'DESC') {
+            else if (value == "DESC") {
                 usersTable = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(false, usersTable, key);
             }
         }
@@ -4635,28 +4625,28 @@ class AnnaGtHelperService {
     isSortingAppliedToTable() {
         let isSortingApplied = false;
         for (let val of this.annaSortService.columnSortState?.values()) {
-            if (val == 'ASC' || val == 'DESC') {
+            if (val == "ASC" || val == "DESC") {
                 isSortingApplied = true;
             }
         }
         return isSortingApplied;
     }
     updateQueryParamsFilter(key, value, operation, queryParamObj) {
-        if (operation == 'ADD') {
+        if (operation == "ADD") {
             queryParamObj[key] = value;
         }
-        else if (operation == 'DELETE') {
+        else if (operation == "DELETE") {
             delete queryParamObj[key];
         }
         return queryParamObj;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, deps: [{ token: AnnaFilterService }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: AnnaSortService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, providedIn: 'root' }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, providedIn: "root" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root',
+                    providedIn: "root",
                 }]
         }], ctorParameters: function () { return [{ type: AnnaFilterService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: AnnaSortService }]; } });
@@ -4676,7 +4666,7 @@ function rangesEqual(r1, r2) {
  * something that doesn't rely on requestAnimationFrame on environments
  * that don't support it (e.g. server-side rendering).
  */
-const SCROLL_SCHEDULER = typeof requestAnimationFrame !== 'undefined' ? animationFrameScheduler : asapScheduler;
+const SCROLL_SCHEDULER = typeof requestAnimationFrame !== "undefined" ? animationFrameScheduler : asapScheduler;
 /**
  * A viewport that virtualizes its scrolling with the help of `CdkVirtualForOf`.
  * Uses `top: #px` instead of `transform: translateY(#px)` like the cdk virtual scroll viewport does
@@ -4703,7 +4693,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
         this._detachedSubject = new Subject();
         /** Emits when the rendered range changes. */
         this._renderedRangeSubject = new Subject();
-        this._orientation = 'vertical';
+        this._orientation = "vertical";
         // Note: we don't use the typical EventEmitter here because we need to subscribe to the scroll
         // strategy lazily (i.e. only if the user is actually listening to the events). We do this because
         // depending on how the strategy calculates the scrolled index, it may come at a cost to
@@ -4717,9 +4707,9 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
          */
         this._totalContentSize = 0;
         /** A string representing the `style.width` property value to be used for the spacer element. */
-        this._totalContentWidth = '';
+        this._totalContentWidth = "";
         /** A string representing the `style.height` property value to be used for the spacer element. */
-        this._totalContentHeight = '';
+        this._totalContentHeight = "";
         /** The currently rendered range of indices. */
         this._renderedRange = { start: 0, end: 0 };
         /** The length of the data bound to this viewport (in number of items). */
@@ -4782,7 +4772,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
     /** Attaches a `CdkVirtualScrollRepeater` to this viewport. */
     attach(forOf) {
         if (this._forOf) {
-            throw Error('CdkVirtualScrollViewport is already attached.');
+            throw Error("CdkVirtualScrollViewport is already attached.");
         }
         // Subscribe to the data stream of the CdkVirtualForOf to keep track of when the data length
         // changes. Run outside the zone to avoid triggering change detection, since we're managing the
@@ -4874,7 +4864,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
      * @param offset The offset to scroll to.
      * @param behavior The ScrollBehavior to use when scrolling. Default is behavior is `auto`.
      */
-    scrollToOffset(offset, behavior = 'auto') {
+    scrollToOffset(offset, behavior = "auto") {
         const options = { behavior, top: offset };
         this.scrollTo(options);
     }
@@ -4883,7 +4873,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
      * @param index The index of the element to scroll to.
      * @param behavior The ScrollBehavior to use when scrolling. Default is behavior is `auto`.
      */
-    scrollToIndex(index, behavior = 'auto') {
+    scrollToIndex(index, behavior = "auto") {
         this._scrollStrategy.scrollToIndex(index, behavior);
     }
     /**
@@ -4893,7 +4883,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
      */
     //  CHANGES@ANNALIB added override to functions
     measureScrollOffset(from) {
-        return from ? super.measureScrollOffset(from) : super.measureScrollOffset('top');
+        return from ? super.measureScrollOffset(from) : super.measureScrollOffset("top");
     }
     /** Measure the combined size of all of the rendered items. */
     measureRenderedContentSize() {
@@ -4956,7 +4946,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
     /** Calculates the `style.width` and `style.height` for the spacer element. */
     _calculateSpacerSize() {
         this._totalContentHeight = `${this._totalContentSize}px`;
-        this._totalContentWidth = '';
+        this._totalContentWidth = "";
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaTableVirtualScrollViewportComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: VIRTUAL_SCROLL_STRATEGY, optional: true }, { token: i1$1.Directionality, optional: true }, { token: i2$1.ScrollDispatcher }, { token: i2$1.ViewportRuler }, { token: AnnaGtHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaTableVirtualScrollViewportComponent, isStandalone: true, selector: "anna-table-virtual-scroll-viewport", inputs: { orientation: "orientation" }, outputs: { scrolledIndexChange: "scrolledIndexChange" }, host: { properties: { "class.anna-table-virtual-scroll-orientation-horizontal": "orientation === \"horizontal\"", "class.anna-table-virtual-scroll-orientation-vertical": "orientation !== \"horizontal\"" }, classAttribute: "anna-table-virtual-scroll-viewport" }, providers: [
@@ -4972,10 +4962,10 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaTableVirtualScrollViewportComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anna-table-virtual-scroll-viewport', host: {
-                        class: 'anna-table-virtual-scroll-viewport',
-                        '[class.anna-table-virtual-scroll-orientation-horizontal]': 'orientation === "horizontal"',
-                        '[class.anna-table-virtual-scroll-orientation-vertical]': 'orientation !== "horizontal"',
+            args: [{ selector: "anna-table-virtual-scroll-viewport", host: {
+                        class: "anna-table-virtual-scroll-viewport",
+                        "[class.anna-table-virtual-scroll-orientation-horizontal]": 'orientation === "horizontal"',
+                        "[class.anna-table-virtual-scroll-orientation-vertical]": 'orientation !== "horizontal"',
                     }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: CdkScrollable,
@@ -4999,7 +4989,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], _contentWrapper: [{
                 type: ViewChild,
-                args: ['contentWrapper', { static: true }]
+                args: ["contentWrapper", { static: true }]
             }] } });
 /**
@@ -5147,7 +5137,7 @@ class AnnaFixedRowSizeTableVirtualScrollStrategyDirective {
         if (this.headerRows != undefined || this.headerRowsQuery) {
             this.handleChange();
         }
-        if (change['buffer']?.previousValue != change['buffer']?.currentValue) {
+        if (change["buffer"]?.previousValue != change["buffer"]?.currentValue) {
             AnnaFilterService.bufferSize = this.buffer;
             this.scrollStrategy = new AnnaFixedRowSizeTableVirtualScrollStrategy(this.rowHeight, this.buffer, this.headerRowHeight * this.headerRowCount);
         }
@@ -5175,7 +5165,7 @@ class AnnaFixedRowSizeTableVirtualScrollStrategyDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaFixedRowSizeTableVirtualScrollStrategyDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'cdk-virtual-scroll-viewport[rowHeight], anna-table-virtual-scroll-viewport[rowHeight]',
+                    selector: "cdk-virtual-scroll-viewport[rowHeight], anna-table-virtual-scroll-viewport[rowHeight]",
                     providers: [
                         {
                             provide: VIRTUAL_SCROLL_STRATEGY,
@@ -5239,7 +5229,7 @@ class AnnaVirtualTableDirective {
         this.renderedRange = { start: 0, end: 0 };
         this.isNativeHtmlTable = false;
         table.dataSource = this.virtualizedDataStream;
-        this.isNativeHtmlTable = elementRef.nativeElement.tagName === 'TABLE';
+        this.isNativeHtmlTable = elementRef.nativeElement.tagName === "TABLE";
         this.dataStream.subscribe((data) => {
             this.data = data;
             this.onRenderedDataChange();
@@ -5324,7 +5314,7 @@ class AnnaVirtualTableDirective {
      * I'm not actually sure if this works.
      */
     measureRangeSize(range, orientation) {
-        if (orientation === 'horizontal' || range.end < range.start) {
+        if (orientation === "horizontal" || range.end < range.start) {
             // virtual scrolling columns are not supported by this directive
             return 0;
         }
@@ -5353,7 +5343,7 @@ class AnnaVirtualTableDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaVirtualTableDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[mat-table][appVirtualDataSource], mat-table[appVirtualDataSource]',
+                    selector: "[mat-table][appVirtualDataSource], mat-table[appVirtualDataSource]",
                     providers: [{ provide: STICKY_POSITIONING_LISTENER, useExisting: AnnaVirtualTableDirective }],
                     standalone: true,
                 }]
@@ -5362,7 +5352,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     args: [_COALESCED_STYLE_SCHEDULER]
                 }] }]; }, propDecorators: { dataSource: [{
                 type: Input,
-                args: ['appVirtualDataSource']
+                args: ["appVirtualDataSource"]
             }], headerRowDefs: [{
                 type: ContentChildren,
                 args: [CdkHeaderRowDef]
@@ -5378,7 +5368,7 @@ class AnnaTypeofDataPipe {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaTypeofDataPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'AnnatypeofData',
+                    name: "AnnatypeofData",
                     standalone: true,
                 }]
         }] });
@@ -5393,7 +5383,7 @@ class AnnaReplaceCharPipe {
         }
     }
     replace(value, from, to) {
-        return value.replace(new RegExp(from, 'g'), to);
+        return value.replace(new RegExp(from, "g"), to);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaReplaceCharPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AnnaReplaceCharPipe, isStandalone: true, name: "annaReplaceChar" }); }
@@ -5401,7 +5391,7 @@ class AnnaReplaceCharPipe {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaReplaceCharPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'annaReplaceChar',
+                    name: "annaReplaceChar",
                     standalone: true,
                 }]
         }] });
@@ -5412,38 +5402,38 @@ class DigitOnlyDirective {
         this.hasDecimalPoint = false;
         this.hasNegativeSign = false;
         this.navigationKeys = [
-            'Backspace',
-            'Delete',
-            'Tab',
-            'Escape',
-            'Enter',
-            'Home',
-            'End',
-            'ArrowLeft',
-            'ArrowRight',
-            'Clear',
-            'Copy',
-            'Paste',
+            "Backspace",
+            "Delete",
+            "Tab",
+            "Escape",
+            "Enter",
+            "Home",
+            "End",
+            "ArrowLeft",
+            "ArrowRight",
+            "Clear",
+            "Copy",
+            "Paste",
         ];
         this.decimal = false;
-        this.decimalSeparator = '.';
+        this.decimalSeparator = ".";
         this.allowNegatives = false;
         this.allowPaste = true;
-        this.negativeSign = '-';
+        this.negativeSign = "-";
         this.min = -Infinity;
         this.max = Infinity;
         this.regex = null;
         this.inputElement = el.nativeElement;
     }
     ngOnChanges(changes) {
-        if (changes['pattern']) {
+        if (changes["pattern"]) {
             this.regex = this.pattern ? RegExp(this.pattern) : null;
         }
-        if (changes['min']) {
+        if (changes["min"]) {
             const maybeMin = Number(this.min);
             this.min = isNaN(maybeMin) ? -Infinity : maybeMin;
         }
-        if (changes['max']) {
+        if (changes["max"]) {
             const maybeMax = Number(this.max);
             this.max = isNaN(maybeMax) ? Infinity : maybeMax;
         }
@@ -5459,19 +5449,19 @@ class DigitOnlyDirective {
     }
     onKeyDown(e) {
         if (this.navigationKeys.indexOf(e.key) > -1 || // Allow: navigation keys: backspace, delete, arrows etc.
-            ((e.key === 'a' || e.code === 'KeyA') && e.ctrlKey === true) || // Allow: Ctrl+A
-            ((e.key === 'c' || e.code === 'KeyC') && e.ctrlKey === true) || // Allow: Ctrl+C
-            ((e.key === 'v' || e.code === 'KeyV') && e.ctrlKey === true) || // Allow: Ctrl+V
-            ((e.key === 'x' || e.code === 'KeyX') && e.ctrlKey === true) || // Allow: Ctrl+X
-            ((e.key === 'a' || e.code === 'KeyA') && e.metaKey === true) || // Allow: Cmd+A (Mac)
-            ((e.key === 'c' || e.code === 'KeyC') && e.metaKey === true) || // Allow: Cmd+C (Mac)
-            ((e.key === 'v' || e.code === 'KeyV') && e.metaKey === true) || // Allow: Cmd+V (Mac)
-            ((e.key === 'x' || e.code === 'KeyX') && e.metaKey === true) // Allow: Cmd+X (Mac)
+            ((e.key === "a" || e.code === "KeyA") && e.ctrlKey === true) || // Allow: Ctrl+A
+            ((e.key === "c" || e.code === "KeyC") && e.ctrlKey === true) || // Allow: Ctrl+C
+            ((e.key === "v" || e.code === "KeyV") && e.ctrlKey === true) || // Allow: Ctrl+V
+            ((e.key === "x" || e.code === "KeyX") && e.ctrlKey === true) || // Allow: Ctrl+X
+            ((e.key === "a" || e.code === "KeyA") && e.metaKey === true) || // Allow: Cmd+A (Mac)
+            ((e.key === "c" || e.code === "KeyC") && e.metaKey === true) || // Allow: Cmd+C (Mac)
+            ((e.key === "v" || e.code === "KeyV") && e.metaKey === true) || // Allow: Cmd+V (Mac)
+            ((e.key === "x" || e.code === "KeyX") && e.metaKey === true) // Allow: Cmd+X (Mac)
         ) {
             // let it happen, don't do anything
             return;
         }
-        let newValue = '';
+        let newValue = "";
         if (this.decimal && e.key === this.decimalSeparator) {
             newValue = this.forecastValue(e.key);
             if (newValue.split(this.decimalSeparator).length > 2) {
@@ -5496,7 +5486,7 @@ class DigitOnlyDirective {
             }
         }
         // Ensure that it is a number and stop the keypress
-        if (e.key === ' ' || isNaN(Number(e.key))) {
+        if (e.key === " " || isNaN(Number(e.key))) {
             e.preventDefault();
             return;
         }
@@ -5515,14 +5505,14 @@ class DigitOnlyDirective {
     }
     onPaste(event) {
         if (this.allowPaste === true) {
-            let pastedInput = '';
-            if (window['clipboardData']) {
+            let pastedInput = "";
+            if (window["clipboardData"]) {
                 // Browser is IE
-                pastedInput = window['clipboardData'].getData('text');
+                pastedInput = window["clipboardData"].getData("text");
             }
             else if (event.clipboardData && event.clipboardData.getData) {
                 // Other browsers
-                pastedInput = event.clipboardData.getData('text/plain');
+                pastedInput = event.clipboardData.getData("text/plain");
             }
             this.pasteData(pastedInput);
             event.preventDefault();
@@ -5534,7 +5524,7 @@ class DigitOnlyDirective {
         }
     }
     onDrop(event) {
-        const textData = event.dataTransfer?.getData('text') ?? '';
+        const textData = event.dataTransfer?.getData("text") ?? "";
         this.inputElement.focus();
         this.pasteData(textData);
         event.preventDefault();
@@ -5546,15 +5536,15 @@ class DigitOnlyDirective {
             !this.getSelection().includes(this.negativeSign)) {
             return;
         }
-        const pasted = document.execCommand('insertText', false, sanitizedContent);
+        const pasted = document.execCommand("insertText", false, sanitizedContent);
         if (!pasted) {
             if (this.inputElement.setRangeText) {
                 const { selectionStart: start, selectionEnd: end } = this.inputElement;
-                this.inputElement.setRangeText(sanitizedContent, start ?? 0, end ?? 0, 'end');
+                this.inputElement.setRangeText(sanitizedContent, start ?? 0, end ?? 0, "end");
                 // Angular's Reactive Form relies on "input" event, but on Firefox, the setRangeText method doesn't trigger it
                 // so we have to trigger it ourself.
-                if (typeof window['InstallTrigger'] !== 'undefined') {
-                    this.inputElement.dispatchEvent(new Event('input', { cancelable: true }));
+                if (typeof window["InstallTrigger"] !== "undefined") {
+                    this.inputElement.dispatchEvent(new Event("input", { cancelable: true }));
                 }
             }
             else {
@@ -5577,39 +5567,39 @@ class DigitOnlyDirective {
         const pos = startPos + myValue.length;
         myField.focus();
         myField.setSelectionRange(pos, pos);
-        this.triggerEvent(myField, 'input');
+        this.triggerEvent(myField, "input");
     }
     triggerEvent(el, type) {
-        if ('createEvent' in document) {
+        if ("createEvent" in document) {
             // modern browsers, IE9+
-            const e = document.createEvent('HTMLEvents');
+            const e = document.createEvent("HTMLEvents");
             e.initEvent(type, false, true);
             el.dispatchEvent(e);
         }
     }
     // end stack overflow code
     sanitizeInput(input) {
-        let result = '';
+        let result = "";
         let regex;
         if (this.decimal && this.isValidDecimal(input)) {
-            regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9${this.decimalSeparator}]`, 'g');
+            regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9${this.decimalSeparator}]`, "g");
         }
         else {
-            regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9]`, 'g');
+            regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9]`, "g");
         }
-        result = input.replace(regex, '');
+        result = input.replace(regex, "");
         const maxLength = this.inputElement.maxLength;
         if (maxLength > 0) {
             // the input element has maxLength limit
             const allowedLength = maxLength - this.inputElement.value.length + (result.includes(`${this.negativeSign}`) ? 1 : 0);
-            result = allowedLength > 0 ? result.substring(0, allowedLength) : '';
+            result = allowedLength > 0 ? result.substring(0, allowedLength) : "";
         }
         return result;
     }
     getNegativeSignRegExp() {
         return this.allowNegatives && (!this.hasNegativeSign || this.getSelection().includes(this.negativeSign))
             ? `(?!^${this.negativeSign})`
-            : '';
+            : "";
     }
     isValidDecimal(string) {
         if (!this.hasDecimalPoint) {
@@ -5644,7 +5634,7 @@ class DigitOnlyDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DigitOnlyDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[digitOnly]',
+                    selector: "[digitOnly]",
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { decimal: [{
@@ -5665,16 +5655,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], onBeforeInput: [{
                 type: HostListener,
-                args: ['beforeinput', ['$event']]
+                args: ["beforeinput", ["$event"]]
             }], onKeyDown: [{
                 type: HostListener,
-                args: ['keydown', ['$event']]
+                args: ["keydown", ["$event"]]
             }], onPaste: [{
                 type: HostListener,
-                args: ['paste', ['$event']]
+                args: ["paste", ["$event"]]
             }], onDrop: [{
                 type: HostListener,
-                args: ['drop', ['$event']]
+                args: ["drop", ["$event"]]
             }] } });
 class AnnaDateFormatterPipe {
@@ -5690,7 +5680,7 @@ class AnnaDateFormatterPipe {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateFormatterPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'AnnaDateFormatter',
+                    name: "AnnaDateFormatter",
                     standalone: true,
                 }]
         }], ctorParameters: function () { return []; } });
@@ -5701,21 +5691,21 @@ class AnnaConvertArrayToCommaSeperatedValue {
     }
     transform(value, textKeyName, selectedKeyName) {
         if (value == undefined || value == null) {
-            return '-';
+            return "-";
         }
         return this.converter(value, textKeyName, selectedKeyName);
     }
     replace(value, textKeyName, selectedKeyName) {
-        let stringToDisplay = '';
+        let stringToDisplay = "";
         let anyValueSelected = false;
         value.forEach((val) => {
             if (selectedKeyName && val[selectedKeyName]) {
-                stringToDisplay = stringToDisplay + val[textKeyName] + ', ';
+                stringToDisplay = stringToDisplay + val[textKeyName] + ", ";
                 anyValueSelected = true;
             }
         });
         if (!anyValueSelected)
-            return '-';
+            return "-";
         // remove last 2 characters i.e. comma
         stringToDisplay = stringToDisplay.slice(0, -2);
         return stringToDisplay;
@@ -5726,7 +5716,7 @@ class AnnaConvertArrayToCommaSeperatedValue {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaConvertArrayToCommaSeperatedValue, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'annaConvertArrayToCSV',
+                    name: "annaConvertArrayToCSV",
                     standalone: true,
                 }]
         }] });
@@ -5753,7 +5743,7 @@ class FixedRowsPopupTableDirective {
         let tableHeightForPopup = this.tableDataLength < this.maxRowsRenderedWithoutScrollForPopup
             ? this.popupRowHeight * (this.tableDataLength ? this.tableDataLength : 1) + this.popupHeaderHeight
             : totalPopupTableHeight;
-        this.renderer.setStyle(this.el.nativeElement, 'height', `calc(${tableHeightForPopup}px)`);
+        this.renderer.setStyle(this.el.nativeElement, "height", `calc(${tableHeightForPopup}px)`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FixedRowsPopupTableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FixedRowsPopupTableDirective, isStandalone: true, selector: "[fixedRowsInPopupTable]", inputs: { popupRowHeight: "popupRowHeight", popupHeaderHeight: "popupHeaderHeight", tableDataLength: "tableDataLength" }, host: { listeners: { "window:resize": "onWindowResize()" } }, ngImport: i0 }); }
@@ -5761,7 +5751,7 @@ class FixedRowsPopupTableDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FixedRowsPopupTableDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[fixedRowsInPopupTable]',
+                    selector: "[fixedRowsInPopupTable]",
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { popupRowHeight: [{
@@ -5772,9 +5762,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], onWindowResize: [{
                 type: HostListener,
-                args: ['window:resize']
+                args: ["window:resize"]
             }] } });
+class AnnaEstIconTemplateComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaEstIconTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaEstIconTemplateComponent, isStandalone: true, selector: "anna-core-anna-est-icon-template", ngImport: i0, template: "<svg\r\n    width=\"12\"\r\n    height=\"12\"\r\n    viewBox=\"0 0 14 14\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n>\r\n    <path\r\n        d=\"M0 0H14V14H0V0Z\"\r\n        fill=\"url(#pattern0)\"\r\n    />\r\n    <defs>\r\n        <pattern\r\n            id=\"pattern0\"\r\n            patternContentUnits=\"objectBoundingBox\"\r\n            width=\"1\"\r\n            height=\"1\"\r\n        >\r\n            <use\r\n                xlink:href=\"#image0_866_172\"\r\n                transform=\"scale(0.0430107 0.0434783)\"\r\n            />\r\n        </pattern>\r\n        <image\r\n            id=\"image0_866_172\"\r\n            width=\"93\"\r\n            height=\"23\"\r\n            xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAXCAYAAABpskPJAAAAAXNSR0IArs4c6QAACrxJREFUaAWtWQt0VMUZnrm72WRNSAKWwiELIRwI1ojUHh5hl1rUWlpqC1QbiCgF8jqA2kJ5tGiTLYLUylPwSLKJiVgIBCiUWmhtEduTbIJaFM6hxyLyCAkHKJINeWf33uk3G+7u3Lt3H/Fwz9nM/56Zf/75/5kJJTF8jDHqctt2MEKfgfj7SQOkRfMebGyJQZUw5pRc7oo1sLGcUPZeosla+Ez2+dux6Koyb50aPdjX2V3KKHNIjGwrmNr8CuftPjNiYPttZQcl7HEi0TcL7U0lqk6sbcXJtPGyj1RhbomEsGVFjua/xKxbO3yYjyj7KKX3Q39zkePK+lh0pViEXO7h+YyRJfBgMn6z2tsUZyx6XKbCXTGVMeVlTGggYWROp9z9bo3bZo1Vn8t5u7pWM8JmQ//rjJJ1roa0bE5vb2fPwe7TjJDBTGHFpW7b7zm9P5/PS0sxt29iXmNgv2rX6Qfh/Ng+mTIXJDE/NogwZZ2r3jYtFs2oTudRjgn/UmeswNWQMURHM0QVwsaLDNj7toeR6hr2U5NIjwRTQh9Q+XAQJYqU4ceZMk6l+1uFrSytTVumoUVFWJYg8rUub2uygIcFyz4ckYW5zBAFFIW9JOLh4KhOL6sfMRMRMFZjgDGronj1C6ERiYRgsDNb3O7tkWREHhyNYA5+WEgaxLQQpWQTxpyjpcaOmbuVsLY1VrzKag3OEUYeU3dhCE8gRHU6UdivBPkgqLDF5W7boCChnxAji121aWv6qaUR51tQQwDCdwKTlV1lbtt39Ly7hZfXZaQjcHKN7DGZ/saILtIiOr0vR7HJooIAJymM9XMrC9oAFULWu9xp87XUu4GxeBg/zFPA3bCmt6EQ/y436+kc5ymntD79W0Y8lRbR6Uwh+ij3qYq8RVA9X/rxqBSR1l9YYbTc1TDi8Uh6SBmaLU8VLW6ki02QynrlY2+7bWlG/K9K4ycpbK98nb7GL1SWI+b2sE4vd6c/hFWbLhrH5BcBbw/QGEuhPd7nA3hsQCPEgoNkLI7J8kHeX2zqQSlkdk16wdHtfJDrh4Z3M3KsP4FhlsLXC27R19X1AsJZOH3RFipJRZp+KZtVXjc8UPw1PCBhna4oPl2U09OFjuZ3EHQ7RSOMKL/ozzELjvmIUqlAY4ORAbIiH62sHzlSpPcfplsQGFUaPcbGkZ7eQzVnsywa+ldAYCMJh7mloiqVyPaCKXlV2HufqXReVxSivKji+tbQ6SiQoyH4pCgsEbqB43EW8yY4vjvAY+Te7o6WxQE8BqDQcaWKSFKxVpQN7VW8x4yKs/70oqYb5BxNpHN7Y+xjCrCwf9PYZuwRj6e1CjtXk6Y0MjEgLZ7biGjcN4JfOxy4jVKnQiTT74Jk/8Byyk6OyhRpKmzodJmRlZhN8BxN6ef5jrz9XGnhpEvXcD54SzXgb5myor8XniL7lZcJpeVaO+Q+nHWPVF4cmaCh9wN5hH7gS01NeQqR94moxk8brrrhUS9PvWHSC98pyGbLRZt81+fbm25xWmb2qN3o81KAz4jEvD2Gp7MQp1d+OHIo4udnAWUAEiWv+lfzDlEiFj74QF5GJA7BhUdfXEQThnCmffRiROVRkYnFdnibfXv484FKVyNbxaO1OVln2y1xcTM0ToASiuuK0jrbC9H0jfgtLa3zsXDDVB7f7XzXqzhfbHhKv6jzXCfTM1QZtQ1MTCX09npx/sSR684HpzSlpKS8o+K8zXdcvIxmt0gDvKq/eZMPNCFpUA4i/mPRFpwzu6yu/HWR1l+4b0fG/QDj90diUJ9tKauzaVJnkBcewsJrjra4p1f6+xBULMNMlYTQawLJrPhkXW00KKTURAMFoU+ZbkDk9AqG/KCZWDYgkhSVjiiwtba2LlBxtUVNCeyIO7RWlcfb+ePPdFhJ/A8RORdFOhZ+KZwTeuuDEBbFn5uRogP9+3UZ09gusl/6jJmkmboaJMHAH0obRkzV9teHmaQE47xP2VlVvi/KTRtVXG0XZlzqphINRD+nw9gC3FJtqgxvQyL96uV2642r7Z9D+jiYLxbYG98UFVQ4b+rF/+JGeEDFecvP9SfYNO2lId66H7a+RAriA5BRQKtFHQ7Pd3xxAxX6+1xOy2Mbympt87S0IGaSJH9t6bNNPXGJ5pAXwqLsxlpK2bOwHVggLFoC8SlHXPXp3whaiwxdb+74+/Wr7f/DrnwP+XbWoomNF4w0UlOSd4rzQDBaFJmuFGU1TocAagUrUWSJP3F+lz+hYnvCXcYfNdP12HYBPiaTca7hgsZJRRPO3YyzmCZda2rr7lXYpMIpjf8wslY4+cI5MzH/CJPqUvlwJsWIKoGPU2lim29vPN7dqfzkRnN7S2KyNGrhQ5c8Il+FCxzNBzAPTRFEiAxUZN9f0V8glaryRq3sZWtwxS8qcjRNL7Rf0Z6OBAVeTwiVtgkkDmoeCDVOX7tv4I8hIJfktoREjM6IHy3IbjoDx7wr8nAbw9t5sAhynj8qGPXebO8+L8rq4TzH5Xos4jwxKhEEcWIB4zpiYW1r6zqlMNIW7X0fb+042pHNuj5HcPsizWtwenHuG8hfEy3Fc1sOi7LhYIvVtB2DvB3g6x4IA07nUY5fMbbO2oBwDAAuOngrD34I+0z808LolS/QV1A6FIJzDmHAPw/lRKQEj7cRxArsTSuQ4moiiISwnDyAZKUEgbA20q4XFft2HN0h0vBwuPjtk/fdy2nSKzVDBzurU7c7q1OQ89gDzjmemFZTNYiLDm6YIZeRl/ypCkK8de5JeQOpJ5F45MPOE7qcrxoS2iJ70w4s/msCyRB8/ejoeJ+XLUEfac49yZvUPg2FQeROsw2xzgfwr3AyKt1ZMzjJuTdlI6veLIOW5cxt1dQvVS5sG2/dggXuEPhJ3b4Of4qTenydN7CKTDLRp5AqLFiAaYJgTKAk6aOdZVU0pD/BlX+7N7UcDl9iksgk9JNNrn3yRixGC6dcWQ0nhRRdrqvgiMXbW603/o3ymCmZpEexw5ajr19zeqRvxpjzPZZ7zDOxBP8xkjP13Lm1+nqvIjoHU2p2IHRMa/cmTzSSD0fjtQx96A4hbGlF7dgBuPfQDjIkdVXJnNaDmOT7eDW4P5yhcPT8KY11cOhxkS8ryiI/zkgaUlBe8dzbHyF6n8YEnogWkVyPRyVulgswvg/8dnR/+mz4i+72kjmeE5BbjZL+sE7MEPVv/wQLP8NfNRTgRMqs1GQ64My95cbcvsBr6IqwsmEY1By3EbqdATYeCGXa+SSeVMg+cu3WaWd18i5M5FGr1aK5CAUUogCIiGJRRN1aKF6v4X+kFUgxO/HPhUOUSM9xh4qy4WB+P8AxcDY8cFqUMUvyp9wG+tiJXXQcqWUr2leJmYZcREQ9ES6acKHRZGYzsFjiiedmsn1Ck1+OSnMUWT6CtHseGSArcVBCXxCJRqLABdkXr0NEH+1tEnJVHiawFen9MqWWtNUzb7ZFsWXILrRfduPFbQ0W8UvY+6fZmrCMC5bkth6nkmUs6I2I+EdKcj2HDA2EIfKoTIhLegzsP3MHIUpW5U1u9i8CbFeYqOlh3DZuoc+JzhzPp2HMGJL9dij9HsZ2CgKNJok+m0P38xxOnHM9fzRb4jOxsBuGZY6xrJx+XczPhvaMiJZ74tZhbH/CDzdjaWuho+ng/wFBoBobOBQp5QAAAABJRU5ErkJggg==\"\r\n        />\r\n    </defs>\r\n</svg>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaEstIconTemplateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "anna-core-anna-est-icon-template", standalone: true, imports: [], template: "<svg\r\n    width=\"12\"\r\n    height=\"12\"\r\n    viewBox=\"0 0 14 14\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n>\r\n    <path\r\n        d=\"M0 0H14V14H0V0Z\"\r\n        fill=\"url(#pattern0)\"\r\n    />\r\n    <defs>\r\n        <pattern\r\n            id=\"pattern0\"\r\n            patternContentUnits=\"objectBoundingBox\"\r\n            width=\"1\"\r\n            height=\"1\"\r\n        >\r\n            <use\r\n                xlink:href=\"#image0_866_172\"\r\n                transform=\"scale(0.0430107 0.0434783)\"\r\n            />\r\n        </pattern>\r\n        <image\r\n            id=\"image0_866_172\"\r\n            width=\"93\"\r\n            height=\"23\"\r\n            xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAXCAYAAABpskPJAAAAAXNSR0IArs4c6QAACrxJREFUaAWtWQt0VMUZnrm72WRNSAKWwiELIRwI1ojUHh5hl1rUWlpqC1QbiCgF8jqA2kJ5tGiTLYLUylPwSLKJiVgIBCiUWmhtEduTbIJaFM6hxyLyCAkHKJINeWf33uk3G+7u3Lt3H/Fwz9nM/56Zf/75/5kJJTF8jDHqctt2MEKfgfj7SQOkRfMebGyJQZUw5pRc7oo1sLGcUPZeosla+Ez2+dux6Koyb50aPdjX2V3KKHNIjGwrmNr8CuftPjNiYPttZQcl7HEi0TcL7U0lqk6sbcXJtPGyj1RhbomEsGVFjua/xKxbO3yYjyj7KKX3Q39zkePK+lh0pViEXO7h+YyRJfBgMn6z2tsUZyx6XKbCXTGVMeVlTGggYWROp9z9bo3bZo1Vn8t5u7pWM8JmQ//rjJJ1roa0bE5vb2fPwe7TjJDBTGHFpW7b7zm9P5/PS0sxt29iXmNgv2rX6Qfh/Ng+mTIXJDE/NogwZZ2r3jYtFs2oTudRjgn/UmeswNWQMURHM0QVwsaLDNj7toeR6hr2U5NIjwRTQh9Q+XAQJYqU4ceZMk6l+1uFrSytTVumoUVFWJYg8rUub2uygIcFyz4ckYW5zBAFFIW9JOLh4KhOL6sfMRMRMFZjgDGronj1C6ERiYRgsDNb3O7tkWREHhyNYA5+WEgaxLQQpWQTxpyjpcaOmbuVsLY1VrzKag3OEUYeU3dhCE8gRHU6UdivBPkgqLDF5W7boCChnxAji121aWv6qaUR51tQQwDCdwKTlV1lbtt39Ly7hZfXZaQjcHKN7DGZ/saILtIiOr0vR7HJooIAJymM9XMrC9oAFULWu9xp87XUu4GxeBg/zFPA3bCmt6EQ/y436+kc5ymntD79W0Y8lRbR6Uwh+ij3qYq8RVA9X/rxqBSR1l9YYbTc1TDi8Uh6SBmaLU8VLW6ki02QynrlY2+7bWlG/K9K4ycpbK98nb7GL1SWI+b2sE4vd6c/hFWbLhrH5BcBbw/QGEuhPd7nA3hsQCPEgoNkLI7J8kHeX2zqQSlkdk16wdHtfJDrh4Z3M3KsP4FhlsLXC27R19X1AsJZOH3RFipJRZp+KZtVXjc8UPw1PCBhna4oPl2U09OFjuZ3EHQ7RSOMKL/ozzELjvmIUqlAY4ORAbIiH62sHzlSpPcfplsQGFUaPcbGkZ7eQzVnsywa+ldAYCMJh7mloiqVyPaCKXlV2HufqXReVxSivKji+tbQ6SiQoyH4pCgsEbqB43EW8yY4vjvAY+Te7o6WxQE8BqDQcaWKSFKxVpQN7VW8x4yKs/70oqYb5BxNpHN7Y+xjCrCwf9PYZuwRj6e1CjtXk6Y0MjEgLZ7biGjcN4JfOxy4jVKnQiTT74Jk/8Byyk6OyhRpKmzodJmRlZhN8BxN6ef5jrz9XGnhpEvXcD54SzXgb5myor8XniL7lZcJpeVaO+Q+nHWPVF4cmaCh9wN5hH7gS01NeQqR94moxk8brrrhUS9PvWHSC98pyGbLRZt81+fbm25xWmb2qN3o81KAz4jEvD2Gp7MQp1d+OHIo4udnAWUAEiWv+lfzDlEiFj74QF5GJA7BhUdfXEQThnCmffRiROVRkYnFdnibfXv484FKVyNbxaO1OVln2y1xcTM0ToASiuuK0jrbC9H0jfgtLa3zsXDDVB7f7XzXqzhfbHhKv6jzXCfTM1QZtQ1MTCX09npx/sSR684HpzSlpKS8o+K8zXdcvIxmt0gDvKq/eZMPNCFpUA4i/mPRFpwzu6yu/HWR1l+4b0fG/QDj90diUJ9tKauzaVJnkBcewsJrjra4p1f6+xBULMNMlYTQawLJrPhkXW00KKTURAMFoU+ZbkDk9AqG/KCZWDYgkhSVjiiwtba2LlBxtUVNCeyIO7RWlcfb+ePPdFhJ/A8RORdFOhZ+KZwTeuuDEBbFn5uRogP9+3UZ09gusl/6jJmkmboaJMHAH0obRkzV9teHmaQE47xP2VlVvi/KTRtVXG0XZlzqphINRD+nw9gC3FJtqgxvQyL96uV2642r7Z9D+jiYLxbYG98UFVQ4b+rF/+JGeEDFecvP9SfYNO2lId66H7a+RAriA5BRQKtFHQ7Pd3xxAxX6+1xOy2Mbympt87S0IGaSJH9t6bNNPXGJ5pAXwqLsxlpK2bOwHVggLFoC8SlHXPXp3whaiwxdb+74+/Wr7f/DrnwP+XbWoomNF4w0UlOSd4rzQDBaFJmuFGU1TocAagUrUWSJP3F+lz+hYnvCXcYfNdP12HYBPiaTca7hgsZJRRPO3YyzmCZda2rr7lXYpMIpjf8wslY4+cI5MzH/CJPqUvlwJsWIKoGPU2lim29vPN7dqfzkRnN7S2KyNGrhQ5c8Il+FCxzNBzAPTRFEiAxUZN9f0V8glaryRq3sZWtwxS8qcjRNL7Rf0Z6OBAVeTwiVtgkkDmoeCDVOX7tv4I8hIJfktoREjM6IHy3IbjoDx7wr8nAbw9t5sAhynj8qGPXebO8+L8rq4TzH5Xos4jwxKhEEcWIB4zpiYW1r6zqlMNIW7X0fb+042pHNuj5HcPsizWtwenHuG8hfEy3Fc1sOi7LhYIvVtB2DvB3g6x4IA07nUY5fMbbO2oBwDAAuOngrD34I+0z808LolS/QV1A6FIJzDmHAPw/lRKQEj7cRxArsTSuQ4moiiISwnDyAZKUEgbA20q4XFft2HN0h0vBwuPjtk/fdy2nSKzVDBzurU7c7q1OQ89gDzjmemFZTNYiLDm6YIZeRl/ypCkK8de5JeQOpJ5F45MPOE7qcrxoS2iJ70w4s/msCyRB8/ejoeJ+XLUEfac49yZvUPg2FQeROsw2xzgfwr3AyKt1ZMzjJuTdlI6veLIOW5cxt1dQvVS5sG2/dggXuEPhJ3b4Of4qTenydN7CKTDLRp5AqLFiAaYJgTKAk6aOdZVU0pD/BlX+7N7UcDl9iksgk9JNNrn3yRixGC6dcWQ0nhRRdrqvgiMXbW603/o3ymCmZpEexw5ajr19zeqRvxpjzPZZ7zDOxBP8xkjP13Lm1+nqvIjoHU2p2IHRMa/cmTzSSD0fjtQx96A4hbGlF7dgBuPfQDjIkdVXJnNaDmOT7eDW4P5yhcPT8KY11cOhxkS8ryiI/zkgaUlBe8dzbHyF6n8YEnogWkVyPRyVulgswvg/8dnR/+mz4i+72kjmeE5BbjZL+sE7MEPVv/wQLP8NfNRTgRMqs1GQ64My95cbcvsBr6IqwsmEY1By3EbqdATYeCGXa+SSeVMg+cu3WaWd18i5M5FGr1aK5CAUUogCIiGJRRN1aKF6v4X+kFUgxO/HPhUOUSM9xh4qy4WB+P8AxcDY8cFqUMUvyp9wG+tiJXXQcqWUr2leJmYZcREQ9ES6acKHRZGYzsFjiiedmsn1Ck1+OSnMUWT6CtHseGSArcVBCXxCJRqLABdkXr0NEH+1tEnJVHiawFen9MqWWtNUzb7ZFsWXILrRfduPFbQ0W8UvY+6fZmrCMC5bkth6nkmUs6I2I+EdKcj2HDA2EIfKoTIhLegzsP3MHIUpW5U1u9i8CbFeYqOlh3DZuoc+JzhzPp2HMGJL9dij9HsZ2CgKNJok+m0P38xxOnHM9fzRb4jOxsBuGZY6xrJx+XczPhvaMiJZ74tZhbH/CDzdjaWuho+ng/wFBoBobOBQp5QAAAABJRU5ErkJggg==\"\r\n        />\r\n    </defs>\r\n</svg>\r\n" }]
+        }] });
 // Angular import statements
 class AnnaCoreModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -5857,8 +5856,8 @@ class AnnaCoreModule {
                 radius: 100,
                 outerStrokeWidth: 16,
                 innerStrokeWidth: 8,
-                outerStrokeColor: '#78C000',
-                innerStrokeColor: '#C7E596',
+                outerStrokeColor: "#78C000",
+                innerStrokeColor: "#C7E596",
                 animationDuration: 300,
             }),
             AnnaWeekCalendarComponent,
@@ -5886,8 +5885,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             radius: 100,
                             outerStrokeWidth: 16,
                             innerStrokeWidth: 8,
-                            outerStrokeColor: '#78C000',
-                            innerStrokeColor: '#C7E596',
+                            outerStrokeColor: "#78C000",
+                            innerStrokeColor: "#C7E596",
                             animationDuration: 300,
                         }),
                         AnnaNoDataComponent,
@@ -5971,38 +5970,38 @@ class AnnaNumberFormatService {
         if (inputValue < 0) {
             value = value * -1;
         }
-        if (digitsToRoundDecimalPoint == 0 && (unit == 'M' || unit == 'B' || unit == 'K')) {
+        if (digitsToRoundDecimalPoint == 0 && (unit == "M" || unit == "B" || unit == "K")) {
             digitsToRoundDecimalPoint = 2;
         }
         return Number.isInteger(value) ? value.toString() + unit : value.toFixed(digitsToRoundDecimalPoint) + unit;
         // return (Math.round(value, digitsToRoundDecimalPoint, MidpointRounding.AwayFromZero) + unit);
     }
     static GetValueInUnits(inputValue) {
-        let unit = '';
+        let unit = "";
         let thousand = 1000;
         let million = 1000000;
         let billion = 1000000000;
         if (inputValue >= thousand && inputValue < million) {
             inputValue = inputValue / thousand;
-            unit = 'K';
+            unit = "K";
         }
         else if (inputValue >= million && inputValue < billion) {
             inputValue = inputValue / million;
-            unit = 'M';
+            unit = "M";
         }
         else if (inputValue >= billion) {
             inputValue = inputValue / billion;
-            unit = 'B';
+            unit = "B";
         }
         return [inputValue, unit];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, providedIn: 'root' }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, providedIn: "root" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root',
+                    providedIn: "root",
                 }]
         }] });
@@ -6010,25 +6009,25 @@ class AnnaPersistingFilterService {
     constructor() { }
     storeKeyValueInLocalStorage(val, isFilterKey = true) {
         let filterOrdering;
-        if (!localStorage.getItem('filterOrdering')) {
+        if (!localStorage.getItem("filterOrdering")) {
             filterOrdering = [];
         }
         else {
-            filterOrdering = JSON.parse(localStorage.getItem('filterOrdering'));
+            filterOrdering = JSON.parse(localStorage.getItem("filterOrdering"));
         }
         let filterOrderingSet = new Set(filterOrdering);
         let hashCode = null;
         let key = null;
         try {
             hashCode = hash(val);
-            key = isFilterKey ? 'filter_' + hashCode : hashCode;
+            key = isFilterKey ? "filter_" + hashCode : hashCode;
             localStorage.setItem(key, JSON.stringify(val));
             if (isFilterKey) {
                 if (filterOrderingSet.has(key)) {
                     filterOrderingSet.delete(key);
                 }
                 filterOrderingSet.add(key);
-                localStorage.setItem('filterOrdering', JSON.stringify(Array.from(filterOrderingSet)));
+                localStorage.setItem("filterOrdering", JSON.stringify(Array.from(filterOrderingSet)));
             }
         }
         catch (e) {
@@ -6038,14 +6037,14 @@ class AnnaPersistingFilterService {
             }
             filterOrdering.splice(0, filterOrdering.length / 2);
             hashCode = hash(val);
-            let key = isFilterKey ? 'filter_' + hashCode : hashCode;
+            let key = isFilterKey ? "filter_" + hashCode : hashCode;
             localStorage.setItem(key, JSON.stringify(val));
             if (isFilterKey) {
                 if (filterOrderingSet.has(key)) {
                     filterOrderingSet.delete(key);
                 }
                 filterOrderingSet.add(key);
-                localStorage.setItem('filterOrdering', JSON.stringify(Array.from(filterOrderingSet)));
+                localStorage.setItem("filterOrdering", JSON.stringify(Array.from(filterOrderingSet)));
             }
         }
         return key;
@@ -6056,15 +6055,15 @@ class AnnaPersistingFilterService {
     convertObjToQueryString(paramsObject) {
         return Object.keys(paramsObject)
             .map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(paramsObject[key])}`)
-            .join('&');
+            .join("&");
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, providedIn: 'root' }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, providedIn: "root" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root',
+                    providedIn: "root",
                 }]
         }], ctorParameters: function () { return []; } });
@@ -6091,18 +6090,18 @@ class IconCellActionKey {
 }
 class Constants {
-    static { this.SUCCESS_STRING = 'success'; }
-    static { this.BACKEND_SERVER_URL = '/server/public/index.php/api'; }
-    static { this.ERROR_MSG = 'Error occurred please try again.'; }
-    static { this.NO_DATA_MSG = 'No Data to display'; }
-    static { this.SERVER_ERROR = 'Server error. Please try Again'; }
-    static { this.USER_ORIGIN = 'ANNA'; }
-    static { this.ACTIVE_USER_STATUS = 'active'; }
-    static { this.DELETED_USER_STATUS = 'deleted'; }
-    static { this.INACTIVE_USER_STATUS = 'inactive'; }
-    static { this.OGAdminRole = 'Ownership Group Admin'; }
-    static { this.ASARole = 'Anna Station Admin'; }
-    static { this.dollars = '$'; }
+    static { this.SUCCESS_STRING = "success"; }
+    static { this.BACKEND_SERVER_URL = "/server/public/index.php/api"; }
+    static { this.ERROR_MSG = "Error occurred please try again."; }
+    static { this.NO_DATA_MSG = "No Data to display"; }
+    static { this.SERVER_ERROR = "Server error. Please try Again"; }
+    static { this.USER_ORIGIN = "ANNA"; }
+    static { this.ACTIVE_USER_STATUS = "active"; }
+    static { this.DELETED_USER_STATUS = "deleted"; }
+    static { this.INACTIVE_USER_STATUS = "inactive"; }
+    static { this.OGAdminRole = "Ownership Group Admin"; }
+    static { this.ASARole = "Anna Station Admin"; }
+    static { this.dollars = "$"; }
 }
 class ErrorCodes {
     static { this.BAD_REQUEST = 400; }
@@ -6125,16 +6124,16 @@ var Days;
     Days[Days["Su"] = 7] = "Su";
 })(Days || (Days = {}));
 class OrderSources {
-    static { this.Medialine = 'Medialine'; }
-    static { this.Non_electronic = 'Non electronic'; }
-    static { this.Others = 'Others'; }
-    static { this.WOC_unlinked = 'WOC Unlinked'; }
-    static { this.WOC_linked = 'WOC Linked'; }
-    static { this.WOZ = 'WOZ'; }
-    static { this.Darwin = 'Darwin'; }
+    static { this.Medialine = "Medialine"; }
+    static { this.Non_electronic = "Non electronic"; }
+    static { this.Others = "Others"; }
+    static { this.WOC_unlinked = "WOC Unlinked"; }
+    static { this.WOC_linked = "WOC Linked"; }
+    static { this.WOZ = "WOZ"; }
+    static { this.Darwin = "Darwin"; }
 }
 class ANNAIconNames {
-    static { this.AutomationActivatedIconName = 'anna-automation-activated-icon mdi mdi-cog-refresh'; }
+    static { this.AutomationActivatedIconName = "anna-automation-activated-icon mdi mdi-cog-refresh"; }
 }
 /*
@@ -6145,5 +6144,5 @@ class ANNAIconNames {
  * Generated bundle index. Do not edit.
  */
-export { ANNAIconNames, AllSelectedStatus, AnnaBuyerApprovalIconTemplateComponent, AnnaCalendarFilterComponent, AnnaColumnCheckboxFilterComponent, AnnaColumnDateRangeFilterComponent, AnnaColumnSliderFilterComponent, AnnaColumnTimeFilterComponent, AnnaConvertArrayToCommaSeperatedValue, AnnaConvertZeroOrNullOrUndefinedPipe, AnnaCoreModule, AnnaDateFormatterPipe, AnnaDateTimeFormatService, AnnaDeletedOrderIconTemplateComponent, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaFixedRowSizeTableVirtualScrollStrategy, AnnaFixedRowSizeTableVirtualScrollStrategyDirective, AnnaGlobalConfigService, AnnaGtHelperService, AnnaIconColumnComponent, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNonEditableGenericTableComponent, AnnaNotifyIconTemplateComponent, AnnaNumberFormatService, AnnaPayForPerformanceIconTemplateComponent, AnnaPersistingFilterService, AnnaRejectedIconTemplateComponent, AnnaReplaceCharPipe, AnnaSortComponent, AnnaSortService, AnnaTableVirtualScrollViewportComponent, AnnaTypeofDataPipe, AnnaVirtualTableDirective, AnnaWeekCalendarComponent, ClickableItem, Constants, Days, DigitOnlyDirective, ErrorCodes, FixedRowsPopupTableDirective, IconCellActionKey, OrderSources, SortTypeEnum, TooltipModel, fixedSizeVirtualScrollStrategyFactory, radioButtonModel, showEllipsisTextOnHoverDirective, tooltipModelForColumnLevelFiltering };
+export { ANNAIconNames, AllSelectedStatus, AnnaBuyerApprovalIconTemplateComponent, AnnaCalendarFilterComponent, AnnaColumnCheckboxFilterComponent, AnnaColumnDateRangeFilterComponent, AnnaColumnSliderFilterComponent, AnnaColumnTimeFilterComponent, AnnaConvertArrayToCommaSeperatedValue, AnnaConvertZeroOrNullOrUndefinedPipe, AnnaCoreModule, AnnaDateFormatterPipe, AnnaDateTimeFormatService, AnnaDeletedOrderIconTemplateComponent, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaFixedRowSizeTableVirtualScrollStrategy, AnnaFixedRowSizeTableVirtualScrollStrategyDirective, AnnaGlobalConfigService, AnnaGtHelperService, AnnaIconColumnComponent, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNonEditableGenericTableComponent, AnnaNotifyIconTemplateComponent, AnnaNumberFormatService, AnnaPayForPerformanceIconTemplateComponent, AnnaPersistingFilterService, AnnaRejectedIconTemplateComponent, AnnaReplaceCharPipe, AnnaSortComponent, AnnaSortService, AnnaTableVirtualScrollViewportComponent, AnnaTypeofDataPipe, AnnaVirtualTableDirective, AnnaWeekCalendarComponent, ClickableItem, Constants, Days, DigitOnlyDirective, ErrorCodes, FixedRowsPopupTableDirective, IconCellActionKey, OrderSources, RadioButtonModel, SortTypeEnum, TooltipModel, fixedSizeVirtualScrollStrategyFactory, showEllipsisTextOnHoverDirective, tooltipModelForColumnLevelFiltering };
 //# sourceMappingURL=annalib-anna-core.mjs.map