@annalib/anna-core 36.4.0 → 36.6.0
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.
|
@@ -30,55 +30,55 @@ import * as i2 from '@angular/router';
|
|
|
30
30
|
import hash from 'object-hash';
|
|
31
31
|
|
|
32
32
|
class AnnaBuyerApprovalIconTemplateComponent {
|
|
33
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
34
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaBuyerApprovalIconTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaBuyerApprovalIconTemplateComponent, isStandalone: true, selector: "anna-core-buyer-approval-icon-template", ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"buyerApprovalIcon\"></ng-container>\n\n<ng-template #buyerApprovalIcon>\n <svg\n width=\"15px\"\n height=\"15px\"\n viewBox=\"0 0 20 20\"\n >\n <g\n id=\"Awaiting-Buyer-Approval-icon\"\n stroke=\"none\"\n stroke-width=\"1\"\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g\n id=\"time-left\"\n transform=\"translate(3.000000, 2.000000)\"\n fill=\"#4A4A4A\"\n fill-rule=\"nonzero\"\n >\n <path\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\"\n id=\"Path\"\n ></path>\n <path\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\"\n id=\"Combined-Shape\"\n ></path>\n <path\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\"\n id=\"Path\"\n ></path>\n </g>\n </g>\n </svg>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaBuyerApprovalIconTemplateComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: "anna-core-buyer-approval-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"buyerApprovalIcon\"></ng-container>\n\n<ng-template #buyerApprovalIcon>\n <svg\n width=\"15px\"\n height=\"15px\"\n viewBox=\"0 0 20 20\"\n >\n <g\n id=\"Awaiting-Buyer-Approval-icon\"\n stroke=\"none\"\n stroke-width=\"1\"\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g\n id=\"time-left\"\n transform=\"translate(3.000000, 2.000000)\"\n fill=\"#4A4A4A\"\n fill-rule=\"nonzero\"\n >\n <path\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\"\n id=\"Path\"\n ></path>\n <path\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\"\n id=\"Combined-Shape\"\n ></path>\n <path\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\"\n id=\"Path\"\n ></path>\n </g>\n </g>\n </svg>\n</ng-template>\n" }]
|
|
39
39
|
}] });
|
|
40
40
|
|
|
41
41
|
class AnnaDeletedOrderIconTemplateComponent {
|
|
42
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
43
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
42
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaDeletedOrderIconTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaDeletedOrderIconTemplateComponent, isStandalone: true, selector: "anna-core-deleted-order-icon-template", ngImport: i0, template: "<i class=\"mdi mdi-file-remove-outline\"></i>\n", styles: [".mdi-file-remove-outline{font-size:1.5rem;color:#f44336}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
44
44
|
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaDeletedOrderIconTemplateComponent, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
47
|
args: [{ selector: "anna-core-deleted-order-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<i class=\"mdi mdi-file-remove-outline\"></i>\n", styles: [".mdi-file-remove-outline{font-size:1.5rem;color:#f44336}\n"] }]
|
|
48
48
|
}] });
|
|
49
49
|
|
|
50
50
|
class AnnaEstIconTemplateComponent {
|
|
51
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
52
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaEstIconTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaEstIconTemplateComponent, isStandalone: true, selector: "anna-core-anna-est-icon-template", ngImport: i0, template: "<svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 14 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n <path\n d=\"M0 0H14V14H0V0Z\"\n fill=\"url(#pattern0)\"\n />\n <defs>\n <pattern\n id=\"pattern0\"\n patternContentUnits=\"objectBoundingBox\"\n width=\"1\"\n height=\"1\"\n >\n <use\n xlink:href=\"#image0_866_172\"\n transform=\"scale(0.0430107 0.0434783)\"\n />\n </pattern>\n <image\n id=\"image0_866_172\"\n width=\"93\"\n height=\"23\"\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==\"\n />\n </defs>\n</svg>\n", styles: [""] }); }
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaEstIconTemplateComponent, decorators: [{
|
|
55
55
|
type: Component,
|
|
56
56
|
args: [{ selector: "anna-core-anna-est-icon-template", imports: [], template: "<svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 14 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n <path\n d=\"M0 0H14V14H0V0Z\"\n fill=\"url(#pattern0)\"\n />\n <defs>\n <pattern\n id=\"pattern0\"\n patternContentUnits=\"objectBoundingBox\"\n width=\"1\"\n height=\"1\"\n >\n <use\n xlink:href=\"#image0_866_172\"\n transform=\"scale(0.0430107 0.0434783)\"\n />\n </pattern>\n <image\n id=\"image0_866_172\"\n width=\"93\"\n height=\"23\"\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==\"\n />\n </defs>\n</svg>\n" }]
|
|
57
57
|
}] });
|
|
58
58
|
|
|
59
59
|
class AnnaLiveIconTemplateComponent {
|
|
60
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
61
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
60
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaLiveIconTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
61
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaLiveIconTemplateComponent, isStandalone: true, selector: "anna-core-live-icon-template", ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"liveIcon\"></ng-container>\n<ng-template #liveIcon>\n <svg\n width=\"15px\"\n height=\"15px\"\n viewBox=\"0 0 20 20\"\n >\n <g\n id=\"Live-Icon\"\n stroke=\"none\"\n stroke-width=\"1\"\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g\n id=\"next\"\n transform=\"translate(2.000000, 2.000000)\"\n fill-rule=\"nonzero\"\n >\n <path\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\"\n id=\"Path\"\n fill=\"#C2E361\"\n ></path>\n <path\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\"\n id=\"Shape\"\n fill=\"#8BAC2A\"\n ></path>\n <circle\n id=\"Oval\"\n fill=\"#8BAC2A\"\n cx=\"8\"\n cy=\"8\"\n r=\"4\"\n ></circle>\n </g>\n </g>\n </svg>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
62
62
|
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaLiveIconTemplateComponent, decorators: [{
|
|
64
64
|
type: Component,
|
|
65
65
|
args: [{ selector: "anna-core-live-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"liveIcon\"></ng-container>\n<ng-template #liveIcon>\n <svg\n width=\"15px\"\n height=\"15px\"\n viewBox=\"0 0 20 20\"\n >\n <g\n id=\"Live-Icon\"\n stroke=\"none\"\n stroke-width=\"1\"\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g\n id=\"next\"\n transform=\"translate(2.000000, 2.000000)\"\n fill-rule=\"nonzero\"\n >\n <path\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\"\n id=\"Path\"\n fill=\"#C2E361\"\n ></path>\n <path\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\"\n id=\"Shape\"\n fill=\"#8BAC2A\"\n ></path>\n <circle\n id=\"Oval\"\n fill=\"#8BAC2A\"\n cx=\"8\"\n cy=\"8\"\n r=\"4\"\n ></circle>\n </g>\n </g>\n </svg>\n</ng-template>\n" }]
|
|
66
66
|
}] });
|
|
67
67
|
|
|
68
68
|
class AnnaNotifyIconTemplateComponent {
|
|
69
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
70
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
69
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaNotifyIconTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
70
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaNotifyIconTemplateComponent, isStandalone: true, selector: "anna-core-notify-icon-template", ngImport: i0, template: "<i class=\"mdi mdi-bell\"></i>\n", styles: [".mdi-bell{font-size:.9375rem;color:#f3bd18}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
71
71
|
}
|
|
72
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaNotifyIconTemplateComponent, decorators: [{
|
|
73
73
|
type: Component,
|
|
74
74
|
args: [{ selector: "anna-core-notify-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<i class=\"mdi mdi-bell\"></i>\n", styles: [".mdi-bell{font-size:.9375rem;color:#f3bd18}\n"] }]
|
|
75
75
|
}] });
|
|
76
76
|
|
|
77
77
|
class AnnaPayForPerformanceIconTemplateComponent {
|
|
78
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
79
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
78
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaPayForPerformanceIconTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
79
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaPayForPerformanceIconTemplateComponent, isStandalone: true, selector: "anna-core-pay-for-performance-icon-template", inputs: { isTitle: "isTitle", color: "color", width: "width", height: "height" }, ngImport: i0, template: "<ng-container\n [ngTemplateOutlet]=\"PayForPerformanceIcon\"\n [ngTemplateOutletContext]=\"{ color: color, width: width, height: height }\"\n>\n</ng-container>\n\n<ng-template\n #PayForPerformanceIcon\n let-color=\"color\"\n let-width=\"width\"\n let-height=\"height\"\n>\n <svg\n [attr.width]=\"width\"\n [attr.height]=\"height\"\n viewBox=\"0 0 20 20\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n >\n <g\n id=\"Page-1\"\n stroke=\"none\"\n stroke-width=\"1\"\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g\n id=\"02.-PAY-FOR-PERFORMANCE-MARKED\"\n transform=\"translate(-100.000000, -537.000000)\"\n [attr.fill]=\"color\"\n fill-rule=\"nonzero\"\n >\n <g\n id=\"PFP\"\n transform=\"translate(100.000000, 537.000000)\"\n >\n <path\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\"\n id=\"Shape-Copy-9\"\n ></path>\n </g>\n </g>\n </g>\n </svg>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
80
80
|
}
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaPayForPerformanceIconTemplateComponent, decorators: [{
|
|
82
82
|
type: Component,
|
|
83
83
|
args: [{ selector: "anna-core-pay-for-performance-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "<ng-container\n [ngTemplateOutlet]=\"PayForPerformanceIcon\"\n [ngTemplateOutletContext]=\"{ color: color, width: width, height: height }\"\n>\n</ng-container>\n\n<ng-template\n #PayForPerformanceIcon\n let-color=\"color\"\n let-width=\"width\"\n let-height=\"height\"\n>\n <svg\n [attr.width]=\"width\"\n [attr.height]=\"height\"\n viewBox=\"0 0 20 20\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n >\n <g\n id=\"Page-1\"\n stroke=\"none\"\n stroke-width=\"1\"\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g\n id=\"02.-PAY-FOR-PERFORMANCE-MARKED\"\n transform=\"translate(-100.000000, -537.000000)\"\n [attr.fill]=\"color\"\n fill-rule=\"nonzero\"\n >\n <g\n id=\"PFP\"\n transform=\"translate(100.000000, 537.000000)\"\n >\n <path\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\"\n id=\"Shape-Copy-9\"\n ></path>\n </g>\n </g>\n </g>\n </svg>\n</ng-template>\n" }]
|
|
84
84
|
}], propDecorators: { isTitle: [{
|
|
@@ -92,10 +92,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
92
92
|
}] } });
|
|
93
93
|
|
|
94
94
|
class AnnaRejectedIconTemplateComponent {
|
|
95
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
96
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
95
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaRejectedIconTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
96
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaRejectedIconTemplateComponent, isStandalone: true, selector: "anna-core-rejected-icon-template", ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"rejectedIcon\"></ng-container>\n\n<ng-template #rejectedIcon>\n <svg\n width=\"15px\"\n height=\"15px\"\n viewBox=\"0 0 20 20\"\n >\n <g\n id=\"Buyer-rejected-icon\"\n stroke=\"none\"\n stroke-width=\"1\"\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <path\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\"\n id=\"Shape\"\n fill=\"#4A4A4A\"\n fill-rule=\"nonzero\"\n ></path>\n </g>\n </svg>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
97
97
|
}
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaRejectedIconTemplateComponent, decorators: [{
|
|
99
99
|
type: Component,
|
|
100
100
|
args: [{ selector: "anna-core-rejected-icon-template", changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"rejectedIcon\"></ng-container>\n\n<ng-template #rejectedIcon>\n <svg\n width=\"15px\"\n height=\"15px\"\n viewBox=\"0 0 20 20\"\n >\n <g\n id=\"Buyer-rejected-icon\"\n stroke=\"none\"\n stroke-width=\"1\"\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <path\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\"\n id=\"Shape\"\n fill=\"#4A4A4A\"\n fill-rule=\"nonzero\"\n ></path>\n </g>\n </svg>\n</ng-template>\n" }]
|
|
101
101
|
}] });
|
|
@@ -109,10 +109,10 @@ class AnnaIconColumnComponent {
|
|
|
109
109
|
svgIconClicked() {
|
|
110
110
|
this.columnIconClicked.emit();
|
|
111
111
|
}
|
|
112
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
113
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
112
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaIconColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
113
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaIconColumnComponent, isStandalone: true, selector: "anna-core-icon-column", inputs: { componentName: "componentName", iconToShow: "iconToShow", dataObject: "dataObject" }, outputs: { columnIconClicked: "columnIconClicked" }, ngImport: i0, template: "<span *ngIf=\"iconToShow === 'PAY_FOR_PERFORMANCE_ACTIVE'\">\n <anna-core-pay-for-performance-icon-template\n [color]=\"PfpIconActiveColor\"\n [width]=\"'12px'\"\n [height]=\"'12px'\"\n >\n </anna-core-pay-for-performance-icon-template>\n</span>\n\n<anna-core-deleted-order-icon-template *ngIf=\"iconToShow === 'DELETED_ORDER'\"> </anna-core-deleted-order-icon-template>\n\n<i\n class=\"mdi mdi-alert\"\n *ngIf=\"iconToShow === 'NEED_SELLER_CONFIRMATION'\"\n></i>\n<i\n class=\"mdi mdi-alert\"\n *ngIf=\"iconToShow === 'NEED_BUYER_CONFIRMATION'\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'AUTOMATED'\"\n class=\"anna-automation-activated-icon mdi mdi-cog-refresh\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'WARNING_ICON'\"\n class=\"mdi mdi-alert\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'INFORMATION_OUTLINE_ICON'\"\n class=\"mdi mdi-information-outline\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'ALERT_OCTAGON_ICON'\"\n class=\"mdi mdi-alert-octagon\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'CANCEL_ICON'\"\n class=\"mdi mdi-cancel\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'ALPHA_B_CIRCLE'\"\n class=\"mdi mdi-alpha-b-circle-outline\"\n></i>\n<i\n *ngIf=\"iconToShow === 'ALPHA_E_CIRCLE'\"\n class=\"mdi mdi-alpha-r-circle-outline\"\n></i>\n<i\n *ngIf=\"iconToShow === 'ALPHA_A_CIRCLE'\"\n class=\"mdi mdi-alpha-a-circle\"\n></i>\n<i\n *ngIf=\"iconToShow === 'CALENDAR'\"\n class=\"mdi mdi-calendar\"\n></i>\n<i\n *ngIf=\"iconToShow === 'MESSAGE'\"\n class=\"mdi mdi-comment-edit-outline\"\n (click)=\"svgIconClicked()\"\n></i>\n<i\n *ngIf=\"iconToShow === 'EMAIL_ICON'\"\n class=\"mdi mdi-send\"\n (click)=\"svgIconClicked()\"\n></i>\n<i\n *ngIf=\"iconToShow === 'TRENDING_UP'\"\n class=\"mdi mdi-trending-up\"\n></i>\n<!-- <i\n *ngIf=\"iconToShow === 'ALPHA_R_CIRCLE'\"\n class=\"mdi mdi-alpha-r-circle-outline\"\n></i> -->\n\n<anna-core-anna-est-icon-template *ngIf=\"iconToShow === 'ALPHA_R_CIRCLE'\"></anna-core-anna-est-icon-template>\n", styles: [".cursor-not-allowed{cursor:not-allowed!important}.mdi-alert{color:#f97b07;font-size:.9375rem}:host ::ng-deep anna-core-pay-for-performance-icon-template svg{margin-bottom:6px}.mdi.mdi-alert{font-size:13px;position:relative;color:#f3c639;top:1px}.anna-automation-activated-icon.mdi.mdi-cog-refresh{font-size:13px;position:relative;top:1px}.mdi.mdi-information-outline{color:var(--primary-blue-color);cursor:pointer!important}.mdi.mdi-alert-octagon{color:red;cursor:pointer!important}.mdi.mdi-cancel{color:var(--primary-red-color);cursor:pointer!important}.mdi.mdi-comment-edit-outline{color:var(--primary-blue-color);cursor:pointer!important}.mdi.mdi-send{color:var(--primary-blue-color);cursor:pointer!important;font-weight:400;font-size:16px;letter-spacing:0;padding-right:0}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AnnaPayForPerformanceIconTemplateComponent, selector: "anna-core-pay-for-performance-icon-template", inputs: ["isTitle", "color", "width", "height"] }, { kind: "component", type: AnnaDeletedOrderIconTemplateComponent, selector: "anna-core-deleted-order-icon-template" }, { kind: "component", type: AnnaEstIconTemplateComponent, selector: "anna-core-anna-est-icon-template" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
114
114
|
}
|
|
115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaIconColumnComponent, decorators: [{
|
|
116
116
|
type: Component,
|
|
117
117
|
args: [{ selector: "anna-core-icon-column", changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
118
118
|
NgIf,
|
|
@@ -123,7 +123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
123
123
|
AnnaBuyerApprovalIconTemplateComponent,
|
|
124
124
|
AnnaDeletedOrderIconTemplateComponent,
|
|
125
125
|
AnnaEstIconTemplateComponent,
|
|
126
|
-
], template: "<span *ngIf=\"iconToShow === 'PAY_FOR_PERFORMANCE_ACTIVE'\">\n <anna-core-pay-for-performance-icon-template\n [color]=\"PfpIconActiveColor\"\n [width]=\"'12px'\"\n [height]=\"'12px'\"\n >\n </anna-core-pay-for-performance-icon-template>\n</span>\n\n<anna-core-deleted-order-icon-template *ngIf=\"iconToShow === 'DELETED_ORDER'\"> </anna-core-deleted-order-icon-template>\n\n<i\n class=\"mdi mdi-alert\"\n *ngIf=\"iconToShow === 'NEED_SELLER_CONFIRMATION'\"\n></i>\n<i\n class=\"mdi mdi-alert\"\n *ngIf=\"iconToShow === 'NEED_BUYER_CONFIRMATION'\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'AUTOMATED'\"\n class=\"anna-automation-activated-icon mdi mdi-cog-refresh\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'WARNING_ICON'\"\n class=\"mdi mdi-alert\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'INFORMATION_OUTLINE_ICON'\"\n class=\"mdi mdi-information-outline\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'ALERT_OCTAGON_ICON'\"\n class=\"mdi mdi-alert-octagon\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'CANCEL_ICON'\"\n class=\"mdi mdi-cancel\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'ALPHA_B_CIRCLE'\"\n class=\"mdi mdi-alpha-b-circle-outline\"\n></i>\n<i\n *ngIf=\"iconToShow === 'ALPHA_E_CIRCLE'\"\n class=\"mdi mdi-alpha-r-circle-outline\"\n></i>\n<i\n *ngIf=\"iconToShow === 'ALPHA_A_CIRCLE'\"\n class=\"mdi mdi-alpha-a-circle\"\n></i>\n<i\n *ngIf=\"iconToShow === 'CALENDAR'\"\n class=\"mdi mdi-calendar\"\n></i>\n<i\n *ngIf=\"iconToShow === 'MESSAGE'\"\n class=\"mdi mdi-comment-edit-outline\"\n (click)=\"svgIconClicked()\"\n></i>\n<i\n *ngIf=\"iconToShow === 'EMAIL_ICON'\"\n class=\"mdi mdi-send\"\n (click)=\"svgIconClicked()\"\n></i>\n<!-- <i\n *ngIf=\"iconToShow === 'ALPHA_R_CIRCLE'\"\n class=\"mdi mdi-alpha-r-circle-outline\"\n></i> -->\n\n<anna-core-anna-est-icon-template *ngIf=\"iconToShow === 'ALPHA_R_CIRCLE'\"></anna-core-anna-est-icon-template>\n", styles: [".cursor-not-allowed{cursor:not-allowed!important}.mdi-alert{color:#f97b07;font-size:.9375rem}:host ::ng-deep anna-core-pay-for-performance-icon-template svg{margin-bottom:6px}.mdi.mdi-alert{font-size:13px;position:relative;color:#f3c639;top:1px}.anna-automation-activated-icon.mdi.mdi-cog-refresh{font-size:13px;position:relative;top:1px}.mdi.mdi-information-outline{color:var(--primary-blue-color);cursor:pointer!important}.mdi.mdi-alert-octagon{color:red;cursor:pointer!important}.mdi.mdi-cancel{color:var(--primary-red-color);cursor:pointer!important}.mdi.mdi-comment-edit-outline{color:var(--primary-blue-color);cursor:pointer!important}.mdi.mdi-send{color:var(--primary-blue-color);cursor:pointer!important;font-weight:400;font-size:16px;letter-spacing:0;padding-right:0}\n"] }]
|
|
126
|
+
], template: "<span *ngIf=\"iconToShow === 'PAY_FOR_PERFORMANCE_ACTIVE'\">\n <anna-core-pay-for-performance-icon-template\n [color]=\"PfpIconActiveColor\"\n [width]=\"'12px'\"\n [height]=\"'12px'\"\n >\n </anna-core-pay-for-performance-icon-template>\n</span>\n\n<anna-core-deleted-order-icon-template *ngIf=\"iconToShow === 'DELETED_ORDER'\"> </anna-core-deleted-order-icon-template>\n\n<i\n class=\"mdi mdi-alert\"\n *ngIf=\"iconToShow === 'NEED_SELLER_CONFIRMATION'\"\n></i>\n<i\n class=\"mdi mdi-alert\"\n *ngIf=\"iconToShow === 'NEED_BUYER_CONFIRMATION'\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'AUTOMATED'\"\n class=\"anna-automation-activated-icon mdi mdi-cog-refresh\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'WARNING_ICON'\"\n class=\"mdi mdi-alert\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'INFORMATION_OUTLINE_ICON'\"\n class=\"mdi mdi-information-outline\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'ALERT_OCTAGON_ICON'\"\n class=\"mdi mdi-alert-octagon\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'CANCEL_ICON'\"\n class=\"mdi mdi-cancel\"\n></i>\n\n<i\n *ngIf=\"iconToShow === 'ALPHA_B_CIRCLE'\"\n class=\"mdi mdi-alpha-b-circle-outline\"\n></i>\n<i\n *ngIf=\"iconToShow === 'ALPHA_E_CIRCLE'\"\n class=\"mdi mdi-alpha-r-circle-outline\"\n></i>\n<i\n *ngIf=\"iconToShow === 'ALPHA_A_CIRCLE'\"\n class=\"mdi mdi-alpha-a-circle\"\n></i>\n<i\n *ngIf=\"iconToShow === 'CALENDAR'\"\n class=\"mdi mdi-calendar\"\n></i>\n<i\n *ngIf=\"iconToShow === 'MESSAGE'\"\n class=\"mdi mdi-comment-edit-outline\"\n (click)=\"svgIconClicked()\"\n></i>\n<i\n *ngIf=\"iconToShow === 'EMAIL_ICON'\"\n class=\"mdi mdi-send\"\n (click)=\"svgIconClicked()\"\n></i>\n<i\n *ngIf=\"iconToShow === 'TRENDING_UP'\"\n class=\"mdi mdi-trending-up\"\n></i>\n<!-- <i\n *ngIf=\"iconToShow === 'ALPHA_R_CIRCLE'\"\n class=\"mdi mdi-alpha-r-circle-outline\"\n></i> -->\n\n<anna-core-anna-est-icon-template *ngIf=\"iconToShow === 'ALPHA_R_CIRCLE'\"></anna-core-anna-est-icon-template>\n", styles: [".cursor-not-allowed{cursor:not-allowed!important}.mdi-alert{color:#f97b07;font-size:.9375rem}:host ::ng-deep anna-core-pay-for-performance-icon-template svg{margin-bottom:6px}.mdi.mdi-alert{font-size:13px;position:relative;color:#f3c639;top:1px}.anna-automation-activated-icon.mdi.mdi-cog-refresh{font-size:13px;position:relative;top:1px}.mdi.mdi-information-outline{color:var(--primary-blue-color);cursor:pointer!important}.mdi.mdi-alert-octagon{color:red;cursor:pointer!important}.mdi.mdi-cancel{color:var(--primary-red-color);cursor:pointer!important}.mdi.mdi-comment-edit-outline{color:var(--primary-blue-color);cursor:pointer!important}.mdi.mdi-send{color:var(--primary-blue-color);cursor:pointer!important;font-weight:400;font-size:16px;letter-spacing:0;padding-right:0}\n"] }]
|
|
127
127
|
}], propDecorators: { componentName: [{
|
|
128
128
|
type: Input
|
|
129
129
|
}], iconToShow: [{
|
|
@@ -385,10 +385,10 @@ class DigitOnlyDirective {
|
|
|
385
385
|
}
|
|
386
386
|
return oldValue.substring(0, selectionStart) + key + oldValue.substring(selectionEnd);
|
|
387
387
|
}
|
|
388
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
389
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
388
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DigitOnlyDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
389
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: DigitOnlyDirective, isStandalone: true, selector: "[annaCoreDigitOnly]", inputs: { decimal: "decimal", decimalSeparator: "decimalSeparator", allowNegatives: "allowNegatives", allowPaste: "allowPaste", negativeSign: "negativeSign", min: "min", max: "max", pattern: "pattern", decimalPlaces: "decimalPlaces" }, host: { listeners: { "beforeinput": "onBeforeInput($event)", "keydown": "onKeyDown($event)", "paste": "onPaste($event)", "drop": "onDrop($event)" } }, usesOnChanges: true, ngImport: i0 }); }
|
|
390
390
|
}
|
|
391
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
391
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DigitOnlyDirective, decorators: [{
|
|
392
392
|
type: Directive,
|
|
393
393
|
args: [{
|
|
394
394
|
selector: "[annaCoreDigitOnly]",
|
|
@@ -434,10 +434,10 @@ class AnnaNoDataComponent {
|
|
|
434
434
|
ngOnInit() {
|
|
435
435
|
this.message = "No data to display";
|
|
436
436
|
}
|
|
437
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
438
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
437
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaNoDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
438
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaNoDataComponent, isStandalone: true, selector: "anna-core-no-data-lib", inputs: { width: "width", marginTop: "marginTop" }, ngImport: i0, template: "<div\n [style.marginRight]=\"width\"\n [style.marginTop]=\"marginTop\"\n class=\"no-data\"\n>\n <label>{{ message }}</label>\n</div>\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;font-size:var(--page-link-fs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
439
439
|
}
|
|
440
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaNoDataComponent, decorators: [{
|
|
441
441
|
type: Component,
|
|
442
442
|
args: [{ selector: "anna-core-no-data-lib", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div\n [style.marginRight]=\"width\"\n [style.marginTop]=\"marginTop\"\n class=\"no-data\"\n>\n <label>{{ message }}</label>\n</div>\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;font-size:var(--page-link-fs)}\n"] }]
|
|
443
443
|
}], ctorParameters: () => [], propDecorators: { width: [{
|
|
@@ -457,10 +457,10 @@ class AnnaLicensingTableComponent {
|
|
|
457
457
|
onValueChange(updatedValue, featureDetails) {
|
|
458
458
|
this.specificationChanged.emit({ updatedValue, featureDetails });
|
|
459
459
|
}
|
|
460
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
461
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AnnaLicensingTableComponent, isStandalone: true, selector: "anna-core-licensing-table", inputs: { plans: "plans", isEditMode: "isEditMode", loading: "loading", defaultListing: "defaultListing", editingCurrentPlan: "editingCurrentPlan", maxValueForEvaluationPlanPOD: "maxValueForEvaluationPlanPOD" }, outputs: { specificationChanged: "specificationChanged" }, ngImport: i0, template: "<table class=\"header-section\">\n <thead>\n <tr>\n <th><div>FEATURE</div></th>\n <ng-container *ngIf=\"loading\">\n <ng-container *ngIf=\"defaultListing\">\n <div class=\"skeleton-loader\">\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ height: '100%', borderRadius: '8px', marginBottom: '0px' }\"\n >\n </ngx-skeleton-loader>\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ height: '100%', borderRadius: '8px', marginBottom: '0px' }\"\n >\n </ngx-skeleton-loader>\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ height: '100%', borderRadius: '8px', marginBottom: '0px' }\"\n >\n </ngx-skeleton-loader>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!defaultListing\">\n <div class=\"skeleton-loader\">\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ height: '100%', borderRadius: '8px', marginBottom: '0px' }\"\n >\n </ngx-skeleton-loader>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!loading && plans?.length\">\n <th *ngFor=\"let plan of plans\">\n {{ plan?.PlanName }}\n <ng-container *ngIf=\"plans.length === 1\">\n <p *ngIf=\"isEditMode\">\n {{ editingCurrentPlan ? \"Current plan\" : \"Upcoming Plan\" }}\n </p>\n <p *ngIf=\"!isEditMode\">\n {{ !plan?.PlanExpiryDays || plan?.PlanExpiryDays >= 0 ? \"Current plan\" : \"Expired Plan\" }}\n </p>\n </ng-container>\n </th>\n </ng-container>\n </tr>\n </thead>\n</table>\n<div class=\"scrollable-tbody\">\n <ng-container *ngIf=\"loading\">\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ marginTop: '10px', marginBottom: '0', height: defaultListing ? '490px' : '430px' }\"\n >\n </ngx-skeleton-loader>\n </ng-container>\n <ng-container *ngIf=\"!loading && plans?.length\">\n <table>\n <tbody>\n <tr *ngFor=\"let feature of plans[0]?.FeatureDetails; let featureIndex = index\">\n <td>\n <strong>{{ feature.FeatureName }}</strong> {{ feature.FeatureDescription }}\n </td>\n <td *ngFor=\"let plan of plans; let planIndex = index\">\n <ng-container *ngIf=\"plan.FeatureDetails[featureIndex] as featureDetails\">\n <ng-container *ngIf=\"!featureDetails.Specification.length\">\n <i\n *ngIf=\"featureDetails.IsEnabled\"\n class=\"mdi mdi-checkbox-marked-circle\"\n ></i>\n <i\n *ngIf=\"!featureDetails.IsEnabled\"\n class=\"mdi mdi-close\"\n ></i>\n </ng-container>\n <ng-container *ngIf=\"featureDetails.Specification.length\">\n <ng-container *ngFor=\"let spec of featureDetails.Specification\">\n <ng-container *ngIf=\"spec.JsonType === 'PAY_PER_USE'\">\n <div *ngIf=\"isEditMode\">\n <input\n annaCoreDigitOnly\n type=\"number\"\n [ngModel]=\"spec.Json.TotalCount\"\n (ngModelChange)=\"onValueChange($event, featureDetails)\"\n [attr.min]=\"spec.JsonCloned.TotalCount\"\n [attr.max]=\"maxValueForEvaluationPlanPOD || null\"\n [ngClass]=\"{\n 'red-border':\n spec.Json.TotalCount < spec.JsonCloned.TotalCount ||\n (maxValueForEvaluationPlanPOD &&\n spec.Json.TotalCount > maxValueForEvaluationPlanPOD)\n }\"\n />\n Orders\n <i\n class=\"mdi mdi-alert-octagon\"\n *ngIf=\"\n spec.Json.TotalCount < spec.JsonCloned.TotalCount ||\n (maxValueForEvaluationPlanPOD && spec.Json.TotalCount > maxValueForEvaluationPlanPOD)\n \"\n matTooltipPosition=\"above\"\n matTooltip=\"The value must be at least the chosen plan's limit and no more than the next plan's limit.\"\n ></i>\n </div>\n <div *ngIf=\"!isEditMode\">\n <p>\n {{ spec.Json.TotalCount }} Orders\n <span *ngIf=\"spec.Json.ConsumedCount\"\n >|\n {{ spec.Json.TotalCount - spec.Json.ConsumedCount }}\n Remaining</span\n >\n </p>\n <span\n class=\"customized-text\"\n *ngIf=\"spec.IsCustomized\"\n >(Customized)</span\n >\n </div>\n </ng-container>\n </ng-container>\n </ng-container>\n </ng-container>\n </td>\n </tr>\n </tbody>\n </table>\n </ng-container>\n <ng-container *ngIf=\"!loading && !plans?.length\">\n <anna-core-no-data-lib [width]=\"'50%'\"></anna-core-no-data-lib>\n </ng-container>\n</div>\n", styles: ["table.header-section{border-collapse:separate;border-spacing:0 8px;width:100%;border-top:1px solid #9b1cd5;border-bottom:1px solid #9b1cd5}.scrollable-tbody table{border-collapse:collapse;width:100%}tr{height:40px}tr .skeleton-loader{display:flex;justify-content:flex-end}tr ::ng-deep ngx-skeleton-loader{border:1px solid #304598;border-radius:8px;width:153px;height:52px;display:inline-block;margin-right:8px}tr ::ng-deep ngx-skeleton-loader:nth-of-type(1) div{background-color:#f5f7ff}tr ::ng-deep ngx-skeleton-loader:nth-of-type(2) div{background-color:#dfe6ff}tr ::ng-deep ngx-skeleton-loader:nth-of-type(3) div{background-color:#c6d2ff}tr ::ng-deep ngx-skeleton-loader:last-of-type{margin-right:0}th{padding:8px 8px 8px 0;text-align:left;font-family:Roboto;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;position:sticky;top:0;background-color:#fff;z-index:1}th:not(:first-child){border:1px solid #304598;border-radius:8px;padding-left:8px;width:137px;height:35px}th:not(:first-child) p{font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;margin-bottom:0}th:nth-of-type(2){background-color:#f5f7ff}th:nth-of-type(3){background-color:#dfe6ff}th:nth-of-type(4){background-color:#c6d2ff}td{border-bottom:1px solid #d3d3d3;padding:8px 8px 8px 0;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}td p{margin-bottom:0}td input{width:30px}td .mdi-checkbox-marked-circle{font-size:14px;color:#304598;position:relative}td .mdi-close{color:#bdbdbd}td .mdi-alert-octagon{color:#f44336!important;cursor:pointer}td .red-border{border:1px solid #f44336;outline:#f44336}td:not(:first-child){width:142px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.customized-text{color:#a7a7a7;font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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: NgxSkeletonLoaderModule }, { kind: "component", type: i3.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }, { kind: "directive", type: DigitOnlyDirective, selector: "[annaCoreDigitOnly]", inputs: ["decimal", "decimalSeparator", "allowNegatives", "allowPaste", "negativeSign", "min", "max", "pattern", "decimalPlaces"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AnnaNoDataComponent, selector: "anna-core-no-data-lib", inputs: ["width", "marginTop"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
460
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaLicensingTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
461
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaLicensingTableComponent, isStandalone: true, selector: "anna-core-licensing-table", inputs: { plans: "plans", isEditMode: "isEditMode", loading: "loading", defaultListing: "defaultListing", editingCurrentPlan: "editingCurrentPlan", maxValueForEvaluationPlanPOD: "maxValueForEvaluationPlanPOD" }, outputs: { specificationChanged: "specificationChanged" }, ngImport: i0, template: "<table class=\"header-section\">\n <thead>\n <tr>\n <th><div>FEATURE</div></th>\n <ng-container *ngIf=\"loading\">\n <ng-container *ngIf=\"defaultListing\">\n <div class=\"skeleton-loader\">\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ height: '100%', borderRadius: '8px', marginBottom: '0px' }\"\n >\n </ngx-skeleton-loader>\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ height: '100%', borderRadius: '8px', marginBottom: '0px' }\"\n >\n </ngx-skeleton-loader>\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ height: '100%', borderRadius: '8px', marginBottom: '0px' }\"\n >\n </ngx-skeleton-loader>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!defaultListing\">\n <div class=\"skeleton-loader\">\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ height: '100%', borderRadius: '8px', marginBottom: '0px' }\"\n >\n </ngx-skeleton-loader>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!loading && plans?.length\">\n <th *ngFor=\"let plan of plans\">\n {{ plan?.PlanName }}\n <ng-container *ngIf=\"plans.length === 1\">\n <p *ngIf=\"isEditMode\">\n {{ editingCurrentPlan ? \"Current plan\" : \"Upcoming Plan\" }}\n </p>\n <p *ngIf=\"!isEditMode\">\n {{ !plan?.PlanExpiryDays || plan?.PlanExpiryDays >= 0 ? \"Current plan\" : \"Expired Plan\" }}\n </p>\n </ng-container>\n </th>\n </ng-container>\n </tr>\n </thead>\n</table>\n<div class=\"scrollable-tbody\">\n <ng-container *ngIf=\"loading\">\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ marginTop: '10px', marginBottom: '0', height: defaultListing ? '490px' : '430px' }\"\n >\n </ngx-skeleton-loader>\n </ng-container>\n <ng-container *ngIf=\"!loading && plans?.length\">\n <table>\n <tbody>\n <tr *ngFor=\"let feature of plans[0]?.FeatureDetails; let featureIndex = index\">\n <td>\n <strong>{{ feature.FeatureName }}</strong> {{ feature.FeatureDescription }}\n </td>\n <td *ngFor=\"let plan of plans; let planIndex = index\">\n <ng-container *ngIf=\"plan.FeatureDetails[featureIndex] as featureDetails\">\n <ng-container *ngIf=\"!featureDetails.Specification.length\">\n <i\n *ngIf=\"featureDetails.IsEnabled\"\n class=\"mdi mdi-checkbox-marked-circle\"\n ></i>\n <i\n *ngIf=\"!featureDetails.IsEnabled\"\n class=\"mdi mdi-close\"\n ></i>\n </ng-container>\n <ng-container *ngIf=\"featureDetails.Specification.length\">\n <ng-container *ngFor=\"let spec of featureDetails.Specification\">\n <ng-container *ngIf=\"spec.JsonType === 'PAY_PER_USE'\">\n <div *ngIf=\"isEditMode\">\n <input\n annaCoreDigitOnly\n type=\"number\"\n [ngModel]=\"spec.Json.TotalCount\"\n (ngModelChange)=\"onValueChange($event, featureDetails)\"\n [attr.min]=\"spec.JsonCloned.TotalCount\"\n [attr.max]=\"maxValueForEvaluationPlanPOD || null\"\n [ngClass]=\"{\n 'red-border':\n spec.Json.TotalCount < spec.JsonCloned.TotalCount ||\n (maxValueForEvaluationPlanPOD &&\n spec.Json.TotalCount > maxValueForEvaluationPlanPOD)\n }\"\n />\n Orders\n <i\n class=\"mdi mdi-alert-octagon\"\n *ngIf=\"\n spec.Json.TotalCount < spec.JsonCloned.TotalCount ||\n (maxValueForEvaluationPlanPOD && spec.Json.TotalCount > maxValueForEvaluationPlanPOD)\n \"\n matTooltipPosition=\"above\"\n matTooltip=\"The value must be at least the chosen plan's limit and no more than the next plan's limit.\"\n ></i>\n </div>\n <div *ngIf=\"!isEditMode\">\n <p>\n {{ spec.Json.TotalCount }} Orders\n <span *ngIf=\"spec.Json.ConsumedCount\"\n >|\n {{ spec.Json.TotalCount - spec.Json.ConsumedCount }}\n Remaining</span\n >\n </p>\n <span\n class=\"customized-text\"\n *ngIf=\"spec.IsCustomized\"\n >(Customized)</span\n >\n </div>\n </ng-container>\n </ng-container>\n </ng-container>\n </ng-container>\n </td>\n </tr>\n </tbody>\n </table>\n </ng-container>\n <ng-container *ngIf=\"!loading && !plans?.length\">\n <anna-core-no-data-lib [width]=\"'50%'\"></anna-core-no-data-lib>\n </ng-container>\n</div>\n", styles: ["table.header-section{border-collapse:separate;border-spacing:0 8px;width:100%;border-top:1px solid #9b1cd5;border-bottom:1px solid #9b1cd5}.scrollable-tbody table{border-collapse:collapse;width:100%}tr{height:40px}tr .skeleton-loader{display:flex;justify-content:flex-end}tr ::ng-deep ngx-skeleton-loader{border:1px solid #304598;border-radius:8px;width:153px;height:52px;display:inline-block;margin-right:8px}tr ::ng-deep ngx-skeleton-loader:nth-of-type(1) div{background-color:#f5f7ff}tr ::ng-deep ngx-skeleton-loader:nth-of-type(2) div{background-color:#dfe6ff}tr ::ng-deep ngx-skeleton-loader:nth-of-type(3) div{background-color:#c6d2ff}tr ::ng-deep ngx-skeleton-loader:last-of-type{margin-right:0}th{padding:8px 8px 8px 0;text-align:left;font-family:Roboto;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;position:sticky;top:0;background-color:#fff;z-index:1}th:not(:first-child){border:1px solid #304598;border-radius:8px;padding-left:8px;width:137px;height:35px}th:not(:first-child) p{font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;margin-bottom:0}th:nth-of-type(2){background-color:#f5f7ff}th:nth-of-type(3){background-color:#dfe6ff}th:nth-of-type(4){background-color:#c6d2ff}td{border-bottom:1px solid #d3d3d3;padding:8px 8px 8px 0;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}td p{margin-bottom:0}td input{width:30px}td .mdi-checkbox-marked-circle{font-size:14px;color:#304598;position:relative}td .mdi-close{color:#bdbdbd}td .mdi-alert-octagon{color:#f44336!important;cursor:pointer}td .red-border{border:1px solid #f44336;outline:#f44336}td:not(:first-child){width:142px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.customized-text{color:#a7a7a7;font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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: NgxSkeletonLoaderModule }, { kind: "component", type: i3.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }, { kind: "directive", type: DigitOnlyDirective, selector: "[annaCoreDigitOnly]", inputs: ["decimal", "decimalSeparator", "allowNegatives", "allowPaste", "negativeSign", "min", "max", "pattern", "decimalPlaces"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AnnaNoDataComponent, selector: "anna-core-no-data-lib", inputs: ["width", "marginTop"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
462
462
|
}
|
|
463
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaLicensingTableComponent, decorators: [{
|
|
464
464
|
type: Component,
|
|
465
465
|
args: [{ selector: "anna-core-licensing-table", standalone: true, imports: [CommonModule, FormsModule, NgxSkeletonLoaderModule, DigitOnlyDirective, MatTooltipModule, AnnaNoDataComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<table class=\"header-section\">\n <thead>\n <tr>\n <th><div>FEATURE</div></th>\n <ng-container *ngIf=\"loading\">\n <ng-container *ngIf=\"defaultListing\">\n <div class=\"skeleton-loader\">\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ height: '100%', borderRadius: '8px', marginBottom: '0px' }\"\n >\n </ngx-skeleton-loader>\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ height: '100%', borderRadius: '8px', marginBottom: '0px' }\"\n >\n </ngx-skeleton-loader>\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ height: '100%', borderRadius: '8px', marginBottom: '0px' }\"\n >\n </ngx-skeleton-loader>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!defaultListing\">\n <div class=\"skeleton-loader\">\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ height: '100%', borderRadius: '8px', marginBottom: '0px' }\"\n >\n </ngx-skeleton-loader>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!loading && plans?.length\">\n <th *ngFor=\"let plan of plans\">\n {{ plan?.PlanName }}\n <ng-container *ngIf=\"plans.length === 1\">\n <p *ngIf=\"isEditMode\">\n {{ editingCurrentPlan ? \"Current plan\" : \"Upcoming Plan\" }}\n </p>\n <p *ngIf=\"!isEditMode\">\n {{ !plan?.PlanExpiryDays || plan?.PlanExpiryDays >= 0 ? \"Current plan\" : \"Expired Plan\" }}\n </p>\n </ng-container>\n </th>\n </ng-container>\n </tr>\n </thead>\n</table>\n<div class=\"scrollable-tbody\">\n <ng-container *ngIf=\"loading\">\n <ngx-skeleton-loader\n count=\"1\"\n [theme]=\"{ marginTop: '10px', marginBottom: '0', height: defaultListing ? '490px' : '430px' }\"\n >\n </ngx-skeleton-loader>\n </ng-container>\n <ng-container *ngIf=\"!loading && plans?.length\">\n <table>\n <tbody>\n <tr *ngFor=\"let feature of plans[0]?.FeatureDetails; let featureIndex = index\">\n <td>\n <strong>{{ feature.FeatureName }}</strong> {{ feature.FeatureDescription }}\n </td>\n <td *ngFor=\"let plan of plans; let planIndex = index\">\n <ng-container *ngIf=\"plan.FeatureDetails[featureIndex] as featureDetails\">\n <ng-container *ngIf=\"!featureDetails.Specification.length\">\n <i\n *ngIf=\"featureDetails.IsEnabled\"\n class=\"mdi mdi-checkbox-marked-circle\"\n ></i>\n <i\n *ngIf=\"!featureDetails.IsEnabled\"\n class=\"mdi mdi-close\"\n ></i>\n </ng-container>\n <ng-container *ngIf=\"featureDetails.Specification.length\">\n <ng-container *ngFor=\"let spec of featureDetails.Specification\">\n <ng-container *ngIf=\"spec.JsonType === 'PAY_PER_USE'\">\n <div *ngIf=\"isEditMode\">\n <input\n annaCoreDigitOnly\n type=\"number\"\n [ngModel]=\"spec.Json.TotalCount\"\n (ngModelChange)=\"onValueChange($event, featureDetails)\"\n [attr.min]=\"spec.JsonCloned.TotalCount\"\n [attr.max]=\"maxValueForEvaluationPlanPOD || null\"\n [ngClass]=\"{\n 'red-border':\n spec.Json.TotalCount < spec.JsonCloned.TotalCount ||\n (maxValueForEvaluationPlanPOD &&\n spec.Json.TotalCount > maxValueForEvaluationPlanPOD)\n }\"\n />\n Orders\n <i\n class=\"mdi mdi-alert-octagon\"\n *ngIf=\"\n spec.Json.TotalCount < spec.JsonCloned.TotalCount ||\n (maxValueForEvaluationPlanPOD && spec.Json.TotalCount > maxValueForEvaluationPlanPOD)\n \"\n matTooltipPosition=\"above\"\n matTooltip=\"The value must be at least the chosen plan's limit and no more than the next plan's limit.\"\n ></i>\n </div>\n <div *ngIf=\"!isEditMode\">\n <p>\n {{ spec.Json.TotalCount }} Orders\n <span *ngIf=\"spec.Json.ConsumedCount\"\n >|\n {{ spec.Json.TotalCount - spec.Json.ConsumedCount }}\n Remaining</span\n >\n </p>\n <span\n class=\"customized-text\"\n *ngIf=\"spec.IsCustomized\"\n >(Customized)</span\n >\n </div>\n </ng-container>\n </ng-container>\n </ng-container>\n </ng-container>\n </td>\n </tr>\n </tbody>\n </table>\n </ng-container>\n <ng-container *ngIf=\"!loading && !plans?.length\">\n <anna-core-no-data-lib [width]=\"'50%'\"></anna-core-no-data-lib>\n </ng-container>\n</div>\n", styles: ["table.header-section{border-collapse:separate;border-spacing:0 8px;width:100%;border-top:1px solid #9b1cd5;border-bottom:1px solid #9b1cd5}.scrollable-tbody table{border-collapse:collapse;width:100%}tr{height:40px}tr .skeleton-loader{display:flex;justify-content:flex-end}tr ::ng-deep ngx-skeleton-loader{border:1px solid #304598;border-radius:8px;width:153px;height:52px;display:inline-block;margin-right:8px}tr ::ng-deep ngx-skeleton-loader:nth-of-type(1) div{background-color:#f5f7ff}tr ::ng-deep ngx-skeleton-loader:nth-of-type(2) div{background-color:#dfe6ff}tr ::ng-deep ngx-skeleton-loader:nth-of-type(3) div{background-color:#c6d2ff}tr ::ng-deep ngx-skeleton-loader:last-of-type{margin-right:0}th{padding:8px 8px 8px 0;text-align:left;font-family:Roboto;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;position:sticky;top:0;background-color:#fff;z-index:1}th:not(:first-child){border:1px solid #304598;border-radius:8px;padding-left:8px;width:137px;height:35px}th:not(:first-child) p{font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;margin-bottom:0}th:nth-of-type(2){background-color:#f5f7ff}th:nth-of-type(3){background-color:#dfe6ff}th:nth-of-type(4){background-color:#c6d2ff}td{border-bottom:1px solid #d3d3d3;padding:8px 8px 8px 0;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}td p{margin-bottom:0}td input{width:30px}td .mdi-checkbox-marked-circle{font-size:14px;color:#304598;position:relative}td .mdi-close{color:#bdbdbd}td .mdi-alert-octagon{color:#f44336!important;cursor:pointer}td .red-border{border:1px solid #f44336;outline:#f44336}td:not(:first-child){width:142px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.customized-text{color:#a7a7a7;font-style:italic}\n"] }]
|
|
466
466
|
}], propDecorators: { plans: [{
|
|
@@ -490,10 +490,10 @@ class AnnaSpinnerLoaderService {
|
|
|
490
490
|
stop() {
|
|
491
491
|
this.loaderSubject.next(false);
|
|
492
492
|
}
|
|
493
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
494
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
493
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaSpinnerLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
494
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaSpinnerLoaderService, providedIn: "root" }); }
|
|
495
495
|
}
|
|
496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaSpinnerLoaderService, decorators: [{
|
|
497
497
|
type: Injectable,
|
|
498
498
|
args: [{
|
|
499
499
|
providedIn: "root",
|
|
@@ -512,10 +512,10 @@ class AnnaSpinnerLoaderComponent {
|
|
|
512
512
|
this.cdref.markForCheck();
|
|
513
513
|
});
|
|
514
514
|
}
|
|
515
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
516
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
515
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaSpinnerLoaderComponent, deps: [{ token: AnnaSpinnerLoaderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
516
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaSpinnerLoaderComponent, isStandalone: true, selector: "anna-core-spinner-loader", ngImport: i0, template: "<div\n *ngIf=\"loading\"\n class=\"loading\"\n>\n <div class=\"app-spinner-container\">\n <div class=\"ngx-foreground-spinner\">\n <div class=\"sk-three-strings\">\n <div></div>\n <div></div>\n <div></div>\n </div>\n </div>\n </div>\n</div>\n", styles: [".loading{z-index:99998!important;background-color:#282828cc;cursor:progress;opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
517
517
|
}
|
|
518
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
518
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaSpinnerLoaderComponent, decorators: [{
|
|
519
519
|
type: Component,
|
|
520
520
|
args: [{ selector: "anna-core-spinner-loader", imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"loading\"\n class=\"loading\"\n>\n <div class=\"app-spinner-container\">\n <div class=\"ngx-foreground-spinner\">\n <div class=\"sk-three-strings\">\n <div></div>\n <div></div>\n <div></div>\n </div>\n </div>\n </div>\n</div>\n", styles: [".loading{z-index:99998!important;background-color:#282828cc;cursor:progress;opacity:1}\n"] }]
|
|
521
521
|
}], ctorParameters: () => [{ type: AnnaSpinnerLoaderService }, { type: i0.ChangeDetectorRef }] });
|
|
@@ -544,10 +544,10 @@ class FixedRowsPopupTableDirective {
|
|
|
544
544
|
: totalPopupTableHeight;
|
|
545
545
|
this.renderer.setStyle(this.el.nativeElement, "max-height", `calc(${tableHeightForPopup}px)`);
|
|
546
546
|
}
|
|
547
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
548
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
547
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FixedRowsPopupTableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
548
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: FixedRowsPopupTableDirective, isStandalone: true, selector: "[annaCoreFixedRowsInPopupTable]", inputs: { popupRowHeight: "popupRowHeight", popupHeaderHeight: "popupHeaderHeight", tableDataLength: "tableDataLength" }, host: { listeners: { "window:resize": "onWindowResize()" } }, ngImport: i0 }); }
|
|
549
549
|
}
|
|
550
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
550
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FixedRowsPopupTableDirective, decorators: [{
|
|
551
551
|
type: Directive,
|
|
552
552
|
args: [{
|
|
553
553
|
selector: "[annaCoreFixedRowsInPopupTable]",
|
|
@@ -602,10 +602,10 @@ class ShowEllipsisTextOnHoverDirective {
|
|
|
602
602
|
// will be greater than container element's right side position.
|
|
603
603
|
return childRect.right + padding > elementRect.right;
|
|
604
604
|
}
|
|
605
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
606
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
605
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ShowEllipsisTextOnHoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
606
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: ShowEllipsisTextOnHoverDirective, isStandalone: true, selector: "[annaCoreShowEllipsisTextOnHover]", inputs: { includeFullWidth: "includeFullWidth" }, host: { listeners: { "mouseenter": "onMouseEnter()" } }, ngImport: i0 }); }
|
|
607
607
|
}
|
|
608
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
608
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ShowEllipsisTextOnHoverDirective, decorators: [{
|
|
609
609
|
type: Directive,
|
|
610
610
|
args: [{
|
|
611
611
|
selector: "[annaCoreShowEllipsisTextOnHover]",
|
|
@@ -643,10 +643,10 @@ class AnnaConvertArrayToCommaSeperatedValue {
|
|
|
643
643
|
stringToDisplay = stringToDisplay.slice(0, -2);
|
|
644
644
|
return stringToDisplay;
|
|
645
645
|
}
|
|
646
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
647
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
646
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaConvertArrayToCommaSeperatedValue, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
647
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: AnnaConvertArrayToCommaSeperatedValue, isStandalone: true, name: "annaConvertArrayToCSV" }); }
|
|
648
648
|
}
|
|
649
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
649
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaConvertArrayToCommaSeperatedValue, decorators: [{
|
|
650
650
|
type: Pipe,
|
|
651
651
|
args: [{
|
|
652
652
|
name: "annaConvertArrayToCSV",
|
|
@@ -667,10 +667,10 @@ class AnnaConvertZeroOrNullOrUndefinedPipe {
|
|
|
667
667
|
}
|
|
668
668
|
return value;
|
|
669
669
|
}
|
|
670
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
671
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
670
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaConvertZeroOrNullOrUndefinedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
671
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: AnnaConvertZeroOrNullOrUndefinedPipe, isStandalone: true, name: "AnnaConvertZeroOrNullOrUndefined" }); }
|
|
672
672
|
}
|
|
673
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
673
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaConvertZeroOrNullOrUndefinedPipe, decorators: [{
|
|
674
674
|
type: Pipe,
|
|
675
675
|
args: [{
|
|
676
676
|
name: "AnnaConvertZeroOrNullOrUndefined",
|
|
@@ -684,10 +684,10 @@ class AnnaDateFormatterPipe {
|
|
|
684
684
|
const formattedTime = dayjs(value).format(format);
|
|
685
685
|
return formattedTime;
|
|
686
686
|
}
|
|
687
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
688
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
687
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaDateFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
688
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: AnnaDateFormatterPipe, isStandalone: true, name: "AnnaDateFormatter" }); }
|
|
689
689
|
}
|
|
690
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
690
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaDateFormatterPipe, decorators: [{
|
|
691
691
|
type: Pipe,
|
|
692
692
|
args: [{
|
|
693
693
|
name: "AnnaDateFormatter",
|
|
@@ -734,10 +734,10 @@ class AnnaFilterSearchedTextPipe {
|
|
|
734
734
|
}
|
|
735
735
|
return searchResult;
|
|
736
736
|
}
|
|
737
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
738
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
737
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaFilterSearchedTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
738
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: AnnaFilterSearchedTextPipe, isStandalone: true, name: "AnnafilterSearchedText" }); }
|
|
739
739
|
}
|
|
740
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
740
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaFilterSearchedTextPipe, decorators: [{
|
|
741
741
|
type: Pipe,
|
|
742
742
|
args: [{
|
|
743
743
|
name: "AnnafilterSearchedText",
|
|
@@ -758,10 +758,10 @@ class AnnaReplaceCharPipe {
|
|
|
758
758
|
replace(value, from, to) {
|
|
759
759
|
return value.replace(new RegExp(from, "g"), to);
|
|
760
760
|
}
|
|
761
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
762
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
761
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaReplaceCharPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
762
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: AnnaReplaceCharPipe, isStandalone: true, name: "annaReplaceChar" }); }
|
|
763
763
|
}
|
|
764
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
764
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaReplaceCharPipe, decorators: [{
|
|
765
765
|
type: Pipe,
|
|
766
766
|
args: [{
|
|
767
767
|
name: "annaReplaceChar",
|
|
@@ -773,10 +773,10 @@ class AnnaTypeofDataPipe {
|
|
|
773
773
|
transform(value) {
|
|
774
774
|
return typeof value;
|
|
775
775
|
}
|
|
776
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
777
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.
|
|
776
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaTypeofDataPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
777
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: AnnaTypeofDataPipe, isStandalone: true, name: "AnnatypeofData" }); }
|
|
778
778
|
}
|
|
779
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
779
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaTypeofDataPipe, decorators: [{
|
|
780
780
|
type: Pipe,
|
|
781
781
|
args: [{
|
|
782
782
|
name: "AnnatypeofData",
|
|
@@ -1008,10 +1008,10 @@ class AnnaDateTimeFormatService {
|
|
|
1008
1008
|
const end = dayjs(date).add((7 - day) % 7, "day");
|
|
1009
1009
|
return { start, end };
|
|
1010
1010
|
}
|
|
1011
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1012
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
1011
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaDateTimeFormatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1012
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaDateTimeFormatService, providedIn: "root" }); }
|
|
1013
1013
|
}
|
|
1014
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1014
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaDateTimeFormatService, decorators: [{
|
|
1015
1015
|
type: Injectable,
|
|
1016
1016
|
args: [{
|
|
1017
1017
|
providedIn: "root",
|
|
@@ -1130,10 +1130,10 @@ class AnnaCalendarFilterComponent {
|
|
|
1130
1130
|
this.disableApplyBtn = true;
|
|
1131
1131
|
}
|
|
1132
1132
|
}
|
|
1133
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1134
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AnnaCalendarFilterComponent, isStandalone: true, selector: "anna-core-calendar-filter-lib", inputs: { maxDate: "maxDate", autoClose: "autoClose", label: "label", minDate: "minDate", showLabel: "showLabel", dateFormat: "dateFormat", placeholder: "placeholder", disabled: "disabled", selectedFromDate: "selectedFromDate", selectedToDate: "selectedToDate", disableFunction: "disableFunction", showFooterTemplate: "showFooterTemplate", placement: "placement" }, outputs: { selectedDate: "selectedDate", apply: "apply", cancel: "cancel" }, usesOnChanges: true, ngImport: i0, template: "<!-- container=\"body\"\ndatepickerClass = \"calendar-filter\" -->\n\n<p\n class=\"calendar-label\"\n *ngIf=\"showLabel\"\n>\n {{ label | titlecase }}\n</p>\n<form>\n <div class=\"padding-class\">\n <div class=\"dp-hidden position-absolute\">\n <div class=\"input-group\">\n <input\n name=\"datepicker\"\n class=\"form-control\"\n ngbDatepicker\n #datepicker=\"ngbDatepicker\"\n (dateSelect)=\"onDateSelection($event)\"\n [displayMonths]=\"1\"\n [dayTemplate]=\"t\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [autoClose]=\"autoClose\"\n [startDate]=\"fromDate\"\n [markDisabled]=\"disableFunction\"\n [footerTemplate]=\"footerTemplate\"\n navigation=\"select\"\n (closed)=\"datepickerClosed()\"\n [placement]=\"placement\"\n />\n <ng-template\n #t\n let-date\n let-focused=\"focused\"\n >\n <span\n class=\"custom-day\"\n [class.focused]=\"focused\"\n [class.range]=\"isRange(date)\"\n [class.faded]=\"isHovered(date) || isInside(date)\"\n (mouseenter)=\"hoveredDate = date\"\n (mouseleave)=\"hoveredDate = null\"\n >\n {{ date.day }}\n </span>\n </ng-template>\n </div>\n </div>\n <div class=\"input-group\">\n <input\n #dpFromDate\n id=\"datepicker-input\"\n class=\"form-control\"\n [placeholder]=\"placeholder\"\n readonly\n name=\"dpFromDate\"\n [value]=\"dateToBeShownInInput\"\n />\n <button\n class=\"icon-container\"\n (click)=\"datepicker.toggle()\"\n type=\"button\"\n [disabled]=\"disabled\"\n >\n <i\n class=\"mdi mdi-calendar-range\"\n *ngIf=\"!datepicker.isOpen()\"\n ></i>\n <i\n class=\"mdi mdi-check\"\n *ngIf=\"datepicker.isOpen()\"\n ></i>\n </button>\n </div>\n </div>\n</form>\n\n<ng-template #footerTemplate>\n <div\n class=\"buttons-container\"\n *ngIf=\"showFooterTemplate\"\n >\n <button\n class=\"button\"\n (click)=\"cancelSelection(); datepicker.close()\"\n >\n Cancel\n </button>\n <button\n class=\"button\"\n [ngClass]=\"{ disabled: disableApplyBtn }\"\n [disabled]=\"disableApplyBtn\"\n (click)=\"applySelection(); datepicker.close()\"\n >\n Apply\n </button>\n </div>\n</ng-template>\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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!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:#2962ff}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}div.padding-class{padding:0 12px}: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:.5rem 0 0!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:8px .25rem;color:#000;display:inline-block;height:2rem!important;width:2.2rem!important;font-size:var(--week-calendar-week-fs)}.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:var(--dropdown-text-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;padding-block:5px}input#datepicker-input:focus{box-shadow:none}div.input-group{border:1px solid #b7b7b7;border-radius:2px}.calendar-label{font-family:Roboto;font-size:var(--dropdown-label-fs);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:24px}: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}:host ::ng-deep .input-group{flex-wrap:nowrap}:host ::ng-deep .input-group .ngb-dp-day{color:#000}:host ::ng-deep .ngb-dp-weekdays{border-top:none}:host ::ng-deep .ngb-dp-month .ngb-dp-week:last-child{padding-bottom:6px}:host ::ng-deep .input-group ngb-datepicker.dropdown-menu{box-shadow:0 6px 12px #0000002d}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1133
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaCalendarFilterComponent, deps: [{ token: AnnaDateTimeFormatService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1134
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaCalendarFilterComponent, isStandalone: true, selector: "anna-core-calendar-filter-lib", inputs: { maxDate: "maxDate", autoClose: "autoClose", label: "label", minDate: "minDate", showLabel: "showLabel", dateFormat: "dateFormat", placeholder: "placeholder", disabled: "disabled", selectedFromDate: "selectedFromDate", selectedToDate: "selectedToDate", disableFunction: "disableFunction", showFooterTemplate: "showFooterTemplate", placement: "placement" }, outputs: { selectedDate: "selectedDate", apply: "apply", cancel: "cancel" }, usesOnChanges: true, ngImport: i0, template: "<!-- container=\"body\"\ndatepickerClass = \"calendar-filter\" -->\n\n<p\n class=\"calendar-label\"\n *ngIf=\"showLabel\"\n>\n {{ label | titlecase }}\n</p>\n<form>\n <div class=\"padding-class\">\n <div class=\"dp-hidden position-absolute\">\n <div class=\"input-group\">\n <input\n name=\"datepicker\"\n class=\"form-control\"\n ngbDatepicker\n #datepicker=\"ngbDatepicker\"\n (dateSelect)=\"onDateSelection($event)\"\n [displayMonths]=\"1\"\n [dayTemplate]=\"t\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [autoClose]=\"autoClose\"\n [startDate]=\"fromDate\"\n [markDisabled]=\"disableFunction\"\n [footerTemplate]=\"footerTemplate\"\n navigation=\"select\"\n (closed)=\"datepickerClosed()\"\n [placement]=\"placement\"\n />\n <ng-template\n #t\n let-date\n let-focused=\"focused\"\n >\n <span\n class=\"custom-day\"\n [class.focused]=\"focused\"\n [class.range]=\"isRange(date)\"\n [class.faded]=\"isHovered(date) || isInside(date)\"\n (mouseenter)=\"hoveredDate = date\"\n (mouseleave)=\"hoveredDate = null\"\n >\n {{ date.day }}\n </span>\n </ng-template>\n </div>\n </div>\n <div class=\"input-group\">\n <input\n #dpFromDate\n id=\"datepicker-input\"\n class=\"form-control\"\n [placeholder]=\"placeholder\"\n readonly\n name=\"dpFromDate\"\n [value]=\"dateToBeShownInInput\"\n />\n <button\n class=\"icon-container\"\n (click)=\"datepicker.toggle()\"\n type=\"button\"\n [disabled]=\"disabled\"\n >\n <i\n class=\"mdi mdi-calendar-range\"\n *ngIf=\"!datepicker.isOpen()\"\n ></i>\n <i\n class=\"mdi mdi-check\"\n *ngIf=\"datepicker.isOpen()\"\n ></i>\n </button>\n </div>\n </div>\n</form>\n\n<ng-template #footerTemplate>\n <div\n class=\"buttons-container\"\n *ngIf=\"showFooterTemplate\"\n >\n <button\n class=\"button\"\n (click)=\"cancelSelection(); datepicker.close()\"\n >\n Cancel\n </button>\n <button\n class=\"button\"\n [ngClass]=\"{ disabled: disableApplyBtn }\"\n [disabled]=\"disableApplyBtn\"\n (click)=\"applySelection(); datepicker.close()\"\n >\n Apply\n </button>\n </div>\n</ng-template>\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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!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:#2962ff}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}div.padding-class{padding:0 12px}: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:.5rem 0 0!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:8px .25rem;color:#000;display:inline-block;height:2rem!important;width:2.2rem!important;font-size:var(--week-calendar-week-fs)}.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:var(--dropdown-text-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;padding-block:5px}input#datepicker-input:focus{box-shadow:none}div.input-group{border:1px solid #b7b7b7;border-radius:2px}.calendar-label{font-family:Roboto;font-size:var(--dropdown-label-fs);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:24px}: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}:host ::ng-deep .input-group{flex-wrap:nowrap}:host ::ng-deep .input-group .ngb-dp-day{color:#000}:host ::ng-deep .ngb-dp-weekdays{border-top:none}:host ::ng-deep .ngb-dp-month .ngb-dp-week:last-child{padding-bottom:6px}:host ::ng-deep .input-group ngb-datepicker.dropdown-menu{box-shadow:0 6px 12px #0000002d}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1135
1135
|
}
|
|
1136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaCalendarFilterComponent, decorators: [{
|
|
1137
1137
|
type: Component,
|
|
1138
1138
|
args: [{ selector: "anna-core-calendar-filter-lib", changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf, FormsModule, NgbInputDatepicker, NgClass, TitleCasePipe], template: "<!-- container=\"body\"\ndatepickerClass = \"calendar-filter\" -->\n\n<p\n class=\"calendar-label\"\n *ngIf=\"showLabel\"\n>\n {{ label | titlecase }}\n</p>\n<form>\n <div class=\"padding-class\">\n <div class=\"dp-hidden position-absolute\">\n <div class=\"input-group\">\n <input\n name=\"datepicker\"\n class=\"form-control\"\n ngbDatepicker\n #datepicker=\"ngbDatepicker\"\n (dateSelect)=\"onDateSelection($event)\"\n [displayMonths]=\"1\"\n [dayTemplate]=\"t\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [autoClose]=\"autoClose\"\n [startDate]=\"fromDate\"\n [markDisabled]=\"disableFunction\"\n [footerTemplate]=\"footerTemplate\"\n navigation=\"select\"\n (closed)=\"datepickerClosed()\"\n [placement]=\"placement\"\n />\n <ng-template\n #t\n let-date\n let-focused=\"focused\"\n >\n <span\n class=\"custom-day\"\n [class.focused]=\"focused\"\n [class.range]=\"isRange(date)\"\n [class.faded]=\"isHovered(date) || isInside(date)\"\n (mouseenter)=\"hoveredDate = date\"\n (mouseleave)=\"hoveredDate = null\"\n >\n {{ date.day }}\n </span>\n </ng-template>\n </div>\n </div>\n <div class=\"input-group\">\n <input\n #dpFromDate\n id=\"datepicker-input\"\n class=\"form-control\"\n [placeholder]=\"placeholder\"\n readonly\n name=\"dpFromDate\"\n [value]=\"dateToBeShownInInput\"\n />\n <button\n class=\"icon-container\"\n (click)=\"datepicker.toggle()\"\n type=\"button\"\n [disabled]=\"disabled\"\n >\n <i\n class=\"mdi mdi-calendar-range\"\n *ngIf=\"!datepicker.isOpen()\"\n ></i>\n <i\n class=\"mdi mdi-check\"\n *ngIf=\"datepicker.isOpen()\"\n ></i>\n </button>\n </div>\n </div>\n</form>\n\n<ng-template #footerTemplate>\n <div\n class=\"buttons-container\"\n *ngIf=\"showFooterTemplate\"\n >\n <button\n class=\"button\"\n (click)=\"cancelSelection(); datepicker.close()\"\n >\n Cancel\n </button>\n <button\n class=\"button\"\n [ngClass]=\"{ disabled: disableApplyBtn }\"\n [disabled]=\"disableApplyBtn\"\n (click)=\"applySelection(); datepicker.close()\"\n >\n Apply\n </button>\n </div>\n</ng-template>\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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!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:#2962ff}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}div.padding-class{padding:0 12px}: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:.5rem 0 0!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:8px .25rem;color:#000;display:inline-block;height:2rem!important;width:2.2rem!important;font-size:var(--week-calendar-week-fs)}.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:var(--dropdown-text-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;padding-block:5px}input#datepicker-input:focus{box-shadow:none}div.input-group{border:1px solid #b7b7b7;border-radius:2px}.calendar-label{font-family:Roboto;font-size:var(--dropdown-label-fs);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:24px}: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}:host ::ng-deep .input-group{flex-wrap:nowrap}:host ::ng-deep .input-group .ngb-dp-day{color:#000}:host ::ng-deep .ngb-dp-weekdays{border-top:none}:host ::ng-deep .ngb-dp-month .ngb-dp-week:last-child{padding-bottom:6px}:host ::ng-deep .input-group ngb-datepicker.dropdown-menu{box-shadow:0 6px 12px #0000002d}\n"] }]
|
|
1139
1139
|
}], ctorParameters: () => [{ type: AnnaDateTimeFormatService }], propDecorators: { maxDate: [{
|
|
@@ -1252,10 +1252,10 @@ class AnnaGlobalConfigService {
|
|
|
1252
1252
|
...{ showErrorWhenNoOptionSelected: true },
|
|
1253
1253
|
};
|
|
1254
1254
|
}
|
|
1255
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1256
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
1255
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaGlobalConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1256
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaGlobalConfigService, providedIn: "root" }); }
|
|
1257
1257
|
}
|
|
1258
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1258
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaGlobalConfigService, decorators: [{
|
|
1259
1259
|
type: Injectable,
|
|
1260
1260
|
args: [{
|
|
1261
1261
|
providedIn: "root",
|
|
@@ -1584,10 +1584,10 @@ class AnnaWeekCalendarComponent {
|
|
|
1584
1584
|
closeDatepicker(datepickerRef) {
|
|
1585
1585
|
datepickerRef.close();
|
|
1586
1586
|
}
|
|
1587
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1588
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AnnaWeekCalendarComponent, isStandalone: true, selector: "anna-core-week-calendar-filter-lib", inputs: { selectedFromDate: "selectedFromDate", selectedEndDate: "selectedEndDate", disabledDates: "disabledDates", maxDate: "maxDate", minDate: "minDate", config: "config" }, outputs: { applyWeekCalendarChanges: "applyWeekCalendarChanges", calendarToggled: "calendarToggled" }, usesOnChanges: true, ngImport: i0, template: "<form\n class=\"form-inline\"\n *ngIf=\"config.showAsDropdown\"\n>\n <div class=\"form-group hidden\">\n <div class=\"input-group\">\n <input\n name=\"datepicker d-none\"\n class=\"form-control\"\n ngbDatepicker\n #datepicker=\"ngbDatepicker\"\n [autoClose]=\"false\"\n (dateSelect)=\"selectWeek($event)\"\n (closed)=\"isFocused(false)\"\n [displayMonths]=\"1\"\n [dayTemplate]=\"t\"\n [startDate]=\"fromDate!\"\n [firstDayOfWeek]=\"config.firstDayOfWeek\"\n [showWeekNumbers]=\"config.showWeekNumbers\"\n tabindex=\"-1\"\n [footerTemplate]=\"footerTemplate\"\n />\n </div>\n </div>\n\n <!--Single week select-->\n <div *ngIf=\"!config.selectMultipleWeeks\">\n <span class=\"weeknumbers-label\"> {{ weekNumbers }} </span>\n <div class=\"form-group\">\n <div class=\"input-group\">\n <div class=\"single-week\">\n <div class=\"left\">\n <span\n class=\"mdi mdi-chevron-right next-round-btn\"\n (click)=\"previousWeek()\"\n >\n </span>\n </div>\n <input\n #dpFromDate\n class=\"form-control\"\n placeholder=\"Select Weeks\"\n [ngClass]=\"[config.customClass === '' ? '' : config.customClass]\"\n name=\"dpFromDate\"\n [value]=\"dateToDisplay\"\n [readonly]=\"true\"\n (click)=\"isFocused(true); isDropdownOpenedForCalendar(datepicker)\"\n />\n <i\n class=\"mdi mdi-menu-down\"\n *ngIf=\"!datepicker.isOpen()\"\n (click)=\"datepicker.open()\"\n ></i>\n <i\n class=\"mdi mdi-menu-up\"\n *ngIf=\"datepicker.isOpen()\"\n (click)=\"isDropdownOpenedForCalendar(datepicker)\"\n ></i>\n <div class=\"right\">\n <span\n class=\"mdi mdi-chevron-right round-btn\"\n (click)=\"nextWeek()\"\n >\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <!--Multiple week select-->\n <div\n class=\"form-group\"\n *ngIf=\"config.selectMultipleWeeks\"\n >\n <div class=\"input-group\">\n <div class=\"multiple-weeks\">\n <input\n #dpFromDate\n class=\"form-control\"\n placeholder=\"Select Weeks\"\n [ngClass]=\"[config.customClass === '' ? '' : config.customClass]\"\n name=\"dpFromDate\"\n [readonly]=\"true\"\n [value]=\"weekNumbers\"\n (click)=\"isFocused(true); isDropdownOpenedForCalendar(datepicker)\"\n />\n <i\n *ngIf=\"!multiSelectDropdownOpen\"\n class=\"mdi mdi-menu-down multiselect-input-arrow\"\n ></i>\n <i\n *ngIf=\"multiSelectDropdownOpen\"\n class=\"mdi mdi-menu-up multiselect-input-arrow\"\n ></i>\n </div>\n </div>\n </div>\n</form>\n\n<ngb-datepicker\n #weekPicker\n *ngIf=\"!config.showAsDropdown\"\n [displayMonths]=\"1\"\n [startDate]=\"fromDate!\"\n [firstDayOfWeek]=\"config.firstDayOfWeek\"\n [showWeekNumbers]=\"config.showWeekNumbers\"\n [dayTemplate]=\"t\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n (dateSelect)=\"selectWeek($event)\"\n [markDisabled]=\"disabledFunc\"\n>\n</ngb-datepicker>\n\n<ng-template #footerTemplate>\n <hr class=\"my-0\" />\n <button\n class=\"btn btn-primary btn-sm m-2 float-right apply-btn\"\n (click)=\"applyChanges(); closeDatepicker(datepicker)\"\n >\n Apply\n </button>\n <button\n class=\"btn btn-primary btn-sm m-2 float-right cancel-btn\"\n (click)=\"revertDates(); closeDatepicker(datepicker)\"\n >\n Cancel\n </button>\n</ng-template>\n\n<ng-template\n #t\n let-date\n let-focused=\"focused\"\n let-disabled=\"disabled\"\n>\n <span\n class=\"custom-day\"\n [class.focused]=\"focused\"\n [class.range]=\"isRange(date)\"\n [class.faded]=\"isHovered(date) || isInside(date)\"\n [class.disabled]=\"disabled\"\n (mouseenter)=\"hoveredDate = date\"\n (mouseleave)=\"hoveredDate = null\"\n >\n {{ date.day }}\n </span>\n</ng-template>\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}.weeknumbers-label{position:relative;left:30px;font-size:12px}.apply-btn{background-color:#268bff;color:#fff}.cancel-btn{background-color:#268bff1f;color:#268bff}:host ::ng-deep .input-group{flex-wrap:nowrap}:host ::ng-deep .input-group .ngb-dp-day{color:#000}:host ::ng-deep .ngb-dp-weekdays{border-top:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgbDatepicker, selector: "ngb-datepicker", inputs: ["contentTemplate", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "maxDate", "minDate", "navigation", "outsideDays", "showWeekNumbers", "startDate", "weekdays"], outputs: ["navigate", "dateSelect"], exportAs: ["ngbDatepicker"] }] }); }
|
|
1587
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaWeekCalendarComponent, deps: [{ token: i1$1.NgbCalendar }, { token: i1$1.NgbDatepickerConfig }, { token: AnnaDateTimeFormatService }, { token: AnnaGlobalConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1588
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaWeekCalendarComponent, isStandalone: true, selector: "anna-core-week-calendar-filter-lib", inputs: { selectedFromDate: "selectedFromDate", selectedEndDate: "selectedEndDate", disabledDates: "disabledDates", maxDate: "maxDate", minDate: "minDate", config: "config" }, outputs: { applyWeekCalendarChanges: "applyWeekCalendarChanges", calendarToggled: "calendarToggled" }, usesOnChanges: true, ngImport: i0, template: "<form\n class=\"form-inline\"\n *ngIf=\"config.showAsDropdown\"\n>\n <div class=\"form-group hidden\">\n <div class=\"input-group\">\n <input\n name=\"datepicker d-none\"\n class=\"form-control\"\n ngbDatepicker\n #datepicker=\"ngbDatepicker\"\n [autoClose]=\"false\"\n (dateSelect)=\"selectWeek($event)\"\n (closed)=\"isFocused(false)\"\n [displayMonths]=\"1\"\n [dayTemplate]=\"t\"\n [startDate]=\"fromDate!\"\n [firstDayOfWeek]=\"config.firstDayOfWeek\"\n [showWeekNumbers]=\"config.showWeekNumbers\"\n tabindex=\"-1\"\n [footerTemplate]=\"footerTemplate\"\n />\n </div>\n </div>\n\n <!--Single week select-->\n <div *ngIf=\"!config.selectMultipleWeeks\">\n <span class=\"weeknumbers-label\"> {{ weekNumbers }} </span>\n <div class=\"form-group\">\n <div class=\"input-group\">\n <div class=\"single-week\">\n <div class=\"left\">\n <span\n class=\"mdi mdi-chevron-right next-round-btn\"\n (click)=\"previousWeek()\"\n >\n </span>\n </div>\n <input\n #dpFromDate\n class=\"form-control\"\n placeholder=\"Select Weeks\"\n [ngClass]=\"[config.customClass === '' ? '' : config.customClass]\"\n name=\"dpFromDate\"\n [value]=\"dateToDisplay\"\n [readonly]=\"true\"\n (click)=\"isFocused(true); isDropdownOpenedForCalendar(datepicker)\"\n />\n <i\n class=\"mdi mdi-menu-down\"\n *ngIf=\"!datepicker.isOpen()\"\n (click)=\"datepicker.open()\"\n ></i>\n <i\n class=\"mdi mdi-menu-up\"\n *ngIf=\"datepicker.isOpen()\"\n (click)=\"isDropdownOpenedForCalendar(datepicker)\"\n ></i>\n <div class=\"right\">\n <span\n class=\"mdi mdi-chevron-right round-btn\"\n (click)=\"nextWeek()\"\n >\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <!--Multiple week select-->\n <div\n class=\"form-group\"\n *ngIf=\"config.selectMultipleWeeks\"\n >\n <div class=\"input-group\">\n <div class=\"multiple-weeks\">\n <input\n #dpFromDate\n class=\"form-control\"\n placeholder=\"Select Weeks\"\n [ngClass]=\"[config.customClass === '' ? '' : config.customClass]\"\n name=\"dpFromDate\"\n [readonly]=\"true\"\n [value]=\"weekNumbers\"\n (click)=\"isFocused(true); isDropdownOpenedForCalendar(datepicker)\"\n />\n <i\n *ngIf=\"!multiSelectDropdownOpen\"\n class=\"mdi mdi-menu-down multiselect-input-arrow\"\n ></i>\n <i\n *ngIf=\"multiSelectDropdownOpen\"\n class=\"mdi mdi-menu-up multiselect-input-arrow\"\n ></i>\n </div>\n </div>\n </div>\n</form>\n\n<ngb-datepicker\n #weekPicker\n *ngIf=\"!config.showAsDropdown\"\n [displayMonths]=\"1\"\n [startDate]=\"fromDate!\"\n [firstDayOfWeek]=\"config.firstDayOfWeek\"\n [showWeekNumbers]=\"config.showWeekNumbers\"\n [dayTemplate]=\"t\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n (dateSelect)=\"selectWeek($event)\"\n [markDisabled]=\"disabledFunc\"\n>\n</ngb-datepicker>\n\n<ng-template #footerTemplate>\n <hr class=\"my-0\" />\n <button\n class=\"btn btn-primary btn-sm m-2 float-right apply-btn\"\n (click)=\"applyChanges(); closeDatepicker(datepicker)\"\n >\n Apply\n </button>\n <button\n class=\"btn btn-primary btn-sm m-2 float-right cancel-btn\"\n (click)=\"revertDates(); closeDatepicker(datepicker)\"\n >\n Cancel\n </button>\n</ng-template>\n\n<ng-template\n #t\n let-date\n let-focused=\"focused\"\n let-disabled=\"disabled\"\n>\n <span\n class=\"custom-day\"\n [class.focused]=\"focused\"\n [class.range]=\"isRange(date)\"\n [class.faded]=\"isHovered(date) || isInside(date)\"\n [class.disabled]=\"disabled\"\n (mouseenter)=\"hoveredDate = date\"\n (mouseleave)=\"hoveredDate = null\"\n >\n {{ date.day }}\n </span>\n</ng-template>\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}.weeknumbers-label{position:relative;left:30px;font-size:12px}.apply-btn{background-color:#268bff;color:#fff}.cancel-btn{background-color:#268bff1f;color:#268bff}:host ::ng-deep .input-group{flex-wrap:nowrap}:host ::ng-deep .input-group .ngb-dp-day{color:#000}:host ::ng-deep .ngb-dp-weekdays{border-top:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgbDatepicker, selector: "ngb-datepicker", inputs: ["contentTemplate", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "maxDate", "minDate", "navigation", "outsideDays", "showWeekNumbers", "startDate", "weekdays"], outputs: ["navigate", "dateSelect"], exportAs: ["ngbDatepicker"] }] }); }
|
|
1589
1589
|
}
|
|
1590
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1590
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaWeekCalendarComponent, decorators: [{
|
|
1591
1591
|
type: Component,
|
|
1592
1592
|
args: [{ selector: "anna-core-week-calendar-filter-lib", imports: [NgIf, FormsModule, NgbInputDatepicker, NgClass, NgbDatepicker], template: "<form\n class=\"form-inline\"\n *ngIf=\"config.showAsDropdown\"\n>\n <div class=\"form-group hidden\">\n <div class=\"input-group\">\n <input\n name=\"datepicker d-none\"\n class=\"form-control\"\n ngbDatepicker\n #datepicker=\"ngbDatepicker\"\n [autoClose]=\"false\"\n (dateSelect)=\"selectWeek($event)\"\n (closed)=\"isFocused(false)\"\n [displayMonths]=\"1\"\n [dayTemplate]=\"t\"\n [startDate]=\"fromDate!\"\n [firstDayOfWeek]=\"config.firstDayOfWeek\"\n [showWeekNumbers]=\"config.showWeekNumbers\"\n tabindex=\"-1\"\n [footerTemplate]=\"footerTemplate\"\n />\n </div>\n </div>\n\n <!--Single week select-->\n <div *ngIf=\"!config.selectMultipleWeeks\">\n <span class=\"weeknumbers-label\"> {{ weekNumbers }} </span>\n <div class=\"form-group\">\n <div class=\"input-group\">\n <div class=\"single-week\">\n <div class=\"left\">\n <span\n class=\"mdi mdi-chevron-right next-round-btn\"\n (click)=\"previousWeek()\"\n >\n </span>\n </div>\n <input\n #dpFromDate\n class=\"form-control\"\n placeholder=\"Select Weeks\"\n [ngClass]=\"[config.customClass === '' ? '' : config.customClass]\"\n name=\"dpFromDate\"\n [value]=\"dateToDisplay\"\n [readonly]=\"true\"\n (click)=\"isFocused(true); isDropdownOpenedForCalendar(datepicker)\"\n />\n <i\n class=\"mdi mdi-menu-down\"\n *ngIf=\"!datepicker.isOpen()\"\n (click)=\"datepicker.open()\"\n ></i>\n <i\n class=\"mdi mdi-menu-up\"\n *ngIf=\"datepicker.isOpen()\"\n (click)=\"isDropdownOpenedForCalendar(datepicker)\"\n ></i>\n <div class=\"right\">\n <span\n class=\"mdi mdi-chevron-right round-btn\"\n (click)=\"nextWeek()\"\n >\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <!--Multiple week select-->\n <div\n class=\"form-group\"\n *ngIf=\"config.selectMultipleWeeks\"\n >\n <div class=\"input-group\">\n <div class=\"multiple-weeks\">\n <input\n #dpFromDate\n class=\"form-control\"\n placeholder=\"Select Weeks\"\n [ngClass]=\"[config.customClass === '' ? '' : config.customClass]\"\n name=\"dpFromDate\"\n [readonly]=\"true\"\n [value]=\"weekNumbers\"\n (click)=\"isFocused(true); isDropdownOpenedForCalendar(datepicker)\"\n />\n <i\n *ngIf=\"!multiSelectDropdownOpen\"\n class=\"mdi mdi-menu-down multiselect-input-arrow\"\n ></i>\n <i\n *ngIf=\"multiSelectDropdownOpen\"\n class=\"mdi mdi-menu-up multiselect-input-arrow\"\n ></i>\n </div>\n </div>\n </div>\n</form>\n\n<ngb-datepicker\n #weekPicker\n *ngIf=\"!config.showAsDropdown\"\n [displayMonths]=\"1\"\n [startDate]=\"fromDate!\"\n [firstDayOfWeek]=\"config.firstDayOfWeek\"\n [showWeekNumbers]=\"config.showWeekNumbers\"\n [dayTemplate]=\"t\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n (dateSelect)=\"selectWeek($event)\"\n [markDisabled]=\"disabledFunc\"\n>\n</ngb-datepicker>\n\n<ng-template #footerTemplate>\n <hr class=\"my-0\" />\n <button\n class=\"btn btn-primary btn-sm m-2 float-right apply-btn\"\n (click)=\"applyChanges(); closeDatepicker(datepicker)\"\n >\n Apply\n </button>\n <button\n class=\"btn btn-primary btn-sm m-2 float-right cancel-btn\"\n (click)=\"revertDates(); closeDatepicker(datepicker)\"\n >\n Cancel\n </button>\n</ng-template>\n\n<ng-template\n #t\n let-date\n let-focused=\"focused\"\n let-disabled=\"disabled\"\n>\n <span\n class=\"custom-day\"\n [class.focused]=\"focused\"\n [class.range]=\"isRange(date)\"\n [class.faded]=\"isHovered(date) || isInside(date)\"\n [class.disabled]=\"disabled\"\n (mouseenter)=\"hoveredDate = date\"\n (mouseleave)=\"hoveredDate = null\"\n >\n {{ date.day }}\n </span>\n</ng-template>\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}.weeknumbers-label{position:relative;left:30px;font-size:12px}.apply-btn{background-color:#268bff;color:#fff}.cancel-btn{background-color:#268bff1f;color:#268bff}:host ::ng-deep .input-group{flex-wrap:nowrap}:host ::ng-deep .input-group .ngb-dp-day{color:#000}:host ::ng-deep .ngb-dp-weekdays{border-top:none}\n"] }]
|
|
1593
1593
|
}], ctorParameters: () => [{ type: i1$1.NgbCalendar }, { type: i1$1.NgbDatepickerConfig }, { type: AnnaDateTimeFormatService }, { type: AnnaGlobalConfigService }], propDecorators: { selectedFromDate: [{
|
|
@@ -1808,10 +1808,10 @@ class AnnaSortService {
|
|
|
1808
1808
|
}
|
|
1809
1809
|
return sortedTableData;
|
|
1810
1810
|
}
|
|
1811
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
1812
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
1811
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaSortService, deps: [{ token: AnnaDateTimeFormatService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1812
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaSortService, providedIn: "root" }); }
|
|
1813
1813
|
}
|
|
1814
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
1814
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaSortService, decorators: [{
|
|
1815
1815
|
type: Injectable,
|
|
1816
1816
|
args: [{
|
|
1817
1817
|
providedIn: "root",
|
|
@@ -3430,10 +3430,10 @@ class AnnaFilterService {
|
|
|
3430
3430
|
}
|
|
3431
3431
|
});
|
|
3432
3432
|
}
|
|
3433
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3434
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
3433
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaFilterService, deps: [{ token: AnnaDateTimeFormatService }, { token: AnnaSortService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3434
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaFilterService, providedIn: "root" }); }
|
|
3435
3435
|
}
|
|
3436
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3436
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaFilterService, decorators: [{
|
|
3437
3437
|
type: Injectable,
|
|
3438
3438
|
args: [{
|
|
3439
3439
|
providedIn: "root",
|
|
@@ -3490,10 +3490,10 @@ class AnnaSortComponent {
|
|
|
3490
3490
|
const index = this.sortOptions.findIndex((item) => item.sortType === updatedOption);
|
|
3491
3491
|
this.sortOptions[index].isOptionActive = true;
|
|
3492
3492
|
}
|
|
3493
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3494
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
3493
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaSortComponent, deps: [{ token: AnnaSortService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3494
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaSortComponent, isStandalone: true, selector: "anna-core-sort-lib", inputs: { sortObjectKey: "sortObjectKey" }, outputs: { sortOptionClicked: "sortOptionClicked" }, usesOnChanges: true, ngImport: i0, template: "<p class=\"sort-container\">\n <button\n class=\"sort-btn\"\n *ngFor=\"let option of sortOptions; let i = index\"\n (click)=\"sortOptionChanged(i, option.sortType)\"\n [ngClass]=\"{ active: option.isOptionActive }\"\n >\n {{ option.text }}\n </button>\n</p>\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3495
3495
|
}
|
|
3496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaSortComponent, decorators: [{
|
|
3497
3497
|
type: Component,
|
|
3498
3498
|
args: [{ selector: "anna-core-sort-lib", changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgFor, NgClass], standalone: true, template: "<p class=\"sort-container\">\n <button\n class=\"sort-btn\"\n *ngFor=\"let option of sortOptions; let i = index\"\n (click)=\"sortOptionChanged(i, option.sortType)\"\n [ngClass]=\"{ active: option.isOptionActive }\"\n >\n {{ option.text }}\n </button>\n</p>\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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"] }]
|
|
3499
3499
|
}], ctorParameters: () => [{ type: AnnaSortService }], propDecorators: { sortObjectKey: [{
|
|
@@ -3717,10 +3717,10 @@ class AnnaColumnCheckboxFilterComponent {
|
|
|
3717
3717
|
this.tempSortOrder = event;
|
|
3718
3718
|
this.disableCheckboxFilterApplyButton();
|
|
3719
3719
|
}
|
|
3720
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3721
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AnnaColumnCheckboxFilterComponent, isStandalone: true, selector: "anna-core-anna-column-checkbox-filter", inputs: { showFilterHeaderTabs: "showFilterHeaderTabs", isLurAndCsrComponent: "isLurAndCsrComponent", tableData: "tableData", clonedTableData: "clonedTableData", filterTabObjects: "filterTabObjects" }, outputs: { filterAppliedToTable: "filterAppliedToTable", sortingAppliedToTable: "sortingAppliedToTable", getSortType: "getSortType", closeTooltip: "closeTooltip" }, ngImport: i0, template: "<div\n class=\"radio-container\"\n *ngIf=\"showFilterHeaderTabs\"\n>\n <div\n [ngClass]=\"{ 'full-width': filterTabObjects.length === 1 }\"\n *ngFor=\"let data of filterTabObjects\"\n >\n <p\n class=\"filter-tab\"\n [title]=\"data.label\"\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\n [ngClass]=\"{ active: annaFilterService.selectedRadio === data.key }\"\n *ngIf=\"filterTabObjects.length > 0\"\n >\n {{ data.label }}\n </p>\n </div>\n</div>\n\n<div\n class=\"checkbox-sort\"\n *ngIf=\"showSortComponent\"\n>\n <anna-core-sort-lib\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\n ></anna-core-sort-lib>\n</div>\n\n<ng-container *ngIf=\"showFilterComponent\">\n <p class=\"d-flex justify-content-between\">\n <button\n class=\"filter-text-btn\"\n [disabled]=\"disableClearAll\"\n (click)=\"unCheckAllCheckbox()\"\n >\n Clear all\n </button>\n <button\n class=\"filter-text-btn\"\n [disabled]=\"disableSelectAll\"\n (click)=\"selectAllCheckbox()\"\n >\n Select all\n </button>\n </p>\n <p class=\"search-box\">\n <i class=\"mi mdi-search search-icon search-icon-position\"></i>\n <input\n type=\"text\"\n placeholder=\"Search\"\n class=\"search-input\"\n [(ngModel)]=\"searchItem\"\n (ngModelChange)=\"searchForTheItem($event)\"\n />\n <i\n class=\"mdi mdi-close search-bar-close\"\n [ngClass]=\"{ 'disable-close-icon': !searchItem || searchItem.length === 0 }\"\n (click)=\"clearSearchedItem()\"\n ></i>\n </p>\n <div class=\"position-relative\">\n <!-- Track By func -->\n <cdk-virtual-scroll-viewport\n itemSize=\"18\"\n [style.height.px]=\"heightOfCheckboxTooltipFilter\"\n class=\"dropdown-data-container\"\n >\n <p\n *cdkVirtualFor=\"let option of tooltipOptions\"\n class=\"input example-item\"\n (click)=\"selectUnselectCheckbox(option)\"\n >\n <span\n *ngIf=\"option.isSelected\"\n role=\"button\"\n class=\"mi mdi-check-box check-box\"\n ></span>\n <span\n *ngIf=\"!option.isSelected\"\n role=\"button\"\n class=\"mi mdi-check-box-outline-blank check-box unchecked\"\n ></span>\n <span\n *ngIf=\"searchItem\"\n class=\"data\"\n title=\"{{ option.value }}\"\n [innerHTML]=\"option.label\"\n ></span>\n <span\n *ngIf=\"!searchItem\"\n class=\"data\"\n title=\"{{ option.value }}\"\n >{{ option.label }}</span\n >\n </p>\n\n <p\n class=\"no-data-case\"\n *ngIf=\"tooltipOptions?.length === 0\"\n >\n No data found\n </p>\n </cdk-virtual-scroll-viewport>\n <div class=\"virtual-scroll-div\"></div>\n </div>\n</ng-container>\n\n<div class=\"buttons-container checkbox-filter-buttons-container\">\n <button\n class=\"button\"\n (click)=\"closeCheckboxFilter()\"\n >\n Cancel\n </button>\n <button\n class=\"button\"\n [ngClass]=\"{ disabled: disableCheckboxApply }\"\n (click)=\"applyFilters()\"\n [disabled]=\"disableCheckboxApply\"\n >\n Apply\n <span *ngIf=\"showFilterComponent\">{{\n selectedCheckboxOptionsCount === tooltipOptions.length && tooltipOptions.length !== 0 && !searchItem\n ? \"All (\" + selectedCheckboxOptionsCount + \")\"\n : \"(\" + selectedCheckboxOptionsCount + \")\"\n }}</span>\n </button>\n</div>\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!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:#2962ff}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AnnaSortComponent, selector: "anna-core-sort-lib", inputs: ["sortObjectKey"], outputs: ["sortOptionClicked"] }, { 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: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }] }); }
|
|
3720
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaColumnCheckboxFilterComponent, deps: [{ token: AnnaSortService }, { token: AnnaFilterService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3721
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaColumnCheckboxFilterComponent, isStandalone: true, selector: "anna-core-anna-column-checkbox-filter", inputs: { showFilterHeaderTabs: "showFilterHeaderTabs", isLurAndCsrComponent: "isLurAndCsrComponent", tableData: "tableData", clonedTableData: "clonedTableData", filterTabObjects: "filterTabObjects" }, outputs: { filterAppliedToTable: "filterAppliedToTable", sortingAppliedToTable: "sortingAppliedToTable", getSortType: "getSortType", closeTooltip: "closeTooltip" }, ngImport: i0, template: "<div\n class=\"radio-container\"\n *ngIf=\"showFilterHeaderTabs\"\n>\n <div\n [ngClass]=\"{ 'full-width': filterTabObjects.length === 1 }\"\n *ngFor=\"let data of filterTabObjects\"\n >\n <p\n class=\"filter-tab\"\n [title]=\"data.label\"\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\n [ngClass]=\"{ active: annaFilterService.selectedRadio === data.key }\"\n *ngIf=\"filterTabObjects.length > 0\"\n >\n {{ data.label }}\n </p>\n </div>\n</div>\n\n<div\n class=\"checkbox-sort\"\n *ngIf=\"showSortComponent\"\n>\n <anna-core-sort-lib\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\n ></anna-core-sort-lib>\n</div>\n\n<ng-container *ngIf=\"showFilterComponent\">\n <p class=\"d-flex justify-content-between\">\n <button\n class=\"filter-text-btn\"\n [disabled]=\"disableClearAll\"\n (click)=\"unCheckAllCheckbox()\"\n >\n Clear all\n </button>\n <button\n class=\"filter-text-btn\"\n [disabled]=\"disableSelectAll\"\n (click)=\"selectAllCheckbox()\"\n >\n Select all\n </button>\n </p>\n <p class=\"search-box\">\n <i class=\"mi mdi-search search-icon search-icon-position\"></i>\n <input\n type=\"text\"\n placeholder=\"Search\"\n class=\"search-input\"\n [(ngModel)]=\"searchItem\"\n (ngModelChange)=\"searchForTheItem($event)\"\n />\n <i\n class=\"mdi mdi-close search-bar-close\"\n [ngClass]=\"{ 'disable-close-icon': !searchItem || searchItem.length === 0 }\"\n (click)=\"clearSearchedItem()\"\n ></i>\n </p>\n <div class=\"position-relative\">\n <!-- Track By func -->\n <cdk-virtual-scroll-viewport\n itemSize=\"18\"\n [style.height.px]=\"heightOfCheckboxTooltipFilter\"\n class=\"dropdown-data-container\"\n >\n <p\n *cdkVirtualFor=\"let option of tooltipOptions\"\n class=\"input example-item\"\n (click)=\"selectUnselectCheckbox(option)\"\n >\n <span\n *ngIf=\"option.isSelected\"\n role=\"button\"\n class=\"mi mdi-check-box check-box\"\n ></span>\n <span\n *ngIf=\"!option.isSelected\"\n role=\"button\"\n class=\"mi mdi-check-box-outline-blank check-box unchecked\"\n ></span>\n <span\n *ngIf=\"searchItem\"\n class=\"data\"\n title=\"{{ option.value }}\"\n [innerHTML]=\"option.label\"\n ></span>\n <span\n *ngIf=\"!searchItem\"\n class=\"data\"\n title=\"{{ option.value }}\"\n >{{ option.label }}</span\n >\n </p>\n\n <p\n class=\"no-data-case\"\n *ngIf=\"tooltipOptions?.length === 0\"\n >\n No data found\n </p>\n </cdk-virtual-scroll-viewport>\n <div class=\"virtual-scroll-div\"></div>\n </div>\n</ng-container>\n\n<div class=\"buttons-container checkbox-filter-buttons-container\">\n <button\n class=\"button\"\n (click)=\"closeCheckboxFilter()\"\n >\n Cancel\n </button>\n <button\n class=\"button\"\n [ngClass]=\"{ disabled: disableCheckboxApply }\"\n (click)=\"applyFilters()\"\n [disabled]=\"disableCheckboxApply\"\n >\n Apply\n <span *ngIf=\"showFilterComponent\">{{\n selectedCheckboxOptionsCount === tooltipOptions.length && tooltipOptions.length !== 0 && !searchItem\n ? \"All (\" + selectedCheckboxOptionsCount + \")\"\n : \"(\" + selectedCheckboxOptionsCount + \")\"\n }}</span>\n </button>\n</div>\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!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:#2962ff}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AnnaSortComponent, selector: "anna-core-sort-lib", inputs: ["sortObjectKey"], outputs: ["sortOptionClicked"] }, { 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: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }] }); }
|
|
3722
3722
|
}
|
|
3723
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3723
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaColumnCheckboxFilterComponent, decorators: [{
|
|
3724
3724
|
type: Component,
|
|
3725
3725
|
args: [{ selector: "anna-core-anna-column-checkbox-filter", imports: [
|
|
3726
3726
|
NgIf,
|
|
@@ -3902,10 +3902,10 @@ class AnnaColumnDateRangeFilterComponent {
|
|
|
3902
3902
|
this.tempSortOrder = event;
|
|
3903
3903
|
this.disableCalendarApplyButton();
|
|
3904
3904
|
}
|
|
3905
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
3906
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AnnaColumnDateRangeFilterComponent, isStandalone: true, selector: "anna-core-anna-column-date-range-filter", inputs: { tableData: "tableData", clonedTableData: "clonedTableData", filterTabObjects: "filterTabObjects", isLurAndCsrComponent: "isLurAndCsrComponent", showFilterHeaderTabs: "showFilterHeaderTabs" }, outputs: { filterAppliedToTable: "filterAppliedToTable", sortingAppliedToTable: "sortingAppliedToTable", getSortType: "getSortType", closeTooltip: "closeTooltip" }, ngImport: i0, template: "<div\n class=\"radio-container\"\n *ngIf=\"showFilterHeaderTabs\"\n>\n <div *ngFor=\"let data of filterTabObjects\">\n <p\n class=\"filter-tab\"\n [title]=\"data.label\"\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\n [ngClass]=\"{ active: annaFilterService.selectedRadio === data.key }\"\n *ngIf=\"filterTabObjects.length > 0\"\n >\n {{ data.label }}\n </p>\n </div>\n</div>\n\n<anna-core-sort-lib\n *ngIf=\"showSortComponent\"\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\n></anna-core-sort-lib>\n\n<ng-container *ngIf=\"showFilterComponent\">\n <div class=\"datepicker-container\">\n <button\n class=\"column-clear-all\"\n [disabled]=\"disableColumnClearAllBtn\"\n (click)=\"clearColumnFilter()\"\n >\n Clear filter\n </button>\n <anna-core-calendar-filter-lib\n class=\"filter-calendar\"\n [minDate]=\"calendarMinEnabledDate\"\n [maxDate]=\"calendarMaxEnabledDate\"\n [selectedFromDate]=\"selectedMinDate\"\n [selectedToDate]=\"selectedMaxDate\"\n (selectedDate)=\"calendarDateChanged($event)\"\n [label]=\"selectedLabel\"\n >\n </anna-core-calendar-filter-lib>\n </div>\n</ng-container>\n\n<div class=\"buttons-container\">\n <button\n class=\"button\"\n (click)=\"cancelInDateFilter()\"\n >\n Cancel\n </button>\n <button\n class=\"button\"\n (click)=\"applyDateFilter()\"\n [ngClass]=\"{ disabled: disableCalendarApplyBtn }\"\n [disabled]=\"disableCalendarApplyBtn\"\n >\n Apply\n </button>\n</div>\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!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:#2962ff}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AnnaSortComponent, selector: "anna-core-sort-lib", inputs: ["sortObjectKey"], outputs: ["sortOptionClicked"] }, { kind: "component", type: AnnaCalendarFilterComponent, selector: "anna-core-calendar-filter-lib", inputs: ["maxDate", "autoClose", "label", "minDate", "showLabel", "dateFormat", "placeholder", "disabled", "selectedFromDate", "selectedToDate", "disableFunction", "showFooterTemplate", "placement"], outputs: ["selectedDate", "apply", "cancel"] }] }); }
|
|
3905
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaColumnDateRangeFilterComponent, deps: [{ token: AnnaDateTimeFormatService }, { token: AnnaSortService }, { token: AnnaFilterService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3906
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaColumnDateRangeFilterComponent, isStandalone: true, selector: "anna-core-anna-column-date-range-filter", inputs: { tableData: "tableData", clonedTableData: "clonedTableData", filterTabObjects: "filterTabObjects", isLurAndCsrComponent: "isLurAndCsrComponent", showFilterHeaderTabs: "showFilterHeaderTabs" }, outputs: { filterAppliedToTable: "filterAppliedToTable", sortingAppliedToTable: "sortingAppliedToTable", getSortType: "getSortType", closeTooltip: "closeTooltip" }, ngImport: i0, template: "<div\n class=\"radio-container\"\n *ngIf=\"showFilterHeaderTabs\"\n>\n <div *ngFor=\"let data of filterTabObjects\">\n <p\n class=\"filter-tab\"\n [title]=\"data.label\"\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\n [ngClass]=\"{ active: annaFilterService.selectedRadio === data.key }\"\n *ngIf=\"filterTabObjects.length > 0\"\n >\n {{ data.label }}\n </p>\n </div>\n</div>\n\n<anna-core-sort-lib\n *ngIf=\"showSortComponent\"\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\n></anna-core-sort-lib>\n\n<ng-container *ngIf=\"showFilterComponent\">\n <div class=\"datepicker-container\">\n <button\n class=\"column-clear-all\"\n [disabled]=\"disableColumnClearAllBtn\"\n (click)=\"clearColumnFilter()\"\n >\n Clear filter\n </button>\n <anna-core-calendar-filter-lib\n class=\"filter-calendar\"\n [minDate]=\"calendarMinEnabledDate\"\n [maxDate]=\"calendarMaxEnabledDate\"\n [selectedFromDate]=\"selectedMinDate\"\n [selectedToDate]=\"selectedMaxDate\"\n (selectedDate)=\"calendarDateChanged($event)\"\n [label]=\"selectedLabel\"\n >\n </anna-core-calendar-filter-lib>\n </div>\n</ng-container>\n\n<div class=\"buttons-container\">\n <button\n class=\"button\"\n (click)=\"cancelInDateFilter()\"\n >\n Cancel\n </button>\n <button\n class=\"button\"\n (click)=\"applyDateFilter()\"\n [ngClass]=\"{ disabled: disableCalendarApplyBtn }\"\n [disabled]=\"disableCalendarApplyBtn\"\n >\n Apply\n </button>\n</div>\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!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:#2962ff}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AnnaSortComponent, selector: "anna-core-sort-lib", inputs: ["sortObjectKey"], outputs: ["sortOptionClicked"] }, { kind: "component", type: AnnaCalendarFilterComponent, selector: "anna-core-calendar-filter-lib", inputs: ["maxDate", "autoClose", "label", "minDate", "showLabel", "dateFormat", "placeholder", "disabled", "selectedFromDate", "selectedToDate", "disableFunction", "showFooterTemplate", "placement"], outputs: ["selectedDate", "apply", "cancel"] }] }); }
|
|
3907
3907
|
}
|
|
3908
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
3908
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaColumnDateRangeFilterComponent, decorators: [{
|
|
3909
3909
|
type: Component,
|
|
3910
3910
|
args: [{ selector: "anna-core-anna-column-date-range-filter", imports: [NgIf, NgFor, NgClass, AnnaSortComponent, AnnaCalendarFilterComponent], template: "<div\n class=\"radio-container\"\n *ngIf=\"showFilterHeaderTabs\"\n>\n <div *ngFor=\"let data of filterTabObjects\">\n <p\n class=\"filter-tab\"\n [title]=\"data.label\"\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\n [ngClass]=\"{ active: annaFilterService.selectedRadio === data.key }\"\n *ngIf=\"filterTabObjects.length > 0\"\n >\n {{ data.label }}\n </p>\n </div>\n</div>\n\n<anna-core-sort-lib\n *ngIf=\"showSortComponent\"\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\n></anna-core-sort-lib>\n\n<ng-container *ngIf=\"showFilterComponent\">\n <div class=\"datepicker-container\">\n <button\n class=\"column-clear-all\"\n [disabled]=\"disableColumnClearAllBtn\"\n (click)=\"clearColumnFilter()\"\n >\n Clear filter\n </button>\n <anna-core-calendar-filter-lib\n class=\"filter-calendar\"\n [minDate]=\"calendarMinEnabledDate\"\n [maxDate]=\"calendarMaxEnabledDate\"\n [selectedFromDate]=\"selectedMinDate\"\n [selectedToDate]=\"selectedMaxDate\"\n (selectedDate)=\"calendarDateChanged($event)\"\n [label]=\"selectedLabel\"\n >\n </anna-core-calendar-filter-lib>\n </div>\n</ng-container>\n\n<div class=\"buttons-container\">\n <button\n class=\"button\"\n (click)=\"cancelInDateFilter()\"\n >\n Cancel\n </button>\n <button\n class=\"button\"\n (click)=\"applyDateFilter()\"\n [ngClass]=\"{ disabled: disableCalendarApplyBtn }\"\n [disabled]=\"disableCalendarApplyBtn\"\n >\n Apply\n </button>\n</div>\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!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:#2962ff}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}\n"] }]
|
|
3911
3911
|
}], ctorParameters: () => [{ type: AnnaDateTimeFormatService }, { type: AnnaSortService }, { type: AnnaFilterService }], propDecorators: { tableData: [{
|
|
@@ -4208,10 +4208,10 @@ class AnnaColumnSliderFilterComponent {
|
|
|
4208
4208
|
this.annaFilterService.updateStateOfTheCurrentFilterTab(this.annaSortService.columnSortState);
|
|
4209
4209
|
this.filterAppliedToTable.emit(this.tableData);
|
|
4210
4210
|
}
|
|
4211
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4212
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AnnaColumnSliderFilterComponent, isStandalone: true, selector: "anna-core-anna-column-slider-filter", inputs: { filterTabObjects: "filterTabObjects", isLurAndCsrComponent: "isLurAndCsrComponent", tableData: "tableData", showFilterHeaderTabs: "showFilterHeaderTabs", clonedTableData: "clonedTableData" }, outputs: { closeTooltip: "closeTooltip", filterAppliedToTable: "filterAppliedToTable", getSortType: "getSortType", sortingAppliedToTable: "sortingAppliedToTable" }, ngImport: i0, template: "<div\n class=\"radio-container\"\n *ngIf=\"showFilterHeaderTabs\"\n>\n <div *ngFor=\"let data of filterTabObjects\">\n <p\n class=\"filter-tab\"\n [title]=\"data.label\"\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\n [ngClass]=\"{ active: annaFilterService.selectedRadio === data.key }\"\n *ngIf=\"filterTabObjects.length > 0\"\n >\n {{ data.label }}\n </p>\n </div>\n</div>\n\n<anna-core-sort-lib\n *ngIf=\"showSortComponent\"\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\n></anna-core-sort-lib>\n\n<ng-container *ngIf=\"showFilterComponent\">\n <button\n class=\"column-clear-all\"\n [disabled]=\"disableColumnClearAllBtn\"\n (click)=\"clearColumnFilter()\"\n >\n Clear filter\n </button>\n <section class=\"min-maxContainer\">\n <input\n type=\"number\"\n class=\"slider-text\"\n step=\"{{ sliderFilterTextBoxStep }}\"\n [(ngModel)]=\"sliderMinValue\"\n (ngModelChange)=\"minValueChanged($event)\"\n [ngClass]=\"{ 'red-border': showSliderMinValueError }\"\n placeholder=\"Min\"\n />\n <span>To</span>\n <input\n type=\"number\"\n class=\"slider-text\"\n step=\"{{ sliderFilterTextBoxStep }}\"\n [(ngModel)]=\"sliderMaxValue\"\n (ngModelChange)=\"maxValueChanged($event)\"\n [ngClass]=\"{ 'red-border': showSliderMaxValueError }\"\n placeholder=\"Max\"\n />\n </section>\n <div class=\"sidebar-slider\">\n <ngx-slider\n *ngIf=\"!showEmptySpaceForSlider && options\"\n [ngClass]=\"{\n 'show-min': sliderMinValue !== options.floor,\n 'show-max': sliderMaxValue !== options.ceil\n }\"\n class=\"filter-slider\"\n [(value)]=\"sliderEnteredMinValue\"\n [(highValue)]=\"sliderEnteredMaxValue\"\n [options]=\"options\"\n ></ngx-slider>\n <div\n *ngIf=\"showEmptySpaceForSlider\"\n class=\"slider-placeholder\"\n ></div>\n </div>\n</ng-container>\n\n<div class=\"buttons-container\">\n <button\n class=\"button\"\n (click)=\"cancelSliderFilter()\"\n >\n Cancel\n </button>\n <button\n class=\"button\"\n [ngClass]=\"{ disabled: disableSliderApplyButton }\"\n (click)=\"applyFilters()\"\n [disabled]=\"disableSliderApplyButton\"\n >\n Apply\n </button>\n</div>\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!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:#2962ff}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AnnaSortComponent, selector: "anna-core-sort-lib", inputs: ["sortObjectKey"], outputs: ["sortOptionClicked"] }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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: NgxSliderModule }, { kind: "component", type: i4$2.SliderComponent, selector: "ngx-slider", inputs: ["value", "highValue", "options", "manualRefresh", "triggerFocus", "cancelUserChange"], outputs: ["valueChange", "highValueChange", "userChangeStart", "userChange", "userChangeEnd"] }] }); }
|
|
4211
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaColumnSliderFilterComponent, deps: [{ token: AnnaFilterService }, { token: AnnaSortService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4212
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaColumnSliderFilterComponent, isStandalone: true, selector: "anna-core-anna-column-slider-filter", inputs: { filterTabObjects: "filterTabObjects", isLurAndCsrComponent: "isLurAndCsrComponent", tableData: "tableData", showFilterHeaderTabs: "showFilterHeaderTabs", clonedTableData: "clonedTableData" }, outputs: { closeTooltip: "closeTooltip", filterAppliedToTable: "filterAppliedToTable", getSortType: "getSortType", sortingAppliedToTable: "sortingAppliedToTable" }, ngImport: i0, template: "<div\n class=\"radio-container\"\n *ngIf=\"showFilterHeaderTabs\"\n>\n <div *ngFor=\"let data of filterTabObjects\">\n <p\n class=\"filter-tab\"\n [title]=\"data.label\"\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\n [ngClass]=\"{ active: annaFilterService.selectedRadio === data.key }\"\n *ngIf=\"filterTabObjects.length > 0\"\n >\n {{ data.label }}\n </p>\n </div>\n</div>\n\n<anna-core-sort-lib\n *ngIf=\"showSortComponent\"\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\n></anna-core-sort-lib>\n\n<ng-container *ngIf=\"showFilterComponent\">\n <button\n class=\"column-clear-all\"\n [disabled]=\"disableColumnClearAllBtn\"\n (click)=\"clearColumnFilter()\"\n >\n Clear filter\n </button>\n <section class=\"min-maxContainer\">\n <input\n type=\"number\"\n class=\"slider-text\"\n step=\"{{ sliderFilterTextBoxStep }}\"\n [(ngModel)]=\"sliderMinValue\"\n (ngModelChange)=\"minValueChanged($event)\"\n [ngClass]=\"{ 'red-border': showSliderMinValueError }\"\n placeholder=\"Min\"\n />\n <span>To</span>\n <input\n type=\"number\"\n class=\"slider-text\"\n step=\"{{ sliderFilterTextBoxStep }}\"\n [(ngModel)]=\"sliderMaxValue\"\n (ngModelChange)=\"maxValueChanged($event)\"\n [ngClass]=\"{ 'red-border': showSliderMaxValueError }\"\n placeholder=\"Max\"\n />\n </section>\n <div class=\"sidebar-slider\">\n <ngx-slider\n *ngIf=\"!showEmptySpaceForSlider && options\"\n [ngClass]=\"{\n 'show-min': sliderMinValue !== options.floor,\n 'show-max': sliderMaxValue !== options.ceil\n }\"\n class=\"filter-slider\"\n [(value)]=\"sliderEnteredMinValue\"\n [(highValue)]=\"sliderEnteredMaxValue\"\n [options]=\"options\"\n ></ngx-slider>\n <div\n *ngIf=\"showEmptySpaceForSlider\"\n class=\"slider-placeholder\"\n ></div>\n </div>\n</ng-container>\n\n<div class=\"buttons-container\">\n <button\n class=\"button\"\n (click)=\"cancelSliderFilter()\"\n >\n Cancel\n </button>\n <button\n class=\"button\"\n [ngClass]=\"{ disabled: disableSliderApplyButton }\"\n (click)=\"applyFilters()\"\n [disabled]=\"disableSliderApplyButton\"\n >\n Apply\n </button>\n</div>\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!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:#2962ff}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AnnaSortComponent, selector: "anna-core-sort-lib", inputs: ["sortObjectKey"], outputs: ["sortOptionClicked"] }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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: NgxSliderModule }, { kind: "component", type: i4$2.SliderComponent, selector: "ngx-slider", inputs: ["value", "highValue", "options", "manualRefresh", "triggerFocus", "cancelUserChange"], outputs: ["valueChange", "highValueChange", "userChangeStart", "userChange", "userChangeEnd"] }] }); }
|
|
4213
4213
|
}
|
|
4214
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaColumnSliderFilterComponent, decorators: [{
|
|
4215
4215
|
type: Component,
|
|
4216
4216
|
args: [{ selector: "anna-core-anna-column-slider-filter", imports: [NgIf, NgFor, NgClass, AnnaSortComponent, FormsModule, NgxSliderModule], template: "<div\n class=\"radio-container\"\n *ngIf=\"showFilterHeaderTabs\"\n>\n <div *ngFor=\"let data of filterTabObjects\">\n <p\n class=\"filter-tab\"\n [title]=\"data.label\"\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\n [ngClass]=\"{ active: annaFilterService.selectedRadio === data.key }\"\n *ngIf=\"filterTabObjects.length > 0\"\n >\n {{ data.label }}\n </p>\n </div>\n</div>\n\n<anna-core-sort-lib\n *ngIf=\"showSortComponent\"\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\n></anna-core-sort-lib>\n\n<ng-container *ngIf=\"showFilterComponent\">\n <button\n class=\"column-clear-all\"\n [disabled]=\"disableColumnClearAllBtn\"\n (click)=\"clearColumnFilter()\"\n >\n Clear filter\n </button>\n <section class=\"min-maxContainer\">\n <input\n type=\"number\"\n class=\"slider-text\"\n step=\"{{ sliderFilterTextBoxStep }}\"\n [(ngModel)]=\"sliderMinValue\"\n (ngModelChange)=\"minValueChanged($event)\"\n [ngClass]=\"{ 'red-border': showSliderMinValueError }\"\n placeholder=\"Min\"\n />\n <span>To</span>\n <input\n type=\"number\"\n class=\"slider-text\"\n step=\"{{ sliderFilterTextBoxStep }}\"\n [(ngModel)]=\"sliderMaxValue\"\n (ngModelChange)=\"maxValueChanged($event)\"\n [ngClass]=\"{ 'red-border': showSliderMaxValueError }\"\n placeholder=\"Max\"\n />\n </section>\n <div class=\"sidebar-slider\">\n <ngx-slider\n *ngIf=\"!showEmptySpaceForSlider && options\"\n [ngClass]=\"{\n 'show-min': sliderMinValue !== options.floor,\n 'show-max': sliderMaxValue !== options.ceil\n }\"\n class=\"filter-slider\"\n [(value)]=\"sliderEnteredMinValue\"\n [(highValue)]=\"sliderEnteredMaxValue\"\n [options]=\"options\"\n ></ngx-slider>\n <div\n *ngIf=\"showEmptySpaceForSlider\"\n class=\"slider-placeholder\"\n ></div>\n </div>\n</ng-container>\n\n<div class=\"buttons-container\">\n <button\n class=\"button\"\n (click)=\"cancelSliderFilter()\"\n >\n Cancel\n </button>\n <button\n class=\"button\"\n [ngClass]=\"{ disabled: disableSliderApplyButton }\"\n (click)=\"applyFilters()\"\n [disabled]=\"disableSliderApplyButton\"\n >\n Apply\n </button>\n</div>\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!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:#2962ff}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}\n"] }]
|
|
4217
4217
|
}], ctorParameters: () => [{ type: AnnaFilterService }, { type: AnnaSortService }], propDecorators: { filterTabObjects: [{
|
|
@@ -4272,8 +4272,8 @@ class ButtonToggleComponent {
|
|
|
4272
4272
|
this.onTouched();
|
|
4273
4273
|
}
|
|
4274
4274
|
}
|
|
4275
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4276
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
4275
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ButtonToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4276
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ButtonToggleComponent, isStandalone: true, selector: "anna-core-button-toggle", inputs: { options: "options", disabled: "disabled", selectedValue: "selectedValue", isPageViewToggle: "isPageViewToggle" }, outputs: { valueChange: "valueChange" }, providers: [
|
|
4277
4277
|
{
|
|
4278
4278
|
provide: NG_VALUE_ACCESSOR,
|
|
4279
4279
|
useExisting: forwardRef(() => ButtonToggleComponent),
|
|
@@ -4281,7 +4281,7 @@ class ButtonToggleComponent {
|
|
|
4281
4281
|
},
|
|
4282
4282
|
], ngImport: i0, template: "<div\n class=\"toggle-group\"\n [ngClass]=\"isPageViewToggle ? 'view-switch-toggle' : ''\"\n [class.disabled]=\"disabled\"\n>\n <button\n *ngFor=\"let option of options\"\n class=\"toggle-button\"\n [class.active]=\"selectedValue === option.value\"\n [disabled]=\"disabled || option.disabled\"\n (click)=\"onToggle(option.value)\"\n >\n {{ option.label }}\n </button>\n</div>\n", styles: [".toggle-group{display:flex;border:1px solid #e0e0e0}.toggle-button{border:none;cursor:pointer;padding:0 12px;width:fit-content!important;font-weight:400;line-height:22px;font-size:var(--page-link-fs);font-family:Roboto;white-space:nowrap;transition:all .3s ease;opacity:1}.toggle-group:not(.disabled) .toggle-button.active{background:#1b88ff;color:#fff}.toggle-group:not(.disabled) .toggle-button:not(.active){background:#fff;color:#bdbdbd}.toggle-group.disabled .toggle-button.active{opacity:.5;background:#7b7b7b!important;color:#fff!important;cursor:not-allowed}.toggle-group.disabled .toggle-button:not(.active){opacity:.5;background-color:#bdbdbd!important;color:#4a4a4a!important;cursor:not-allowed}.toggle-group.view-switch-toggle{border:none!important;border-radius:2px;background:#f4f4f4!important}.toggle-group.view-switch-toggle button.toggle-button:not(.active){color:#268bff;background:none}.toggle-group.view-switch-toggle button.toggle-button.active{border-radius:2px}.toggle-group.view-switch-toggle button:only-child{cursor:default!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4283
4283
|
}
|
|
4284
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ButtonToggleComponent, decorators: [{
|
|
4285
4285
|
type: Component,
|
|
4286
4286
|
args: [{ selector: "anna-core-button-toggle", standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
4287
4287
|
{
|
|
@@ -4552,10 +4552,10 @@ class AnnaColumnTimeFilterComponent {
|
|
|
4552
4552
|
this.tempSortOrder = event;
|
|
4553
4553
|
this.disableTimeFilterApplyButton();
|
|
4554
4554
|
}
|
|
4555
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4556
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AnnaColumnTimeFilterComponent, isStandalone: true, selector: "anna-core-anna-column-time-filter", inputs: { tableData: "tableData", clonedTableData: "clonedTableData", filterTabObjects: "filterTabObjects", isLurAndCsrComponent: "isLurAndCsrComponent", showFilterHeaderTabs: "showFilterHeaderTabs", showAllTimeRangeCheckboxes: "showAllTimeRangeCheckboxes", gtGeneralConfig: "gtGeneralConfig", showClearAllFilter: "showClearAllFilter", startFromText: "startFromText", endToText: "endToText", isSortAndFilterAbsent: "isSortAndFilterAbsent" }, outputs: { timeChanges: "timeChanges", timeChangedEmitter: "timeChangedEmitter", filterAppliedToTable: "filterAppliedToTable", sortingAppliedToTable: "sortingAppliedToTable", getSortType: "getSortType", closeTooltip: "closeTooltip" }, ngImport: i0, template: "<div\n class=\"radio-container\"\n *ngIf=\"showFilterHeaderTabs\"\n>\n <div *ngFor=\"let data of filterTabObjects\">\n <p\n class=\"filter-tab\"\n [title]=\"data.label\"\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\n [ngClass]=\"{ active: annaFilterService.selectedRadio === data.key }\"\n *ngIf=\"filterTabObjects.length > 0\"\n >\n {{ data.label }}\n </p>\n </div>\n</div>\n\n<anna-core-sort-lib\n *ngIf=\"showSortComponent\"\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\n></anna-core-sort-lib>\n\n<ng-container *ngIf=\"showFilterComponent\">\n <button\n class=\"column-clear-all\"\n *ngIf=\"showClearAllFilter\"\n [disabled]=\"disableColumnClearAllBtn\"\n (click)=\"clearColumnFilter()\"\n >\n Clear filter\n </button>\n <div\n class=\"time-filter-checkboxes\"\n *ngIf=\"showAllTimeRangeCheckboxes\"\n >\n <!-- Multi time option checkbox -->\n <div\n class=\"d-flex align-items-center checkbox-container-padding\"\n *ngIf=\"showMultiTimeCheckbox\"\n >\n <span\n *ngIf=\"multiTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectOrUnselectMultiTimeCheckbox()\"\n >\n </span>\n <span\n *ngIf=\"!multiTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n (click)=\"selectOrUnselectMultiTimeCheckbox()\"\n >\n </span>\n <p class=\"label\">Include Multi</p>\n </div>\n <!-- Zero time option checkbox -->\n <div\n class=\"d-flex align-items-center checkbox-container-padding\"\n *ngIf=\"showZeroTimeCheckbox\"\n >\n <span\n *ngIf=\"zeroTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectOrUnselectZeroTimeCheckbox()\"\n >\n </span>\n <span\n *ngIf=\"!zeroTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n (click)=\"selectOrUnselectZeroTimeCheckbox()\"\n >\n </span>\n <p class=\"label\">Include Zero</p>\n </div>\n <!-- Enter time range option checkbox -->\n <div\n class=\"d-flex align-items-center checkbox-container-padding\"\n *ngIf=\"showEnterTimeCheckbox\"\n >\n <span\n *ngIf=\"enterTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectOrUnselectEnterTimeCheckbox()\"\n >\n </span>\n <span\n *ngIf=\"!enterTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n (click)=\"selectOrUnselectEnterTimeCheckbox()\"\n >\n </span>\n <p class=\"label\">Enter time range</p>\n </div>\n </div>\n <div class=\"time-label-container\">\n <label>{{ startFromText }}</label>\n </div>\n <div class=\"time-container\">\n <input\n class=\"form-control numberInput\"\n [ngClass]=\"{ 'error-border': startTimeHourErr }\"\n [(ngModel)]=\"selectedFromTime[0]\"\n type=\"text\"\n pattern=\"[1-12]*\"\n (ngModelChange)=\"startTimeHourChange($event)\"\n />\n <div class=\"arrow-container\">\n <i\n class=\"mdi mdi-menu-up upward\"\n (click)=\"changeStartTimeHour(true)\"\n ></i>\n <i\n class=\"mdi mdi-menu-down downward\"\n (click)=\"changeStartTimeHour(false)\"\n ></i>\n </div>\n <span class=\"dot\">:</span>\n <input\n class=\"form-control numberInput\"\n [ngClass]=\"{ 'error-border': startTimeMinErr }\"\n [(ngModel)]=\"selectedFromTime[1]\"\n type=\"text\"\n pattern=\"[0-59]*\"\n (ngModelChange)=\"startTimeMinChange($event)\"\n />\n <div class=\"arrow-container\">\n <i\n class=\"mdi mdi-menu-up upward\"\n (click)=\"changeStartTimeMinute(true)\"\n ></i>\n <i\n class=\"mdi mdi-menu-down downward\"\n (click)=\"changeStartTimeMinute(false)\"\n ></i>\n </div>\n <div>\n <anna-core-button-toggle\n [(ngModel)]=\"selectedFromTime[2]\"\n [options]=\"buttonToggleOptions\"\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\n >\n </anna-core-button-toggle>\n <!-- <mat-button-toggle-group\n [(ngModel)]=\"selectedFromTime[2]\"\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\n >\n <mat-button-toggle value=\"AM\">\n <span>AM</span>\n </mat-button-toggle>\n <mat-button-toggle value=\"PM\">\n <span>PM</span>\n </mat-button-toggle>\n </mat-button-toggle-group> -->\n </div>\n </div>\n\n <div class=\"time-label-container\">\n <label>{{ endToText }}</label>\n </div>\n <div class=\"time-container\">\n <input\n class=\"form-control numberInput\"\n [(ngModel)]=\"selectedToTime[0]\"\n [ngClass]=\"{ 'error-border': endTimeHourErr }\"\n (ngModelChange)=\"endTimeHourChange($event)\"\n type=\"text\"\n pattern=\"[1-12]*\"\n />\n <div class=\"arrow-container\">\n <i\n class=\"mdi mdi-menu-up upward\"\n (click)=\"changeEndTimeHour(true)\"\n ></i>\n <i\n class=\"mdi mdi-menu-down downward\"\n (click)=\"changeEndTimeHour(false)\"\n ></i>\n </div>\n <span class=\"dot\">:</span>\n <input\n class=\"form-control numberInput\"\n [ngClass]=\"{ 'error-border': endTimeMinErr }\"\n [(ngModel)]=\"selectedToTime[1]\"\n (ngModelChange)=\"endTimeMinChange($event)\"\n type=\"text\"\n pattern=\"[0-59]*\"\n />\n <div class=\"arrow-container\">\n <i\n class=\"mdi mdi-menu-up upward\"\n (click)=\"changeEndTimeMinute(true)\"\n ></i>\n <i\n class=\"mdi mdi-menu-down downward\"\n (click)=\"changeEndTimeMinute(false)\"\n ></i>\n </div>\n <div>\n <anna-core-button-toggle\n [(ngModel)]=\"selectedToTime[2]\"\n [options]=\"buttonToggleOptions\"\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\n >\n </anna-core-button-toggle>\n <!-- <mat-button-toggle-group\n [(ngModel)]=\"selectedToTime[2]\"\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\n >\n <mat-button-toggle value=\"AM\">\n <span>AM</span>\n </mat-button-toggle>\n <mat-button-toggle value=\"PM\">\n <span>PM</span>\n </mat-button-toggle>\n </mat-button-toggle-group> -->\n </div>\n </div>\n</ng-container>\n\n<div class=\"buttons-container\">\n <button\n class=\"button\"\n (click)=\"closeTimeFilter()\"\n >\n Cancel\n </button>\n <button\n class=\"button\"\n [ngClass]=\"{ disabled: disableTimeFilterApplyBtn }\"\n (click)=\"applyTimeFilters()\"\n [disabled]=\"disableTimeFilterApplyBtn\"\n >\n Apply\n </button>\n</div>\n", styles: [":root{--mat-standard-button-toggle-selected-state-text-color: white;--mat-standard-button-toggle-selected-state-background-color: var(--primary-blue-color)}:host ::ng-deep .mat-mdc-button>.mat-icon{font-size:24px!important;height:24px!important;width:24px!important}:host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:23px;width:42px;padding:0 10px;height:22px}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:#268bff;color:#fff!important}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-pseudo-checkbox{display:none}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-checkbox-wrapper{width:0}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-button:has(.mat-button-toggle-checkbox-wrapper){padding-left:0}:host ::ng-deep .mat-button-toggle-group-appearance-standard{border-radius:2px;border:none!important}:host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border-left: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:1;border:solid 1px #b3b3b3}::ng-deep .mat-button-toggle-appearance-standard button{opacity:1;border:1px solid #bdbdbd}::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{opacity:1}:host ::ng-deep mat-button-toggle-group mat-button-toggle:not(.mat-button-toggle-disabled) button{border:none!important}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!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:#2962ff}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}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.5rem;font-size:var(--dropdown-text-fs)}.hidden{display:none}.time-label-container{padding-top:8px}.time-label-container label{font-family:Roboto;font-weight:400;color:#666;line-height:1}.time-filter-checkboxes{padding:.5rem 0 0}.column-clear-all{padding-top:8px}div.checkbox-container-padding{padding:0 .5rem}div.checkbox-container-padding p.label{margin-left:8px;font-size:12px;font-weight:400;line-height:24px;position:relative;top:1px}i.mdi-menu-down{position:relative;left:.25px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AnnaSortComponent, selector: "anna-core-sort-lib", inputs: ["sortObjectKey"], outputs: ["sortOptionClicked"] }, { kind: "component", type: ButtonToggleComponent, selector: "anna-core-button-toggle", inputs: ["options", "disabled", "selectedValue", "isPageViewToggle"], outputs: ["valueChange"] }] }); }
|
|
4555
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaColumnTimeFilterComponent, deps: [{ token: AnnaSortService }, { token: AnnaDateTimeFormatService }, { token: AnnaFilterService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4556
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaColumnTimeFilterComponent, isStandalone: true, selector: "anna-core-anna-column-time-filter", inputs: { tableData: "tableData", clonedTableData: "clonedTableData", filterTabObjects: "filterTabObjects", isLurAndCsrComponent: "isLurAndCsrComponent", showFilterHeaderTabs: "showFilterHeaderTabs", showAllTimeRangeCheckboxes: "showAllTimeRangeCheckboxes", gtGeneralConfig: "gtGeneralConfig", showClearAllFilter: "showClearAllFilter", startFromText: "startFromText", endToText: "endToText", isSortAndFilterAbsent: "isSortAndFilterAbsent" }, outputs: { timeChanges: "timeChanges", timeChangedEmitter: "timeChangedEmitter", filterAppliedToTable: "filterAppliedToTable", sortingAppliedToTable: "sortingAppliedToTable", getSortType: "getSortType", closeTooltip: "closeTooltip" }, ngImport: i0, template: "<div\n class=\"radio-container\"\n *ngIf=\"showFilterHeaderTabs\"\n>\n <div *ngFor=\"let data of filterTabObjects\">\n <p\n class=\"filter-tab\"\n [title]=\"data.label\"\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\n [ngClass]=\"{ active: annaFilterService.selectedRadio === data.key }\"\n *ngIf=\"filterTabObjects.length > 0\"\n >\n {{ data.label }}\n </p>\n </div>\n</div>\n\n<anna-core-sort-lib\n *ngIf=\"showSortComponent\"\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\n></anna-core-sort-lib>\n\n<ng-container *ngIf=\"showFilterComponent\">\n <button\n class=\"column-clear-all\"\n *ngIf=\"showClearAllFilter\"\n [disabled]=\"disableColumnClearAllBtn\"\n (click)=\"clearColumnFilter()\"\n >\n Clear filter\n </button>\n <div\n class=\"time-filter-checkboxes\"\n *ngIf=\"showAllTimeRangeCheckboxes\"\n >\n <!-- Multi time option checkbox -->\n <div\n class=\"d-flex align-items-center checkbox-container-padding\"\n *ngIf=\"showMultiTimeCheckbox\"\n >\n <span\n *ngIf=\"multiTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectOrUnselectMultiTimeCheckbox()\"\n >\n </span>\n <span\n *ngIf=\"!multiTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n (click)=\"selectOrUnselectMultiTimeCheckbox()\"\n >\n </span>\n <p class=\"label\">Include Multi</p>\n </div>\n <!-- Zero time option checkbox -->\n <div\n class=\"d-flex align-items-center checkbox-container-padding\"\n *ngIf=\"showZeroTimeCheckbox\"\n >\n <span\n *ngIf=\"zeroTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectOrUnselectZeroTimeCheckbox()\"\n >\n </span>\n <span\n *ngIf=\"!zeroTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n (click)=\"selectOrUnselectZeroTimeCheckbox()\"\n >\n </span>\n <p class=\"label\">Include Zero</p>\n </div>\n <!-- Enter time range option checkbox -->\n <div\n class=\"d-flex align-items-center checkbox-container-padding\"\n *ngIf=\"showEnterTimeCheckbox\"\n >\n <span\n *ngIf=\"enterTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectOrUnselectEnterTimeCheckbox()\"\n >\n </span>\n <span\n *ngIf=\"!enterTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n (click)=\"selectOrUnselectEnterTimeCheckbox()\"\n >\n </span>\n <p class=\"label\">Enter time range</p>\n </div>\n </div>\n <div class=\"time-label-container\">\n <label>{{ startFromText }}</label>\n </div>\n <div class=\"time-container\">\n <input\n class=\"form-control numberInput\"\n [ngClass]=\"{ 'error-border': startTimeHourErr }\"\n [(ngModel)]=\"selectedFromTime[0]\"\n type=\"text\"\n pattern=\"[1-12]*\"\n (ngModelChange)=\"startTimeHourChange($event)\"\n />\n <div class=\"arrow-container\">\n <i\n class=\"mdi mdi-menu-up upward\"\n (click)=\"changeStartTimeHour(true)\"\n ></i>\n <i\n class=\"mdi mdi-menu-down downward\"\n (click)=\"changeStartTimeHour(false)\"\n ></i>\n </div>\n <span class=\"dot\">:</span>\n <input\n class=\"form-control numberInput\"\n [ngClass]=\"{ 'error-border': startTimeMinErr }\"\n [(ngModel)]=\"selectedFromTime[1]\"\n type=\"text\"\n pattern=\"[0-59]*\"\n (ngModelChange)=\"startTimeMinChange($event)\"\n />\n <div class=\"arrow-container\">\n <i\n class=\"mdi mdi-menu-up upward\"\n (click)=\"changeStartTimeMinute(true)\"\n ></i>\n <i\n class=\"mdi mdi-menu-down downward\"\n (click)=\"changeStartTimeMinute(false)\"\n ></i>\n </div>\n <div>\n <anna-core-button-toggle\n [(ngModel)]=\"selectedFromTime[2]\"\n [options]=\"buttonToggleOptions\"\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\n >\n </anna-core-button-toggle>\n <!-- <mat-button-toggle-group\n [(ngModel)]=\"selectedFromTime[2]\"\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\n >\n <mat-button-toggle value=\"AM\">\n <span>AM</span>\n </mat-button-toggle>\n <mat-button-toggle value=\"PM\">\n <span>PM</span>\n </mat-button-toggle>\n </mat-button-toggle-group> -->\n </div>\n </div>\n\n <div class=\"time-label-container\">\n <label>{{ endToText }}</label>\n </div>\n <div class=\"time-container\">\n <input\n class=\"form-control numberInput\"\n [(ngModel)]=\"selectedToTime[0]\"\n [ngClass]=\"{ 'error-border': endTimeHourErr }\"\n (ngModelChange)=\"endTimeHourChange($event)\"\n type=\"text\"\n pattern=\"[1-12]*\"\n />\n <div class=\"arrow-container\">\n <i\n class=\"mdi mdi-menu-up upward\"\n (click)=\"changeEndTimeHour(true)\"\n ></i>\n <i\n class=\"mdi mdi-menu-down downward\"\n (click)=\"changeEndTimeHour(false)\"\n ></i>\n </div>\n <span class=\"dot\">:</span>\n <input\n class=\"form-control numberInput\"\n [ngClass]=\"{ 'error-border': endTimeMinErr }\"\n [(ngModel)]=\"selectedToTime[1]\"\n (ngModelChange)=\"endTimeMinChange($event)\"\n type=\"text\"\n pattern=\"[0-59]*\"\n />\n <div class=\"arrow-container\">\n <i\n class=\"mdi mdi-menu-up upward\"\n (click)=\"changeEndTimeMinute(true)\"\n ></i>\n <i\n class=\"mdi mdi-menu-down downward\"\n (click)=\"changeEndTimeMinute(false)\"\n ></i>\n </div>\n <div>\n <anna-core-button-toggle\n [(ngModel)]=\"selectedToTime[2]\"\n [options]=\"buttonToggleOptions\"\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\n >\n </anna-core-button-toggle>\n <!-- <mat-button-toggle-group\n [(ngModel)]=\"selectedToTime[2]\"\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\n >\n <mat-button-toggle value=\"AM\">\n <span>AM</span>\n </mat-button-toggle>\n <mat-button-toggle value=\"PM\">\n <span>PM</span>\n </mat-button-toggle>\n </mat-button-toggle-group> -->\n </div>\n </div>\n</ng-container>\n\n<div class=\"buttons-container\">\n <button\n class=\"button\"\n (click)=\"closeTimeFilter()\"\n >\n Cancel\n </button>\n <button\n class=\"button\"\n [ngClass]=\"{ disabled: disableTimeFilterApplyBtn }\"\n (click)=\"applyTimeFilters()\"\n [disabled]=\"disableTimeFilterApplyBtn\"\n >\n Apply\n </button>\n</div>\n", styles: [":root{--mat-standard-button-toggle-selected-state-text-color: white;--mat-standard-button-toggle-selected-state-background-color: var(--primary-blue-color)}:host ::ng-deep .mat-mdc-button>.mat-icon{font-size:24px!important;height:24px!important;width:24px!important}:host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:23px;width:42px;padding:0 10px;height:22px}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:#268bff;color:#fff!important}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-pseudo-checkbox{display:none}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-checkbox-wrapper{width:0}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-button:has(.mat-button-toggle-checkbox-wrapper){padding-left:0}:host ::ng-deep .mat-button-toggle-group-appearance-standard{border-radius:2px;border:none!important}:host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border-left: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:1;border:solid 1px #b3b3b3}::ng-deep .mat-button-toggle-appearance-standard button{opacity:1;border:1px solid #bdbdbd}::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{opacity:1}:host ::ng-deep mat-button-toggle-group mat-button-toggle:not(.mat-button-toggle-disabled) button{border:none!important}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!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:#2962ff}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}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.5rem;font-size:var(--dropdown-text-fs)}.hidden{display:none}.time-label-container{padding-top:8px}.time-label-container label{font-family:Roboto;font-weight:400;color:#666;line-height:1}.time-filter-checkboxes{padding:.5rem 0 0}.column-clear-all{padding-top:8px}div.checkbox-container-padding{padding:0 .5rem}div.checkbox-container-padding p.label{margin-left:8px;font-size:12px;font-weight:400;line-height:24px;position:relative;top:1px}i.mdi-menu-down{position:relative;left:.25px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AnnaSortComponent, selector: "anna-core-sort-lib", inputs: ["sortObjectKey"], outputs: ["sortOptionClicked"] }, { kind: "component", type: ButtonToggleComponent, selector: "anna-core-button-toggle", inputs: ["options", "disabled", "selectedValue", "isPageViewToggle"], outputs: ["valueChange"] }] }); }
|
|
4557
4557
|
}
|
|
4558
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4558
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaColumnTimeFilterComponent, decorators: [{
|
|
4559
4559
|
type: Component,
|
|
4560
4560
|
args: [{ selector: "anna-core-anna-column-time-filter", standalone: true, imports: [NgIf, NgFor, NgClass, FormsModule, AnnaSortComponent, ButtonToggleComponent], template: "<div\n class=\"radio-container\"\n *ngIf=\"showFilterHeaderTabs\"\n>\n <div *ngFor=\"let data of filterTabObjects\">\n <p\n class=\"filter-tab\"\n [title]=\"data.label\"\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\n [ngClass]=\"{ active: annaFilterService.selectedRadio === data.key }\"\n *ngIf=\"filterTabObjects.length > 0\"\n >\n {{ data.label }}\n </p>\n </div>\n</div>\n\n<anna-core-sort-lib\n *ngIf=\"showSortComponent\"\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\n></anna-core-sort-lib>\n\n<ng-container *ngIf=\"showFilterComponent\">\n <button\n class=\"column-clear-all\"\n *ngIf=\"showClearAllFilter\"\n [disabled]=\"disableColumnClearAllBtn\"\n (click)=\"clearColumnFilter()\"\n >\n Clear filter\n </button>\n <div\n class=\"time-filter-checkboxes\"\n *ngIf=\"showAllTimeRangeCheckboxes\"\n >\n <!-- Multi time option checkbox -->\n <div\n class=\"d-flex align-items-center checkbox-container-padding\"\n *ngIf=\"showMultiTimeCheckbox\"\n >\n <span\n *ngIf=\"multiTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectOrUnselectMultiTimeCheckbox()\"\n >\n </span>\n <span\n *ngIf=\"!multiTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n (click)=\"selectOrUnselectMultiTimeCheckbox()\"\n >\n </span>\n <p class=\"label\">Include Multi</p>\n </div>\n <!-- Zero time option checkbox -->\n <div\n class=\"d-flex align-items-center checkbox-container-padding\"\n *ngIf=\"showZeroTimeCheckbox\"\n >\n <span\n *ngIf=\"zeroTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectOrUnselectZeroTimeCheckbox()\"\n >\n </span>\n <span\n *ngIf=\"!zeroTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n (click)=\"selectOrUnselectZeroTimeCheckbox()\"\n >\n </span>\n <p class=\"label\">Include Zero</p>\n </div>\n <!-- Enter time range option checkbox -->\n <div\n class=\"d-flex align-items-center checkbox-container-padding\"\n *ngIf=\"showEnterTimeCheckbox\"\n >\n <span\n *ngIf=\"enterTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectOrUnselectEnterTimeCheckbox()\"\n >\n </span>\n <span\n *ngIf=\"!enterTimeCheckboxChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n (click)=\"selectOrUnselectEnterTimeCheckbox()\"\n >\n </span>\n <p class=\"label\">Enter time range</p>\n </div>\n </div>\n <div class=\"time-label-container\">\n <label>{{ startFromText }}</label>\n </div>\n <div class=\"time-container\">\n <input\n class=\"form-control numberInput\"\n [ngClass]=\"{ 'error-border': startTimeHourErr }\"\n [(ngModel)]=\"selectedFromTime[0]\"\n type=\"text\"\n pattern=\"[1-12]*\"\n (ngModelChange)=\"startTimeHourChange($event)\"\n />\n <div class=\"arrow-container\">\n <i\n class=\"mdi mdi-menu-up upward\"\n (click)=\"changeStartTimeHour(true)\"\n ></i>\n <i\n class=\"mdi mdi-menu-down downward\"\n (click)=\"changeStartTimeHour(false)\"\n ></i>\n </div>\n <span class=\"dot\">:</span>\n <input\n class=\"form-control numberInput\"\n [ngClass]=\"{ 'error-border': startTimeMinErr }\"\n [(ngModel)]=\"selectedFromTime[1]\"\n type=\"text\"\n pattern=\"[0-59]*\"\n (ngModelChange)=\"startTimeMinChange($event)\"\n />\n <div class=\"arrow-container\">\n <i\n class=\"mdi mdi-menu-up upward\"\n (click)=\"changeStartTimeMinute(true)\"\n ></i>\n <i\n class=\"mdi mdi-menu-down downward\"\n (click)=\"changeStartTimeMinute(false)\"\n ></i>\n </div>\n <div>\n <anna-core-button-toggle\n [(ngModel)]=\"selectedFromTime[2]\"\n [options]=\"buttonToggleOptions\"\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\n >\n </anna-core-button-toggle>\n <!-- <mat-button-toggle-group\n [(ngModel)]=\"selectedFromTime[2]\"\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\n >\n <mat-button-toggle value=\"AM\">\n <span>AM</span>\n </mat-button-toggle>\n <mat-button-toggle value=\"PM\">\n <span>PM</span>\n </mat-button-toggle>\n </mat-button-toggle-group> -->\n </div>\n </div>\n\n <div class=\"time-label-container\">\n <label>{{ endToText }}</label>\n </div>\n <div class=\"time-container\">\n <input\n class=\"form-control numberInput\"\n [(ngModel)]=\"selectedToTime[0]\"\n [ngClass]=\"{ 'error-border': endTimeHourErr }\"\n (ngModelChange)=\"endTimeHourChange($event)\"\n type=\"text\"\n pattern=\"[1-12]*\"\n />\n <div class=\"arrow-container\">\n <i\n class=\"mdi mdi-menu-up upward\"\n (click)=\"changeEndTimeHour(true)\"\n ></i>\n <i\n class=\"mdi mdi-menu-down downward\"\n (click)=\"changeEndTimeHour(false)\"\n ></i>\n </div>\n <span class=\"dot\">:</span>\n <input\n class=\"form-control numberInput\"\n [ngClass]=\"{ 'error-border': endTimeMinErr }\"\n [(ngModel)]=\"selectedToTime[1]\"\n (ngModelChange)=\"endTimeMinChange($event)\"\n type=\"text\"\n pattern=\"[0-59]*\"\n />\n <div class=\"arrow-container\">\n <i\n class=\"mdi mdi-menu-up upward\"\n (click)=\"changeEndTimeMinute(true)\"\n ></i>\n <i\n class=\"mdi mdi-menu-down downward\"\n (click)=\"changeEndTimeMinute(false)\"\n ></i>\n </div>\n <div>\n <anna-core-button-toggle\n [(ngModel)]=\"selectedToTime[2]\"\n [options]=\"buttonToggleOptions\"\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\n >\n </anna-core-button-toggle>\n <!-- <mat-button-toggle-group\n [(ngModel)]=\"selectedToTime[2]\"\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\n >\n <mat-button-toggle value=\"AM\">\n <span>AM</span>\n </mat-button-toggle>\n <mat-button-toggle value=\"PM\">\n <span>PM</span>\n </mat-button-toggle>\n </mat-button-toggle-group> -->\n </div>\n </div>\n</ng-container>\n\n<div class=\"buttons-container\">\n <button\n class=\"button\"\n (click)=\"closeTimeFilter()\"\n >\n Cancel\n </button>\n <button\n class=\"button\"\n [ngClass]=\"{ disabled: disableTimeFilterApplyBtn }\"\n (click)=\"applyTimeFilters()\"\n [disabled]=\"disableTimeFilterApplyBtn\"\n >\n Apply\n </button>\n</div>\n", styles: [":root{--mat-standard-button-toggle-selected-state-text-color: white;--mat-standard-button-toggle-selected-state-background-color: var(--primary-blue-color)}:host ::ng-deep .mat-mdc-button>.mat-icon{font-size:24px!important;height:24px!important;width:24px!important}:host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:23px;width:42px;padding:0 10px;height:22px}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:#268bff;color:#fff!important}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-pseudo-checkbox{display:none}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-checkbox-wrapper{width:0}:host ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-button:has(.mat-button-toggle-checkbox-wrapper){padding-left:0}:host ::ng-deep .mat-button-toggle-group-appearance-standard{border-radius:2px;border:none!important}:host ::ng-deep .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border-left: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:1;border:solid 1px #b3b3b3}::ng-deep .mat-button-toggle-appearance-standard button{opacity:1;border:1px solid #bdbdbd}::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{opacity:1}:host ::ng-deep mat-button-toggle-group mat-button-toggle:not(.mat-button-toggle-disabled) button{border:none!important}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!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:#2962ff}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}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.5rem;font-size:var(--dropdown-text-fs)}.hidden{display:none}.time-label-container{padding-top:8px}.time-label-container label{font-family:Roboto;font-weight:400;color:#666;line-height:1}.time-filter-checkboxes{padding:.5rem 0 0}.column-clear-all{padding-top:8px}div.checkbox-container-padding{padding:0 .5rem}div.checkbox-container-padding p.label{margin-left:8px;font-size:12px;font-weight:400;line-height:24px;position:relative;top:1px}i.mdi-menu-down{position:relative;left:.25px}\n"] }]
|
|
4561
4561
|
}], ctorParameters: () => [{ type: AnnaSortService }, { type: AnnaDateTimeFormatService }, { type: AnnaFilterService }], propDecorators: { tableData: [{
|
|
@@ -4623,10 +4623,10 @@ class AnnaCircularProgressComponent {
|
|
|
4623
4623
|
this.renderer.setStyle(progressBar, "transition", `stroke-dashoffset ${this.animationDuration}ms ease`);
|
|
4624
4624
|
}
|
|
4625
4625
|
}
|
|
4626
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4627
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
4626
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaCircularProgressComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4627
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaCircularProgressComponent, isStandalone: true, selector: "anna-core-circular-progress", inputs: { percent: "percent", radius: "radius", outerStrokeWidth: "outerStrokeWidth", innerStrokeWidth: "innerStrokeWidth", outerStrokeColor: "outerStrokeColor", innerStrokeColor: "innerStrokeColor", animationDuration: "animationDuration" }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"custom-progress-wrapper\"\n [ngStyle]=\"{ width: radius * 2 + 1 + 'px', height: radius * 2 + 1 + 'px' }\"\n>\n <svg\n class=\"custom-progress-circle\"\n [attr.viewBox]=\"'0 0 ' + radius * 2 + ' ' + radius * 2\"\n >\n <!-- Background circle -->\n <circle\n class=\"custom-progress-bg\"\n [attr.cx]=\"radius\"\n [attr.cy]=\"radius\"\n [attr.r]=\"radius - outerStrokeWidth / 2\"\n [attr.stroke-width]=\"outerStrokeWidth\"\n [attr.stroke]=\"innerStrokeColor\"\n [attr.fill]=\"'none'\"\n ></circle>\n\n <!-- Progress circle -->\n <circle\n class=\"custom-progress-bar\"\n [attr.cx]=\"radius\"\n [attr.cy]=\"radius\"\n [attr.r]=\"radius - outerStrokeWidth / 2\"\n [attr.stroke-width]=\"outerStrokeWidth\"\n [attr.stroke]=\"outerStrokeColor\"\n [attr.fill]=\"'none'\"\n [attr.stroke-dasharray]=\"circumference\"\n [attr.stroke-dashoffset]=\"circumference - (percent / 100) * circumference\"\n [attr.transform]=\"'rotate(' + radius + ' ' + radius + ')'\"\n ></circle>\n </svg>\n</div>\n", styles: [".custom-progress-wrapper{position:relative;display:flex}.custom-progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.custom-progress-bar{stroke-linecap:round;transition:stroke-dashoffset .3s ease}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4628
4628
|
}
|
|
4629
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4629
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaCircularProgressComponent, decorators: [{
|
|
4630
4630
|
type: Component,
|
|
4631
4631
|
args: [{ selector: "anna-core-circular-progress", imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"custom-progress-wrapper\"\n [ngStyle]=\"{ width: radius * 2 + 1 + 'px', height: radius * 2 + 1 + 'px' }\"\n>\n <svg\n class=\"custom-progress-circle\"\n [attr.viewBox]=\"'0 0 ' + radius * 2 + ' ' + radius * 2\"\n >\n <!-- Background circle -->\n <circle\n class=\"custom-progress-bg\"\n [attr.cx]=\"radius\"\n [attr.cy]=\"radius\"\n [attr.r]=\"radius - outerStrokeWidth / 2\"\n [attr.stroke-width]=\"outerStrokeWidth\"\n [attr.stroke]=\"innerStrokeColor\"\n [attr.fill]=\"'none'\"\n ></circle>\n\n <!-- Progress circle -->\n <circle\n class=\"custom-progress-bar\"\n [attr.cx]=\"radius\"\n [attr.cy]=\"radius\"\n [attr.r]=\"radius - outerStrokeWidth / 2\"\n [attr.stroke-width]=\"outerStrokeWidth\"\n [attr.stroke]=\"outerStrokeColor\"\n [attr.fill]=\"'none'\"\n [attr.stroke-dasharray]=\"circumference\"\n [attr.stroke-dashoffset]=\"circumference - (percent / 100) * circumference\"\n [attr.transform]=\"'rotate(' + radius + ' ' + radius + ')'\"\n ></circle>\n </svg>\n</div>\n", styles: [".custom-progress-wrapper{position:relative;display:flex}.custom-progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.custom-progress-bar{stroke-linecap:round;transition:stroke-dashoffset .3s ease}\n"] }]
|
|
4632
4632
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { percent: [{
|
|
@@ -4733,10 +4733,10 @@ class AnnaSingleSelectComponent {
|
|
|
4733
4733
|
this.heightOfCheckboxTooltipFilter = 25.68;
|
|
4734
4734
|
}
|
|
4735
4735
|
}
|
|
4736
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
4737
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AnnaSingleSelectComponent, isStandalone: true, selector: "anna-core-single-select", inputs: { config: "config", loading: "loading", showAdditionalDataInSelectedText: "showAdditionalDataInSelectedText", disabled: "disabled", items: "items", selectedItem: "selectedItem", keyToUseForDisplay: "keyToUseForDisplay", keyToUseForCheckingSelectedItem: "keyToUseForCheckingSelectedItem", hideDropdownArrow: "hideDropdownArrow", borderbottomObject: "borderbottomObject", defaultDropdownHeight: "defaultDropdownHeight", itemsToHideInDropdownIds: "itemsToHideInDropdownIds", showClearSelection: "showClearSelection" }, outputs: { valueChanged: "valueChanged", dropdownClosedEvent: "dropdownClosedEvent", dropdownOpenedEvent: "dropdownOpenedEvent", clearSelectionClickedEvent: "clearSelectionClickedEvent" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["dropdown"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button\n id=\"dropdown-trigger\"\n #dropdown\n #t=\"matMenuTrigger\"\n [ngClass]=\"{ 'blue-border': config?.showBlueBorderOnEdit && showBlueBorder }\"\n (menuClosed)=\"dropdownClosed()\"\n (menuOpened)=\"dropdownOpened()\"\n [matMenuTriggerFor]=\"contextMenu\"\n [disabled]=\"disabled || loading\"\n>\n <span\n class=\"placeholder\"\n *ngIf=\"!selectedItem && config\"\n >{{ config.placeholder }}</span\n >\n <span\n class=\"selected-item\"\n [class]=\"selectedItem.class\"\n annaCoreShowEllipsisTextOnHover\n *ngIf=\"selectedItem\"\n >\n <ng-container *ngIf=\"(selectedItem | AnnatypeofData) === 'object'; else stringTypeTemplate\">\n {{ selectedItem[keyToUseForDisplay] }}\n <ng-container *ngIf=\"showAdditionalDataInSelectedText && selectedItem && selectedItem?.additionalData\">\n <span [class]=\"selectedItem?.additionalClass\">{{ selectedItem?.additionalData }} </span>\n </ng-container>\n </ng-container>\n <ng-template #stringTypeTemplate>\n {{ selectedItem }}\n </ng-template>\n </span>\n <div\n *ngIf=\"loading\"\n [ngClass]=\"{ 'spinner-for-button-directive': loading }\"\n ></div>\n\n <ng-container *ngIf=\"!loading && !hideDropdownArrow\">\n <i\n *ngIf=\"!t.menuOpen\"\n class=\"mdi mdi-menu-down icon\"\n ></i>\n <i\n *ngIf=\"t.menuOpen\"\n class=\"mdi mdi-menu-up icon\"\n ></i>\n </ng-container>\n</button>\n<ng-content select=\".role-tooltip-icon\"></ng-content>\n<mat-menu\n backdropClass=\"single-select-dropdown\"\n [yPosition]=\"yPosition\"\n #contextMenu=\"matMenu\"\n>\n <ng-template matMenuContent>\n <div\n class=\"{{ config.classes }}\"\n [style.width.px]=\"width\"\n >\n <div\n class=\"gap\"\n *ngIf=\"config.showSearchBar\"\n ></div>\n <div\n *ngIf=\"showClearSelection\"\n class=\"clear-selection\"\n >\n <a\n (click)=\"clearSelectionClicked()\"\n [ngClass]=\"{ disabled: !selectedItem }\"\n >Clear selection</a\n >\n </div>\n <section\n *ngIf=\"config.showSearchBar\"\n class=\"search-bar\"\n >\n <i class=\"mi mdi-search search-icon\"></i>\n <input\n type=\"text\"\n [(ngModel)]=\"searchFor\"\n placeholder=\"Search\"\n (ngModelChange)=\"updateHeight()\"\n (click)=\"$event.stopPropagation()\"\n />\n </section>\n <cdk-virtual-scroll-viewport\n class=\"dropdown-data-container\"\n itemSize=\"18\"\n [style.height.px]=\"heightOfCheckboxTooltipFilter\"\n >\n <ul\n class=\"single-select-ul\"\n [style.width.px]=\"width\"\n >\n <ng-container *ngIf=\"items && (items[0] | AnnatypeofData) === 'object'; else stringTypeTemplate\">\n <li\n annaCoreShowEllipsisTextOnHover\n *cdkVirtualFor=\"\n let item of items | AnnafilterSearchedText: searchFor : keyToUseForDisplay;\n let last = last;\n trackBy: trackByFn\n \"\n [ngClass]=\"{\n active:\n selectedItem &&\n selectedItem[keyToUseForCheckingSelectedItem] ===\n item[keyToUseForCheckingSelectedItem],\n 'show-bottom-border': !last && borderbottomObject[item.id],\n disabled: item.isDisabled\n }\"\n (click)=\"itemSelected(item, $event)\"\n >\n <span [class]=\"item.class\"> {{ item[keyToUseForDisplay] }} </span>\n <ng-container *ngIf=\"item && item.additionalData\">\n <span\n class=\"ml-0\"\n [class]=\"item.additionalClass\"\n >\n {{ item?.additionalData }}\n </span>\n </ng-container>\n </li>\n\n <ng-container\n [ngTemplateOutlet]=\"noDataCase\"\n [ngTemplateOutletContext]=\"{ items: items }\"\n ></ng-container>\n </ng-container>\n\n <ng-template #stringTypeTemplate>\n <ng-container\n *ngFor=\"\n let item of items | AnnafilterSearchedText: searchFor : keyToUseForDisplay;\n trackBy: trackByFn\n \"\n >\n <li\n annaCoreShowEllipsisTextOnHover\n [ngClass]=\"{ active: selectedItem && selectedItem === item }\"\n (click)=\"itemSelected(item, $event)\"\n >\n <span> {{ item }} </span>\n </li>\n </ng-container>\n <ng-container\n [ngTemplateOutlet]=\"noDataCase\"\n [ngTemplateOutletContext]=\"{ items: items }\"\n ></ng-container>\n </ng-template>\n </ul>\n </cdk-virtual-scroll-viewport>\n </div>\n </ng-template>\n</mat-menu>\n\n<ng-template\n #noDataCase\n let-items=\"items\"\n>\n <li\n annaCoreShowEllipsisTextOnHover\n *ngIf=\"(items | AnnafilterSearchedText: searchFor : keyToUseForDisplay)?.length === 0\"\n >\n <span> No data found </span>\n </li>\n</ng-template>\n", styles: ["#dropdown-trigger{height:1.5rem;background:#fff;border-radius:2px;border:1px solid #b7b7b7;width:100%;text-align:left;display:flex;align-items:center}#dropdown-trigger:disabled{background-color:#bdbdbd;opacity:.5}#dropdown-trigger:disabled .placeholder,#dropdown-trigger:disabled .icon{color:#000}.placeholder{color:#bdbdbd;width:100%;font-family:Roboto;font-size:var(--dropdown-text-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;opacity:1!important}.icon{font-size:1.125rem;float:right;margin-left:auto}.search-bar{margin:0 7px 8px;border:1px solid #b7b7b7;height:24px;border-radius:2px}.search-bar input{outline:none;border:none;position:relative;bottom:4px;width:calc(100% - 29px);font-size:var(--dropdown-text-fs)}.search-bar .search-icon{font-size:var(--multi-select-dropdown-checkbox-fs);color:#9b9b9b;margin:5px}.search-bar .close-icon{cursor:pointer}ul{overflow-y:auto;padding-left:0;padding-bottom:0;margin-bottom:0;max-height:calc(50vh - 80px)!important}li{list-style-type:none;cursor:pointer;padding-inline:10px;font-family:Roboto;font-size:var(--dropdown-text-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:2.14;letter-spacing:normal;color:#4a4a4a;width:100%}ul::-webkit-scrollbar{width:4px;height:4px}ul::-webkit-scrollbar-track{border:1px solid rgba(0,0,0,.1)}ul::-webkit-scrollbar-thumb{border-radius:4px;background-color:#0006!important;border:1px solid rgba(0,0,0,.2)}li:hover{background:#ebebeb}li.active{color:#fff;background:#268bff}span.selected-item{background:transparent;font-family:Roboto;font-size:var(--dropdown-text-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a;width:calc(100% - 22px);display:inline-block;vertical-align:middle}.ellipsify,li,span.selected-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}::ng-deep .cdk-overlay-container{z-index:1051}span.red-color-text{color:#f44336!important}span.additional-data-color-text{color:#b7b6b6!important}.blue-border{border:1px solid #268bff!important}span.italic{font-style:italic}.spinner-for-button-directive{left:0;margin-left:auto}.spinner-for-button-directive span.additional-data-color-text{color:#000}::ng-deep .mat-menu-panel{min-height:auto!important}.small-text li{font-size:12px!important}.ml-0{margin-left:0}#dropdown-trigger:disabled{cursor:default!important}#dropdown-trigger:disabled span{color:#4a4a4a!important;cursor:default!important}::ng-deep .mat-mdc-menu-panel.mat-elevation-z8{box-shadow:var(--dropdown-box-shadow)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content{background-color:#fff;padding:0!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content.mdc-list{background-color:#fff}::ng-deep .mat-mdc-menu-panel.mat-mdc-menu-panel{max-width:none!important}::ng-deep .mat-mdc-menu-panel .clear-selection{margin:0 7px!important}::ng-deep .mat-mdc-menu-panel .clear-selection a{color:var(--primary-color)!important;text-decoration:underline!important;font-size:12px!important}::ng-deep .mat-mdc-menu-panel .clear-selection a.disabled{color:#4a4a4a!important;pointer-events:none;cursor:not-allowed;opacity:.5}li{background-color:#fff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.5rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container li.disabled{opacity:.5;cursor:default}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.1875rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}::ng-deep ul.single-select-ul{max-height:none!important}li.show-bottom-border{border-bottom:1px solid #e6e6e6}::ng-deep .no-wrap-text ul li{line-height:1.41!important;padding-top:4px;padding-bottom:4px}::ng-deep .no-wrap-text ul li span{white-space:normal!important}.gap{height:9px}\n"], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i3$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: AnnaFilterSearchedTextPipe, name: "AnnafilterSearchedText" }, { kind: "pipe", type: AnnaTypeofDataPipe, name: "AnnatypeofData" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4736
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaSingleSelectComponent, deps: [{ token: AnnaGlobalConfigService }, { token: AnnaFilterSearchedTextPipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4737
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AnnaSingleSelectComponent, isStandalone: true, selector: "anna-core-single-select", inputs: { config: "config", loading: "loading", showAdditionalDataInSelectedText: "showAdditionalDataInSelectedText", disabled: "disabled", items: "items", selectedItem: "selectedItem", keyToUseForDisplay: "keyToUseForDisplay", keyToUseForCheckingSelectedItem: "keyToUseForCheckingSelectedItem", hideDropdownArrow: "hideDropdownArrow", borderbottomObject: "borderbottomObject", defaultDropdownHeight: "defaultDropdownHeight", itemsToHideInDropdownIds: "itemsToHideInDropdownIds", showClearSelection: "showClearSelection" }, outputs: { valueChanged: "valueChanged", dropdownClosedEvent: "dropdownClosedEvent", dropdownOpenedEvent: "dropdownOpenedEvent", clearSelectionClickedEvent: "clearSelectionClickedEvent" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["dropdown"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<button\n id=\"dropdown-trigger\"\n #dropdown\n #t=\"matMenuTrigger\"\n [ngClass]=\"{ 'blue-border': config?.showBlueBorderOnEdit && showBlueBorder }\"\n (menuClosed)=\"dropdownClosed()\"\n (menuOpened)=\"dropdownOpened()\"\n [matMenuTriggerFor]=\"contextMenu\"\n [disabled]=\"disabled || loading\"\n>\n <span\n class=\"placeholder\"\n *ngIf=\"!selectedItem && config\"\n >{{ config.placeholder }}</span\n >\n <span\n class=\"selected-item\"\n [class]=\"selectedItem.class\"\n annaCoreShowEllipsisTextOnHover\n *ngIf=\"selectedItem\"\n >\n <ng-container *ngIf=\"(selectedItem | AnnatypeofData) === 'object'; else stringTypeTemplate\">\n {{ selectedItem[keyToUseForDisplay] }}\n <ng-container *ngIf=\"showAdditionalDataInSelectedText && selectedItem && selectedItem?.additionalData\">\n <span [class]=\"selectedItem?.additionalClass\">{{ selectedItem?.additionalData }} </span>\n </ng-container>\n </ng-container>\n <ng-template #stringTypeTemplate>\n {{ selectedItem }}\n </ng-template>\n </span>\n <div\n *ngIf=\"loading\"\n [ngClass]=\"{ 'spinner-for-button-directive': loading }\"\n ></div>\n\n <ng-container *ngIf=\"!loading && !hideDropdownArrow\">\n <i\n *ngIf=\"!t.menuOpen\"\n class=\"mdi mdi-menu-down icon\"\n ></i>\n <i\n *ngIf=\"t.menuOpen\"\n class=\"mdi mdi-menu-up icon\"\n ></i>\n </ng-container>\n</button>\n<ng-content select=\".role-tooltip-icon\"></ng-content>\n<mat-menu\n backdropClass=\"single-select-dropdown\"\n [yPosition]=\"yPosition\"\n #contextMenu=\"matMenu\"\n>\n <ng-template matMenuContent>\n <div\n class=\"{{ config.classes }}\"\n [style.width.px]=\"width\"\n >\n <div\n class=\"gap\"\n *ngIf=\"config.showSearchBar\"\n ></div>\n <div\n *ngIf=\"showClearSelection\"\n class=\"clear-selection\"\n >\n <a\n (click)=\"clearSelectionClicked()\"\n [ngClass]=\"{ disabled: !selectedItem }\"\n >Clear selection</a\n >\n </div>\n <section\n *ngIf=\"config.showSearchBar\"\n class=\"search-bar\"\n >\n <i class=\"mi mdi-search search-icon\"></i>\n <input\n type=\"text\"\n [(ngModel)]=\"searchFor\"\n placeholder=\"Search\"\n (ngModelChange)=\"updateHeight()\"\n (click)=\"$event.stopPropagation()\"\n />\n </section>\n <cdk-virtual-scroll-viewport\n class=\"dropdown-data-container\"\n itemSize=\"18\"\n [style.height.px]=\"heightOfCheckboxTooltipFilter\"\n >\n <ul\n class=\"single-select-ul\"\n [style.width.px]=\"width\"\n >\n <ng-container *ngIf=\"items && (items[0] | AnnatypeofData) === 'object'; else stringTypeTemplate\">\n <li\n annaCoreShowEllipsisTextOnHover\n *cdkVirtualFor=\"\n let item of items | AnnafilterSearchedText: searchFor : keyToUseForDisplay;\n let last = last;\n trackBy: trackByFn\n \"\n [ngClass]=\"{\n active:\n selectedItem &&\n selectedItem[keyToUseForCheckingSelectedItem] ===\n item[keyToUseForCheckingSelectedItem],\n 'show-bottom-border': !last && borderbottomObject[item.id],\n disabled: item.isDisabled\n }\"\n (click)=\"itemSelected(item, $event)\"\n >\n <span [class]=\"item.class\"> {{ item[keyToUseForDisplay] }} </span>\n <ng-container *ngIf=\"item && item.additionalData\">\n <span\n class=\"ml-0\"\n [class]=\"item.additionalClass\"\n >\n {{ item?.additionalData }}\n </span>\n </ng-container>\n </li>\n\n <ng-container\n [ngTemplateOutlet]=\"noDataCase\"\n [ngTemplateOutletContext]=\"{ items: items }\"\n ></ng-container>\n </ng-container>\n\n <ng-template #stringTypeTemplate>\n <ng-container\n *ngFor=\"\n let item of items | AnnafilterSearchedText: searchFor : keyToUseForDisplay;\n trackBy: trackByFn\n \"\n >\n <li\n annaCoreShowEllipsisTextOnHover\n [ngClass]=\"{ active: selectedItem && selectedItem === item }\"\n (click)=\"itemSelected(item, $event)\"\n >\n <span> {{ item }} </span>\n </li>\n </ng-container>\n <ng-container\n [ngTemplateOutlet]=\"noDataCase\"\n [ngTemplateOutletContext]=\"{ items: items }\"\n ></ng-container>\n </ng-template>\n </ul>\n </cdk-virtual-scroll-viewport>\n </div>\n </ng-template>\n</mat-menu>\n\n<ng-template\n #noDataCase\n let-items=\"items\"\n>\n <li\n annaCoreShowEllipsisTextOnHover\n *ngIf=\"(items | AnnafilterSearchedText: searchFor : keyToUseForDisplay)?.length === 0\"\n >\n <span> No data found </span>\n </li>\n</ng-template>\n", styles: ["#dropdown-trigger{height:1.5rem;background:#fff;border-radius:2px;border:1px solid #b7b7b7;width:100%;text-align:left;display:flex;align-items:center}#dropdown-trigger:disabled{background-color:#bdbdbd;opacity:.5}#dropdown-trigger:disabled .placeholder,#dropdown-trigger:disabled .icon{color:#000}.placeholder{color:#bdbdbd;width:100%;font-family:Roboto;font-size:var(--dropdown-text-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;opacity:1!important}.icon{font-size:1.125rem;float:right;margin-left:auto}.search-bar{margin:0 7px 8px;border:1px solid #b7b7b7;height:24px;border-radius:2px}.search-bar input{outline:none;border:none;position:relative;bottom:4px;width:calc(100% - 29px);font-size:var(--dropdown-text-fs)}.search-bar .search-icon{font-size:var(--multi-select-dropdown-checkbox-fs);color:#9b9b9b;margin:5px}.search-bar .close-icon{cursor:pointer}ul{overflow-y:auto;padding-left:0;padding-bottom:0;margin-bottom:0;max-height:calc(50vh - 80px)!important}li{list-style-type:none;cursor:pointer;padding-inline:10px;font-family:Roboto;font-size:var(--dropdown-text-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:2.14;letter-spacing:normal;color:#4a4a4a;width:100%}ul::-webkit-scrollbar{width:4px;height:4px}ul::-webkit-scrollbar-track{border:1px solid rgba(0,0,0,.1)}ul::-webkit-scrollbar-thumb{border-radius:4px;background-color:#0006!important;border:1px solid rgba(0,0,0,.2)}li:hover{background:#ebebeb}li.active{color:#fff;background:#268bff}span.selected-item{background:transparent;font-family:Roboto;font-size:var(--dropdown-text-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a;width:calc(100% - 22px);display:inline-block;vertical-align:middle}.ellipsify,li,span.selected-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}::ng-deep .cdk-overlay-container{z-index:1051}span.red-color-text{color:#f44336!important}span.additional-data-color-text{color:#b7b6b6!important}.blue-border{border:1px solid #268bff!important}span.italic{font-style:italic}.spinner-for-button-directive{left:0;margin-left:auto}.spinner-for-button-directive span.additional-data-color-text{color:#000}::ng-deep .mat-menu-panel{min-height:auto!important}.small-text li{font-size:12px!important}.ml-0{margin-left:0}#dropdown-trigger:disabled{cursor:default!important}#dropdown-trigger:disabled span{color:#4a4a4a!important;cursor:default!important}::ng-deep .mat-mdc-menu-panel.mat-elevation-z8{box-shadow:var(--dropdown-box-shadow)}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content{background-color:#fff;padding:0!important}::ng-deep .mat-mdc-menu-panel .mat-mdc-menu-content.mdc-list{background-color:#fff}::ng-deep .mat-mdc-menu-panel.mat-mdc-menu-panel{max-width:none!important}::ng-deep .mat-mdc-menu-panel .clear-selection{margin:0 7px!important}::ng-deep .mat-mdc-menu-panel .clear-selection a{color:var(--primary-color)!important;text-decoration:underline!important;font-size:12px!important}::ng-deep .mat-mdc-menu-panel .clear-selection a.disabled{color:#4a4a4a!important;pointer-events:none;cursor:not-allowed;opacity:.5}li{background-color:#fff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.5rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container li.disabled{opacity:.5;cursor:default}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.1875rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}::ng-deep ul.single-select-ul{max-height:none!important}li.show-bottom-border{border-bottom:1px solid #e6e6e6}::ng-deep .no-wrap-text ul li{line-height:1.41!important;padding-top:4px;padding-bottom:4px}::ng-deep .no-wrap-text ul li span{white-space:normal!important}.gap{height:9px}\n"], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i3$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: AnnaFilterSearchedTextPipe, name: "AnnafilterSearchedText" }, { kind: "pipe", type: AnnaTypeofDataPipe, name: "AnnatypeofData" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4738
4738
|
}
|
|
4739
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
4739
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaSingleSelectComponent, decorators: [{
|
|
4740
4740
|
type: Component,
|
|
4741
4741
|
args: [{ selector: "anna-core-single-select", changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
4742
4742
|
MatMenuModule,
|
|
@@ -5896,10 +5896,10 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
5896
5896
|
});
|
|
5897
5897
|
this.selectedRowForTimeEdit = null;
|
|
5898
5898
|
}
|
|
5899
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
5900
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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", extraHeaderRowForAdjustingColumnWidths: "extraHeaderRowForAdjustingColumnWidths", tableClass: "tableClass", maximumRowsWhichCanBeRenderedWithoutScroll: "maximumRowsWhichCanBeRenderedWithoutScroll", fixNumberOfRowsForPopup: "fixNumberOfRowsForPopup", fixRowsToRender: "fixRowsToRender", 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", statusNotePopupOpened: "statusNotePopupOpened", textPopupOpened: "textPopupOpened", digitOnlyInputChanged: "digitOnlyInputChanged", singleSelectDropdownValueEmit: "singleSelectDropdownValueEmit", timeSelected: "timeSelected", totalRowRadioButtonClicked: "totalRowRadioButtonClicked", totalRowRadioButtonIconClicked: "totalRowRadioButtonIconClicked" }, viewQueries: [{ propertyName: "tableElementRef", first: true, predicate: ["tableElementRef"], descendants: true, static: true }, { propertyName: "textActionTooltipTemplateRef", first: true, predicate: ["textActionTooltipTemplate"], descendants: true }, { propertyName: "programChangeTooltipTemplateRef", first: true, predicate: ["programChangeTooltipTemplate"], descendants: true }, { propertyName: "viewChildTableHeaders", predicate: ["tableHeader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n id=\"generic-table-conatiner\"\n #tableElementRef\n class=\"table-container {{ gtGeneralConfig?.tableOuterContainerName }} {{ tableBottomBorderClass }}\"\n [ngClass]=\"{\n 'scroll-left-shadow-effect': isScrolledLeft,\n 'scroll-right-shadow-effect': !isScrollEnded,\n 'clickable-row': clickableRow,\n 'no-data-table': (isNoDataToDisplaySubject$ | async),\n 'table-with-show-hide-total-row-toggle': showOrHideToggleForTotalRow\n }\"\n (scroll)=\"onTableContainerScroll($event)\"\n>\n <div\n [class]=\"gtGeneralConfig.tableContainerName\"\n class=\"horizontal-scroll-for-table-container\"\n [ngStyle]=\"{\n height:\n tableData.length < noOfRowsToCheck - 1\n ? 'calc(' +\n (gtDimension.rowHeight * tableData.length +\n (!tableData.length || !gtGeneralConfig.totalRow\n ? gtDimension.headerHeight\n : gtDimension.headerHeight + gtDimension.rowHeight)) +\n 'px)'\n : gtDimension.tableHeight\n }\"\n >\n <button\n *ngIf=\"showOrHideToggleForTotalRow && !showSkeletonLoading && (isNoDataToDisplaySubject$ | async) === false\"\n [ngClass]=\"{\n 'shift-toggle-top-on-total-row-click': !gtGeneralConfig.totalRow\n }\"\n class=\"show-or-hide-toggle-btn\"\n (click)=\"showHideTotalRow()\"\n >\n <i\n class=\"mdi mdi-menu-swap\"\n tooltipClass=\"show-or-hide-toggle-tooltip\"\n placement=\"auto\"\n container=\"body\"\n [ngbTooltip]=\"showOrHideToggleForTotalRowTooltip\"\n ></i>\n </button>\n\n <table\n class=\"gt\"\n [ngClass]=\"tableClass\"\n mat-table\n [dataSource]=\"renderedData\"\n >\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"modifiedExtraHeaderRowForAdjustingColumnWidths?.objectKeys\"\n [style.height.px]=\"'4px'\"\n [class.visibility-collapse]=\"true\"\n ></tr>\n\n <ng-container *ngFor=\"let row of tableColumnsOfEachRow; let i = index\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumnsOfEachRow[i]; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumns; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n\n <tr\n class=\"total-row\"\n mat-header-row\n [style.height.px]=\"gtDimension.rowHeight\"\n *matHeaderRowDef=\"totalRowColumns; sticky: true\"\n [class.hidden]=\"\n showSkeletonLoading ||\n (!showSkeletonLoading && !tableData.length) ||\n (isNoDataToDisplaySubject$ | async) ||\n (!showSkeletonLoading && !gtGeneralConfig.totalRow)\n \"\n ></tr>\n <tr\n [class]=\"rowData.gtClass\"\n [ngClass]=\"{ 'no-border-tr': (isNoDataToDisplaySubject$ | async) }\"\n mat-row\n *matRowDef=\"let rowData; columns: tableColumns\"\n [style.height.px]=\"gtDimension.rowHeight\"\n (click)=\"dataRowClicked(rowData)\"\n ></tr>\n\n <!-- TOTAL ROW -->\n <ng-container\n [matColumnDef]=\"column.colName\"\n *ngFor=\"let column of totalRowInfo; trackBy: trackByFn\"\n >\n <td\n mat-header-cell\n *matHeaderCellDef\n [attr.colspan]=\"column.colspan\"\n class=\"{{ column.class }}\"\n >\n <ng-container\n *ngIf=\"\n column['radioButtonColumnData'] && column['radioButtonColumnData']['isRadioButtonsColumn']\n \"\n >\n <mat-radio-group\n [ngModel]=\"column.radioButtonColumnData?.selectedRadioButton\"\n [disabled]=\"column.radioButtonColumnData?.disableRadioGroup\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of column.radioButtonColumnData?.radioButtonsData;\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n [ngClass]=\"{\n disabled:\n radioButton?.disabled || column.radioButtonColumnData?.disableRadioGroup\n }\"\n (click)=\"totalRowRadioButtonClickedByUser(radioButton.value)\"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngFor=\"let iconClass of radioButton?.iconClass\">\n <i\n class=\" {{ iconClass }}\"\n (click)=\"totalRowRadioButtonIconClickedByUser(radioButton.value)\"\n ></i\n ></ng-container>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n </ng-container>\n <ng-container *ngIf=\"column['isActionColumn']\">\n <a\n *ngFor=\"let data of column.actionData\"\n [class]=\"data.class\"\n (click)=\"onClickableDataClicked({}, data.id)\"\n >\n {{ data.name }}\n </a>\n </ng-container>\n\n <ng-container *ngIf=\"column['isIconColumn']\">\n <i\n class=\"{{ column?.iconData?.class }}\"\n (click)=\"iconClickedInTotalRow(column?.colName)\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!column['isActionColumn']\">\n <strong class=\"upper-label\"\n >{{ column.data }}\n <span\n class=\"red-text-totol-row\"\n *ngIf=\"column.additionalRedTextAfterData\"\n >{{ column.additionalRedTextAfterData }}</span\n ></strong\n >\n <ng-container *ngIf=\"column.lowerData\">\n <p\n *ngIf=\"\n column.colName === 'total-potential-booked-unit' &&\n gtGeneralConfig.component === 'RATING';\n else columnLowerData\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('TOTALROW')\"\n [ngClass]=\"{\n 'disabled-clickable-data': downloadInProgress || column.lowerData === '0'\n }\"\n >\n {{ column.lowerData }}\n <span class=\"material-icons mdi mdi-download spot-details-download-icons\"></span>\n <ng-container *ngIf=\"downloadInProgress && selectedRowTypeForDownload === 'TOTALROW'\">\n <ng-container [ngTemplateOutlet]=\"circularProgressBar\"></ng-container>\n </ng-container>\n </p>\n <ng-template #columnLowerData>\n <p class=\"lower-label\">{{ column.lowerData }}</p>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"column.tooltipMessage && gtGeneralConfig.component !== 'LUR_VIOLATIONS'\">\n <i\n class=\"{{ column.tooltipIconClass }}\"\n container=\"body\"\n [ngbTooltip]=\"column.tooltipMessage\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"top bottom\"\n ></i>\n </ng-container>\n <ng-container *ngIf=\"gtGeneralConfig.component === 'LUR_VIOLATIONS' && column.tooltipMessage\">\n <i\n class=\"mi mdi-info-outline info-label\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationTotalRowToolTip\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n ></i>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <ng-container\n [matColumnDef]=\"columnDef\"\n *ngFor=\"\n let columnDef of modifiedExtraHeaderRowForAdjustingColumnWidths.objectKeys;\n let i = index;\n trackBy: trackByFn\n \"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"modifiedExtraHeaderRowForAdjustingColumnWidths.widths[i]\"\n ></th\n ></ng-container>\n ></ng-container\n >\n\n <!-- MAIN ROW -->\n <ng-container\n [matColumnDef]=\"columnDef.headerInfo[0].objectKey\"\n *ngFor=\"let columnDef of tableHeaders; trackBy: trackByFn\"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"columnDef.width\"\n [attr.rowspan]=\"columnDef.rowspan ? columnDef.rowspan : 1\"\n [attr.colspan]=\"columnDef.colspan ? columnDef.colspan : 1\"\n >\n <div\n class=\"row mx-0\"\n [ngClass]=\"{ 'dummy-header': columnDef.dummyHeader }\"\n *ngFor=\"let header of columnDef.headerInfo; let j = index\"\n >\n <p\n *ngIf=\"header.typeOfHeaderData === 'STRING'\"\n [ngClass]=\"{ 'upper-label': j === 0, 'lower-label': j === 1 }\"\n >\n <ngx-skeleton-loader\n *ngIf=\"header.name == null\"\n count=\"1\"\n [theme]=\"{\n height: '10px',\n display: 'block',\n width: columnDef.width,\n 'max-width': 'calc(100% - 20px)'\n }\"\n >\n </ngx-skeleton-loader>\n <ng-container *ngIf=\"header.name\">\n {{ header.name }}\n </ng-container>\n <ng-container *ngIf=\"header.tooltip && header.tooltip.tooltipMessage\">\n <i\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"header.tooltip.tooltipMessage\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'impsInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"impsInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"\n header.tooltip && header.tooltip.name === 'spotsColumnEquivalizationMessageTooltip'\n \"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"spotsColumnEquivalizationMessageTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'underDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"underDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'overDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"overDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ratingInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ratingInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rateInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rateInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ongoingRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ongoingRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'completedRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"completedRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRate'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRate\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedImps'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedImps\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'automationTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"automationTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rebateImpact'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rebateImpact\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'projectedImpsRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"projectedImpsRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </p>\n\n <ng-container *ngIf=\"header.typeOfHeaderData === 'CHECKBOX'\">\n <span\n *ngIf=\"gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n <span\n *ngIf=\"!gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{ 'disable-checkbox': gtGeneralConfig.disableHeaderCheckbox }\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n </ng-container>\n\n <div\n *ngIf=\"gtGeneralConfig.showAllColumnFilter && header && header.typeOfHeaderData !== ''\"\n class=\"sort-filter-container\"\n >\n <ng-container *ngIf=\"header.showTooltipIcon\">\n <!-- Active tooltip Functionality -->\n <ng-container *ngIf=\"header.filter === 'CHECKBOX'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"filterTooltip\"\n placement=\"{{ filterAlignment }}\"\n container=\"body\"\n tooltipClass=\"non-edit-checkbox-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'SLIDER'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"sliderToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n tooltipClass=\"non-edit-slider-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t1=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t1, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'DATE'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"datePickerTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"non-edit-datepicker-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t2=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t2, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'WEEK'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"weekPickerToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t3=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t3, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'TIME'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"timeFilterToolTip\"\n placement=\"bottom left-top auto\"\n container=\"body\"\n tooltipClass=\"non-edit-time-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t4=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t4, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!header.showTooltipIcon\">\n <span id=\"no-filter-space\"></span><br />\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'lurViolationInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationInfoTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </div>\n </div>\n </th>\n\n <ng-container *matCellDef=\"let ROW_DATA\">\n <td\n mat-cell\n [style.background]=\"ROW_DATA.backgroundColor\"\n [style.border]=\"ROW_DATA.border\"\n class=\"{{ ROW_DATA.rowClass }}\"\n [ngClass]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'TdClass']\"\n [attr.rowspan]=\"tdsHaveRowSpan ? ROW_DATA[columnDef.headerInfo[0].objectKey + 'Rowspan'] : 1\"\n *ngIf=\"\n !hideSomeTds ||\n (hideSomeTds && !ROW_DATA['hide' + columnDef.headerInfo[0].objectKey + 'Td'])\n \"\n >\n <ngx-skeleton-loader\n *ngIf=\"showSkeletonLoading\"\n count=\"1\"\n [theme]=\"{ height: '10px', display: 'block', marginBottom: '0' }\"\n >\n </ngx-skeleton-loader>\n\n <ng-container *ngIf=\"!showSkeletonLoading\">\n <ng-container *ngIf=\"tableData.length > 0 && (isNoDataToDisplaySubject$ | async) === false\">\n <ng-container\n *ngFor=\"\n let subline of columnDef.headerInfo;\n let subLineIndex = index;\n trackBy: trackByFn\n \"\n >\n <div\n annaCoreShowEllipsisTextOnHover\n [includeFullWidth]=\"\n columnDef.headerInfo[subLineIndex].typeOfBodyData !== 'RADIO'\n \"\n [class]=\"columnDef.headerInfo[subLineIndex]?.tdCellClass\"\n >\n <ng-container [ngSwitch]=\"columnDef.headerInfo[subLineIndex].typeOfBodyData\">\n <ng-container *ngSwitchCase=\"'ICON'\">\n <i\n *ngIf=\"\n !(\n starredInProgress &&\n ROW_DATA.orderId === selectedStarredOrderId\n )\n \"\n [class]=\"ROW_DATA.iconClass\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n (click)=\"iconClicked(ROW_DATA, ROW_DATA.iconClass)\"\n ngbTooltip=\"{{ ROW_DATA.iconTitleText }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <ng-container\n *ngIf=\"\n starredInProgress && ROW_DATA.orderId === selectedStarredOrderId\n \"\n >\n <div\n class=\"spinner-for-button-directive\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n ></div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'ICON_CELL'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <ng-container *ngIf=\"action.showObjectKey\">\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </ng-container>\n\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"\n action.showTooltip && action?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action.tooltipData\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML_STRING'\">\n <p\n [innerHTML]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n (click)=\"innerHTMLCellClicked($event, ROW_DATA)\"\n ></p>\n </ng-container>\n <ng-container *ngSwitchCase=\"'HTML_STRING_AND_CLICKABLE_DATA'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n *ngIf=\"text.showText\"\n [innerHtml]=\"text.innerHTMLText\"\n ></span>\n\n <a\n *ngIf=\"text.showLink\"\n class=\"view-link\"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.linkName }}\n </a>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SVG_ICON'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <span\n class=\"pr-4\"\n *ngIf=\"action?.showObjectKey\"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n class=\"pr-4 {{ action?.additionalTextClass }}\"\n *ngIf=\"action?.additionalText\"\n [ngbTooltip]=\"additionalTextTipContent\"\n [disableTooltip]=\"!action?.svgOrIconAdditionalTextTooltipMsg\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [innerHtml]=\"action?.additionalText\"\n >\n <!-- {{ action?.additionalText }} -->\n </span>\n\n <ng-template #additionalTextTipContent>\n <div [innerHTML]=\"action?.svgOrIconAdditionalTextTooltipMsg\"></div\n ></ng-template>\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n [disableTooltip]=\"!action?.svgOrIconTooltipMsg\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n (columnIconClicked)=\"\n svgIconClicked(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].actionKey\n )\n \"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.svgOrIconTooltipMsg\"></div\n ></ng-template>\n </anna-core-icon-column>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'TEXT_ACTIONS'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <button\n *ngIf=\"text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n (mouseenter)=\"\n mouseEnterOnTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [ngbTooltip]=\"textActionTooltipTemplate\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n {{ text.name }}\n </button>\n\n <button\n *ngIf=\"!text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n >\n {{ text.name }}\n </button>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CHECKBOX'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n false\n )\n \"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n ngbTooltip=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CLICKABLE_DATA'\">\n <a\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.name }}</a\n >\n <span\n *ngIf=\"\n subline.objectKey === 'displayBookedUnits' &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('DATAROW', ROW_DATA)\"\n [ngClass]=\"{\n 'disabled-clickable-data':\n downloadInProgress || ROW_DATA.displayBookedUnits === '-'\n }\"\n >{{ ROW_DATA.displayBookedUnits }}\n <span\n class=\"material-icons mdi mdi-download spot-details-download-icons\"\n ></span>\n <ng-container\n *ngIf=\"\n downloadInProgress &&\n ROW_DATA.ProgramId === selectedProgramIdForDownload &&\n ROW_DATA.Demographic === selectedDemographicForDownload\n \"\n >\n <ng-container\n [ngTemplateOutlet]=\"circularProgressBar\"\n ></ng-container>\n </ng-container>\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING___ICON_OR_TEXT_ACTION'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n [class]=\"action.additionalTextBeforeLinkClass\"\n [innerHtml]=\"action.additionalTextBeforeLink\"\n ngbTooltip=\"{{ action.additionalTextBeforeLink }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalText\"\n ></span>\n\n <ng-container *ngIf=\"action && action.typeOfData === 'STRING'\">\n <span\n class=\"text-with-icon-and-text\"\n [ngClass]=\"{ 'reduced-width': action.showIcon }\"\n annaCoreShowEllipsisTextOnHover\n >{{ action.data }}</span\n >\n </ng-container>\n\n <a\n [id]=\"action.id\"\n *ngIf=\"action.showLink\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n [ngClass]=\"{ disabled: action.disabledLink }\"\n >{{ action.data }}</a\n >\n <span\n ngbTooltip=\"{{ action.additionalTextAfterLink }}\"\n placement=\"bottom\"\n container=\"body\"\n [class]=\"action.additionalTextAfterLinkClass\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalAfterText\"\n >\n {{ action.additionalTextAfterLink }}\n </span>\n\n <ng-container *ngIf=\"action.showTooltip\">\n <ng-container *ngIf=\"action.tooltipData.innerHtml\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n [ngbTooltip]=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!action.tooltipData.tooltipTableBody\">\n <span\n *ngIf=\"action.showIcon\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n class=\"icon-tooltip-text\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n >\n <i [class]=\"action.iconClass\"> </i>\n {{ action.additionalTextAfterIcon ?? \"\" }}\n </span>\n <ng-container *ngIf=\"action['showSvgIcon']\">\n <anna-core-anna-est-icon-template\n class=\"float-right\"\n *ngIf=\"action['svgIconName'] === 'anna-icon'\"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex]\n .tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action['tooltipClass']\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n container=\"body\"\n [autoClose]=\"true\"\n >\n </anna-core-anna-est-icon-template>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!action.showTooltip\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n >\n </i>\n </ng-container>\n\n <i\n *ngIf=\"action.showSimpleIcon\"\n [class]=\"action.iconClass\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"\n action?.tooltipDataForSimpleIcon ? tipContent : null\n \"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.tooltipDataForSimpleIcon\"\n >\n <ng-template #tipContent>\n <div\n class=\"p-8\"\n [innerHTML]=\"action.tooltipDataForSimpleIcon\"\n ></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_OR_INPUT'\">\n <ng-container\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.type ===\n 'STRING';\n else inputBox\n \"\n >\n <span\n [innerHtml]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.value\n \"\n ></span>\n </ng-container>\n\n <ng-template #inputBox>\n <span class=\"input-box-container\">\n <input\n placeholder=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.placeholder\n }}\"\n annaCoreShowEllipsisTextOnHover\n class=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .className\n }}\"\n (keydown)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n false\n )\n \"\n (paste)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n true\n )\n \"\n (ngModelChange)=\"\n editableInputValueChanged(\n $event,\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n [ngModel]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .value\n \"\n [disabled]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .disabled\n \"\n [ngClass]=\"{\n 'red-border':\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].hasError\n }\"\n />\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <i\n *ngIf=\"action?.showIcon\"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ action?.iconClass }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.iconTooltip\"></div\n ></ng-template>\n </i>\n <ng-container *ngIf=\"action?.showSvgIcon\">\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action?.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n <ng-template #tipContent>\n <div\n [innerHTML]=\"action?.svgOrIconTooltipMsg\"\n ></div></ng-template\n ></anna-core-icon-column>\n </ng-container>\n <ng-container *ngIf=\"action?.showLink\">\n <a\n [id]=\"action?.id\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action?.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n >{{ action?.linkText }}\n </a>\n </ng-container>\n </ng-container>\n </span>\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML'\">\n <span\n [innerHtml]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n ></span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [disabled]=\"dropdown.isDisabled\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN_AND_ICON'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <div [ngClass]=\"{ 'icon-dropdown': dropdown.showIcon }\">\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n <i\n *ngIf=\"dropdown.showIcon\"\n [class]=\"dropdown.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n dropdown.tooltipClass\n }}\"\n [ngbTooltip]=\"\n dropdown.showTooltip && dropdown?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n dropdown.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!dropdown.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"dropdown.tooltipData\"></div\n ></ng-template>\n </i>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_RADIO'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-radiobox-marked\"\n (click)=\"(null)\"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-radiobox-blank\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'RADIO'\">\n <mat-radio-group\n *ngIf=\"ROW_DATA['RadioButtonConfig']; else showHyphen\"\n [ngModel]=\"ROW_DATA[subline.objectKey]\"\n [disabled]=\"ROW_DATA['RadioButtonConfig'][0].isDisabled\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of ROW_DATA['RadioButtonConfig'];\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n (click)=\"\n radioButtonClicked(\n ROW_DATA,\n radioButton.value,\n ROW_DATA['RadioButtonConfig'][0].isDisabled\n )\n \"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngIf=\"radioButton.icons\">\n <i\n *ngFor=\"let icon of radioButton.icons\"\n class=\" {{ icon.class }}\"\n (click)=\"radioButtonIconClicked(ROW_DATA, icon.name)\"\n ></i>\n </ng-container>\n\n <i\n *ngIf=\"radioButton.tooltipMessage\"\n class=\"mi mdi-info-outline\"\n [ngbTooltip]=\"radioButton.tooltipMessage\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n <ng-template #showHyphen> - </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span class=\"action-data\"> {{ action?.dataToDisplay }}</span>\n <ng-container *ngIf=\"action?.additionalTextWoTooltip\">\n <span\n class=\"additional-text-wo-tooltip\"\n [innerHtml]=\"action.additionalTextWoTooltip\"\n >\n </span>\n </ng-container>\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"stringWithTooltipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithTooltipTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey,\n tooltipWithStringRef\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"action?.tooltipIconClass\"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithStringRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n </span>\n <span>{{ action?.dataToDisplayAfterTooltip }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_ELLIPSIS_WITH_TABLE_TOOLTIP'\">\n <div class=\"new-ellipsis-container\">\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"cell-value\"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .cellValue\n }}\n </span>\n <span\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.showTooltip\n \"\n class=\"tooltip-text\"\n [ngbTooltip]=\"tableInsideTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"table-inside-tooltip remove-on-scroll-class {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipClass\n }}\"\n (mouseenter)=\"\n bindTheValueToTableTooltip(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info\n )\n \"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipHoverText\n }}\n </span>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length <\n 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP_INNER_HTML'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"action-data\"\n [ngClass]=\"action?.showTooltip ? 'reduced-width-text' : ''\"\n >\n {{ action?.dataToDisplay }}</span\n >\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"innerHtmlToolTipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithInnerHtmlTooltipTextActionType(\n ROW_DATA,\n action,\n tooltipWithInnerHtmlRef,\n !action.isManualTrigger\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"\n 'innrHtml-tooltip-icon-marker ' + action?.tooltipIconClass\n \"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithInnerHtmlRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-innerHtml-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n {{ action.tooltipMarkerText }}\n </span>\n <span *ngIf=\"action?.dataToDisplayAfterTooltip\">\n {{ action?.dataToDisplayAfterTooltip }}\n </span>\n </ng-container>\n </ng-container>\n\n <ng-container\n *ngSwitchCase=\"\n 'ICON_CELL_AND_STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\n \"\n >\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n title=\"\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"action.showTooltip ? action.tooltipData : null\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n </i>\n\n <ng-container *ngIf=\"action.showObjectKey\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length < 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n info\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'DIGIT_ONLY_INPUT'\">\n <input\n annaCoreDigitOnly\n [type]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].type\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .type\n : 'text'\n \"\n [decimal]=\"true\"\n [readOnly]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].disabled\n \"\n [decimalPlaces]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .decimalPlaces\n \"\n inputmode=\"numeric\"\n [min]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.min ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min\n : digitInputmin\n \"\n [max]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.max ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max\n : digitInputMax\n \"\n [allowPaste]=\"false\"\n class=\"form-control\"\n [value]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].value\n \"\n [placeholder]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n : 'Enter value'\n \"\n (input)=\"\n onInputChange(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n $event\n )\n \"\n />\n </ng-container>\n <ng-container *ngSwitchCase=\"'TIME_INPUT'\">\n <div\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .showAsInput;\n else timeAsString\n \"\n class=\"time-selected-div {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].class\n }}\"\n [ngbTooltip]=\"timeInputTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"false\"\n triggers=\"manual\"\n #timeInputTooltipInRow=\"ngbTooltip\"\n (click)=\"\n timeInputTooltipClickedInTableBody(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n ROW_DATA\n );\n bindTheValueToTimeInputTooltip(timeInputTooltipInRow)\n \"\n >\n <div class=\"time-selection-menu\">\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n <i\n *ngIf=\"\n !timeTableRowtooltip ||\n !selectedRowForTimeEdit ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id !==\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-down icon\"\n ></i>\n <i\n *ngIf=\"\n timeTableRowtooltip &&\n selectedRowForTimeEdit &&\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id ===\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-up icon\"\n ></i>\n </div>\n </div>\n <ng-template #timeAsString>\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n </ng-template>\n <ng-container\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].icons\"\n >\n <i\n *ngFor=\"\n let icon of ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].icons\n \"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ icon.class }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"icon?.tooltipMessage\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <ng-container *ngIf=\"subline.objectKey !== 'description'\">\n <span annaCoreShowEllipsisTextOnHover>{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n }}</span>\n <!-- <i\n *ngIf=\"\n subline.objectKey === 'inventoryCode' &&\n ROW_DATA['isSellerGroup'] &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n [ngbTooltip]=\"sellerHierarchyTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"hierarchy-tooltip remove-on-scroll-class\"\n (mouseenter)=\"\n bindTheValueToSellerGroupTooltip(\n ROW_DATA.sellerGroupHierarchy,\n info\n )\n \" \n >\n </i>-->\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageRating' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showRatingAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedRatingDifference\"\n >\n </i>\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageImpression' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showImpressionAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedImpDifference\"\n >\n </i>\n </ng-container>\n <ng-container *ngIf=\"subline.objectKey === 'description'\">\n <p\n *ngIf=\"\n ROW_DATA.descriptionMessage ||\n ROW_DATA.descriptionEmailReferenceNum\n \"\n >\n <ng-container *ngIf=\"ROW_DATA.descriptionMessage\">\n {{ ROW_DATA.descriptionMessage }}\n <br />\n </ng-container>\n <ng-container\n *ngIf=\"\n ROW_DATA.descriptionEmailReferenceNum !== '-' &&\n ROW_DATA.descriptionEmailReferenceNum !== ''\n \"\n >\n Email Ref: {{ ROW_DATA.descriptionEmailReferenceNum }}\n <br />\n </ng-container>\n </p>\n <a\n href=\"{{ ROW_DATA.descriptionDetailsUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionDetailsUrlType === 'PDF' ||\n ROW_DATA.descriptionDetailsUrlType === 'EXCEL'\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">Download</button>\n </a>\n <ng-container\n *ngIf=\"\n ROW_DATA.activityname.toLowerCase() === 'order onboarded'\n \"\n >\n <a\n *ngIf=\"ROW_DATA.descriptionDetailsUrlType === 'LINK'\"\n (click)=\"viewDetailsClicked(ROW_DATA)\"\n >\n <button class=\"btn viewDetailsAndEmailBtn order-onboarded\">\n View details\n </button>\n </a>\n </ng-container>\n\n <a\n href=\"{{ ROW_DATA.descriptionEmailUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionEmailUrl !== '-' &&\n ROW_DATA.descriptionEmailUrl !== ''\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">View email</button>\n </a>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"isNoDataToDisplaySubject$ | async\">\n <div>\n {{ null }}\n </div>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n </ng-container>\n </table>\n </div>\n <anna-core-no-data-lib\n [width]=\"noDataWidth\"\n [marginTop]=\"marginTop\"\n *ngIf=\"isNoDataToDisplaySubject$ | async\"\n >\n </anna-core-no-data-lib>\n</div>\n\n<!-- Checkbox template -->\n<ng-template #filterTooltip>\n <anna-core-anna-column-checkbox-filter\n *ngIf=\"filterTabObjects\"\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-checkbox-filter>\n</ng-template>\n\n<!-- Slider template -->\n<ng-template #sliderToolTip>\n <anna-core-anna-column-slider-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-slider-filter>\n</ng-template>\n\n<!-- Date Picker Template -->\n<ng-template #datePickerTooltip>\n <anna-core-anna-column-date-range-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-date-range-filter>\n</ng-template>\n\n<!-- Week Picker Template -->\n<ng-template #weekPickerToolTip>\n <!-- <div class=\"weekpicker-container\">\n <anna-core-week-calendar-filter-lib\n [week-calendar-config]=\"gtGeneralConfig.multiWeekPickerConfig\"\n (apply)=\"applyWeekFilter($event)\"\n [from-date]=\"calendarMinEnabledDate\"\n [to-date]=\"calendarMaxEnabledDate\"\n >\n </anna-core-week-calendar-filter-lib>\n </div> -->\n</ng-template>\n\n<!-- Time Filter Template -->\n<ng-template #timeFilterToolTip>\n <anna-core-anna-column-time-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [showAllTimeRangeCheckboxes]=\"showCheckboxesForTimeFilter\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #timeInputTooltip>\n <anna-core-anna-column-time-filter\n [tableData]=\"timeInputData\"\n [clonedTableData]=\"timeInputData\"\n [showClearAllFilter]=\"false\"\n [startFromText]=\"'Start time'\"\n [endToText]=\"'End time'\"\n [filterTabObjects]=\"filterTabObjects\"\n [showAllTimeRangeCheckboxes]=\"false\"\n [isSortAndFilterAbsent]=\"true\"\n (closeTooltip)=\"closeTimeInputTooltip()\"\n (timeChanges)=\"timeSelectedInTableRow($event)\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #columnInfoTooltip>\n <p class=\"black-color-text white-space-nowrap\">This preemption is rejected and not marked for credit.</p>\n</ng-template>\n\n<ng-template #ratingInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rating' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected Rating' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #impsInfoTooltip>\n <p class=\"first-row\">Shows 'Booked IMPS' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected IMPS' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #spotsColumnEquivalizationMessageTooltip>\n <p class=\"spot-column-tooltip-message\">\n This consists of equivalized spots and un-equivalized Paid Programs & un-equivalized Non-spots.\n </p>\n</ng-template>\n\n<ng-template #underDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Under-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #overDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Over-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #rateInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rate' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected $ Value' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #sellerHierarchyTooltip>\n <ng-container *ngIf=\"sellerGroupHierarchy.length > 0\">\n <section class=\"hierarchy-table-container\">\n <table class=\"seller-hierarchy-table\">\n <thead>\n <tr>\n <th>#</th>\n <th>Inventory Codes</th>\n <th>Program/Description</th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of sellerGroupHierarchy; let tooltipIndex = index\">\n <td>{{ tooltipIndex + 1 }}</td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.InventoryCode }}</span>\n </td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.Program }}</span>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n </ng-container>\n <ng-container *ngIf=\"sellerGroupHierarchy.length === 0\">\n <span class=\"black-color-text\">Seller group not available for this inventory code</span>\n </ng-container>\n</ng-template>\n\n<ng-template #tableInsideTooltip>\n <label class=\"ellipsis-tooltip-heading\">{{ ellipsisWithTooltipHeading }}</label>\n <section class=\"table-inside-tooltip-container\">\n <table class=\"ellipsis-tooltip-table\">\n <thead>\n <tr>\n <th\n [style.width]=\"header.width\"\n *ngFor=\"let header of ellipsisWithTooltipTableHeaders\"\n >\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ header.headerName }}</span\n >\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of ellipsisWithTooltipTableData\">\n <td *ngFor=\"let header of ellipsisWithTooltipTableHeaders\">\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ data[header.objectKey] }}</span\n >\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n</ng-template>\n\n<ng-template #lurViolationInfoTooltip>\n <p class=\"first-row\">The values are for the entire week.</p>\n</ng-template>\n\n<ng-template #postedRatingDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average rating is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #postedImpDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average impression is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #ongoingRevBookedColumnTooltip>\n <p>The Booked $ value, Spots, GRP, CPP, IMPS, CPM corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #completedRevBookedColumnTooltip>\n <p>The Booked $ value corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #avgBookedRate>\n <p>This is the booked average Rate</p>\n</ng-template>\n\n<ng-template #avgBookedRtg>\n <p>This is the booked average RTG</p>\n</ng-template>\n\n<ng-template #avgBookedImps>\n <p>This is the booked average IMP(\u2019000)</p>\n</ng-template>\n\n<ng-template #projectedImpsRtg>\n <p>\n ANNA calculates projected RTG/IMPS values using either the computed estimates or the actual posted data,\n depending on what is available. If posted data has not yet been received, ANNA will use the computed estimates\n as the projected value. Once the actual posted data is received, the projection will automatically update to\n reflect the real, posted values. This ensures that projected data is always based on the most accurate and\n up-to-date information.\n </p>\n</ng-template>\n\n<ng-template #automationTooltip>\n <p>\n Please get the order business rules approved to automate the orders. Only for the automated orders, any approved\n MGs, ADUs, or credited spots on ANNA will be fed into the traffic system i.e. ANNA revisions.\n <!-- removed below line as part of enhancmennt in 14.0 releas -->\n <!-- Additionally, ANNA will only enter buyer revisions into traffic for the selected\n Medialine/WOC orders. -->\n </p>\n</ng-template>\n\n<ng-template #rebateImpact>\n <p>Rebate impact value is for the originally ordered spot length and is not equivalized.</p>\n</ng-template>\n\n<ng-template #lurViolationTotalRowToolTip>\n <ul>\n <li>\n <strong>POLITICAL RATE VIOLATIONS:</strong>\n Violations flagged when non-political spots are booked at a rate lower than the minimum booked rate for\n political candidates for the same week, Inventory Code and Revenue Class.\n </li>\n <li>\n <strong>CANDIDATE TO CANDIDATE VIOLATION:</strong>\n Violations flagged when political spots are booked at different rates to other political spots for the same\n week, Inventory Code and Revenue Class.\n </li>\n </ul>\n</ng-template>\n\n<ng-template #circularProgressBar>\n <anna-core-circular-progress\n [percent]=\"percentDone\"\n [radius]=\"5\"\n [outerStrokeWidth]=\"2\"\n [innerStrokeWidth]=\"2\"\n [outerStrokeColor]=\"'#268bff'\"\n [innerStrokeColor]=\"'#d5d5d5'\"\n [animationDuration]=\"500\"\n ></anna-core-circular-progress>\n</ng-template>\n\n<ng-template #userLoggedInDetails>\n <div class=\"tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n <span *ngIf=\"data.key !== 'read'\">\n {{ data.key }} <b>{{ data.value }}</b>\n </span>\n <span *ngIf=\"data.key === 'read'\">\n {{ data.value }}\n </span>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #markAsReadTip>\n <div class=\"notification-tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.value }}\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b>{{ data.value }}</b>\n </ng-container>\n</ng-template>\n\n<ng-template #programChangeTooltipTemplate>\n <div class=\"program-schedule-tooltip\">\n <h2>Program Change</h2>\n <p class=\"previous\">Previous:</p>\n <b annaCoreShowEllipsisTextOnHover>{{ textActionTooltip.OldProgramName }}</b>\n\n <p class=\"updated\">Updated:</p>\n <b\n *ngIf=\"textActionTooltip.NewProgramNames.length === 1\"\n annaCoreShowEllipsisTextOnHover\n >{{ textActionTooltip.NewProgramNames[0] }}</b\n >\n <ul *ngIf=\"textActionTooltip.NewProgramNames.length > 1\">\n <li *ngFor=\"let item of textActionTooltip.NewProgramNames\">\n <label class=\"dot\"></label>\n <span annaCoreShowEllipsisTextOnHover>{{ item }}</span>\n </li>\n </ul>\n </div>\n</ng-template>\n\n<ng-template #showOrHideToggleForTotalRowTooltip>\n <div>\n {{ showOrHideToggleForTotalRow && !gtGeneralConfig.totalRow ? \"Show Total Row\" : \"Hide Total Row\" }}\n </div>\n</ng-template>\n\n<ng-template #tooltipContainingTableTemplate>\n <div\n *ngIf=\"tooltipContainingTable\"\n [innerHTML]=\"tooltipContainingTable.innerHtml\"\n class=\"notification-tooltip-div-container\"\n >\n <!-- <ul>\n <li *ngFor=\"let headerMsg of tooltipContainingTable.tableHeaderMsg\">\n <b> {{headerMsg}} </b>\n </li>\n </ul>\n\n <table class=\"tooltip-table\">\n <thead>\n <tr>\n <th *ngFor=\"let header of tooltipContainingTable.tooltipTableHeader\">\n {{ header}}\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let rows of tooltipContainingTable.tooltipTableBody\">\n <td *ngFor=\"let data of rows\">\n {{ data }}\n </td>\n </tr>\n </tbody>\n </table>\n\n <ul>\n <li style=\"margin-top:10px; padding:0\" *ngFor=\"let footerMsg of tooltipContainingTable.tableFooterMsg\">\n {{ footerMsg }} \n </li>\n </ul> -->\n </div>\n</ng-template>\n<!-- <ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b> {{data.value}}</b>\n </ng-container>\n</ng-template> -->\n\n<ng-template #statusNoteTooltip>\n <div>\n <span class=\"status-note-tooltip\">{{ statusNoteForTooltip }}</span>\n <span *ngIf=\"statusNoteForPopup.length > 100\"\n >...<a\n class=\"view-more-comments\"\n (click)=\"showEntireStatusNote()\"\n >View more</a\n ></span\n >\n </div>\n</ng-template>\n\n<ng-template #innerHtmlToolTipTemplate>\n <div [innerHtml]=\"toolTipInnerHtmlData\"></div>\n</ng-template>\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),32px)}.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),52px);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}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner{max-width:600px;width:min-content}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner>div{width:max-content}::ng-deep .generic-innerHtml-table-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}::ng-deep .generic-innerHtml-table-container{max-height:8.75rem;width:min-content;overflow:auto}::ng-deep .generic-innerHtml-table-container table{table-layout:fixed;width:100%}::ng-deep .generic-innerHtml-table-container table thead tr th{background:#e9e9e9;height:22px;padding:3px 8px;position:sticky;top:0;cursor:default;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0;box-shadow:inset 1px -1px #d4d4d4,inset 0 1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table thead tr th:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 1px #d4d4d4!important}::ng-deep .generic-innerHtml-table-container table tbody tr td{padding:3px 8px;width:100%;color:#000;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;box-shadow:inset 1px -1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr td:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 0 #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr:first-of-type td{border-top:none}::ng-deep .generic-innerHtml-table-container::-webkit-scrollbar-track{margin-top:22px!important}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!important;margin-top:10px!important;cursor:pointer}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.red-text-totol-row{color:#f44336!important}.icon-dropdown{display:flex;align-items:center;gap:3px}.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}table{margin-bottom:0;table-layout:fixed;width:100%}:host ::ng-deep .gt thead{top:.1px!important;position:relative}:host ::ng-deep .gt .header-row th{border:none;background:#ededed;padding:2px 8px;line-height:normal;position:sticky;position:-webkit-sticky;top:0;box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th .upper-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .gt .header-row th .lower-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .gt .header-row th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .gt .header-row th div.dummy-header{justify-content:center;margin-left:50%!important;margin-right:50%!important;width:-webkit-fill-available}:host ::ng-deep .gt .header-row th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .gt .header-row th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .gt .header-row th:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th:last-of-type{box-shadow:inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt tbody tr td{padding:2px 8px;border:none;box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr br{display:block;content:\"\";margin-top:-8px}: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:#2962ff}:host ::ng-deep .gt .cell-value{width:calc(100% - 24px)!important;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt .tooltip-text{color:#268bff;cursor:pointer;float:right}:host ::ng-deep .gt .time-selected-div{display:flex;align-items:center;column-gap:4px}:host ::ng-deep .gt .time-selected-div .time-selection-menu{border:solid 1px #b7b7b7;height:24px;text-overflow:ellipsis;padding:2px;width:99%}:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-down,:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-up{float:right;margin-left:auto}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:first-of-type{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,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}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}.hidden{display:none}.visibility-collapse{visibility:collapse}.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:#2962ff}.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;font-size:var(--radio-button-label-fs)}: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}:host ::ng-deep mat-radio-group mat-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-selected-icon-color)}::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: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:30px;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,section.table-inside-tooltip-container{max-height:8.75rem;overflow:auto}section.hierarchy-table-container::-webkit-scrollbar-track{margin-top:1.5rem}section.table-inside-tooltip-container::-webkit-scrollbar-track{margin-top:1.1875rem}.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:8px 4px;color:#4a4a4a!important;font-size:11px!important;font-family:Roboto;font-size:11px;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: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:var(--page-message-content-fs);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:var(--page-message-content-fs);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%}.view-link{color:#268bff;padding:0;text-decoration:underline;border:none;background-color:inherit;cursor:pointer;letter-spacing:normal;font-weight:400;margin-left:3px}::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:var(--page-message-content-fs);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 ul.pl-16{padding-left:16px!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}.black-color-text{color:#000}.white-space-nowrap{white-space:nowrap}.ellipsis-tooltip-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}table.ellipsis-tooltip-table{table-layout:fixed;width:100%}table.ellipsis-tooltip-table thead th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important}table.ellipsis-tooltip-table thead th{background:#e9e9e9;padding:3px 8px;line-height:normal;position:sticky;top:0;cursor:default;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.ellipsis-tooltip-table thead th .upper-label{font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}table.ellipsis-tooltip-table tbody td{padding:3px 8px}table.ellipsis-tooltip-table tbody td .upper-label{width:100%;color:#000;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}table.ellipsis-tooltip-table tbody td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.ellipsis-tooltip-table tbody td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.pr-4{padding-right:4px}.status-note-tooltip{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;color:#4a4a4a;white-space:normal!important}.view-more-comments{display:block;color:#268bff;font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;cursor:pointer;margin-left:2px}td.mat-column-isOrderStarred:has(.disabled-starring){pointer-events:none!important}td.mat-column-isOrderStarred .mdi.mdi-star.disabled-starring,td.mat-column-isOrderStarred .mdi.mdi-star-outline.disabled-starring{pointer-events:none!important;color:#dbdbdb80!important}table.disable-table-scrolling{overflow:hidden!important}.icon-tooltip-text{display:inline-block;color:#268bff}.text-with-icon-and-text.reduced-width{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px);margin-bottom:-3.5px}.innrHtml-tooltip-icon-marker{float:right;color:#268bff}.reduced-width-text{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px)}.p-8{padding:8px!important}.anna-icons{cursor:pointer}.anna-icons.color-black{color:#000}.anna-icons.color-primary-color{color:var(--primary-color)}.anna-icons.float-right{float:right}.anna-icons.ml-4{margin-left:4px}.anna-icons.mr-4{margin-right:4px}.anna-icons.disable{pointer-events:none}tr td div:first-of-type.CENTRE{display:flex;justify-content:center;align-items:center;height:100%}input[type=radio].anna-gt-radio{accent-color:var(--primary-blue-color);width:16px;height:16px;display:inline-flex;vertical-align:middle;margin-right:4px}input[type=radio].anna-gt-radio:hover{accent-color:var(--primary-blue-color)!important;opacity:1!important;background-color:var(--primary-blue-color)!important;border-color:initial!important;box-shadow: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$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$3.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", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i3.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }, { kind: "directive", type: ShowEllipsisTextOnHoverDirective, selector: "[annaCoreShowEllipsisTextOnHover]", inputs: ["includeFullWidth"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: AnnaIconColumnComponent, selector: "anna-core-icon-column", inputs: ["componentName", "iconToShow", "dataObject"], outputs: ["columnIconClicked"] }, { 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: "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", "isLurAndCsrComponent", "showFilterHeaderTabs", "showAllTimeRangeCheckboxes", "gtGeneralConfig", "showClearAllFilter", "startFromText", "endToText", "isSortAndFilterAbsent"], outputs: ["timeChanges", "timeChangedEmitter", "filterAppliedToTable", "sortingAppliedToTable", "getSortType", "closeTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: AnnaEstIconTemplateComponent, selector: "anna-core-anna-est-icon-template" }, { kind: "component", type: AnnaSingleSelectComponent, selector: "anna-core-single-select", inputs: ["config", "loading", "showAdditionalDataInSelectedText", "disabled", "items", "selectedItem", "keyToUseForDisplay", "keyToUseForCheckingSelectedItem", "hideDropdownArrow", "borderbottomObject", "defaultDropdownHeight", "itemsToHideInDropdownIds", "showClearSelection"], outputs: ["valueChanged", "dropdownClosedEvent", "dropdownOpenedEvent", "clearSelectionClickedEvent"] }, { kind: "directive", type: DigitOnlyDirective, selector: "[annaCoreDigitOnly]", inputs: ["decimal", "decimalSeparator", "allowNegatives", "allowPaste", "negativeSign", "min", "max", "pattern", "decimalPlaces"] }, { kind: "component", type: AnnaCircularProgressComponent, selector: "anna-core-circular-progress", inputs: ["percent", "radius", "outerStrokeWidth", "innerStrokeWidth", "outerStrokeColor", "innerStrokeColor", "animationDuration"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i7.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i7.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5899
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaNonEditableGenericTableComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: AnnaSortService }, { token: AnnaDateTimeFormatService }, { token: AnnaFilterService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5900
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", 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", extraHeaderRowForAdjustingColumnWidths: "extraHeaderRowForAdjustingColumnWidths", tableClass: "tableClass", maximumRowsWhichCanBeRenderedWithoutScroll: "maximumRowsWhichCanBeRenderedWithoutScroll", fixNumberOfRowsForPopup: "fixNumberOfRowsForPopup", fixRowsToRender: "fixRowsToRender", 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", statusNotePopupOpened: "statusNotePopupOpened", textPopupOpened: "textPopupOpened", digitOnlyInputChanged: "digitOnlyInputChanged", singleSelectDropdownValueEmit: "singleSelectDropdownValueEmit", timeSelected: "timeSelected", totalRowRadioButtonClicked: "totalRowRadioButtonClicked", totalRowRadioButtonIconClicked: "totalRowRadioButtonIconClicked" }, viewQueries: [{ propertyName: "tableElementRef", first: true, predicate: ["tableElementRef"], descendants: true, static: true }, { propertyName: "textActionTooltipTemplateRef", first: true, predicate: ["textActionTooltipTemplate"], descendants: true }, { propertyName: "programChangeTooltipTemplateRef", first: true, predicate: ["programChangeTooltipTemplate"], descendants: true }, { propertyName: "viewChildTableHeaders", predicate: ["tableHeader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n id=\"generic-table-conatiner\"\n #tableElementRef\n class=\"table-container {{ gtGeneralConfig?.tableOuterContainerName }} {{ tableBottomBorderClass }}\"\n [ngClass]=\"{\n 'scroll-left-shadow-effect': isScrolledLeft,\n 'scroll-right-shadow-effect': !isScrollEnded,\n 'clickable-row': clickableRow,\n 'no-data-table': (isNoDataToDisplaySubject$ | async),\n 'table-with-show-hide-total-row-toggle': showOrHideToggleForTotalRow\n }\"\n (scroll)=\"onTableContainerScroll($event)\"\n>\n <div\n [class]=\"gtGeneralConfig.tableContainerName\"\n class=\"horizontal-scroll-for-table-container\"\n [ngStyle]=\"{\n height:\n tableData.length < noOfRowsToCheck - 1\n ? 'calc(' +\n (gtDimension.rowHeight * tableData.length +\n (!tableData.length || !gtGeneralConfig.totalRow\n ? gtDimension.headerHeight\n : gtDimension.headerHeight + gtDimension.rowHeight)) +\n 'px)'\n : gtDimension.tableHeight\n }\"\n >\n <button\n *ngIf=\"showOrHideToggleForTotalRow && !showSkeletonLoading && (isNoDataToDisplaySubject$ | async) === false\"\n [ngClass]=\"{\n 'shift-toggle-top-on-total-row-click': !gtGeneralConfig.totalRow\n }\"\n class=\"show-or-hide-toggle-btn\"\n (click)=\"showHideTotalRow()\"\n >\n <i\n class=\"mdi mdi-menu-swap\"\n tooltipClass=\"show-or-hide-toggle-tooltip\"\n placement=\"auto\"\n container=\"body\"\n [ngbTooltip]=\"showOrHideToggleForTotalRowTooltip\"\n ></i>\n </button>\n\n <table\n class=\"gt\"\n [ngClass]=\"tableClass\"\n mat-table\n [dataSource]=\"renderedData\"\n >\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"modifiedExtraHeaderRowForAdjustingColumnWidths?.objectKeys\"\n [style.height.px]=\"'4px'\"\n [class.visibility-collapse]=\"true\"\n ></tr>\n\n <ng-container *ngFor=\"let row of tableColumnsOfEachRow; let i = index\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumnsOfEachRow[i]; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumns; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n\n <tr\n class=\"total-row\"\n mat-header-row\n [style.height.px]=\"gtDimension.rowHeight\"\n *matHeaderRowDef=\"totalRowColumns; sticky: true\"\n [class.hidden]=\"\n showSkeletonLoading ||\n (!showSkeletonLoading && !tableData.length) ||\n (isNoDataToDisplaySubject$ | async) ||\n (!showSkeletonLoading && !gtGeneralConfig.totalRow)\n \"\n ></tr>\n <tr\n [class]=\"rowData.gtClass\"\n [ngClass]=\"{ 'no-border-tr': (isNoDataToDisplaySubject$ | async) }\"\n mat-row\n *matRowDef=\"let rowData; columns: tableColumns\"\n [style.height.px]=\"gtDimension.rowHeight\"\n (click)=\"dataRowClicked(rowData)\"\n ></tr>\n\n <!-- TOTAL ROW -->\n <ng-container\n [matColumnDef]=\"column.colName\"\n *ngFor=\"let column of totalRowInfo; trackBy: trackByFn\"\n >\n <td\n mat-header-cell\n *matHeaderCellDef\n [attr.colspan]=\"column.colspan\"\n class=\"{{ column.class }}\"\n >\n <ng-container\n *ngIf=\"\n column['radioButtonColumnData'] && column['radioButtonColumnData']['isRadioButtonsColumn']\n \"\n >\n <mat-radio-group\n [ngModel]=\"column.radioButtonColumnData?.selectedRadioButton\"\n [disabled]=\"column.radioButtonColumnData?.disableRadioGroup\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of column.radioButtonColumnData?.radioButtonsData;\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n [ngClass]=\"{\n disabled:\n radioButton?.disabled || column.radioButtonColumnData?.disableRadioGroup\n }\"\n (click)=\"totalRowRadioButtonClickedByUser(radioButton.value)\"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngFor=\"let iconClass of radioButton?.iconClass\">\n <i\n class=\" {{ iconClass }}\"\n (click)=\"totalRowRadioButtonIconClickedByUser(radioButton.value)\"\n ></i\n ></ng-container>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n </ng-container>\n <ng-container *ngIf=\"column['isActionColumn']\">\n <a\n *ngFor=\"let data of column.actionData\"\n [class]=\"data.class\"\n (click)=\"onClickableDataClicked({}, data.id)\"\n >\n {{ data.name }}\n </a>\n </ng-container>\n\n <ng-container *ngIf=\"column['isIconColumn']\">\n <i\n class=\"{{ column?.iconData?.class }}\"\n (click)=\"iconClickedInTotalRow(column?.colName)\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!column['isActionColumn']\">\n <strong class=\"upper-label\"\n >{{ column.data }}\n <span\n class=\"red-text-totol-row\"\n *ngIf=\"column.additionalRedTextAfterData\"\n >{{ column.additionalRedTextAfterData }}</span\n ></strong\n >\n <ng-container *ngIf=\"column.lowerData\">\n <p\n *ngIf=\"\n column.colName === 'total-potential-booked-unit' &&\n gtGeneralConfig.component === 'RATING';\n else columnLowerData\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('TOTALROW')\"\n [ngClass]=\"{\n 'disabled-clickable-data': downloadInProgress || column.lowerData === '0'\n }\"\n >\n {{ column.lowerData }}\n <span class=\"material-icons mdi mdi-download spot-details-download-icons\"></span>\n <ng-container *ngIf=\"downloadInProgress && selectedRowTypeForDownload === 'TOTALROW'\">\n <ng-container [ngTemplateOutlet]=\"circularProgressBar\"></ng-container>\n </ng-container>\n </p>\n <ng-template #columnLowerData>\n <p class=\"lower-label\">{{ column.lowerData }}</p>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"column.tooltipMessage && gtGeneralConfig.component !== 'LUR_VIOLATIONS'\">\n <i\n class=\"{{ column.tooltipIconClass }}\"\n container=\"body\"\n [ngbTooltip]=\"column.tooltipMessage\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"top bottom\"\n ></i>\n </ng-container>\n <ng-container *ngIf=\"gtGeneralConfig.component === 'LUR_VIOLATIONS' && column.tooltipMessage\">\n <i\n class=\"mi mdi-info-outline info-label\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationTotalRowToolTip\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n ></i>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <ng-container\n [matColumnDef]=\"columnDef\"\n *ngFor=\"\n let columnDef of modifiedExtraHeaderRowForAdjustingColumnWidths.objectKeys;\n let i = index;\n trackBy: trackByFn\n \"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"modifiedExtraHeaderRowForAdjustingColumnWidths.widths[i]\"\n ></th\n ></ng-container>\n ></ng-container\n >\n\n <!-- MAIN ROW -->\n <ng-container\n [matColumnDef]=\"columnDef.headerInfo[0].objectKey\"\n *ngFor=\"let columnDef of tableHeaders; trackBy: trackByFn\"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"columnDef.width\"\n [attr.rowspan]=\"columnDef.rowspan ? columnDef.rowspan : 1\"\n [attr.colspan]=\"columnDef.colspan ? columnDef.colspan : 1\"\n >\n <div\n class=\"row mx-0\"\n [ngClass]=\"{ 'dummy-header': columnDef.dummyHeader }\"\n *ngFor=\"let header of columnDef.headerInfo; let j = index\"\n >\n <p\n *ngIf=\"header.typeOfHeaderData === 'STRING'\"\n [ngClass]=\"{ 'upper-label': j === 0, 'lower-label': j === 1 }\"\n >\n <ngx-skeleton-loader\n *ngIf=\"header.name == null\"\n count=\"1\"\n [theme]=\"{\n height: '10px',\n display: 'block',\n width: columnDef.width,\n 'max-width': 'calc(100% - 20px)'\n }\"\n >\n </ngx-skeleton-loader>\n <ng-container *ngIf=\"header.name\">\n {{ header.name }}\n </ng-container>\n <ng-container *ngIf=\"header.tooltip && header.tooltip.tooltipMessage\">\n <i\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"header.tooltip.tooltipMessage\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'impsInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"impsInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"\n header.tooltip && header.tooltip.name === 'spotsColumnEquivalizationMessageTooltip'\n \"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"spotsColumnEquivalizationMessageTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'underDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"underDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'overDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"overDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ratingInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ratingInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rateInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rateInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ongoingRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ongoingRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'completedRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"completedRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRate'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRate\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedImps'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedImps\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'automationTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"automationTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rebateImpact'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rebateImpact\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'projectedImpsRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"projectedImpsRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </p>\n\n <ng-container *ngIf=\"header.typeOfHeaderData === 'CHECKBOX'\">\n <span\n *ngIf=\"gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n <span\n *ngIf=\"!gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{ 'disable-checkbox': gtGeneralConfig.disableHeaderCheckbox }\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n </ng-container>\n\n <div\n *ngIf=\"gtGeneralConfig.showAllColumnFilter && header && header.typeOfHeaderData !== ''\"\n class=\"sort-filter-container\"\n >\n <ng-container *ngIf=\"header.showTooltipIcon\">\n <!-- Active tooltip Functionality -->\n <ng-container *ngIf=\"header.filter === 'CHECKBOX'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"filterTooltip\"\n placement=\"{{ filterAlignment }}\"\n container=\"body\"\n tooltipClass=\"non-edit-checkbox-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'SLIDER'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"sliderToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n tooltipClass=\"non-edit-slider-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t1=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t1, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'DATE'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"datePickerTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"non-edit-datepicker-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t2=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t2, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'WEEK'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"weekPickerToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t3=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t3, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'TIME'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"timeFilterToolTip\"\n placement=\"bottom left-top auto\"\n container=\"body\"\n tooltipClass=\"non-edit-time-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t4=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t4, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!header.showTooltipIcon\">\n <span id=\"no-filter-space\"></span><br />\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'lurViolationInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationInfoTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </div>\n </div>\n </th>\n\n <ng-container *matCellDef=\"let ROW_DATA\">\n <td\n mat-cell\n [style.background]=\"ROW_DATA.backgroundColor\"\n [style.border]=\"ROW_DATA.border\"\n class=\"{{ ROW_DATA.rowClass }}\"\n [ngClass]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'TdClass']\"\n [attr.rowspan]=\"tdsHaveRowSpan ? ROW_DATA[columnDef.headerInfo[0].objectKey + 'Rowspan'] : 1\"\n *ngIf=\"\n !hideSomeTds ||\n (hideSomeTds && !ROW_DATA['hide' + columnDef.headerInfo[0].objectKey + 'Td'])\n \"\n >\n <ngx-skeleton-loader\n *ngIf=\"showSkeletonLoading\"\n count=\"1\"\n [theme]=\"{ height: '10px', display: 'block', marginBottom: '0' }\"\n >\n </ngx-skeleton-loader>\n\n <ng-container *ngIf=\"!showSkeletonLoading\">\n <ng-container *ngIf=\"tableData.length > 0 && (isNoDataToDisplaySubject$ | async) === false\">\n <ng-container\n *ngFor=\"\n let subline of columnDef.headerInfo;\n let subLineIndex = index;\n trackBy: trackByFn\n \"\n >\n <div\n annaCoreShowEllipsisTextOnHover\n [includeFullWidth]=\"\n columnDef.headerInfo[subLineIndex].typeOfBodyData !== 'RADIO'\n \"\n [class]=\"columnDef.headerInfo[subLineIndex]?.tdCellClass\"\n >\n <ng-container [ngSwitch]=\"columnDef.headerInfo[subLineIndex].typeOfBodyData\">\n <ng-container *ngSwitchCase=\"'ICON'\">\n <i\n *ngIf=\"\n !(\n starredInProgress &&\n ROW_DATA.orderId === selectedStarredOrderId\n )\n \"\n [class]=\"ROW_DATA.iconClass\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n (click)=\"iconClicked(ROW_DATA, ROW_DATA.iconClass)\"\n ngbTooltip=\"{{ ROW_DATA.iconTitleText }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <ng-container\n *ngIf=\"\n starredInProgress && ROW_DATA.orderId === selectedStarredOrderId\n \"\n >\n <div\n class=\"spinner-for-button-directive\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n ></div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'ICON_CELL'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <ng-container *ngIf=\"action.showObjectKey\">\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </ng-container>\n\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"\n action.showTooltip && action?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action.tooltipData\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML_STRING'\">\n <p\n [innerHTML]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n (click)=\"innerHTMLCellClicked($event, ROW_DATA)\"\n ></p>\n </ng-container>\n <ng-container *ngSwitchCase=\"'HTML_STRING_AND_CLICKABLE_DATA'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n *ngIf=\"text.showText\"\n [innerHtml]=\"text.innerHTMLText\"\n ></span>\n\n <a\n *ngIf=\"text.showLink\"\n class=\"view-link\"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.linkName }}\n </a>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SVG_ICON'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <span\n class=\"pr-4\"\n *ngIf=\"action?.showObjectKey\"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n class=\"pr-4 {{ action?.additionalTextClass }}\"\n *ngIf=\"action?.additionalText\"\n [ngbTooltip]=\"additionalTextTipContent\"\n [disableTooltip]=\"!action?.svgOrIconAdditionalTextTooltipMsg\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [innerHtml]=\"action?.additionalText\"\n >\n <!-- {{ action?.additionalText }} -->\n </span>\n\n <ng-template #additionalTextTipContent>\n <div [innerHTML]=\"action?.svgOrIconAdditionalTextTooltipMsg\"></div\n ></ng-template>\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n [disableTooltip]=\"!action?.svgOrIconTooltipMsg\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n (columnIconClicked)=\"\n svgIconClicked(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].actionKey\n )\n \"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.svgOrIconTooltipMsg\"></div\n ></ng-template>\n </anna-core-icon-column>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'TEXT_ACTIONS'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <button\n *ngIf=\"text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n (mouseenter)=\"\n mouseEnterOnTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [ngbTooltip]=\"textActionTooltipTemplate\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n {{ text.name }}\n </button>\n\n <button\n *ngIf=\"!text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n >\n {{ text.name }}\n </button>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CHECKBOX'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n false\n )\n \"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n ngbTooltip=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CLICKABLE_DATA'\">\n <a\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.name }}</a\n >\n <span\n *ngIf=\"\n subline.objectKey === 'displayBookedUnits' &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('DATAROW', ROW_DATA)\"\n [ngClass]=\"{\n 'disabled-clickable-data':\n downloadInProgress || ROW_DATA.displayBookedUnits === '-'\n }\"\n >{{ ROW_DATA.displayBookedUnits }}\n <span\n class=\"material-icons mdi mdi-download spot-details-download-icons\"\n ></span>\n <ng-container\n *ngIf=\"\n downloadInProgress &&\n ROW_DATA.ProgramId === selectedProgramIdForDownload &&\n ROW_DATA.Demographic === selectedDemographicForDownload\n \"\n >\n <ng-container\n [ngTemplateOutlet]=\"circularProgressBar\"\n ></ng-container>\n </ng-container>\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING___ICON_OR_TEXT_ACTION'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n [class]=\"action.additionalTextBeforeLinkClass\"\n [innerHtml]=\"action.additionalTextBeforeLink\"\n ngbTooltip=\"{{ action.additionalTextBeforeLink }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalText\"\n ></span>\n\n <ng-container *ngIf=\"action && action.typeOfData === 'STRING'\">\n <span\n class=\"text-with-icon-and-text\"\n [ngClass]=\"{ 'reduced-width': action.showIcon }\"\n annaCoreShowEllipsisTextOnHover\n >{{ action.data }}</span\n >\n </ng-container>\n\n <a\n [id]=\"action.id\"\n *ngIf=\"action.showLink\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n ngbTooltip=\"{{action?.linkTooltip}}\"\n placement=\"bottom\"\n container=\"body\"\n [ngClass]=\"{ disabled: action.disabledLink }\"\n >{{ action.data }}</a\n >\n <span\n ngbTooltip=\"{{ action.additionalTextAfterLink }}\"\n placement=\"bottom\"\n container=\"body\"\n [class]=\"action.additionalTextAfterLinkClass\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalAfterText\"\n >{{ action.additionalTextAfterLink }}\n </span>\n\n <ng-container *ngIf=\"action.showTooltip\">\n <ng-container *ngIf=\"action.tooltipData.innerHtml\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n [ngbTooltip]=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!action.tooltipData.tooltipTableBody\">\n <span\n *ngIf=\"action.showIcon\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n class=\"icon-tooltip-text\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n >\n <i [class]=\"action.iconClass\"> </i>\n {{ action.additionalTextAfterIcon ?? \"\" }}\n </span>\n <ng-container *ngIf=\"action['showSvgIcon']\">\n <anna-core-anna-est-icon-template\n class=\"float-right\"\n *ngIf=\"action['svgIconName'] === 'anna-icon'\"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex]\n .tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action['tooltipClass']\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n container=\"body\"\n [autoClose]=\"true\"\n >\n </anna-core-anna-est-icon-template>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!action.showTooltip\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n >\n </i>\n </ng-container>\n\n <i\n *ngIf=\"action.showSimpleIcon\"\n [class]=\"action.iconClass\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"\n action?.tooltipDataForSimpleIcon ? tipContent : null\n \"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.tooltipDataForSimpleIcon\"\n >\n <ng-template #tipContent>\n <div\n class=\"p-8\"\n [innerHTML]=\"action.tooltipDataForSimpleIcon\"\n ></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_OR_INPUT'\">\n <ng-container\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.type ===\n 'STRING';\n else inputBox\n \"\n >\n <span\n [innerHtml]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.value\n \"\n ></span>\n </ng-container>\n\n <ng-template #inputBox>\n <span class=\"input-box-container\">\n <input\n placeholder=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.placeholder\n }}\"\n annaCoreShowEllipsisTextOnHover\n class=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .className\n }}\"\n (keydown)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n false\n )\n \"\n (paste)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n true\n )\n \"\n (ngModelChange)=\"\n editableInputValueChanged(\n $event,\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n [ngModel]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .value\n \"\n [disabled]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .disabled\n \"\n [ngClass]=\"{\n 'red-border':\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].hasError\n }\"\n />\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <i\n *ngIf=\"action?.showIcon\"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ action?.iconClass }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.iconTooltip\"></div\n ></ng-template>\n </i>\n <ng-container *ngIf=\"action?.showSvgIcon\">\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action?.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n <ng-template #tipContent>\n <div\n [innerHTML]=\"action?.svgOrIconTooltipMsg\"\n ></div></ng-template\n ></anna-core-icon-column>\n </ng-container>\n <ng-container *ngIf=\"action?.showLink\">\n <a\n [id]=\"action?.id\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action?.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n >{{ action?.linkText }}\n </a>\n </ng-container>\n </ng-container>\n </span>\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML'\">\n <span\n [innerHtml]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n ></span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [disabled]=\"dropdown.isDisabled\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN_AND_ICON'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <div [ngClass]=\"{ 'icon-dropdown': dropdown.showIcon }\">\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n <i\n *ngIf=\"dropdown.showIcon\"\n [class]=\"dropdown.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n dropdown.tooltipClass\n }}\"\n [ngbTooltip]=\"\n dropdown.showTooltip && dropdown?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n dropdown.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!dropdown.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"dropdown.tooltipData\"></div\n ></ng-template>\n </i>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_RADIO'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-radiobox-marked\"\n (click)=\"(null)\"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-radiobox-blank\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'RADIO'\">\n <mat-radio-group\n *ngIf=\"ROW_DATA['RadioButtonConfig']; else showHyphen\"\n [ngModel]=\"ROW_DATA[subline.objectKey]\"\n [disabled]=\"ROW_DATA['RadioButtonConfig'][0].isDisabled\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of ROW_DATA['RadioButtonConfig'];\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n (click)=\"\n radioButtonClicked(\n ROW_DATA,\n radioButton.value,\n ROW_DATA['RadioButtonConfig'][0].isDisabled\n )\n \"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngIf=\"radioButton.icons\">\n <i\n *ngFor=\"let icon of radioButton.icons\"\n class=\" {{ icon.class }}\"\n (click)=\"radioButtonIconClicked(ROW_DATA, icon.name)\"\n ></i>\n </ng-container>\n\n <i\n *ngIf=\"radioButton.tooltipMessage\"\n class=\"mi mdi-info-outline\"\n [ngbTooltip]=\"radioButton.tooltipMessage\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n <ng-template #showHyphen> - </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span class=\"action-data\"> {{ action?.dataToDisplay }}</span>\n <ng-container *ngIf=\"action?.additionalTextWoTooltip\">\n <span\n class=\"additional-text-wo-tooltip\"\n [innerHtml]=\"action.additionalTextWoTooltip\"\n >\n </span>\n </ng-container>\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"stringWithTooltipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithTooltipTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey,\n tooltipWithStringRef\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"action?.tooltipIconClass\"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithStringRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n </span>\n <span>{{ action?.dataToDisplayAfterTooltip }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_ELLIPSIS_WITH_TABLE_TOOLTIP'\">\n <div class=\"new-ellipsis-container\">\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"cell-value\"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .cellValue\n }}\n </span>\n <span\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.showTooltip\n \"\n class=\"tooltip-text\"\n [ngbTooltip]=\"tableInsideTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"table-inside-tooltip remove-on-scroll-class {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipClass\n }}\"\n (mouseenter)=\"\n bindTheValueToTableTooltip(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info\n )\n \"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipHoverText\n }}\n </span>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length <\n 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP_INNER_HTML'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"action-data\"\n [ngClass]=\"action?.showTooltip ? 'reduced-width-text' : ''\"\n >\n {{ action?.dataToDisplay }}</span\n >\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"innerHtmlToolTipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithInnerHtmlTooltipTextActionType(\n ROW_DATA,\n action,\n tooltipWithInnerHtmlRef,\n !action.isManualTrigger\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"\n 'innrHtml-tooltip-icon-marker ' + action?.tooltipIconClass\n \"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithInnerHtmlRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-innerHtml-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n {{ action.tooltipMarkerText }}\n </span>\n <span *ngIf=\"action?.dataToDisplayAfterTooltip\">\n {{ action?.dataToDisplayAfterTooltip }}\n </span>\n </ng-container>\n </ng-container>\n\n <ng-container\n *ngSwitchCase=\"\n 'ICON_CELL_AND_STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\n \"\n >\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n title=\"\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"action.showTooltip ? action.tooltipData : null\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n </i>\n\n <ng-container *ngIf=\"action.showObjectKey\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length < 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n info\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'DIGIT_ONLY_INPUT'\">\n <input\n annaCoreDigitOnly\n [type]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].type\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .type\n : 'text'\n \"\n [decimal]=\"true\"\n [readOnly]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].disabled\n \"\n [decimalPlaces]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .decimalPlaces\n \"\n inputmode=\"numeric\"\n [min]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.min ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min\n : digitInputmin\n \"\n [max]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.max ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max\n : digitInputMax\n \"\n [allowPaste]=\"false\"\n class=\"form-control\"\n [value]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].value\n \"\n [placeholder]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n : 'Enter value'\n \"\n (input)=\"\n onInputChange(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n $event\n )\n \"\n />\n </ng-container>\n <ng-container *ngSwitchCase=\"'TIME_INPUT'\">\n <div\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .showAsInput;\n else timeAsString\n \"\n class=\"time-selected-div {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].class\n }}\"\n [ngbTooltip]=\"timeInputTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"false\"\n triggers=\"manual\"\n #timeInputTooltipInRow=\"ngbTooltip\"\n (click)=\"\n timeInputTooltipClickedInTableBody(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n ROW_DATA\n );\n bindTheValueToTimeInputTooltip(timeInputTooltipInRow)\n \"\n >\n <div class=\"time-selection-menu\">\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n <i\n *ngIf=\"\n !timeTableRowtooltip ||\n !selectedRowForTimeEdit ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id !==\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-down icon\"\n ></i>\n <i\n *ngIf=\"\n timeTableRowtooltip &&\n selectedRowForTimeEdit &&\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id ===\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-up icon\"\n ></i>\n </div>\n </div>\n <ng-template #timeAsString>\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n </ng-template>\n <ng-container\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].icons\"\n >\n <i\n *ngFor=\"\n let icon of ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].icons\n \"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ icon.class }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"icon?.tooltipMessage\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <ng-container *ngIf=\"subline.objectKey !== 'description'\">\n <span annaCoreShowEllipsisTextOnHover>{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n }}</span>\n <!-- <i\n *ngIf=\"\n subline.objectKey === 'inventoryCode' &&\n ROW_DATA['isSellerGroup'] &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n [ngbTooltip]=\"sellerHierarchyTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"hierarchy-tooltip remove-on-scroll-class\"\n (mouseenter)=\"\n bindTheValueToSellerGroupTooltip(\n ROW_DATA.sellerGroupHierarchy,\n info\n )\n \" \n >\n </i>-->\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageRating' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showRatingAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedRatingDifference\"\n >\n </i>\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageImpression' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showImpressionAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedImpDifference\"\n >\n </i>\n </ng-container>\n <ng-container *ngIf=\"subline.objectKey === 'description'\">\n <p\n *ngIf=\"\n ROW_DATA.descriptionMessage ||\n ROW_DATA.descriptionEmailReferenceNum\n \"\n >\n <ng-container *ngIf=\"ROW_DATA.descriptionMessage\">\n {{ ROW_DATA.descriptionMessage }}\n <br />\n </ng-container>\n <ng-container\n *ngIf=\"\n ROW_DATA.descriptionEmailReferenceNum !== '-' &&\n ROW_DATA.descriptionEmailReferenceNum !== ''\n \"\n >\n Email Ref: {{ ROW_DATA.descriptionEmailReferenceNum }}\n <br />\n </ng-container>\n </p>\n <a\n href=\"{{ ROW_DATA.descriptionDetailsUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionDetailsUrlType === 'PDF' ||\n ROW_DATA.descriptionDetailsUrlType === 'EXCEL'\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">Download</button>\n </a>\n <ng-container\n *ngIf=\"\n ROW_DATA.activityname.toLowerCase() === 'order onboarded'\n \"\n >\n <a\n *ngIf=\"ROW_DATA.descriptionDetailsUrlType === 'LINK'\"\n (click)=\"viewDetailsClicked(ROW_DATA)\"\n >\n <button class=\"btn viewDetailsAndEmailBtn order-onboarded\">\n View details\n </button>\n </a>\n </ng-container>\n\n <a\n href=\"{{ ROW_DATA.descriptionEmailUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionEmailUrl !== '-' &&\n ROW_DATA.descriptionEmailUrl !== ''\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">View email</button>\n </a>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"isNoDataToDisplaySubject$ | async\">\n <div>\n {{ null }}\n </div>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n </ng-container>\n </table>\n </div>\n <anna-core-no-data-lib\n [width]=\"noDataWidth\"\n [marginTop]=\"marginTop\"\n *ngIf=\"isNoDataToDisplaySubject$ | async\"\n >\n </anna-core-no-data-lib>\n</div>\n\n<!-- Checkbox template -->\n<ng-template #filterTooltip>\n <anna-core-anna-column-checkbox-filter\n *ngIf=\"filterTabObjects\"\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-checkbox-filter>\n</ng-template>\n\n<!-- Slider template -->\n<ng-template #sliderToolTip>\n <anna-core-anna-column-slider-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-slider-filter>\n</ng-template>\n\n<!-- Date Picker Template -->\n<ng-template #datePickerTooltip>\n <anna-core-anna-column-date-range-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-date-range-filter>\n</ng-template>\n\n<!-- Week Picker Template -->\n<ng-template #weekPickerToolTip>\n <!-- <div class=\"weekpicker-container\">\n <anna-core-week-calendar-filter-lib\n [week-calendar-config]=\"gtGeneralConfig.multiWeekPickerConfig\"\n (apply)=\"applyWeekFilter($event)\"\n [from-date]=\"calendarMinEnabledDate\"\n [to-date]=\"calendarMaxEnabledDate\"\n >\n </anna-core-week-calendar-filter-lib>\n </div> -->\n</ng-template>\n\n<!-- Time Filter Template -->\n<ng-template #timeFilterToolTip>\n <anna-core-anna-column-time-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [showAllTimeRangeCheckboxes]=\"showCheckboxesForTimeFilter\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #timeInputTooltip>\n <anna-core-anna-column-time-filter\n [tableData]=\"timeInputData\"\n [clonedTableData]=\"timeInputData\"\n [showClearAllFilter]=\"false\"\n [startFromText]=\"'Start time'\"\n [endToText]=\"'End time'\"\n [filterTabObjects]=\"filterTabObjects\"\n [showAllTimeRangeCheckboxes]=\"false\"\n [isSortAndFilterAbsent]=\"true\"\n (closeTooltip)=\"closeTimeInputTooltip()\"\n (timeChanges)=\"timeSelectedInTableRow($event)\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #columnInfoTooltip>\n <p class=\"black-color-text white-space-nowrap\">This preemption is rejected and not marked for credit.</p>\n</ng-template>\n\n<ng-template #ratingInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rating' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected Rating' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #impsInfoTooltip>\n <p class=\"first-row\">Shows 'Booked IMPS' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected IMPS' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #spotsColumnEquivalizationMessageTooltip>\n <p class=\"spot-column-tooltip-message\">\n This consists of equivalized spots and un-equivalized Paid Programs & un-equivalized Non-spots.\n </p>\n</ng-template>\n\n<ng-template #underDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Under-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #overDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Over-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #rateInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rate' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected $ Value' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #sellerHierarchyTooltip>\n <ng-container *ngIf=\"sellerGroupHierarchy.length > 0\">\n <section class=\"hierarchy-table-container\">\n <table class=\"seller-hierarchy-table\">\n <thead>\n <tr>\n <th>#</th>\n <th>Inventory Codes</th>\n <th>Program/Description</th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of sellerGroupHierarchy; let tooltipIndex = index\">\n <td>{{ tooltipIndex + 1 }}</td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.InventoryCode }}</span>\n </td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.Program }}</span>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n </ng-container>\n <ng-container *ngIf=\"sellerGroupHierarchy.length === 0\">\n <span class=\"black-color-text\">Seller group not available for this inventory code</span>\n </ng-container>\n</ng-template>\n\n<ng-template #tableInsideTooltip>\n <label class=\"ellipsis-tooltip-heading\">{{ ellipsisWithTooltipHeading }}</label>\n <section class=\"table-inside-tooltip-container\">\n <table class=\"ellipsis-tooltip-table\">\n <thead>\n <tr>\n <th\n [style.width]=\"header.width\"\n *ngFor=\"let header of ellipsisWithTooltipTableHeaders\"\n >\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ header.headerName }}</span\n >\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of ellipsisWithTooltipTableData\">\n <td *ngFor=\"let header of ellipsisWithTooltipTableHeaders\">\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ data[header.objectKey] }}</span\n >\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n</ng-template>\n\n<ng-template #lurViolationInfoTooltip>\n <p class=\"first-row\">The values are for the entire week.</p>\n</ng-template>\n\n<ng-template #postedRatingDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average rating is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #postedImpDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average impression is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #ongoingRevBookedColumnTooltip>\n <p>The Booked $ value, Spots, GRP, CPP, IMPS, CPM corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #completedRevBookedColumnTooltip>\n <p>The Booked $ value corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #avgBookedRate>\n <p>This is the booked average Rate</p>\n</ng-template>\n\n<ng-template #avgBookedRtg>\n <p>This is the booked average RTG</p>\n</ng-template>\n\n<ng-template #avgBookedImps>\n <p>This is the booked average IMP(\u2019000)</p>\n</ng-template>\n\n<ng-template #projectedImpsRtg>\n <p>\n ANNA calculates projected RTG/IMPS values using either the computed estimates or the actual posted data,\n depending on what is available. If posted data has not yet been received, ANNA will use the computed estimates\n as the projected value. Once the actual posted data is received, the projection will automatically update to\n reflect the real, posted values. This ensures that projected data is always based on the most accurate and\n up-to-date information.\n </p>\n</ng-template>\n\n<ng-template #automationTooltip>\n <p>\n Please get the order business rules approved to automate the orders. Only for the automated orders, any approved\n MGs, ADUs, or credited spots on ANNA will be fed into the traffic system i.e. ANNA revisions.\n <!-- removed below line as part of enhancmennt in 14.0 releas -->\n <!-- Additionally, ANNA will only enter buyer revisions into traffic for the selected\n Medialine/WOC orders. -->\n </p>\n</ng-template>\n\n<ng-template #rebateImpact>\n <p>Rebate impact value is for the originally ordered spot length and is not equivalized.</p>\n</ng-template>\n\n<ng-template #lurViolationTotalRowToolTip>\n <ul>\n <li>\n <strong>POLITICAL RATE VIOLATIONS:</strong>\n Violations flagged when non-political spots are booked at a rate lower than the minimum booked rate for\n political candidates for the same week, Inventory Code and Revenue Class.\n </li>\n <li>\n <strong>CANDIDATE TO CANDIDATE VIOLATION:</strong>\n Violations flagged when political spots are booked at different rates to other political spots for the same\n week, Inventory Code and Revenue Class.\n </li>\n </ul>\n</ng-template>\n\n<ng-template #circularProgressBar>\n <anna-core-circular-progress\n [percent]=\"percentDone\"\n [radius]=\"5\"\n [outerStrokeWidth]=\"2\"\n [innerStrokeWidth]=\"2\"\n [outerStrokeColor]=\"'#268bff'\"\n [innerStrokeColor]=\"'#d5d5d5'\"\n [animationDuration]=\"500\"\n ></anna-core-circular-progress>\n</ng-template>\n\n<ng-template #userLoggedInDetails>\n <div class=\"tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n <span *ngIf=\"data.key !== 'read'\">\n {{ data.key }} <b>{{ data.value }}</b>\n </span>\n <span *ngIf=\"data.key === 'read'\">\n {{ data.value }}\n </span>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #markAsReadTip>\n <div class=\"notification-tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.value }}\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b>{{ data.value }}</b>\n </ng-container>\n</ng-template>\n\n<ng-template #programChangeTooltipTemplate>\n <div class=\"program-schedule-tooltip\">\n <h2>Program Change</h2>\n <p class=\"previous\">Previous:</p>\n <b annaCoreShowEllipsisTextOnHover>{{ textActionTooltip.OldProgramName }}</b>\n\n <p class=\"updated\">Updated:</p>\n <b\n *ngIf=\"textActionTooltip.NewProgramNames.length === 1\"\n annaCoreShowEllipsisTextOnHover\n >{{ textActionTooltip.NewProgramNames[0] }}</b\n >\n <ul *ngIf=\"textActionTooltip.NewProgramNames.length > 1\">\n <li *ngFor=\"let item of textActionTooltip.NewProgramNames\">\n <label class=\"dot\"></label>\n <span annaCoreShowEllipsisTextOnHover>{{ item }}</span>\n </li>\n </ul>\n </div>\n</ng-template>\n\n<ng-template #showOrHideToggleForTotalRowTooltip>\n <div>\n {{ showOrHideToggleForTotalRow && !gtGeneralConfig.totalRow ? \"Show Total Row\" : \"Hide Total Row\" }}\n </div>\n</ng-template>\n\n<ng-template #tooltipContainingTableTemplate>\n <div\n *ngIf=\"tooltipContainingTable\"\n [innerHTML]=\"tooltipContainingTable.innerHtml\"\n class=\"notification-tooltip-div-container\"\n >\n <!-- <ul>\n <li *ngFor=\"let headerMsg of tooltipContainingTable.tableHeaderMsg\">\n <b> {{headerMsg}} </b>\n </li>\n </ul>\n\n <table class=\"tooltip-table\">\n <thead>\n <tr>\n <th *ngFor=\"let header of tooltipContainingTable.tooltipTableHeader\">\n {{ header}}\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let rows of tooltipContainingTable.tooltipTableBody\">\n <td *ngFor=\"let data of rows\">\n {{ data }}\n </td>\n </tr>\n </tbody>\n </table>\n\n <ul>\n <li style=\"margin-top:10px; padding:0\" *ngFor=\"let footerMsg of tooltipContainingTable.tableFooterMsg\">\n {{ footerMsg }} \n </li>\n </ul> -->\n </div>\n</ng-template>\n<!-- <ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b> {{data.value}}</b>\n </ng-container>\n</ng-template> -->\n\n<ng-template #statusNoteTooltip>\n <div>\n <span class=\"status-note-tooltip\">{{ statusNoteForTooltip }}</span>\n <span *ngIf=\"statusNoteForPopup.length > 100\"\n >...<a\n class=\"view-more-comments\"\n (click)=\"showEntireStatusNote()\"\n >View more</a\n ></span\n >\n </div>\n</ng-template>\n\n<ng-template #innerHtmlToolTipTemplate>\n <div [innerHtml]=\"toolTipInnerHtmlData\"></div>\n</ng-template>\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),32px)}.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),52px);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}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner{max-width:600px;width:min-content}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner>div{width:max-content}::ng-deep .generic-innerHtml-table-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}::ng-deep .generic-innerHtml-table-container{max-height:8.75rem;width:min-content;overflow:auto}::ng-deep .generic-innerHtml-table-container table{table-layout:fixed;width:100%}::ng-deep .generic-innerHtml-table-container table thead tr th{background:#e9e9e9;height:22px;padding:3px 8px;position:sticky;top:0;cursor:default;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0;box-shadow:inset 1px -1px #d4d4d4,inset 0 1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table thead tr th:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 1px #d4d4d4!important}::ng-deep .generic-innerHtml-table-container table tbody tr td{padding:3px 8px;width:100%;color:#000;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;box-shadow:inset 1px -1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr td:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 0 #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr:first-of-type td{border-top:none}::ng-deep .generic-innerHtml-table-container::-webkit-scrollbar-track{margin-top:22px!important}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!important;margin-top:10px!important;cursor:pointer}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.red-text-totol-row{color:#f44336!important}.icon-dropdown{display:flex;align-items:center;gap:3px}.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}table{margin-bottom:0;table-layout:fixed;width:100%}:host ::ng-deep .gt thead{top:.1px!important;position:relative}:host ::ng-deep .gt .header-row th{border:none;background:#ededed;padding:2px 8px;line-height:normal;position:sticky;position:-webkit-sticky;top:0;box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th .upper-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .gt .header-row th .lower-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .gt .header-row th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .gt .header-row th div.dummy-header{justify-content:center;margin-left:50%!important;margin-right:50%!important;width:-webkit-fill-available}:host ::ng-deep .gt .header-row th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .gt .header-row th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .gt .header-row th:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th:last-of-type{box-shadow:inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt tbody tr td{padding:2px 8px;border:none;box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr br{display:block;content:\"\";margin-top:-8px}: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:#2962ff}:host ::ng-deep .gt .cell-value{width:calc(100% - 24px)!important;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt .tooltip-text{color:#268bff;cursor:pointer;float:right}:host ::ng-deep .gt .time-selected-div{display:flex;align-items:center;column-gap:4px}:host ::ng-deep .gt .time-selected-div .time-selection-menu{border:solid 1px #b7b7b7;height:24px;text-overflow:ellipsis;padding:2px;width:99%}:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-down,:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-up{float:right;margin-left:auto}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:first-of-type{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,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}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}.hidden{display:none}.visibility-collapse{visibility:collapse}.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:#2962ff}.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;font-size:var(--radio-button-label-fs)}: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}:host ::ng-deep mat-radio-group mat-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-selected-icon-color)}::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: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:30px;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,section.table-inside-tooltip-container{max-height:8.75rem;overflow:auto}section.hierarchy-table-container::-webkit-scrollbar-track{margin-top:1.5rem}section.table-inside-tooltip-container::-webkit-scrollbar-track{margin-top:1.1875rem}.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:8px 4px;color:#4a4a4a!important;font-size:11px!important;font-family:Roboto;font-size:11px;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: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:var(--page-message-content-fs);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:var(--page-message-content-fs);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%}.view-link{color:#268bff;padding:0;text-decoration:underline;border:none;background-color:inherit;cursor:pointer;letter-spacing:normal;font-weight:400;margin-left:3px}::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:var(--page-message-content-fs);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 ul.pl-16{padding-left:16px!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}.black-color-text{color:#000}.white-space-nowrap{white-space:nowrap}.ellipsis-tooltip-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}table.ellipsis-tooltip-table{table-layout:fixed;width:100%}table.ellipsis-tooltip-table thead th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important}table.ellipsis-tooltip-table thead th{background:#e9e9e9;padding:3px 8px;line-height:normal;position:sticky;top:0;cursor:default;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.ellipsis-tooltip-table thead th .upper-label{font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}table.ellipsis-tooltip-table tbody td{padding:3px 8px}table.ellipsis-tooltip-table tbody td .upper-label{width:100%;color:#000;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}table.ellipsis-tooltip-table tbody td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.ellipsis-tooltip-table tbody td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.pr-4{padding-right:4px}.status-note-tooltip{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;color:#4a4a4a;white-space:normal!important}.view-more-comments{display:block;color:#268bff;font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;cursor:pointer;margin-left:2px}td.mat-column-isOrderStarred:has(.disabled-starring){pointer-events:none!important}td.mat-column-isOrderStarred .mdi.mdi-star.disabled-starring,td.mat-column-isOrderStarred .mdi.mdi-star-outline.disabled-starring{pointer-events:none!important;color:#dbdbdb80!important}table.disable-table-scrolling{overflow:hidden!important}.icon-tooltip-text{display:inline-block;color:#268bff}.text-with-icon-and-text.reduced-width{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px);margin-bottom:-3.5px}.innrHtml-tooltip-icon-marker{float:right;color:#268bff}.reduced-width-text{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px)}.p-8{padding:8px!important}.anna-icons{cursor:pointer}.anna-icons.color-black{color:#000}.anna-icons.color-primary-color{color:var(--primary-color)}.anna-icons.float-right{float:right}.anna-icons.ml-4{margin-left:4px}.anna-icons.mr-4{margin-right:4px}.anna-icons.disable{pointer-events:none}tr td div:first-of-type.CENTRE{display:flex;justify-content:center;align-items:center;height:100%}input[type=radio].anna-gt-radio{accent-color:var(--primary-blue-color);width:16px;height:16px;display:inline-flex;vertical-align:middle;margin-right:4px}input[type=radio].anna-gt-radio:hover{accent-color:var(--primary-blue-color)!important;opacity:1!important;background-color:var(--primary-blue-color)!important;border-color:initial!important;box-shadow: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$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$3.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", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i3.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }, { kind: "directive", type: ShowEllipsisTextOnHoverDirective, selector: "[annaCoreShowEllipsisTextOnHover]", inputs: ["includeFullWidth"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: AnnaIconColumnComponent, selector: "anna-core-icon-column", inputs: ["componentName", "iconToShow", "dataObject"], outputs: ["columnIconClicked"] }, { 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: "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", "isLurAndCsrComponent", "showFilterHeaderTabs", "showAllTimeRangeCheckboxes", "gtGeneralConfig", "showClearAllFilter", "startFromText", "endToText", "isSortAndFilterAbsent"], outputs: ["timeChanges", "timeChangedEmitter", "filterAppliedToTable", "sortingAppliedToTable", "getSortType", "closeTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: AnnaEstIconTemplateComponent, selector: "anna-core-anna-est-icon-template" }, { kind: "component", type: AnnaSingleSelectComponent, selector: "anna-core-single-select", inputs: ["config", "loading", "showAdditionalDataInSelectedText", "disabled", "items", "selectedItem", "keyToUseForDisplay", "keyToUseForCheckingSelectedItem", "hideDropdownArrow", "borderbottomObject", "defaultDropdownHeight", "itemsToHideInDropdownIds", "showClearSelection"], outputs: ["valueChanged", "dropdownClosedEvent", "dropdownOpenedEvent", "clearSelectionClickedEvent"] }, { kind: "directive", type: DigitOnlyDirective, selector: "[annaCoreDigitOnly]", inputs: ["decimal", "decimalSeparator", "allowNegatives", "allowPaste", "negativeSign", "min", "max", "pattern", "decimalPlaces"] }, { kind: "component", type: AnnaCircularProgressComponent, selector: "anna-core-circular-progress", inputs: ["percent", "radius", "outerStrokeWidth", "innerStrokeWidth", "outerStrokeColor", "innerStrokeColor", "animationDuration"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i7.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i7.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5901
5901
|
}
|
|
5902
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
5902
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaNonEditableGenericTableComponent, decorators: [{
|
|
5903
5903
|
type: Component,
|
|
5904
5904
|
args: [{ selector: "anna-core-non-editable-generic-table-lib", changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
5905
5905
|
NgClass,
|
|
@@ -5927,7 +5927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
5927
5927
|
DigitOnlyDirective,
|
|
5928
5928
|
AnnaCircularProgressComponent,
|
|
5929
5929
|
MatRadioModule,
|
|
5930
|
-
], template: "<div\n id=\"generic-table-conatiner\"\n #tableElementRef\n class=\"table-container {{ gtGeneralConfig?.tableOuterContainerName }} {{ tableBottomBorderClass }}\"\n [ngClass]=\"{\n 'scroll-left-shadow-effect': isScrolledLeft,\n 'scroll-right-shadow-effect': !isScrollEnded,\n 'clickable-row': clickableRow,\n 'no-data-table': (isNoDataToDisplaySubject$ | async),\n 'table-with-show-hide-total-row-toggle': showOrHideToggleForTotalRow\n }\"\n (scroll)=\"onTableContainerScroll($event)\"\n>\n <div\n [class]=\"gtGeneralConfig.tableContainerName\"\n class=\"horizontal-scroll-for-table-container\"\n [ngStyle]=\"{\n height:\n tableData.length < noOfRowsToCheck - 1\n ? 'calc(' +\n (gtDimension.rowHeight * tableData.length +\n (!tableData.length || !gtGeneralConfig.totalRow\n ? gtDimension.headerHeight\n : gtDimension.headerHeight + gtDimension.rowHeight)) +\n 'px)'\n : gtDimension.tableHeight\n }\"\n >\n <button\n *ngIf=\"showOrHideToggleForTotalRow && !showSkeletonLoading && (isNoDataToDisplaySubject$ | async) === false\"\n [ngClass]=\"{\n 'shift-toggle-top-on-total-row-click': !gtGeneralConfig.totalRow\n }\"\n class=\"show-or-hide-toggle-btn\"\n (click)=\"showHideTotalRow()\"\n >\n <i\n class=\"mdi mdi-menu-swap\"\n tooltipClass=\"show-or-hide-toggle-tooltip\"\n placement=\"auto\"\n container=\"body\"\n [ngbTooltip]=\"showOrHideToggleForTotalRowTooltip\"\n ></i>\n </button>\n\n <table\n class=\"gt\"\n [ngClass]=\"tableClass\"\n mat-table\n [dataSource]=\"renderedData\"\n >\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"modifiedExtraHeaderRowForAdjustingColumnWidths?.objectKeys\"\n [style.height.px]=\"'4px'\"\n [class.visibility-collapse]=\"true\"\n ></tr>\n\n <ng-container *ngFor=\"let row of tableColumnsOfEachRow; let i = index\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumnsOfEachRow[i]; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumns; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n\n <tr\n class=\"total-row\"\n mat-header-row\n [style.height.px]=\"gtDimension.rowHeight\"\n *matHeaderRowDef=\"totalRowColumns; sticky: true\"\n [class.hidden]=\"\n showSkeletonLoading ||\n (!showSkeletonLoading && !tableData.length) ||\n (isNoDataToDisplaySubject$ | async) ||\n (!showSkeletonLoading && !gtGeneralConfig.totalRow)\n \"\n ></tr>\n <tr\n [class]=\"rowData.gtClass\"\n [ngClass]=\"{ 'no-border-tr': (isNoDataToDisplaySubject$ | async) }\"\n mat-row\n *matRowDef=\"let rowData; columns: tableColumns\"\n [style.height.px]=\"gtDimension.rowHeight\"\n (click)=\"dataRowClicked(rowData)\"\n ></tr>\n\n <!-- TOTAL ROW -->\n <ng-container\n [matColumnDef]=\"column.colName\"\n *ngFor=\"let column of totalRowInfo; trackBy: trackByFn\"\n >\n <td\n mat-header-cell\n *matHeaderCellDef\n [attr.colspan]=\"column.colspan\"\n class=\"{{ column.class }}\"\n >\n <ng-container\n *ngIf=\"\n column['radioButtonColumnData'] && column['radioButtonColumnData']['isRadioButtonsColumn']\n \"\n >\n <mat-radio-group\n [ngModel]=\"column.radioButtonColumnData?.selectedRadioButton\"\n [disabled]=\"column.radioButtonColumnData?.disableRadioGroup\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of column.radioButtonColumnData?.radioButtonsData;\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n [ngClass]=\"{\n disabled:\n radioButton?.disabled || column.radioButtonColumnData?.disableRadioGroup\n }\"\n (click)=\"totalRowRadioButtonClickedByUser(radioButton.value)\"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngFor=\"let iconClass of radioButton?.iconClass\">\n <i\n class=\" {{ iconClass }}\"\n (click)=\"totalRowRadioButtonIconClickedByUser(radioButton.value)\"\n ></i\n ></ng-container>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n </ng-container>\n <ng-container *ngIf=\"column['isActionColumn']\">\n <a\n *ngFor=\"let data of column.actionData\"\n [class]=\"data.class\"\n (click)=\"onClickableDataClicked({}, data.id)\"\n >\n {{ data.name }}\n </a>\n </ng-container>\n\n <ng-container *ngIf=\"column['isIconColumn']\">\n <i\n class=\"{{ column?.iconData?.class }}\"\n (click)=\"iconClickedInTotalRow(column?.colName)\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!column['isActionColumn']\">\n <strong class=\"upper-label\"\n >{{ column.data }}\n <span\n class=\"red-text-totol-row\"\n *ngIf=\"column.additionalRedTextAfterData\"\n >{{ column.additionalRedTextAfterData }}</span\n ></strong\n >\n <ng-container *ngIf=\"column.lowerData\">\n <p\n *ngIf=\"\n column.colName === 'total-potential-booked-unit' &&\n gtGeneralConfig.component === 'RATING';\n else columnLowerData\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('TOTALROW')\"\n [ngClass]=\"{\n 'disabled-clickable-data': downloadInProgress || column.lowerData === '0'\n }\"\n >\n {{ column.lowerData }}\n <span class=\"material-icons mdi mdi-download spot-details-download-icons\"></span>\n <ng-container *ngIf=\"downloadInProgress && selectedRowTypeForDownload === 'TOTALROW'\">\n <ng-container [ngTemplateOutlet]=\"circularProgressBar\"></ng-container>\n </ng-container>\n </p>\n <ng-template #columnLowerData>\n <p class=\"lower-label\">{{ column.lowerData }}</p>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"column.tooltipMessage && gtGeneralConfig.component !== 'LUR_VIOLATIONS'\">\n <i\n class=\"{{ column.tooltipIconClass }}\"\n container=\"body\"\n [ngbTooltip]=\"column.tooltipMessage\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"top bottom\"\n ></i>\n </ng-container>\n <ng-container *ngIf=\"gtGeneralConfig.component === 'LUR_VIOLATIONS' && column.tooltipMessage\">\n <i\n class=\"mi mdi-info-outline info-label\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationTotalRowToolTip\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n ></i>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <ng-container\n [matColumnDef]=\"columnDef\"\n *ngFor=\"\n let columnDef of modifiedExtraHeaderRowForAdjustingColumnWidths.objectKeys;\n let i = index;\n trackBy: trackByFn\n \"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"modifiedExtraHeaderRowForAdjustingColumnWidths.widths[i]\"\n ></th\n ></ng-container>\n ></ng-container\n >\n\n <!-- MAIN ROW -->\n <ng-container\n [matColumnDef]=\"columnDef.headerInfo[0].objectKey\"\n *ngFor=\"let columnDef of tableHeaders; trackBy: trackByFn\"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"columnDef.width\"\n [attr.rowspan]=\"columnDef.rowspan ? columnDef.rowspan : 1\"\n [attr.colspan]=\"columnDef.colspan ? columnDef.colspan : 1\"\n >\n <div\n class=\"row mx-0\"\n [ngClass]=\"{ 'dummy-header': columnDef.dummyHeader }\"\n *ngFor=\"let header of columnDef.headerInfo; let j = index\"\n >\n <p\n *ngIf=\"header.typeOfHeaderData === 'STRING'\"\n [ngClass]=\"{ 'upper-label': j === 0, 'lower-label': j === 1 }\"\n >\n <ngx-skeleton-loader\n *ngIf=\"header.name == null\"\n count=\"1\"\n [theme]=\"{\n height: '10px',\n display: 'block',\n width: columnDef.width,\n 'max-width': 'calc(100% - 20px)'\n }\"\n >\n </ngx-skeleton-loader>\n <ng-container *ngIf=\"header.name\">\n {{ header.name }}\n </ng-container>\n <ng-container *ngIf=\"header.tooltip && header.tooltip.tooltipMessage\">\n <i\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"header.tooltip.tooltipMessage\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'impsInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"impsInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"\n header.tooltip && header.tooltip.name === 'spotsColumnEquivalizationMessageTooltip'\n \"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"spotsColumnEquivalizationMessageTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'underDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"underDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'overDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"overDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ratingInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ratingInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rateInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rateInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ongoingRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ongoingRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'completedRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"completedRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRate'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRate\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedImps'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedImps\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'automationTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"automationTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rebateImpact'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rebateImpact\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'projectedImpsRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"projectedImpsRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </p>\n\n <ng-container *ngIf=\"header.typeOfHeaderData === 'CHECKBOX'\">\n <span\n *ngIf=\"gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n <span\n *ngIf=\"!gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{ 'disable-checkbox': gtGeneralConfig.disableHeaderCheckbox }\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n </ng-container>\n\n <div\n *ngIf=\"gtGeneralConfig.showAllColumnFilter && header && header.typeOfHeaderData !== ''\"\n class=\"sort-filter-container\"\n >\n <ng-container *ngIf=\"header.showTooltipIcon\">\n <!-- Active tooltip Functionality -->\n <ng-container *ngIf=\"header.filter === 'CHECKBOX'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"filterTooltip\"\n placement=\"{{ filterAlignment }}\"\n container=\"body\"\n tooltipClass=\"non-edit-checkbox-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'SLIDER'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"sliderToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n tooltipClass=\"non-edit-slider-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t1=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t1, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'DATE'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"datePickerTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"non-edit-datepicker-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t2=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t2, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'WEEK'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"weekPickerToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t3=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t3, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'TIME'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"timeFilterToolTip\"\n placement=\"bottom left-top auto\"\n container=\"body\"\n tooltipClass=\"non-edit-time-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t4=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t4, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!header.showTooltipIcon\">\n <span id=\"no-filter-space\"></span><br />\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'lurViolationInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationInfoTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </div>\n </div>\n </th>\n\n <ng-container *matCellDef=\"let ROW_DATA\">\n <td\n mat-cell\n [style.background]=\"ROW_DATA.backgroundColor\"\n [style.border]=\"ROW_DATA.border\"\n class=\"{{ ROW_DATA.rowClass }}\"\n [ngClass]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'TdClass']\"\n [attr.rowspan]=\"tdsHaveRowSpan ? ROW_DATA[columnDef.headerInfo[0].objectKey + 'Rowspan'] : 1\"\n *ngIf=\"\n !hideSomeTds ||\n (hideSomeTds && !ROW_DATA['hide' + columnDef.headerInfo[0].objectKey + 'Td'])\n \"\n >\n <ngx-skeleton-loader\n *ngIf=\"showSkeletonLoading\"\n count=\"1\"\n [theme]=\"{ height: '10px', display: 'block', marginBottom: '0' }\"\n >\n </ngx-skeleton-loader>\n\n <ng-container *ngIf=\"!showSkeletonLoading\">\n <ng-container *ngIf=\"tableData.length > 0 && (isNoDataToDisplaySubject$ | async) === false\">\n <ng-container\n *ngFor=\"\n let subline of columnDef.headerInfo;\n let subLineIndex = index;\n trackBy: trackByFn\n \"\n >\n <div\n annaCoreShowEllipsisTextOnHover\n [includeFullWidth]=\"\n columnDef.headerInfo[subLineIndex].typeOfBodyData !== 'RADIO'\n \"\n [class]=\"columnDef.headerInfo[subLineIndex]?.tdCellClass\"\n >\n <ng-container [ngSwitch]=\"columnDef.headerInfo[subLineIndex].typeOfBodyData\">\n <ng-container *ngSwitchCase=\"'ICON'\">\n <i\n *ngIf=\"\n !(\n starredInProgress &&\n ROW_DATA.orderId === selectedStarredOrderId\n )\n \"\n [class]=\"ROW_DATA.iconClass\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n (click)=\"iconClicked(ROW_DATA, ROW_DATA.iconClass)\"\n ngbTooltip=\"{{ ROW_DATA.iconTitleText }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <ng-container\n *ngIf=\"\n starredInProgress && ROW_DATA.orderId === selectedStarredOrderId\n \"\n >\n <div\n class=\"spinner-for-button-directive\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n ></div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'ICON_CELL'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <ng-container *ngIf=\"action.showObjectKey\">\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </ng-container>\n\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"\n action.showTooltip && action?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action.tooltipData\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML_STRING'\">\n <p\n [innerHTML]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n (click)=\"innerHTMLCellClicked($event, ROW_DATA)\"\n ></p>\n </ng-container>\n <ng-container *ngSwitchCase=\"'HTML_STRING_AND_CLICKABLE_DATA'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n *ngIf=\"text.showText\"\n [innerHtml]=\"text.innerHTMLText\"\n ></span>\n\n <a\n *ngIf=\"text.showLink\"\n class=\"view-link\"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.linkName }}\n </a>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SVG_ICON'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <span\n class=\"pr-4\"\n *ngIf=\"action?.showObjectKey\"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n class=\"pr-4 {{ action?.additionalTextClass }}\"\n *ngIf=\"action?.additionalText\"\n [ngbTooltip]=\"additionalTextTipContent\"\n [disableTooltip]=\"!action?.svgOrIconAdditionalTextTooltipMsg\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [innerHtml]=\"action?.additionalText\"\n >\n <!-- {{ action?.additionalText }} -->\n </span>\n\n <ng-template #additionalTextTipContent>\n <div [innerHTML]=\"action?.svgOrIconAdditionalTextTooltipMsg\"></div\n ></ng-template>\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n [disableTooltip]=\"!action?.svgOrIconTooltipMsg\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n (columnIconClicked)=\"\n svgIconClicked(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].actionKey\n )\n \"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.svgOrIconTooltipMsg\"></div\n ></ng-template>\n </anna-core-icon-column>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'TEXT_ACTIONS'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <button\n *ngIf=\"text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n (mouseenter)=\"\n mouseEnterOnTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [ngbTooltip]=\"textActionTooltipTemplate\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n {{ text.name }}\n </button>\n\n <button\n *ngIf=\"!text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n >\n {{ text.name }}\n </button>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CHECKBOX'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n false\n )\n \"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n ngbTooltip=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CLICKABLE_DATA'\">\n <a\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.name }}</a\n >\n <span\n *ngIf=\"\n subline.objectKey === 'displayBookedUnits' &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('DATAROW', ROW_DATA)\"\n [ngClass]=\"{\n 'disabled-clickable-data':\n downloadInProgress || ROW_DATA.displayBookedUnits === '-'\n }\"\n >{{ ROW_DATA.displayBookedUnits }}\n <span\n class=\"material-icons mdi mdi-download spot-details-download-icons\"\n ></span>\n <ng-container\n *ngIf=\"\n downloadInProgress &&\n ROW_DATA.ProgramId === selectedProgramIdForDownload &&\n ROW_DATA.Demographic === selectedDemographicForDownload\n \"\n >\n <ng-container\n [ngTemplateOutlet]=\"circularProgressBar\"\n ></ng-container>\n </ng-container>\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING___ICON_OR_TEXT_ACTION'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n [class]=\"action.additionalTextBeforeLinkClass\"\n [innerHtml]=\"action.additionalTextBeforeLink\"\n ngbTooltip=\"{{ action.additionalTextBeforeLink }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalText\"\n ></span>\n\n <ng-container *ngIf=\"action && action.typeOfData === 'STRING'\">\n <span\n class=\"text-with-icon-and-text\"\n [ngClass]=\"{ 'reduced-width': action.showIcon }\"\n annaCoreShowEllipsisTextOnHover\n >{{ action.data }}</span\n >\n </ng-container>\n\n <a\n [id]=\"action.id\"\n *ngIf=\"action.showLink\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n [ngClass]=\"{ disabled: action.disabledLink }\"\n >{{ action.data }}</a\n >\n <span\n ngbTooltip=\"{{ action.additionalTextAfterLink }}\"\n placement=\"bottom\"\n container=\"body\"\n [class]=\"action.additionalTextAfterLinkClass\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalAfterText\"\n >\n {{ action.additionalTextAfterLink }}\n </span>\n\n <ng-container *ngIf=\"action.showTooltip\">\n <ng-container *ngIf=\"action.tooltipData.innerHtml\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n [ngbTooltip]=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!action.tooltipData.tooltipTableBody\">\n <span\n *ngIf=\"action.showIcon\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n class=\"icon-tooltip-text\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n >\n <i [class]=\"action.iconClass\"> </i>\n {{ action.additionalTextAfterIcon ?? \"\" }}\n </span>\n <ng-container *ngIf=\"action['showSvgIcon']\">\n <anna-core-anna-est-icon-template\n class=\"float-right\"\n *ngIf=\"action['svgIconName'] === 'anna-icon'\"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex]\n .tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action['tooltipClass']\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n container=\"body\"\n [autoClose]=\"true\"\n >\n </anna-core-anna-est-icon-template>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!action.showTooltip\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n >\n </i>\n </ng-container>\n\n <i\n *ngIf=\"action.showSimpleIcon\"\n [class]=\"action.iconClass\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"\n action?.tooltipDataForSimpleIcon ? tipContent : null\n \"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.tooltipDataForSimpleIcon\"\n >\n <ng-template #tipContent>\n <div\n class=\"p-8\"\n [innerHTML]=\"action.tooltipDataForSimpleIcon\"\n ></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_OR_INPUT'\">\n <ng-container\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.type ===\n 'STRING';\n else inputBox\n \"\n >\n <span\n [innerHtml]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.value\n \"\n ></span>\n </ng-container>\n\n <ng-template #inputBox>\n <span class=\"input-box-container\">\n <input\n placeholder=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.placeholder\n }}\"\n annaCoreShowEllipsisTextOnHover\n class=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .className\n }}\"\n (keydown)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n false\n )\n \"\n (paste)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n true\n )\n \"\n (ngModelChange)=\"\n editableInputValueChanged(\n $event,\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n [ngModel]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .value\n \"\n [disabled]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .disabled\n \"\n [ngClass]=\"{\n 'red-border':\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].hasError\n }\"\n />\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <i\n *ngIf=\"action?.showIcon\"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ action?.iconClass }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.iconTooltip\"></div\n ></ng-template>\n </i>\n <ng-container *ngIf=\"action?.showSvgIcon\">\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action?.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n <ng-template #tipContent>\n <div\n [innerHTML]=\"action?.svgOrIconTooltipMsg\"\n ></div></ng-template\n ></anna-core-icon-column>\n </ng-container>\n <ng-container *ngIf=\"action?.showLink\">\n <a\n [id]=\"action?.id\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action?.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n >{{ action?.linkText }}\n </a>\n </ng-container>\n </ng-container>\n </span>\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML'\">\n <span\n [innerHtml]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n ></span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [disabled]=\"dropdown.isDisabled\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN_AND_ICON'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <div [ngClass]=\"{ 'icon-dropdown': dropdown.showIcon }\">\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n <i\n *ngIf=\"dropdown.showIcon\"\n [class]=\"dropdown.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n dropdown.tooltipClass\n }}\"\n [ngbTooltip]=\"\n dropdown.showTooltip && dropdown?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n dropdown.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!dropdown.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"dropdown.tooltipData\"></div\n ></ng-template>\n </i>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_RADIO'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-radiobox-marked\"\n (click)=\"(null)\"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-radiobox-blank\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'RADIO'\">\n <mat-radio-group\n *ngIf=\"ROW_DATA['RadioButtonConfig']; else showHyphen\"\n [ngModel]=\"ROW_DATA[subline.objectKey]\"\n [disabled]=\"ROW_DATA['RadioButtonConfig'][0].isDisabled\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of ROW_DATA['RadioButtonConfig'];\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n (click)=\"\n radioButtonClicked(\n ROW_DATA,\n radioButton.value,\n ROW_DATA['RadioButtonConfig'][0].isDisabled\n )\n \"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngIf=\"radioButton.icons\">\n <i\n *ngFor=\"let icon of radioButton.icons\"\n class=\" {{ icon.class }}\"\n (click)=\"radioButtonIconClicked(ROW_DATA, icon.name)\"\n ></i>\n </ng-container>\n\n <i\n *ngIf=\"radioButton.tooltipMessage\"\n class=\"mi mdi-info-outline\"\n [ngbTooltip]=\"radioButton.tooltipMessage\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n <ng-template #showHyphen> - </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span class=\"action-data\"> {{ action?.dataToDisplay }}</span>\n <ng-container *ngIf=\"action?.additionalTextWoTooltip\">\n <span\n class=\"additional-text-wo-tooltip\"\n [innerHtml]=\"action.additionalTextWoTooltip\"\n >\n </span>\n </ng-container>\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"stringWithTooltipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithTooltipTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey,\n tooltipWithStringRef\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"action?.tooltipIconClass\"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithStringRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n </span>\n <span>{{ action?.dataToDisplayAfterTooltip }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_ELLIPSIS_WITH_TABLE_TOOLTIP'\">\n <div class=\"new-ellipsis-container\">\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"cell-value\"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .cellValue\n }}\n </span>\n <span\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.showTooltip\n \"\n class=\"tooltip-text\"\n [ngbTooltip]=\"tableInsideTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"table-inside-tooltip remove-on-scroll-class {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipClass\n }}\"\n (mouseenter)=\"\n bindTheValueToTableTooltip(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info\n )\n \"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipHoverText\n }}\n </span>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length <\n 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP_INNER_HTML'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"action-data\"\n [ngClass]=\"action?.showTooltip ? 'reduced-width-text' : ''\"\n >\n {{ action?.dataToDisplay }}</span\n >\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"innerHtmlToolTipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithInnerHtmlTooltipTextActionType(\n ROW_DATA,\n action,\n tooltipWithInnerHtmlRef,\n !action.isManualTrigger\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"\n 'innrHtml-tooltip-icon-marker ' + action?.tooltipIconClass\n \"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithInnerHtmlRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-innerHtml-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n {{ action.tooltipMarkerText }}\n </span>\n <span *ngIf=\"action?.dataToDisplayAfterTooltip\">\n {{ action?.dataToDisplayAfterTooltip }}\n </span>\n </ng-container>\n </ng-container>\n\n <ng-container\n *ngSwitchCase=\"\n 'ICON_CELL_AND_STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\n \"\n >\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n title=\"\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"action.showTooltip ? action.tooltipData : null\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n </i>\n\n <ng-container *ngIf=\"action.showObjectKey\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length < 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n info\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'DIGIT_ONLY_INPUT'\">\n <input\n annaCoreDigitOnly\n [type]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].type\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .type\n : 'text'\n \"\n [decimal]=\"true\"\n [readOnly]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].disabled\n \"\n [decimalPlaces]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .decimalPlaces\n \"\n inputmode=\"numeric\"\n [min]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.min ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min\n : digitInputmin\n \"\n [max]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.max ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max\n : digitInputMax\n \"\n [allowPaste]=\"false\"\n class=\"form-control\"\n [value]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].value\n \"\n [placeholder]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n : 'Enter value'\n \"\n (input)=\"\n onInputChange(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n $event\n )\n \"\n />\n </ng-container>\n <ng-container *ngSwitchCase=\"'TIME_INPUT'\">\n <div\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .showAsInput;\n else timeAsString\n \"\n class=\"time-selected-div {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].class\n }}\"\n [ngbTooltip]=\"timeInputTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"false\"\n triggers=\"manual\"\n #timeInputTooltipInRow=\"ngbTooltip\"\n (click)=\"\n timeInputTooltipClickedInTableBody(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n ROW_DATA\n );\n bindTheValueToTimeInputTooltip(timeInputTooltipInRow)\n \"\n >\n <div class=\"time-selection-menu\">\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n <i\n *ngIf=\"\n !timeTableRowtooltip ||\n !selectedRowForTimeEdit ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id !==\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-down icon\"\n ></i>\n <i\n *ngIf=\"\n timeTableRowtooltip &&\n selectedRowForTimeEdit &&\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id ===\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-up icon\"\n ></i>\n </div>\n </div>\n <ng-template #timeAsString>\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n </ng-template>\n <ng-container\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].icons\"\n >\n <i\n *ngFor=\"\n let icon of ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].icons\n \"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ icon.class }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"icon?.tooltipMessage\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <ng-container *ngIf=\"subline.objectKey !== 'description'\">\n <span annaCoreShowEllipsisTextOnHover>{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n }}</span>\n <!-- <i\n *ngIf=\"\n subline.objectKey === 'inventoryCode' &&\n ROW_DATA['isSellerGroup'] &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n [ngbTooltip]=\"sellerHierarchyTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"hierarchy-tooltip remove-on-scroll-class\"\n (mouseenter)=\"\n bindTheValueToSellerGroupTooltip(\n ROW_DATA.sellerGroupHierarchy,\n info\n )\n \" \n >\n </i>-->\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageRating' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showRatingAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedRatingDifference\"\n >\n </i>\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageImpression' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showImpressionAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedImpDifference\"\n >\n </i>\n </ng-container>\n <ng-container *ngIf=\"subline.objectKey === 'description'\">\n <p\n *ngIf=\"\n ROW_DATA.descriptionMessage ||\n ROW_DATA.descriptionEmailReferenceNum\n \"\n >\n <ng-container *ngIf=\"ROW_DATA.descriptionMessage\">\n {{ ROW_DATA.descriptionMessage }}\n <br />\n </ng-container>\n <ng-container\n *ngIf=\"\n ROW_DATA.descriptionEmailReferenceNum !== '-' &&\n ROW_DATA.descriptionEmailReferenceNum !== ''\n \"\n >\n Email Ref: {{ ROW_DATA.descriptionEmailReferenceNum }}\n <br />\n </ng-container>\n </p>\n <a\n href=\"{{ ROW_DATA.descriptionDetailsUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionDetailsUrlType === 'PDF' ||\n ROW_DATA.descriptionDetailsUrlType === 'EXCEL'\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">Download</button>\n </a>\n <ng-container\n *ngIf=\"\n ROW_DATA.activityname.toLowerCase() === 'order onboarded'\n \"\n >\n <a\n *ngIf=\"ROW_DATA.descriptionDetailsUrlType === 'LINK'\"\n (click)=\"viewDetailsClicked(ROW_DATA)\"\n >\n <button class=\"btn viewDetailsAndEmailBtn order-onboarded\">\n View details\n </button>\n </a>\n </ng-container>\n\n <a\n href=\"{{ ROW_DATA.descriptionEmailUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionEmailUrl !== '-' &&\n ROW_DATA.descriptionEmailUrl !== ''\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">View email</button>\n </a>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"isNoDataToDisplaySubject$ | async\">\n <div>\n {{ null }}\n </div>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n </ng-container>\n </table>\n </div>\n <anna-core-no-data-lib\n [width]=\"noDataWidth\"\n [marginTop]=\"marginTop\"\n *ngIf=\"isNoDataToDisplaySubject$ | async\"\n >\n </anna-core-no-data-lib>\n</div>\n\n<!-- Checkbox template -->\n<ng-template #filterTooltip>\n <anna-core-anna-column-checkbox-filter\n *ngIf=\"filterTabObjects\"\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-checkbox-filter>\n</ng-template>\n\n<!-- Slider template -->\n<ng-template #sliderToolTip>\n <anna-core-anna-column-slider-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-slider-filter>\n</ng-template>\n\n<!-- Date Picker Template -->\n<ng-template #datePickerTooltip>\n <anna-core-anna-column-date-range-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-date-range-filter>\n</ng-template>\n\n<!-- Week Picker Template -->\n<ng-template #weekPickerToolTip>\n <!-- <div class=\"weekpicker-container\">\n <anna-core-week-calendar-filter-lib\n [week-calendar-config]=\"gtGeneralConfig.multiWeekPickerConfig\"\n (apply)=\"applyWeekFilter($event)\"\n [from-date]=\"calendarMinEnabledDate\"\n [to-date]=\"calendarMaxEnabledDate\"\n >\n </anna-core-week-calendar-filter-lib>\n </div> -->\n</ng-template>\n\n<!-- Time Filter Template -->\n<ng-template #timeFilterToolTip>\n <anna-core-anna-column-time-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [showAllTimeRangeCheckboxes]=\"showCheckboxesForTimeFilter\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #timeInputTooltip>\n <anna-core-anna-column-time-filter\n [tableData]=\"timeInputData\"\n [clonedTableData]=\"timeInputData\"\n [showClearAllFilter]=\"false\"\n [startFromText]=\"'Start time'\"\n [endToText]=\"'End time'\"\n [filterTabObjects]=\"filterTabObjects\"\n [showAllTimeRangeCheckboxes]=\"false\"\n [isSortAndFilterAbsent]=\"true\"\n (closeTooltip)=\"closeTimeInputTooltip()\"\n (timeChanges)=\"timeSelectedInTableRow($event)\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #columnInfoTooltip>\n <p class=\"black-color-text white-space-nowrap\">This preemption is rejected and not marked for credit.</p>\n</ng-template>\n\n<ng-template #ratingInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rating' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected Rating' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #impsInfoTooltip>\n <p class=\"first-row\">Shows 'Booked IMPS' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected IMPS' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #spotsColumnEquivalizationMessageTooltip>\n <p class=\"spot-column-tooltip-message\">\n This consists of equivalized spots and un-equivalized Paid Programs & un-equivalized Non-spots.\n </p>\n</ng-template>\n\n<ng-template #underDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Under-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #overDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Over-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #rateInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rate' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected $ Value' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #sellerHierarchyTooltip>\n <ng-container *ngIf=\"sellerGroupHierarchy.length > 0\">\n <section class=\"hierarchy-table-container\">\n <table class=\"seller-hierarchy-table\">\n <thead>\n <tr>\n <th>#</th>\n <th>Inventory Codes</th>\n <th>Program/Description</th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of sellerGroupHierarchy; let tooltipIndex = index\">\n <td>{{ tooltipIndex + 1 }}</td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.InventoryCode }}</span>\n </td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.Program }}</span>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n </ng-container>\n <ng-container *ngIf=\"sellerGroupHierarchy.length === 0\">\n <span class=\"black-color-text\">Seller group not available for this inventory code</span>\n </ng-container>\n</ng-template>\n\n<ng-template #tableInsideTooltip>\n <label class=\"ellipsis-tooltip-heading\">{{ ellipsisWithTooltipHeading }}</label>\n <section class=\"table-inside-tooltip-container\">\n <table class=\"ellipsis-tooltip-table\">\n <thead>\n <tr>\n <th\n [style.width]=\"header.width\"\n *ngFor=\"let header of ellipsisWithTooltipTableHeaders\"\n >\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ header.headerName }}</span\n >\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of ellipsisWithTooltipTableData\">\n <td *ngFor=\"let header of ellipsisWithTooltipTableHeaders\">\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ data[header.objectKey] }}</span\n >\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n</ng-template>\n\n<ng-template #lurViolationInfoTooltip>\n <p class=\"first-row\">The values are for the entire week.</p>\n</ng-template>\n\n<ng-template #postedRatingDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average rating is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #postedImpDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average impression is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #ongoingRevBookedColumnTooltip>\n <p>The Booked $ value, Spots, GRP, CPP, IMPS, CPM corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #completedRevBookedColumnTooltip>\n <p>The Booked $ value corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #avgBookedRate>\n <p>This is the booked average Rate</p>\n</ng-template>\n\n<ng-template #avgBookedRtg>\n <p>This is the booked average RTG</p>\n</ng-template>\n\n<ng-template #avgBookedImps>\n <p>This is the booked average IMP(\u2019000)</p>\n</ng-template>\n\n<ng-template #projectedImpsRtg>\n <p>\n ANNA calculates projected RTG/IMPS values using either the computed estimates or the actual posted data,\n depending on what is available. If posted data has not yet been received, ANNA will use the computed estimates\n as the projected value. Once the actual posted data is received, the projection will automatically update to\n reflect the real, posted values. This ensures that projected data is always based on the most accurate and\n up-to-date information.\n </p>\n</ng-template>\n\n<ng-template #automationTooltip>\n <p>\n Please get the order business rules approved to automate the orders. Only for the automated orders, any approved\n MGs, ADUs, or credited spots on ANNA will be fed into the traffic system i.e. ANNA revisions.\n <!-- removed below line as part of enhancmennt in 14.0 releas -->\n <!-- Additionally, ANNA will only enter buyer revisions into traffic for the selected\n Medialine/WOC orders. -->\n </p>\n</ng-template>\n\n<ng-template #rebateImpact>\n <p>Rebate impact value is for the originally ordered spot length and is not equivalized.</p>\n</ng-template>\n\n<ng-template #lurViolationTotalRowToolTip>\n <ul>\n <li>\n <strong>POLITICAL RATE VIOLATIONS:</strong>\n Violations flagged when non-political spots are booked at a rate lower than the minimum booked rate for\n political candidates for the same week, Inventory Code and Revenue Class.\n </li>\n <li>\n <strong>CANDIDATE TO CANDIDATE VIOLATION:</strong>\n Violations flagged when political spots are booked at different rates to other political spots for the same\n week, Inventory Code and Revenue Class.\n </li>\n </ul>\n</ng-template>\n\n<ng-template #circularProgressBar>\n <anna-core-circular-progress\n [percent]=\"percentDone\"\n [radius]=\"5\"\n [outerStrokeWidth]=\"2\"\n [innerStrokeWidth]=\"2\"\n [outerStrokeColor]=\"'#268bff'\"\n [innerStrokeColor]=\"'#d5d5d5'\"\n [animationDuration]=\"500\"\n ></anna-core-circular-progress>\n</ng-template>\n\n<ng-template #userLoggedInDetails>\n <div class=\"tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n <span *ngIf=\"data.key !== 'read'\">\n {{ data.key }} <b>{{ data.value }}</b>\n </span>\n <span *ngIf=\"data.key === 'read'\">\n {{ data.value }}\n </span>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #markAsReadTip>\n <div class=\"notification-tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.value }}\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b>{{ data.value }}</b>\n </ng-container>\n</ng-template>\n\n<ng-template #programChangeTooltipTemplate>\n <div class=\"program-schedule-tooltip\">\n <h2>Program Change</h2>\n <p class=\"previous\">Previous:</p>\n <b annaCoreShowEllipsisTextOnHover>{{ textActionTooltip.OldProgramName }}</b>\n\n <p class=\"updated\">Updated:</p>\n <b\n *ngIf=\"textActionTooltip.NewProgramNames.length === 1\"\n annaCoreShowEllipsisTextOnHover\n >{{ textActionTooltip.NewProgramNames[0] }}</b\n >\n <ul *ngIf=\"textActionTooltip.NewProgramNames.length > 1\">\n <li *ngFor=\"let item of textActionTooltip.NewProgramNames\">\n <label class=\"dot\"></label>\n <span annaCoreShowEllipsisTextOnHover>{{ item }}</span>\n </li>\n </ul>\n </div>\n</ng-template>\n\n<ng-template #showOrHideToggleForTotalRowTooltip>\n <div>\n {{ showOrHideToggleForTotalRow && !gtGeneralConfig.totalRow ? \"Show Total Row\" : \"Hide Total Row\" }}\n </div>\n</ng-template>\n\n<ng-template #tooltipContainingTableTemplate>\n <div\n *ngIf=\"tooltipContainingTable\"\n [innerHTML]=\"tooltipContainingTable.innerHtml\"\n class=\"notification-tooltip-div-container\"\n >\n <!-- <ul>\n <li *ngFor=\"let headerMsg of tooltipContainingTable.tableHeaderMsg\">\n <b> {{headerMsg}} </b>\n </li>\n </ul>\n\n <table class=\"tooltip-table\">\n <thead>\n <tr>\n <th *ngFor=\"let header of tooltipContainingTable.tooltipTableHeader\">\n {{ header}}\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let rows of tooltipContainingTable.tooltipTableBody\">\n <td *ngFor=\"let data of rows\">\n {{ data }}\n </td>\n </tr>\n </tbody>\n </table>\n\n <ul>\n <li style=\"margin-top:10px; padding:0\" *ngFor=\"let footerMsg of tooltipContainingTable.tableFooterMsg\">\n {{ footerMsg }} \n </li>\n </ul> -->\n </div>\n</ng-template>\n<!-- <ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b> {{data.value}}</b>\n </ng-container>\n</ng-template> -->\n\n<ng-template #statusNoteTooltip>\n <div>\n <span class=\"status-note-tooltip\">{{ statusNoteForTooltip }}</span>\n <span *ngIf=\"statusNoteForPopup.length > 100\"\n >...<a\n class=\"view-more-comments\"\n (click)=\"showEntireStatusNote()\"\n >View more</a\n ></span\n >\n </div>\n</ng-template>\n\n<ng-template #innerHtmlToolTipTemplate>\n <div [innerHtml]=\"toolTipInnerHtmlData\"></div>\n</ng-template>\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),32px)}.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),52px);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}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner{max-width:600px;width:min-content}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner>div{width:max-content}::ng-deep .generic-innerHtml-table-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}::ng-deep .generic-innerHtml-table-container{max-height:8.75rem;width:min-content;overflow:auto}::ng-deep .generic-innerHtml-table-container table{table-layout:fixed;width:100%}::ng-deep .generic-innerHtml-table-container table thead tr th{background:#e9e9e9;height:22px;padding:3px 8px;position:sticky;top:0;cursor:default;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0;box-shadow:inset 1px -1px #d4d4d4,inset 0 1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table thead tr th:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 1px #d4d4d4!important}::ng-deep .generic-innerHtml-table-container table tbody tr td{padding:3px 8px;width:100%;color:#000;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;box-shadow:inset 1px -1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr td:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 0 #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr:first-of-type td{border-top:none}::ng-deep .generic-innerHtml-table-container::-webkit-scrollbar-track{margin-top:22px!important}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!important;margin-top:10px!important;cursor:pointer}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.red-text-totol-row{color:#f44336!important}.icon-dropdown{display:flex;align-items:center;gap:3px}.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}table{margin-bottom:0;table-layout:fixed;width:100%}:host ::ng-deep .gt thead{top:.1px!important;position:relative}:host ::ng-deep .gt .header-row th{border:none;background:#ededed;padding:2px 8px;line-height:normal;position:sticky;position:-webkit-sticky;top:0;box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th .upper-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .gt .header-row th .lower-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .gt .header-row th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .gt .header-row th div.dummy-header{justify-content:center;margin-left:50%!important;margin-right:50%!important;width:-webkit-fill-available}:host ::ng-deep .gt .header-row th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .gt .header-row th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .gt .header-row th:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th:last-of-type{box-shadow:inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt tbody tr td{padding:2px 8px;border:none;box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr br{display:block;content:\"\";margin-top:-8px}: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:#2962ff}:host ::ng-deep .gt .cell-value{width:calc(100% - 24px)!important;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt .tooltip-text{color:#268bff;cursor:pointer;float:right}:host ::ng-deep .gt .time-selected-div{display:flex;align-items:center;column-gap:4px}:host ::ng-deep .gt .time-selected-div .time-selection-menu{border:solid 1px #b7b7b7;height:24px;text-overflow:ellipsis;padding:2px;width:99%}:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-down,:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-up{float:right;margin-left:auto}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:first-of-type{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,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}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}.hidden{display:none}.visibility-collapse{visibility:collapse}.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:#2962ff}.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;font-size:var(--radio-button-label-fs)}: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}:host ::ng-deep mat-radio-group mat-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-selected-icon-color)}::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: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:30px;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,section.table-inside-tooltip-container{max-height:8.75rem;overflow:auto}section.hierarchy-table-container::-webkit-scrollbar-track{margin-top:1.5rem}section.table-inside-tooltip-container::-webkit-scrollbar-track{margin-top:1.1875rem}.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:8px 4px;color:#4a4a4a!important;font-size:11px!important;font-family:Roboto;font-size:11px;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: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:var(--page-message-content-fs);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:var(--page-message-content-fs);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%}.view-link{color:#268bff;padding:0;text-decoration:underline;border:none;background-color:inherit;cursor:pointer;letter-spacing:normal;font-weight:400;margin-left:3px}::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:var(--page-message-content-fs);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 ul.pl-16{padding-left:16px!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}.black-color-text{color:#000}.white-space-nowrap{white-space:nowrap}.ellipsis-tooltip-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}table.ellipsis-tooltip-table{table-layout:fixed;width:100%}table.ellipsis-tooltip-table thead th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important}table.ellipsis-tooltip-table thead th{background:#e9e9e9;padding:3px 8px;line-height:normal;position:sticky;top:0;cursor:default;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.ellipsis-tooltip-table thead th .upper-label{font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}table.ellipsis-tooltip-table tbody td{padding:3px 8px}table.ellipsis-tooltip-table tbody td .upper-label{width:100%;color:#000;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}table.ellipsis-tooltip-table tbody td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.ellipsis-tooltip-table tbody td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.pr-4{padding-right:4px}.status-note-tooltip{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;color:#4a4a4a;white-space:normal!important}.view-more-comments{display:block;color:#268bff;font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;cursor:pointer;margin-left:2px}td.mat-column-isOrderStarred:has(.disabled-starring){pointer-events:none!important}td.mat-column-isOrderStarred .mdi.mdi-star.disabled-starring,td.mat-column-isOrderStarred .mdi.mdi-star-outline.disabled-starring{pointer-events:none!important;color:#dbdbdb80!important}table.disable-table-scrolling{overflow:hidden!important}.icon-tooltip-text{display:inline-block;color:#268bff}.text-with-icon-and-text.reduced-width{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px);margin-bottom:-3.5px}.innrHtml-tooltip-icon-marker{float:right;color:#268bff}.reduced-width-text{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px)}.p-8{padding:8px!important}.anna-icons{cursor:pointer}.anna-icons.color-black{color:#000}.anna-icons.color-primary-color{color:var(--primary-color)}.anna-icons.float-right{float:right}.anna-icons.ml-4{margin-left:4px}.anna-icons.mr-4{margin-right:4px}.anna-icons.disable{pointer-events:none}tr td div:first-of-type.CENTRE{display:flex;justify-content:center;align-items:center;height:100%}input[type=radio].anna-gt-radio{accent-color:var(--primary-blue-color);width:16px;height:16px;display:inline-flex;vertical-align:middle;margin-right:4px}input[type=radio].anna-gt-radio:hover{accent-color:var(--primary-blue-color)!important;opacity:1!important;background-color:var(--primary-blue-color)!important;border-color:initial!important;box-shadow:none!important}\n"] }]
|
|
5930
|
+
], template: "<div\n id=\"generic-table-conatiner\"\n #tableElementRef\n class=\"table-container {{ gtGeneralConfig?.tableOuterContainerName }} {{ tableBottomBorderClass }}\"\n [ngClass]=\"{\n 'scroll-left-shadow-effect': isScrolledLeft,\n 'scroll-right-shadow-effect': !isScrollEnded,\n 'clickable-row': clickableRow,\n 'no-data-table': (isNoDataToDisplaySubject$ | async),\n 'table-with-show-hide-total-row-toggle': showOrHideToggleForTotalRow\n }\"\n (scroll)=\"onTableContainerScroll($event)\"\n>\n <div\n [class]=\"gtGeneralConfig.tableContainerName\"\n class=\"horizontal-scroll-for-table-container\"\n [ngStyle]=\"{\n height:\n tableData.length < noOfRowsToCheck - 1\n ? 'calc(' +\n (gtDimension.rowHeight * tableData.length +\n (!tableData.length || !gtGeneralConfig.totalRow\n ? gtDimension.headerHeight\n : gtDimension.headerHeight + gtDimension.rowHeight)) +\n 'px)'\n : gtDimension.tableHeight\n }\"\n >\n <button\n *ngIf=\"showOrHideToggleForTotalRow && !showSkeletonLoading && (isNoDataToDisplaySubject$ | async) === false\"\n [ngClass]=\"{\n 'shift-toggle-top-on-total-row-click': !gtGeneralConfig.totalRow\n }\"\n class=\"show-or-hide-toggle-btn\"\n (click)=\"showHideTotalRow()\"\n >\n <i\n class=\"mdi mdi-menu-swap\"\n tooltipClass=\"show-or-hide-toggle-tooltip\"\n placement=\"auto\"\n container=\"body\"\n [ngbTooltip]=\"showOrHideToggleForTotalRowTooltip\"\n ></i>\n </button>\n\n <table\n class=\"gt\"\n [ngClass]=\"tableClass\"\n mat-table\n [dataSource]=\"renderedData\"\n >\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"modifiedExtraHeaderRowForAdjustingColumnWidths?.objectKeys\"\n [style.height.px]=\"'4px'\"\n [class.visibility-collapse]=\"true\"\n ></tr>\n\n <ng-container *ngFor=\"let row of tableColumnsOfEachRow; let i = index\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumnsOfEachRow[i]; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumns; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n\n <tr\n class=\"total-row\"\n mat-header-row\n [style.height.px]=\"gtDimension.rowHeight\"\n *matHeaderRowDef=\"totalRowColumns; sticky: true\"\n [class.hidden]=\"\n showSkeletonLoading ||\n (!showSkeletonLoading && !tableData.length) ||\n (isNoDataToDisplaySubject$ | async) ||\n (!showSkeletonLoading && !gtGeneralConfig.totalRow)\n \"\n ></tr>\n <tr\n [class]=\"rowData.gtClass\"\n [ngClass]=\"{ 'no-border-tr': (isNoDataToDisplaySubject$ | async) }\"\n mat-row\n *matRowDef=\"let rowData; columns: tableColumns\"\n [style.height.px]=\"gtDimension.rowHeight\"\n (click)=\"dataRowClicked(rowData)\"\n ></tr>\n\n <!-- TOTAL ROW -->\n <ng-container\n [matColumnDef]=\"column.colName\"\n *ngFor=\"let column of totalRowInfo; trackBy: trackByFn\"\n >\n <td\n mat-header-cell\n *matHeaderCellDef\n [attr.colspan]=\"column.colspan\"\n class=\"{{ column.class }}\"\n >\n <ng-container\n *ngIf=\"\n column['radioButtonColumnData'] && column['radioButtonColumnData']['isRadioButtonsColumn']\n \"\n >\n <mat-radio-group\n [ngModel]=\"column.radioButtonColumnData?.selectedRadioButton\"\n [disabled]=\"column.radioButtonColumnData?.disableRadioGroup\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of column.radioButtonColumnData?.radioButtonsData;\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n [ngClass]=\"{\n disabled:\n radioButton?.disabled || column.radioButtonColumnData?.disableRadioGroup\n }\"\n (click)=\"totalRowRadioButtonClickedByUser(radioButton.value)\"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngFor=\"let iconClass of radioButton?.iconClass\">\n <i\n class=\" {{ iconClass }}\"\n (click)=\"totalRowRadioButtonIconClickedByUser(radioButton.value)\"\n ></i\n ></ng-container>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n </ng-container>\n <ng-container *ngIf=\"column['isActionColumn']\">\n <a\n *ngFor=\"let data of column.actionData\"\n [class]=\"data.class\"\n (click)=\"onClickableDataClicked({}, data.id)\"\n >\n {{ data.name }}\n </a>\n </ng-container>\n\n <ng-container *ngIf=\"column['isIconColumn']\">\n <i\n class=\"{{ column?.iconData?.class }}\"\n (click)=\"iconClickedInTotalRow(column?.colName)\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!column['isActionColumn']\">\n <strong class=\"upper-label\"\n >{{ column.data }}\n <span\n class=\"red-text-totol-row\"\n *ngIf=\"column.additionalRedTextAfterData\"\n >{{ column.additionalRedTextAfterData }}</span\n ></strong\n >\n <ng-container *ngIf=\"column.lowerData\">\n <p\n *ngIf=\"\n column.colName === 'total-potential-booked-unit' &&\n gtGeneralConfig.component === 'RATING';\n else columnLowerData\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('TOTALROW')\"\n [ngClass]=\"{\n 'disabled-clickable-data': downloadInProgress || column.lowerData === '0'\n }\"\n >\n {{ column.lowerData }}\n <span class=\"material-icons mdi mdi-download spot-details-download-icons\"></span>\n <ng-container *ngIf=\"downloadInProgress && selectedRowTypeForDownload === 'TOTALROW'\">\n <ng-container [ngTemplateOutlet]=\"circularProgressBar\"></ng-container>\n </ng-container>\n </p>\n <ng-template #columnLowerData>\n <p class=\"lower-label\">{{ column.lowerData }}</p>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"column.tooltipMessage && gtGeneralConfig.component !== 'LUR_VIOLATIONS'\">\n <i\n class=\"{{ column.tooltipIconClass }}\"\n container=\"body\"\n [ngbTooltip]=\"column.tooltipMessage\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"top bottom\"\n ></i>\n </ng-container>\n <ng-container *ngIf=\"gtGeneralConfig.component === 'LUR_VIOLATIONS' && column.tooltipMessage\">\n <i\n class=\"mi mdi-info-outline info-label\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationTotalRowToolTip\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n ></i>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <ng-container\n [matColumnDef]=\"columnDef\"\n *ngFor=\"\n let columnDef of modifiedExtraHeaderRowForAdjustingColumnWidths.objectKeys;\n let i = index;\n trackBy: trackByFn\n \"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"modifiedExtraHeaderRowForAdjustingColumnWidths.widths[i]\"\n ></th\n ></ng-container>\n ></ng-container\n >\n\n <!-- MAIN ROW -->\n <ng-container\n [matColumnDef]=\"columnDef.headerInfo[0].objectKey\"\n *ngFor=\"let columnDef of tableHeaders; trackBy: trackByFn\"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"columnDef.width\"\n [attr.rowspan]=\"columnDef.rowspan ? columnDef.rowspan : 1\"\n [attr.colspan]=\"columnDef.colspan ? columnDef.colspan : 1\"\n >\n <div\n class=\"row mx-0\"\n [ngClass]=\"{ 'dummy-header': columnDef.dummyHeader }\"\n *ngFor=\"let header of columnDef.headerInfo; let j = index\"\n >\n <p\n *ngIf=\"header.typeOfHeaderData === 'STRING'\"\n [ngClass]=\"{ 'upper-label': j === 0, 'lower-label': j === 1 }\"\n >\n <ngx-skeleton-loader\n *ngIf=\"header.name == null\"\n count=\"1\"\n [theme]=\"{\n height: '10px',\n display: 'block',\n width: columnDef.width,\n 'max-width': 'calc(100% - 20px)'\n }\"\n >\n </ngx-skeleton-loader>\n <ng-container *ngIf=\"header.name\">\n {{ header.name }}\n </ng-container>\n <ng-container *ngIf=\"header.tooltip && header.tooltip.tooltipMessage\">\n <i\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"header.tooltip.tooltipMessage\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'impsInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"impsInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"\n header.tooltip && header.tooltip.name === 'spotsColumnEquivalizationMessageTooltip'\n \"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"spotsColumnEquivalizationMessageTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'underDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"underDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'overDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"overDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ratingInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ratingInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rateInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rateInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ongoingRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ongoingRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'completedRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"completedRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRate'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRate\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedImps'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedImps\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'automationTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"automationTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rebateImpact'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rebateImpact\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'projectedImpsRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"projectedImpsRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </p>\n\n <ng-container *ngIf=\"header.typeOfHeaderData === 'CHECKBOX'\">\n <span\n *ngIf=\"gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n <span\n *ngIf=\"!gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{ 'disable-checkbox': gtGeneralConfig.disableHeaderCheckbox }\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n </ng-container>\n\n <div\n *ngIf=\"gtGeneralConfig.showAllColumnFilter && header && header.typeOfHeaderData !== ''\"\n class=\"sort-filter-container\"\n >\n <ng-container *ngIf=\"header.showTooltipIcon\">\n <!-- Active tooltip Functionality -->\n <ng-container *ngIf=\"header.filter === 'CHECKBOX'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"filterTooltip\"\n placement=\"{{ filterAlignment }}\"\n container=\"body\"\n tooltipClass=\"non-edit-checkbox-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'SLIDER'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"sliderToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n tooltipClass=\"non-edit-slider-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t1=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t1, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'DATE'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"datePickerTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"non-edit-datepicker-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t2=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t2, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'WEEK'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"weekPickerToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t3=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t3, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'TIME'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"timeFilterToolTip\"\n placement=\"bottom left-top auto\"\n container=\"body\"\n tooltipClass=\"non-edit-time-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t4=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t4, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!header.showTooltipIcon\">\n <span id=\"no-filter-space\"></span><br />\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'lurViolationInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationInfoTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </div>\n </div>\n </th>\n\n <ng-container *matCellDef=\"let ROW_DATA\">\n <td\n mat-cell\n [style.background]=\"ROW_DATA.backgroundColor\"\n [style.border]=\"ROW_DATA.border\"\n class=\"{{ ROW_DATA.rowClass }}\"\n [ngClass]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'TdClass']\"\n [attr.rowspan]=\"tdsHaveRowSpan ? ROW_DATA[columnDef.headerInfo[0].objectKey + 'Rowspan'] : 1\"\n *ngIf=\"\n !hideSomeTds ||\n (hideSomeTds && !ROW_DATA['hide' + columnDef.headerInfo[0].objectKey + 'Td'])\n \"\n >\n <ngx-skeleton-loader\n *ngIf=\"showSkeletonLoading\"\n count=\"1\"\n [theme]=\"{ height: '10px', display: 'block', marginBottom: '0' }\"\n >\n </ngx-skeleton-loader>\n\n <ng-container *ngIf=\"!showSkeletonLoading\">\n <ng-container *ngIf=\"tableData.length > 0 && (isNoDataToDisplaySubject$ | async) === false\">\n <ng-container\n *ngFor=\"\n let subline of columnDef.headerInfo;\n let subLineIndex = index;\n trackBy: trackByFn\n \"\n >\n <div\n annaCoreShowEllipsisTextOnHover\n [includeFullWidth]=\"\n columnDef.headerInfo[subLineIndex].typeOfBodyData !== 'RADIO'\n \"\n [class]=\"columnDef.headerInfo[subLineIndex]?.tdCellClass\"\n >\n <ng-container [ngSwitch]=\"columnDef.headerInfo[subLineIndex].typeOfBodyData\">\n <ng-container *ngSwitchCase=\"'ICON'\">\n <i\n *ngIf=\"\n !(\n starredInProgress &&\n ROW_DATA.orderId === selectedStarredOrderId\n )\n \"\n [class]=\"ROW_DATA.iconClass\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n (click)=\"iconClicked(ROW_DATA, ROW_DATA.iconClass)\"\n ngbTooltip=\"{{ ROW_DATA.iconTitleText }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <ng-container\n *ngIf=\"\n starredInProgress && ROW_DATA.orderId === selectedStarredOrderId\n \"\n >\n <div\n class=\"spinner-for-button-directive\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n ></div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'ICON_CELL'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <ng-container *ngIf=\"action.showObjectKey\">\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </ng-container>\n\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"\n action.showTooltip && action?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action.tooltipData\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML_STRING'\">\n <p\n [innerHTML]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n (click)=\"innerHTMLCellClicked($event, ROW_DATA)\"\n ></p>\n </ng-container>\n <ng-container *ngSwitchCase=\"'HTML_STRING_AND_CLICKABLE_DATA'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n *ngIf=\"text.showText\"\n [innerHtml]=\"text.innerHTMLText\"\n ></span>\n\n <a\n *ngIf=\"text.showLink\"\n class=\"view-link\"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.linkName }}\n </a>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SVG_ICON'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <span\n class=\"pr-4\"\n *ngIf=\"action?.showObjectKey\"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n class=\"pr-4 {{ action?.additionalTextClass }}\"\n *ngIf=\"action?.additionalText\"\n [ngbTooltip]=\"additionalTextTipContent\"\n [disableTooltip]=\"!action?.svgOrIconAdditionalTextTooltipMsg\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [innerHtml]=\"action?.additionalText\"\n >\n <!-- {{ action?.additionalText }} -->\n </span>\n\n <ng-template #additionalTextTipContent>\n <div [innerHTML]=\"action?.svgOrIconAdditionalTextTooltipMsg\"></div\n ></ng-template>\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n [disableTooltip]=\"!action?.svgOrIconTooltipMsg\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n (columnIconClicked)=\"\n svgIconClicked(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].actionKey\n )\n \"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.svgOrIconTooltipMsg\"></div\n ></ng-template>\n </anna-core-icon-column>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'TEXT_ACTIONS'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <button\n *ngIf=\"text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n (mouseenter)=\"\n mouseEnterOnTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [ngbTooltip]=\"textActionTooltipTemplate\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n {{ text.name }}\n </button>\n\n <button\n *ngIf=\"!text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n >\n {{ text.name }}\n </button>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CHECKBOX'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n false\n )\n \"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n ngbTooltip=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CLICKABLE_DATA'\">\n <a\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.name }}</a\n >\n <span\n *ngIf=\"\n subline.objectKey === 'displayBookedUnits' &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('DATAROW', ROW_DATA)\"\n [ngClass]=\"{\n 'disabled-clickable-data':\n downloadInProgress || ROW_DATA.displayBookedUnits === '-'\n }\"\n >{{ ROW_DATA.displayBookedUnits }}\n <span\n class=\"material-icons mdi mdi-download spot-details-download-icons\"\n ></span>\n <ng-container\n *ngIf=\"\n downloadInProgress &&\n ROW_DATA.ProgramId === selectedProgramIdForDownload &&\n ROW_DATA.Demographic === selectedDemographicForDownload\n \"\n >\n <ng-container\n [ngTemplateOutlet]=\"circularProgressBar\"\n ></ng-container>\n </ng-container>\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING___ICON_OR_TEXT_ACTION'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n [class]=\"action.additionalTextBeforeLinkClass\"\n [innerHtml]=\"action.additionalTextBeforeLink\"\n ngbTooltip=\"{{ action.additionalTextBeforeLink }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalText\"\n ></span>\n\n <ng-container *ngIf=\"action && action.typeOfData === 'STRING'\">\n <span\n class=\"text-with-icon-and-text\"\n [ngClass]=\"{ 'reduced-width': action.showIcon }\"\n annaCoreShowEllipsisTextOnHover\n >{{ action.data }}</span\n >\n </ng-container>\n\n <a\n [id]=\"action.id\"\n *ngIf=\"action.showLink\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n ngbTooltip=\"{{action?.linkTooltip}}\"\n placement=\"bottom\"\n container=\"body\"\n [ngClass]=\"{ disabled: action.disabledLink }\"\n >{{ action.data }}</a\n >\n <span\n ngbTooltip=\"{{ action.additionalTextAfterLink }}\"\n placement=\"bottom\"\n container=\"body\"\n [class]=\"action.additionalTextAfterLinkClass\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalAfterText\"\n >{{ action.additionalTextAfterLink }}\n </span>\n\n <ng-container *ngIf=\"action.showTooltip\">\n <ng-container *ngIf=\"action.tooltipData.innerHtml\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n [ngbTooltip]=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!action.tooltipData.tooltipTableBody\">\n <span\n *ngIf=\"action.showIcon\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n class=\"icon-tooltip-text\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n >\n <i [class]=\"action.iconClass\"> </i>\n {{ action.additionalTextAfterIcon ?? \"\" }}\n </span>\n <ng-container *ngIf=\"action['showSvgIcon']\">\n <anna-core-anna-est-icon-template\n class=\"float-right\"\n *ngIf=\"action['svgIconName'] === 'anna-icon'\"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex]\n .tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action['tooltipClass']\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n container=\"body\"\n [autoClose]=\"true\"\n >\n </anna-core-anna-est-icon-template>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!action.showTooltip\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n >\n </i>\n </ng-container>\n\n <i\n *ngIf=\"action.showSimpleIcon\"\n [class]=\"action.iconClass\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"\n action?.tooltipDataForSimpleIcon ? tipContent : null\n \"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.tooltipDataForSimpleIcon\"\n >\n <ng-template #tipContent>\n <div\n class=\"p-8\"\n [innerHTML]=\"action.tooltipDataForSimpleIcon\"\n ></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_OR_INPUT'\">\n <ng-container\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.type ===\n 'STRING';\n else inputBox\n \"\n >\n <span\n [innerHtml]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.value\n \"\n ></span>\n </ng-container>\n\n <ng-template #inputBox>\n <span class=\"input-box-container\">\n <input\n placeholder=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.placeholder\n }}\"\n annaCoreShowEllipsisTextOnHover\n class=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .className\n }}\"\n (keydown)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n false\n )\n \"\n (paste)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n true\n )\n \"\n (ngModelChange)=\"\n editableInputValueChanged(\n $event,\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n [ngModel]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .value\n \"\n [disabled]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .disabled\n \"\n [ngClass]=\"{\n 'red-border':\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].hasError\n }\"\n />\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <i\n *ngIf=\"action?.showIcon\"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ action?.iconClass }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.iconTooltip\"></div\n ></ng-template>\n </i>\n <ng-container *ngIf=\"action?.showSvgIcon\">\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action?.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n <ng-template #tipContent>\n <div\n [innerHTML]=\"action?.svgOrIconTooltipMsg\"\n ></div></ng-template\n ></anna-core-icon-column>\n </ng-container>\n <ng-container *ngIf=\"action?.showLink\">\n <a\n [id]=\"action?.id\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action?.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n >{{ action?.linkText }}\n </a>\n </ng-container>\n </ng-container>\n </span>\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML'\">\n <span\n [innerHtml]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n ></span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [disabled]=\"dropdown.isDisabled\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN_AND_ICON'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <div [ngClass]=\"{ 'icon-dropdown': dropdown.showIcon }\">\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n <i\n *ngIf=\"dropdown.showIcon\"\n [class]=\"dropdown.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n dropdown.tooltipClass\n }}\"\n [ngbTooltip]=\"\n dropdown.showTooltip && dropdown?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n dropdown.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!dropdown.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"dropdown.tooltipData\"></div\n ></ng-template>\n </i>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_RADIO'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-radiobox-marked\"\n (click)=\"(null)\"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-radiobox-blank\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'RADIO'\">\n <mat-radio-group\n *ngIf=\"ROW_DATA['RadioButtonConfig']; else showHyphen\"\n [ngModel]=\"ROW_DATA[subline.objectKey]\"\n [disabled]=\"ROW_DATA['RadioButtonConfig'][0].isDisabled\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of ROW_DATA['RadioButtonConfig'];\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n (click)=\"\n radioButtonClicked(\n ROW_DATA,\n radioButton.value,\n ROW_DATA['RadioButtonConfig'][0].isDisabled\n )\n \"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngIf=\"radioButton.icons\">\n <i\n *ngFor=\"let icon of radioButton.icons\"\n class=\" {{ icon.class }}\"\n (click)=\"radioButtonIconClicked(ROW_DATA, icon.name)\"\n ></i>\n </ng-container>\n\n <i\n *ngIf=\"radioButton.tooltipMessage\"\n class=\"mi mdi-info-outline\"\n [ngbTooltip]=\"radioButton.tooltipMessage\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n <ng-template #showHyphen> - </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span class=\"action-data\"> {{ action?.dataToDisplay }}</span>\n <ng-container *ngIf=\"action?.additionalTextWoTooltip\">\n <span\n class=\"additional-text-wo-tooltip\"\n [innerHtml]=\"action.additionalTextWoTooltip\"\n >\n </span>\n </ng-container>\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"stringWithTooltipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithTooltipTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey,\n tooltipWithStringRef\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"action?.tooltipIconClass\"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithStringRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n </span>\n <span>{{ action?.dataToDisplayAfterTooltip }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_ELLIPSIS_WITH_TABLE_TOOLTIP'\">\n <div class=\"new-ellipsis-container\">\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"cell-value\"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .cellValue\n }}\n </span>\n <span\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.showTooltip\n \"\n class=\"tooltip-text\"\n [ngbTooltip]=\"tableInsideTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"table-inside-tooltip remove-on-scroll-class {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipClass\n }}\"\n (mouseenter)=\"\n bindTheValueToTableTooltip(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info\n )\n \"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipHoverText\n }}\n </span>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length <\n 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP_INNER_HTML'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"action-data\"\n [ngClass]=\"action?.showTooltip ? 'reduced-width-text' : ''\"\n >\n {{ action?.dataToDisplay }}</span\n >\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"innerHtmlToolTipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithInnerHtmlTooltipTextActionType(\n ROW_DATA,\n action,\n tooltipWithInnerHtmlRef,\n !action.isManualTrigger\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"\n 'innrHtml-tooltip-icon-marker ' + action?.tooltipIconClass\n \"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithInnerHtmlRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-innerHtml-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n {{ action.tooltipMarkerText }}\n </span>\n <span *ngIf=\"action?.dataToDisplayAfterTooltip\">\n {{ action?.dataToDisplayAfterTooltip }}\n </span>\n </ng-container>\n </ng-container>\n\n <ng-container\n *ngSwitchCase=\"\n 'ICON_CELL_AND_STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\n \"\n >\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n title=\"\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"action.showTooltip ? action.tooltipData : null\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n </i>\n\n <ng-container *ngIf=\"action.showObjectKey\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length < 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n info\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'DIGIT_ONLY_INPUT'\">\n <input\n annaCoreDigitOnly\n [type]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].type\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .type\n : 'text'\n \"\n [decimal]=\"true\"\n [readOnly]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].disabled\n \"\n [decimalPlaces]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .decimalPlaces\n \"\n inputmode=\"numeric\"\n [min]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.min ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min\n : digitInputmin\n \"\n [max]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.max ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max\n : digitInputMax\n \"\n [allowPaste]=\"false\"\n class=\"form-control\"\n [value]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].value\n \"\n [placeholder]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n : 'Enter value'\n \"\n (input)=\"\n onInputChange(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n $event\n )\n \"\n />\n </ng-container>\n <ng-container *ngSwitchCase=\"'TIME_INPUT'\">\n <div\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .showAsInput;\n else timeAsString\n \"\n class=\"time-selected-div {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].class\n }}\"\n [ngbTooltip]=\"timeInputTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"false\"\n triggers=\"manual\"\n #timeInputTooltipInRow=\"ngbTooltip\"\n (click)=\"\n timeInputTooltipClickedInTableBody(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n ROW_DATA\n );\n bindTheValueToTimeInputTooltip(timeInputTooltipInRow)\n \"\n >\n <div class=\"time-selection-menu\">\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n <i\n *ngIf=\"\n !timeTableRowtooltip ||\n !selectedRowForTimeEdit ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id !==\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-down icon\"\n ></i>\n <i\n *ngIf=\"\n timeTableRowtooltip &&\n selectedRowForTimeEdit &&\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id ===\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-up icon\"\n ></i>\n </div>\n </div>\n <ng-template #timeAsString>\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n </ng-template>\n <ng-container\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].icons\"\n >\n <i\n *ngFor=\"\n let icon of ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].icons\n \"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ icon.class }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"icon?.tooltipMessage\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <ng-container *ngIf=\"subline.objectKey !== 'description'\">\n <span annaCoreShowEllipsisTextOnHover>{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n }}</span>\n <!-- <i\n *ngIf=\"\n subline.objectKey === 'inventoryCode' &&\n ROW_DATA['isSellerGroup'] &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n [ngbTooltip]=\"sellerHierarchyTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"hierarchy-tooltip remove-on-scroll-class\"\n (mouseenter)=\"\n bindTheValueToSellerGroupTooltip(\n ROW_DATA.sellerGroupHierarchy,\n info\n )\n \" \n >\n </i>-->\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageRating' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showRatingAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedRatingDifference\"\n >\n </i>\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageImpression' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showImpressionAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedImpDifference\"\n >\n </i>\n </ng-container>\n <ng-container *ngIf=\"subline.objectKey === 'description'\">\n <p\n *ngIf=\"\n ROW_DATA.descriptionMessage ||\n ROW_DATA.descriptionEmailReferenceNum\n \"\n >\n <ng-container *ngIf=\"ROW_DATA.descriptionMessage\">\n {{ ROW_DATA.descriptionMessage }}\n <br />\n </ng-container>\n <ng-container\n *ngIf=\"\n ROW_DATA.descriptionEmailReferenceNum !== '-' &&\n ROW_DATA.descriptionEmailReferenceNum !== ''\n \"\n >\n Email Ref: {{ ROW_DATA.descriptionEmailReferenceNum }}\n <br />\n </ng-container>\n </p>\n <a\n href=\"{{ ROW_DATA.descriptionDetailsUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionDetailsUrlType === 'PDF' ||\n ROW_DATA.descriptionDetailsUrlType === 'EXCEL'\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">Download</button>\n </a>\n <ng-container\n *ngIf=\"\n ROW_DATA.activityname.toLowerCase() === 'order onboarded'\n \"\n >\n <a\n *ngIf=\"ROW_DATA.descriptionDetailsUrlType === 'LINK'\"\n (click)=\"viewDetailsClicked(ROW_DATA)\"\n >\n <button class=\"btn viewDetailsAndEmailBtn order-onboarded\">\n View details\n </button>\n </a>\n </ng-container>\n\n <a\n href=\"{{ ROW_DATA.descriptionEmailUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionEmailUrl !== '-' &&\n ROW_DATA.descriptionEmailUrl !== ''\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">View email</button>\n </a>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"isNoDataToDisplaySubject$ | async\">\n <div>\n {{ null }}\n </div>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n </ng-container>\n </table>\n </div>\n <anna-core-no-data-lib\n [width]=\"noDataWidth\"\n [marginTop]=\"marginTop\"\n *ngIf=\"isNoDataToDisplaySubject$ | async\"\n >\n </anna-core-no-data-lib>\n</div>\n\n<!-- Checkbox template -->\n<ng-template #filterTooltip>\n <anna-core-anna-column-checkbox-filter\n *ngIf=\"filterTabObjects\"\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-checkbox-filter>\n</ng-template>\n\n<!-- Slider template -->\n<ng-template #sliderToolTip>\n <anna-core-anna-column-slider-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-slider-filter>\n</ng-template>\n\n<!-- Date Picker Template -->\n<ng-template #datePickerTooltip>\n <anna-core-anna-column-date-range-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-date-range-filter>\n</ng-template>\n\n<!-- Week Picker Template -->\n<ng-template #weekPickerToolTip>\n <!-- <div class=\"weekpicker-container\">\n <anna-core-week-calendar-filter-lib\n [week-calendar-config]=\"gtGeneralConfig.multiWeekPickerConfig\"\n (apply)=\"applyWeekFilter($event)\"\n [from-date]=\"calendarMinEnabledDate\"\n [to-date]=\"calendarMaxEnabledDate\"\n >\n </anna-core-week-calendar-filter-lib>\n </div> -->\n</ng-template>\n\n<!-- Time Filter Template -->\n<ng-template #timeFilterToolTip>\n <anna-core-anna-column-time-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [showAllTimeRangeCheckboxes]=\"showCheckboxesForTimeFilter\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #timeInputTooltip>\n <anna-core-anna-column-time-filter\n [tableData]=\"timeInputData\"\n [clonedTableData]=\"timeInputData\"\n [showClearAllFilter]=\"false\"\n [startFromText]=\"'Start time'\"\n [endToText]=\"'End time'\"\n [filterTabObjects]=\"filterTabObjects\"\n [showAllTimeRangeCheckboxes]=\"false\"\n [isSortAndFilterAbsent]=\"true\"\n (closeTooltip)=\"closeTimeInputTooltip()\"\n (timeChanges)=\"timeSelectedInTableRow($event)\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #columnInfoTooltip>\n <p class=\"black-color-text white-space-nowrap\">This preemption is rejected and not marked for credit.</p>\n</ng-template>\n\n<ng-template #ratingInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rating' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected Rating' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #impsInfoTooltip>\n <p class=\"first-row\">Shows 'Booked IMPS' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected IMPS' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #spotsColumnEquivalizationMessageTooltip>\n <p class=\"spot-column-tooltip-message\">\n This consists of equivalized spots and un-equivalized Paid Programs & un-equivalized Non-spots.\n </p>\n</ng-template>\n\n<ng-template #underDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Under-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #overDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Over-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #rateInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rate' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected $ Value' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #sellerHierarchyTooltip>\n <ng-container *ngIf=\"sellerGroupHierarchy.length > 0\">\n <section class=\"hierarchy-table-container\">\n <table class=\"seller-hierarchy-table\">\n <thead>\n <tr>\n <th>#</th>\n <th>Inventory Codes</th>\n <th>Program/Description</th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of sellerGroupHierarchy; let tooltipIndex = index\">\n <td>{{ tooltipIndex + 1 }}</td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.InventoryCode }}</span>\n </td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.Program }}</span>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n </ng-container>\n <ng-container *ngIf=\"sellerGroupHierarchy.length === 0\">\n <span class=\"black-color-text\">Seller group not available for this inventory code</span>\n </ng-container>\n</ng-template>\n\n<ng-template #tableInsideTooltip>\n <label class=\"ellipsis-tooltip-heading\">{{ ellipsisWithTooltipHeading }}</label>\n <section class=\"table-inside-tooltip-container\">\n <table class=\"ellipsis-tooltip-table\">\n <thead>\n <tr>\n <th\n [style.width]=\"header.width\"\n *ngFor=\"let header of ellipsisWithTooltipTableHeaders\"\n >\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ header.headerName }}</span\n >\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of ellipsisWithTooltipTableData\">\n <td *ngFor=\"let header of ellipsisWithTooltipTableHeaders\">\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ data[header.objectKey] }}</span\n >\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n</ng-template>\n\n<ng-template #lurViolationInfoTooltip>\n <p class=\"first-row\">The values are for the entire week.</p>\n</ng-template>\n\n<ng-template #postedRatingDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average rating is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #postedImpDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average impression is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #ongoingRevBookedColumnTooltip>\n <p>The Booked $ value, Spots, GRP, CPP, IMPS, CPM corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #completedRevBookedColumnTooltip>\n <p>The Booked $ value corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #avgBookedRate>\n <p>This is the booked average Rate</p>\n</ng-template>\n\n<ng-template #avgBookedRtg>\n <p>This is the booked average RTG</p>\n</ng-template>\n\n<ng-template #avgBookedImps>\n <p>This is the booked average IMP(\u2019000)</p>\n</ng-template>\n\n<ng-template #projectedImpsRtg>\n <p>\n ANNA calculates projected RTG/IMPS values using either the computed estimates or the actual posted data,\n depending on what is available. If posted data has not yet been received, ANNA will use the computed estimates\n as the projected value. Once the actual posted data is received, the projection will automatically update to\n reflect the real, posted values. This ensures that projected data is always based on the most accurate and\n up-to-date information.\n </p>\n</ng-template>\n\n<ng-template #automationTooltip>\n <p>\n Please get the order business rules approved to automate the orders. Only for the automated orders, any approved\n MGs, ADUs, or credited spots on ANNA will be fed into the traffic system i.e. ANNA revisions.\n <!-- removed below line as part of enhancmennt in 14.0 releas -->\n <!-- Additionally, ANNA will only enter buyer revisions into traffic for the selected\n Medialine/WOC orders. -->\n </p>\n</ng-template>\n\n<ng-template #rebateImpact>\n <p>Rebate impact value is for the originally ordered spot length and is not equivalized.</p>\n</ng-template>\n\n<ng-template #lurViolationTotalRowToolTip>\n <ul>\n <li>\n <strong>POLITICAL RATE VIOLATIONS:</strong>\n Violations flagged when non-political spots are booked at a rate lower than the minimum booked rate for\n political candidates for the same week, Inventory Code and Revenue Class.\n </li>\n <li>\n <strong>CANDIDATE TO CANDIDATE VIOLATION:</strong>\n Violations flagged when political spots are booked at different rates to other political spots for the same\n week, Inventory Code and Revenue Class.\n </li>\n </ul>\n</ng-template>\n\n<ng-template #circularProgressBar>\n <anna-core-circular-progress\n [percent]=\"percentDone\"\n [radius]=\"5\"\n [outerStrokeWidth]=\"2\"\n [innerStrokeWidth]=\"2\"\n [outerStrokeColor]=\"'#268bff'\"\n [innerStrokeColor]=\"'#d5d5d5'\"\n [animationDuration]=\"500\"\n ></anna-core-circular-progress>\n</ng-template>\n\n<ng-template #userLoggedInDetails>\n <div class=\"tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n <span *ngIf=\"data.key !== 'read'\">\n {{ data.key }} <b>{{ data.value }}</b>\n </span>\n <span *ngIf=\"data.key === 'read'\">\n {{ data.value }}\n </span>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #markAsReadTip>\n <div class=\"notification-tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.value }}\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b>{{ data.value }}</b>\n </ng-container>\n</ng-template>\n\n<ng-template #programChangeTooltipTemplate>\n <div class=\"program-schedule-tooltip\">\n <h2>Program Change</h2>\n <p class=\"previous\">Previous:</p>\n <b annaCoreShowEllipsisTextOnHover>{{ textActionTooltip.OldProgramName }}</b>\n\n <p class=\"updated\">Updated:</p>\n <b\n *ngIf=\"textActionTooltip.NewProgramNames.length === 1\"\n annaCoreShowEllipsisTextOnHover\n >{{ textActionTooltip.NewProgramNames[0] }}</b\n >\n <ul *ngIf=\"textActionTooltip.NewProgramNames.length > 1\">\n <li *ngFor=\"let item of textActionTooltip.NewProgramNames\">\n <label class=\"dot\"></label>\n <span annaCoreShowEllipsisTextOnHover>{{ item }}</span>\n </li>\n </ul>\n </div>\n</ng-template>\n\n<ng-template #showOrHideToggleForTotalRowTooltip>\n <div>\n {{ showOrHideToggleForTotalRow && !gtGeneralConfig.totalRow ? \"Show Total Row\" : \"Hide Total Row\" }}\n </div>\n</ng-template>\n\n<ng-template #tooltipContainingTableTemplate>\n <div\n *ngIf=\"tooltipContainingTable\"\n [innerHTML]=\"tooltipContainingTable.innerHtml\"\n class=\"notification-tooltip-div-container\"\n >\n <!-- <ul>\n <li *ngFor=\"let headerMsg of tooltipContainingTable.tableHeaderMsg\">\n <b> {{headerMsg}} </b>\n </li>\n </ul>\n\n <table class=\"tooltip-table\">\n <thead>\n <tr>\n <th *ngFor=\"let header of tooltipContainingTable.tooltipTableHeader\">\n {{ header}}\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let rows of tooltipContainingTable.tooltipTableBody\">\n <td *ngFor=\"let data of rows\">\n {{ data }}\n </td>\n </tr>\n </tbody>\n </table>\n\n <ul>\n <li style=\"margin-top:10px; padding:0\" *ngFor=\"let footerMsg of tooltipContainingTable.tableFooterMsg\">\n {{ footerMsg }} \n </li>\n </ul> -->\n </div>\n</ng-template>\n<!-- <ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b> {{data.value}}</b>\n </ng-container>\n</ng-template> -->\n\n<ng-template #statusNoteTooltip>\n <div>\n <span class=\"status-note-tooltip\">{{ statusNoteForTooltip }}</span>\n <span *ngIf=\"statusNoteForPopup.length > 100\"\n >...<a\n class=\"view-more-comments\"\n (click)=\"showEntireStatusNote()\"\n >View more</a\n ></span\n >\n </div>\n</ng-template>\n\n<ng-template #innerHtmlToolTipTemplate>\n <div [innerHtml]=\"toolTipInnerHtmlData\"></div>\n</ng-template>\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),32px)}.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),52px);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}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner{max-width:600px;width:min-content}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner>div{width:max-content}::ng-deep .generic-innerHtml-table-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}::ng-deep .generic-innerHtml-table-container{max-height:8.75rem;width:min-content;overflow:auto}::ng-deep .generic-innerHtml-table-container table{table-layout:fixed;width:100%}::ng-deep .generic-innerHtml-table-container table thead tr th{background:#e9e9e9;height:22px;padding:3px 8px;position:sticky;top:0;cursor:default;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0;box-shadow:inset 1px -1px #d4d4d4,inset 0 1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table thead tr th:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 1px #d4d4d4!important}::ng-deep .generic-innerHtml-table-container table tbody tr td{padding:3px 8px;width:100%;color:#000;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;box-shadow:inset 1px -1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr td:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 0 #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr:first-of-type td{border-top:none}::ng-deep .generic-innerHtml-table-container::-webkit-scrollbar-track{margin-top:22px!important}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);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]{-webkit-appearance:none;-moz-appearance:none;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:var(--filter-search-icon-fs);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:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.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.5rem;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;font-size:var(--page-message-content-fs)}.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:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;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;font-size:var(--dropdown-label-fs)}.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:var(--filter-clear-select-btn-fs);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:var(--filter-tab-fs);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;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);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:var(--filter-checkbox-label-fs)!important;margin-top:10px!important;cursor:pointer}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.red-text-totol-row{color:#f44336!important}.icon-dropdown{display:flex;align-items:center;gap:3px}.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}table{margin-bottom:0;table-layout:fixed;width:100%}:host ::ng-deep .gt thead{top:.1px!important;position:relative}:host ::ng-deep .gt .header-row th{border:none;background:#ededed;padding:2px 8px;line-height:normal;position:sticky;position:-webkit-sticky;top:0;box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th .upper-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .gt .header-row th .lower-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .gt .header-row th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .gt .header-row th div.dummy-header{justify-content:center;margin-left:50%!important;margin-right:50%!important;width:-webkit-fill-available}:host ::ng-deep .gt .header-row th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .gt .header-row th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .gt .header-row th:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th:last-of-type{box-shadow:inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt tbody tr td{padding:2px 8px;border:none;box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr br{display:block;content:\"\";margin-top:-8px}: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:#2962ff}:host ::ng-deep .gt .cell-value{width:calc(100% - 24px)!important;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt .tooltip-text{color:#268bff;cursor:pointer;float:right}:host ::ng-deep .gt .time-selected-div{display:flex;align-items:center;column-gap:4px}:host ::ng-deep .gt .time-selected-div .time-selection-menu{border:solid 1px #b7b7b7;height:24px;text-overflow:ellipsis;padding:2px;width:99%}:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-down,:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-up{float:right;margin-left:auto}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:first-of-type{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,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}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}.hidden{display:none}.visibility-collapse{visibility:collapse}.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:#2962ff}.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;font-size:var(--radio-button-label-fs)}: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}:host ::ng-deep mat-radio-group mat-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-selected-icon-color)}::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: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:30px;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,section.table-inside-tooltip-container{max-height:8.75rem;overflow:auto}section.hierarchy-table-container::-webkit-scrollbar-track{margin-top:1.5rem}section.table-inside-tooltip-container::-webkit-scrollbar-track{margin-top:1.1875rem}.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:8px 4px;color:#4a4a4a!important;font-size:11px!important;font-family:Roboto;font-size:11px;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: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:var(--page-message-content-fs);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:var(--page-message-content-fs);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%}.view-link{color:#268bff;padding:0;text-decoration:underline;border:none;background-color:inherit;cursor:pointer;letter-spacing:normal;font-weight:400;margin-left:3px}::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:var(--page-message-content-fs);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 ul.pl-16{padding-left:16px!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}.black-color-text{color:#000}.white-space-nowrap{white-space:nowrap}.ellipsis-tooltip-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}table.ellipsis-tooltip-table{table-layout:fixed;width:100%}table.ellipsis-tooltip-table thead th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important}table.ellipsis-tooltip-table thead th{background:#e9e9e9;padding:3px 8px;line-height:normal;position:sticky;top:0;cursor:default;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.ellipsis-tooltip-table thead th .upper-label{font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}table.ellipsis-tooltip-table tbody td{padding:3px 8px}table.ellipsis-tooltip-table tbody td .upper-label{width:100%;color:#000;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}table.ellipsis-tooltip-table tbody td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.ellipsis-tooltip-table tbody td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.pr-4{padding-right:4px}.status-note-tooltip{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;color:#4a4a4a;white-space:normal!important}.view-more-comments{display:block;color:#268bff;font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;cursor:pointer;margin-left:2px}td.mat-column-isOrderStarred:has(.disabled-starring){pointer-events:none!important}td.mat-column-isOrderStarred .mdi.mdi-star.disabled-starring,td.mat-column-isOrderStarred .mdi.mdi-star-outline.disabled-starring{pointer-events:none!important;color:#dbdbdb80!important}table.disable-table-scrolling{overflow:hidden!important}.icon-tooltip-text{display:inline-block;color:#268bff}.text-with-icon-and-text.reduced-width{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px);margin-bottom:-3.5px}.innrHtml-tooltip-icon-marker{float:right;color:#268bff}.reduced-width-text{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px)}.p-8{padding:8px!important}.anna-icons{cursor:pointer}.anna-icons.color-black{color:#000}.anna-icons.color-primary-color{color:var(--primary-color)}.anna-icons.float-right{float:right}.anna-icons.ml-4{margin-left:4px}.anna-icons.mr-4{margin-right:4px}.anna-icons.disable{pointer-events:none}tr td div:first-of-type.CENTRE{display:flex;justify-content:center;align-items:center;height:100%}input[type=radio].anna-gt-radio{accent-color:var(--primary-blue-color);width:16px;height:16px;display:inline-flex;vertical-align:middle;margin-right:4px}input[type=radio].anna-gt-radio:hover{accent-color:var(--primary-blue-color)!important;opacity:1!important;background-color:var(--primary-blue-color)!important;border-color:initial!important;box-shadow:none!important}\n"] }]
|
|
5931
5931
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: AnnaSortService }, { type: AnnaDateTimeFormatService }, { type: AnnaFilterService }], propDecorators: { showSkeletonLoading: [{
|
|
5932
5932
|
type: Input
|
|
5933
5933
|
}], tableHeaders: [{
|
|
@@ -6053,8 +6053,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
6053
6053
|
|
|
6054
6054
|
/* eslint-disable max-len */
|
|
6055
6055
|
class AnnaCoreModule {
|
|
6056
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6057
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.
|
|
6056
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6057
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: AnnaCoreModule, imports: [CommonModule,
|
|
6058
6058
|
NgbModule,
|
|
6059
6059
|
FormsModule,
|
|
6060
6060
|
MatTableModule,
|
|
@@ -6117,7 +6117,7 @@ class AnnaCoreModule {
|
|
|
6117
6117
|
FixedRowsPopupTableDirective,
|
|
6118
6118
|
AnnaSpinnerLoaderComponent,
|
|
6119
6119
|
AnnaLicensingTableComponent] }); }
|
|
6120
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.
|
|
6120
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaCoreModule, imports: [CommonModule,
|
|
6121
6121
|
NgbModule,
|
|
6122
6122
|
FormsModule,
|
|
6123
6123
|
MatTableModule,
|
|
@@ -6134,7 +6134,7 @@ class AnnaCoreModule {
|
|
|
6134
6134
|
AnnaSpinnerLoaderComponent,
|
|
6135
6135
|
AnnaLicensingTableComponent] }); }
|
|
6136
6136
|
}
|
|
6137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaCoreModule, decorators: [{
|
|
6138
6138
|
type: NgModule,
|
|
6139
6139
|
args: [{
|
|
6140
6140
|
imports: [
|
|
@@ -6345,10 +6345,10 @@ class AnnaGtHelperService {
|
|
|
6345
6345
|
}
|
|
6346
6346
|
return queryParamObj;
|
|
6347
6347
|
}
|
|
6348
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6349
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
6348
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaGtHelperService, deps: [{ token: AnnaFilterService }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: AnnaSortService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6349
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaGtHelperService, providedIn: "root" }); }
|
|
6350
6350
|
}
|
|
6351
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaGtHelperService, decorators: [{
|
|
6352
6352
|
type: Injectable,
|
|
6353
6353
|
args: [{
|
|
6354
6354
|
providedIn: "root",
|
|
@@ -6403,10 +6403,10 @@ class GenericTooltipHtmlService {
|
|
|
6403
6403
|
tableHTML += "</table></section>";
|
|
6404
6404
|
return tableHTML;
|
|
6405
6405
|
}
|
|
6406
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6407
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
6406
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenericTooltipHtmlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6407
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenericTooltipHtmlService, providedIn: "root" }); }
|
|
6408
6408
|
}
|
|
6409
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6409
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenericTooltipHtmlService, decorators: [{
|
|
6410
6410
|
type: Injectable,
|
|
6411
6411
|
args: [{
|
|
6412
6412
|
providedIn: "root",
|
|
@@ -6482,10 +6482,10 @@ class AnnaNumberFormatService {
|
|
|
6482
6482
|
}
|
|
6483
6483
|
return [updatedInputValue, unit];
|
|
6484
6484
|
}
|
|
6485
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6486
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
6485
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaNumberFormatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6486
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaNumberFormatService, providedIn: "root" }); }
|
|
6487
6487
|
}
|
|
6488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6488
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaNumberFormatService, decorators: [{
|
|
6489
6489
|
type: Injectable,
|
|
6490
6490
|
args: [{
|
|
6491
6491
|
providedIn: "root",
|
|
@@ -6547,10 +6547,10 @@ class AnnaPersistingFilterService {
|
|
|
6547
6547
|
.map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(paramsObject[key])}`)
|
|
6548
6548
|
.join("&");
|
|
6549
6549
|
}
|
|
6550
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6551
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
6550
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaPersistingFilterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6551
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaPersistingFilterService, providedIn: "root" }); }
|
|
6552
6552
|
}
|
|
6553
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6553
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnnaPersistingFilterService, decorators: [{
|
|
6554
6554
|
type: Injectable,
|
|
6555
6555
|
args: [{
|
|
6556
6556
|
providedIn: "root",
|
|
@@ -6565,10 +6565,10 @@ class RegexPatternsService {
|
|
|
6565
6565
|
this.usernamePattern = /^\\S*$/;
|
|
6566
6566
|
this.namePattern = /^[A-Za-z][A-Za-z .'-]{0,49}$/;
|
|
6567
6567
|
}
|
|
6568
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6569
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
6568
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RegexPatternsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6569
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RegexPatternsService, providedIn: "root" }); }
|
|
6570
6570
|
}
|
|
6571
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6571
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RegexPatternsService, decorators: [{
|
|
6572
6572
|
type: Injectable,
|
|
6573
6573
|
args: [{
|
|
6574
6574
|
providedIn: "root",
|
|
@@ -6579,10 +6579,10 @@ class UpdateStationIdService {
|
|
|
6579
6579
|
updateStationIdInLocalStorage(stationIds) {
|
|
6580
6580
|
localStorage.setItem("stationIds", JSON.stringify(stationIds.join(",")));
|
|
6581
6581
|
}
|
|
6582
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6583
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
6582
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UpdateStationIdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6583
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UpdateStationIdService, providedIn: "root" }); }
|
|
6584
6584
|
}
|
|
6585
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6585
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UpdateStationIdService, decorators: [{
|
|
6586
6586
|
type: Injectable,
|
|
6587
6587
|
args: [{
|
|
6588
6588
|
providedIn: "root",
|
|
@@ -6677,10 +6677,10 @@ class GTTableRelatedCommonFunctionsService {
|
|
|
6677
6677
|
}
|
|
6678
6678
|
return nameList;
|
|
6679
6679
|
}
|
|
6680
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6681
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
6680
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GTTableRelatedCommonFunctionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6681
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GTTableRelatedCommonFunctionsService, providedIn: "root" }); }
|
|
6682
6682
|
}
|
|
6683
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
6683
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GTTableRelatedCommonFunctionsService, decorators: [{
|
|
6684
6684
|
type: Injectable,
|
|
6685
6685
|
args: [{
|
|
6686
6686
|
providedIn: "root",
|