@annalib/anna-core 20.2.70 → 20.2.71
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.
- package/esm2022/lib/anna-core-shared-lib/components/anna-buyer-approval-icon-template/anna-buyer-approval-icon-template.component.mjs +4 -4
- package/esm2022/lib/anna-core-shared-lib/components/anna-deleted-order-icon-template/anna-deleted-order-icon-template.component.mjs +3 -3
- package/esm2022/lib/anna-core-shared-lib/components/anna-est-icon-template/anna-est-icon-template.component.mjs +3 -3
- package/esm2022/lib/anna-core-shared-lib/components/anna-icon-column/anna-icon-column.component.mjs +12 -12
- package/esm2022/lib/anna-core-shared-lib/components/anna-live-icon-template/anna-live-icon-template.component.mjs +4 -4
- package/esm2022/lib/anna-core-shared-lib/components/anna-no-data/anna-no-data.component.mjs +6 -6
- package/esm2022/lib/anna-core-shared-lib/components/anna-notify-icon-template/anna-notify-icon-template.component.mjs +3 -3
- package/esm2022/lib/anna-core-shared-lib/components/anna-pay-for-performance-icon-template/anna-pay-for-performance-icon-template.component.mjs +4 -4
- package/esm2022/lib/anna-core-shared-lib/components/anna-rejected-icon-template/anna-rejected-icon-template.component.mjs +4 -4
- package/esm2022/lib/anna-core-shared-lib/constants/shared.constant.mjs +21 -21
- package/esm2022/lib/anna-core-shared-lib/directives/digits-only/digits-only.directive.mjs +52 -52
- package/esm2022/lib/anna-core-shared-lib/directives/fixed-rows-popup-table/fixed-rows-popup-table.directive.mjs +5 -5
- package/esm2022/lib/anna-core-shared-lib/directives/show-ellipsis-text/show-ellipsis-text.directive.mjs +7 -7
- package/esm2022/lib/anna-core-shared-lib/models/anna-global-dropdown-config.model.mjs +1 -1
- package/esm2022/lib/anna-core-shared-lib/models/anna-non-editable-gt-models.mjs +1 -1
- package/esm2022/lib/anna-core-shared-lib/models/anna-sort.model.mjs +1 -1
- package/esm2022/lib/anna-core-shared-lib/models/anna-tooltip.model.mjs +3 -3
- package/esm2022/lib/anna-core-shared-lib/pipes/annaConvertArrayToCommaSeperatedValue.pipe.mjs +8 -8
- package/esm2022/lib/anna-core-shared-lib/pipes/annaConvertZeroOrNullOrUndefined.pipe.mjs +5 -5
- package/esm2022/lib/anna-core-shared-lib/pipes/annaDateFormatter.pipe.mjs +5 -5
- package/esm2022/lib/anna-core-shared-lib/pipes/annaReplaceChar.pipe.mjs +5 -5
- package/esm2022/lib/anna-core-shared-lib/pipes/annaTypeOfData.pipe.mjs +3 -3
- package/esm2022/lib/anna-core-shared-lib/services/anna-date-time-format.service.mjs +84 -84
- package/esm2022/lib/anna-core-shared-lib/services/anna-generic-table.service.mjs +20 -20
- package/esm2022/lib/anna-core-shared-lib/services/anna-global-config.service.mjs +32 -32
- package/esm2022/lib/anna-core-shared-lib/services/anna-number-format.service.mjs +9 -9
- package/esm2022/lib/anna-core-shared-lib/services/anna-persisting-filter.service.mjs +12 -12
- package/esm2022/lib/anna-core-shared-lib/services/anna-sort.service.mjs +32 -32
- package/esm2022/lib/anna-core.module.mjs +45 -45
- package/esm2022/lib/anna-dropdown-lib/components/anna-calendar-filter/anna-calendar-filter.component.mjs +14 -14
- package/esm2022/lib/anna-dropdown-lib/components/anna-week-calendar-filter/anna-week-calendar-filter.component.mjs +41 -41
- package/esm2022/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-checkbox-filter/anna-column-checkbox-filter.component.mjs +14 -14
- package/esm2022/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-date-range-filter/anna-column-date-range-filter.component.mjs +13 -13
- package/esm2022/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-slider-filter/anna-column-slider-filter.component.mjs +17 -17
- package/esm2022/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-time-filter/anna-column-time-filter.component.mjs +15 -15
- package/esm2022/lib/anna-generic-table-lib/components/anna-non-editable-generic-table/anna-non-editable-generic-table.component.mjs +3 -114
- package/esm2022/lib/anna-generic-table-lib/components/anna-sort/anna-sort.component.mjs +10 -10
- package/esm2022/lib/anna-generic-table-lib/components/anna-table-virtual-scroll-viewport/anna-table-virtual-scroll-viewport.component.mjs +21 -21
- package/esm2022/lib/anna-generic-table-lib/directives/anna-fixed-row-size-table-virtual-scroll-strategy/anna-fixed-row-size-table-virtual-scroll-strategy.directive.mjs +10 -10
- package/esm2022/lib/anna-generic-table-lib/directives/anna-fixed-row-size-table-virtual-scroll-strategy/index.mjs +2 -2
- package/esm2022/lib/anna-generic-table-lib/directives/anna-virtual-table/anna-virtual-table.directive.mjs +12 -12
- package/esm2022/lib/anna-generic-table-lib/directives/anna-virtual-table/index.mjs +2 -2
- package/esm2022/public-api.mjs +43 -43
- package/fesm2022/annalib-anna-core.mjs +392 -503
- package/fesm2022/annalib-anna-core.mjs.map +1 -1
- package/lib/anna-core-shared-lib/components/anna-buyer-approval-icon-template/anna-buyer-approval-icon-template.component.d.ts +1 -1
- package/lib/anna-core-shared-lib/components/anna-deleted-order-icon-template/anna-deleted-order-icon-template.component.d.ts +1 -1
- package/lib/anna-core-shared-lib/components/anna-icon-column/anna-icon-column.component.d.ts +3 -3
- package/lib/anna-core-shared-lib/components/anna-live-icon-template/anna-live-icon-template.component.d.ts +1 -1
- package/lib/anna-core-shared-lib/components/anna-no-data/anna-no-data.component.d.ts +1 -1
- package/lib/anna-core-shared-lib/components/anna-notify-icon-template/anna-notify-icon-template.component.d.ts +1 -1
- package/lib/anna-core-shared-lib/components/anna-pay-for-performance-icon-template/anna-pay-for-performance-icon-template.component.d.ts +1 -1
- package/lib/anna-core-shared-lib/components/anna-rejected-icon-template/anna-rejected-icon-template.component.d.ts +1 -1
- package/lib/anna-core-shared-lib/directives/digits-only/digits-only.directive.d.ts +1 -1
- package/lib/anna-core-shared-lib/directives/fixed-rows-popup-table/fixed-rows-popup-table.directive.d.ts +1 -1
- package/lib/anna-core-shared-lib/directives/show-ellipsis-text/show-ellipsis-text.directive.d.ts +1 -1
- package/lib/anna-core-shared-lib/models/anna-global-dropdown-config.model.d.ts +3 -3
- package/lib/anna-core-shared-lib/models/anna-non-editable-gt-models.d.ts +7 -7
- package/lib/anna-core-shared-lib/models/anna-sort.model.d.ts +1 -1
- package/lib/anna-core-shared-lib/models/anna-tooltip.model.d.ts +1 -1
- package/lib/anna-core-shared-lib/pipes/annaConvertArrayToCommaSeperatedValue.pipe.d.ts +1 -1
- package/lib/anna-core-shared-lib/pipes/annaConvertZeroOrNullOrUndefined.pipe.d.ts +1 -1
- package/lib/anna-core-shared-lib/pipes/annaDateFormatter.pipe.d.ts +1 -1
- package/lib/anna-core-shared-lib/pipes/annaReplaceChar.pipe.d.ts +1 -1
- package/lib/anna-core-shared-lib/pipes/annaTypeOfData.pipe.d.ts +1 -1
- package/lib/anna-core-shared-lib/services/anna-date-time-format.service.d.ts +1 -1
- package/lib/anna-core-shared-lib/services/anna-generic-table.service.d.ts +5 -5
- package/lib/anna-core-shared-lib/services/anna-global-config.service.d.ts +2 -2
- package/lib/anna-core-shared-lib/services/anna-sort.service.d.ts +3 -3
- package/lib/anna-dropdown-lib/components/anna-calendar-filter/anna-calendar-filter.component.d.ts +5 -5
- package/lib/anna-dropdown-lib/components/anna-week-calendar-filter/anna-week-calendar-filter.component.d.ts +7 -7
- package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-checkbox-filter/anna-column-checkbox-filter.component.d.ts +7 -7
- package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-date-range-filter/anna-column-date-range-filter.component.d.ts +8 -8
- package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-slider-filter/anna-column-slider-filter.component.d.ts +8 -8
- package/lib/anna-generic-table-lib/components/anna-column-filters/anna-column-time-filter/anna-column-time-filter.component.d.ts +9 -9
- package/lib/anna-generic-table-lib/components/anna-sort/anna-sort.component.d.ts +3 -3
- package/lib/anna-generic-table-lib/components/anna-table-virtual-scroll-viewport/anna-table-virtual-scroll-viewport.component.d.ts +9 -9
- package/lib/anna-generic-table-lib/directives/anna-fixed-row-size-table-virtual-scroll-strategy/anna-fixed-row-size-table-virtual-scroll-strategy.directive.d.ts +4 -4
- package/lib/anna-generic-table-lib/directives/anna-fixed-row-size-table-virtual-scroll-strategy/index.d.ts +1 -1
- package/lib/anna-generic-table-lib/directives/anna-virtual-table/anna-virtual-table.directive.d.ts +6 -6
- package/lib/anna-generic-table-lib/directives/anna-virtual-table/index.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +42 -42
|
@@ -89,18 +89,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
89
89
|
|
|
90
90
|
class AnnaNoDataComponent {
|
|
91
91
|
constructor() {
|
|
92
|
-
this.width =
|
|
93
|
-
this.marginTop =
|
|
92
|
+
this.width = '48%';
|
|
93
|
+
this.marginTop = '1.25rem';
|
|
94
94
|
}
|
|
95
95
|
ngOnInit() {
|
|
96
|
-
this.message =
|
|
96
|
+
this.message = 'No data to display';
|
|
97
97
|
}
|
|
98
98
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNoDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
99
99
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaNoDataComponent, isStandalone: true, selector: "anna-core-no-data-lib", inputs: { width: "width", marginTop: "marginTop" }, ngImport: i0, template: "<div\r\n [style.marginRight]=\"width\"\r\n [style.marginTop]=\"marginTop\"\r\n class=\"no-data\"\r\n>\r\n <label>{{ message }}</label>\r\n</div>\r\n", styles: ["div{right:0;position:absolute;margin:20px;z-index:400;transform:translate(50%)}div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:5px 18px;border-radius:4px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
100
100
|
}
|
|
101
101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNoDataComponent, decorators: [{
|
|
102
102
|
type: Component,
|
|
103
|
-
args: [{ selector:
|
|
103
|
+
args: [{ selector: 'anna-core-no-data-lib', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div\r\n [style.marginRight]=\"width\"\r\n [style.marginTop]=\"marginTop\"\r\n class=\"no-data\"\r\n>\r\n <label>{{ message }}</label>\r\n</div>\r\n", styles: ["div{right:0;position:absolute;margin:20px;z-index:400;transform:translate(50%)}div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:5px 18px;border-radius:4px}\n"] }]
|
|
104
104
|
}], ctorParameters: function () { return []; }, propDecorators: { width: [{
|
|
105
105
|
type: Input
|
|
106
106
|
}], marginTop: [{
|
|
@@ -115,7 +115,7 @@ class AnnaDeletedOrderIconTemplateComponent {
|
|
|
115
115
|
}
|
|
116
116
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDeletedOrderIconTemplateComponent, decorators: [{
|
|
117
117
|
type: Component,
|
|
118
|
-
args: [{ selector:
|
|
118
|
+
args: [{ selector: 'anna-deleted-order-icon-template', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<i class=\"mdi mdi-file-remove-outline\"></i>\r\n", styles: [".mdi-file-remove-outline{font-size:1.5rem;color:#f44336}\n"] }]
|
|
119
119
|
}], ctorParameters: function () { return []; } });
|
|
120
120
|
|
|
121
121
|
class AnnaBuyerApprovalIconTemplateComponent {
|
|
@@ -126,7 +126,7 @@ class AnnaBuyerApprovalIconTemplateComponent {
|
|
|
126
126
|
}
|
|
127
127
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaBuyerApprovalIconTemplateComponent, decorators: [{
|
|
128
128
|
type: Component,
|
|
129
|
-
args: [{ selector:
|
|
129
|
+
args: [{ selector: 'anna-buyer-approval-icon-template', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"buyerApprovalIcon\"></ng-container>\r\n\r\n<ng-template #buyerApprovalIcon>\r\n <svg\r\n width=\"15px\"\r\n height=\"15px\"\r\n viewBox=\"0 0 20 20\"\r\n >\r\n <g\r\n id=\"Awaiting-Buyer-Approval-icon\"\r\n stroke=\"none\"\r\n stroke-width=\"1\"\r\n fill=\"none\"\r\n fill-rule=\"evenodd\"\r\n >\r\n <g\r\n id=\"time-left\"\r\n transform=\"translate(3.000000, 2.000000)\"\r\n fill=\"#4A4A4A\"\r\n fill-rule=\"nonzero\"\r\n >\r\n <path\r\n d=\"M6.23157622,14.1696467 C5.70535057,14.0721422 5.2005579,13.9061054 4.72188769,13.6745242 C4.71622258,13.6714711 4.71115545,13.6679958 4.70520709,13.6652025 C4.59240848,13.6104091 4.47979871,13.551718 4.37065094,13.4903961 C4.37027327,13.4899414 4.36958087,13.4896491 4.36898288,13.4893893 C4.16872129,13.37558 3.97327504,13.2496557 3.78339947,13.1117139 C1.01467199,11.0989392 0.348958764,7.13679055 2.29945571,4.27950803 C2.72358352,3.65842885 3.23684237,3.14027823 3.80904983,2.72960334 C3.81609974,2.72453649 3.82314965,2.71950212 3.83013662,2.71440279 C5.84650619,1.28061347 8.58442178,1.183986 10.7254867,2.65733574 L10.2656372,3.34301728 C10.1377946,3.53386873 10.2164452,3.67294733 10.4402485,3.65216024 L12.4377343,3.46760989 C12.6618209,3.4468228 12.7958322,3.24677957 12.7355617,3.0234483 L12.1991703,1.02899228 C12.1391202,0.805401178 11.9853754,0.778637804 11.8574069,0.969456765 L11.3964873,1.6567623 C9.82523796,0.568265989 7.94067659,0.153206329 6.0701521,0.487943386 C5.88175576,0.521592483 5.69600314,0.562776899 5.51279981,0.610717118 C5.51138354,0.610976957 5.51025052,0.611139356 5.50911749,0.611399194 C5.50203611,0.613185585 5.4948603,0.615556612 5.48796775,0.617537881 C3.8749854,1.04500483 2.46767797,2.01585923 1.46347449,3.40105873 C1.4550083,3.41141979 1.44629033,3.4215535 1.43829623,3.432824 C1.40490356,3.47923766 1.37176268,3.52672316 1.33931419,3.57420867 C1.28625101,3.65203032 1.23394317,3.73180077 1.18390138,3.81157121 C1.17763828,3.82118524 1.17285441,3.83096167 1.16737814,3.84067314 C0.338698623,5.1658824 -0.0610062726,6.69795566 0.00754154337,8.25770173 C0.00769890751,8.26283354 0.00741565207,8.26799784 0.00754154337,8.27325957 C0.0141823097,8.42562242 0.0258902012,8.58009646 0.0417839785,8.73216699 C0.0426337448,8.7419759 0.0447424242,8.75126512 0.0463475384,8.76107403 C0.0627763537,8.91398904 0.0833910551,9.06726132 0.109230246,9.22050113 C0.371839509,10.7840149 1.08652445,12.1909434 2.15745032,13.2856758 C2.15993667,13.2882417 2.16251744,13.291035 2.16503527,13.2936983 C2.16591651,13.2947052 2.16689216,13.2952249 2.16774193,13.2961668 C2.45546651,13.5890373 2.7684323,13.8599191 3.10541185,14.1048494 C3.98728044,14.7461311 4.9692641,15.1700252 6.02385557,15.3653264 C6.3438398,15.424667 6.64950389,15.2048436 6.70691032,14.8747836 C6.76428528,14.5444963 6.55146603,14.2287924 6.23157622,14.1696467 Z\"\r\n id=\"Path\"\r\n ></path>\r\n <path\r\n d=\"M9.22237925,14.6588011 C9.29073073,14.9263505 9.1292489,15.198652 8.86169949,15.2670034 C8.51639563,15.355219 8.1641424,15.4188128 7.8069689,15.4570516 C7.53239558,15.4864472 7.28598003,15.2876915 7.25658436,15.0131182 C7.22718869,14.7385449 7.42594445,14.4921293 7.70051776,14.4627336 C8.01004537,14.4295958 8.31515603,14.3745129 8.61417689,14.2981213 C8.8817263,14.2297698 9.15402777,14.3912517 9.22237925,14.6588011 Z M12.5552524,12.2886551 C12.7611952,12.4726175 12.7790139,12.7886982 12.5950515,12.994641 C12.3569806,13.2611574 12.1001968,13.5104915 11.8267859,13.7406023 C11.6155121,13.9184167 11.3000937,13.8912925 11.1222793,13.6800187 C10.9444648,13.4687448 10.9715891,13.1533264 11.1828629,12.975512 C11.4200152,12.7759175 11.6427598,12.5596351 11.8492666,12.3284542 C12.033229,12.1225114 12.3493096,12.1046927 12.5552524,12.2886551 Z M13.9945063,8.57622811 C14.2674538,8.61811209 14.4547678,8.87333344 14.4128838,9.14628095 C14.3584322,9.50112883 14.2787427,9.85020038 14.1746496,10.1914009 C14.0940709,10.4555252 13.8146338,10.6043183 13.5505094,10.5237395 C13.2863851,10.4431608 13.137592,10.1637237 13.2181708,9.89959931 C13.3082912,9.6041989 13.3772907,9.30195366 13.4244534,8.99460564 C13.4663374,8.72165813 13.7215588,8.53434413 13.9945063,8.57622811 Z M13.8741743,4.99628976 C14.0173723,5.32357494 14.1370467,5.66111195 14.2320931,6.00667963 C14.305325,6.27293459 14.1488489,6.54814305 13.8825939,6.62137492 C13.6163389,6.6946068 13.3411305,6.53813067 13.2678986,6.27187571 C13.1856167,5.97271686 13.0820133,5.68050756 12.958028,5.39713383 C12.847338,5.14414702 12.9626923,4.84932868 13.2156791,4.73863865 C13.4686659,4.62794862 13.7634843,4.74330295 13.8741743,4.99628976 Z\"\r\n id=\"Combined-Shape\"\r\n ></path>\r\n <path\r\n d=\"M6.49684035,4 C6.22234237,4 6,4.21290493 6,4.47514225 L6,9.20888548 L10.5252942,11.4469308 C10.5981282,11.4830116 10.6761155,11.5 10.7528554,11.5 C10.9325937,11.5 11.106194,11.4063595 11.1944548,11.2429754 C11.3203307,11.0097848 11.2250786,10.7233052 10.9813357,10.6028789 L6.9931227,8.63027395 L6.9931227,4.47514225 C6.99308988,4.21290493 6.77101009,4 6.49684035,4 Z\"\r\n id=\"Path\"\r\n ></path>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n" }]
|
|
130
130
|
}], ctorParameters: function () { return []; } });
|
|
131
131
|
|
|
132
132
|
class AnnaNotifyIconTemplateComponent {
|
|
@@ -137,7 +137,7 @@ class AnnaNotifyIconTemplateComponent {
|
|
|
137
137
|
}
|
|
138
138
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNotifyIconTemplateComponent, decorators: [{
|
|
139
139
|
type: Component,
|
|
140
|
-
args: [{ selector:
|
|
140
|
+
args: [{ selector: 'anna-notify-icon-template', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<i class=\"mdi mdi-bell\"></i>\r\n", styles: [".mdi-bell{font-size:.9375rem;color:#f3bd18}\n"] }]
|
|
141
141
|
}], ctorParameters: function () { return []; } });
|
|
142
142
|
|
|
143
143
|
class AnnaRejectedIconTemplateComponent {
|
|
@@ -148,7 +148,7 @@ class AnnaRejectedIconTemplateComponent {
|
|
|
148
148
|
}
|
|
149
149
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaRejectedIconTemplateComponent, decorators: [{
|
|
150
150
|
type: Component,
|
|
151
|
-
args: [{ selector:
|
|
151
|
+
args: [{ selector: 'anna-rejected-icon-template', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"rejectedIcon\"></ng-container>\r\n\r\n<ng-template #rejectedIcon>\r\n <svg\r\n width=\"15px\"\r\n height=\"15px\"\r\n viewBox=\"0 0 20 20\"\r\n >\r\n <g\r\n id=\"Buyer-rejected-icon\"\r\n stroke=\"none\"\r\n stroke-width=\"1\"\r\n fill=\"none\"\r\n fill-rule=\"evenodd\"\r\n >\r\n <path\r\n d=\"M15.7822266,4.21777344 C14.3671875,2.80276367 12.4951465,2 10.5,2 C6.37918945,2 3,5.37253906 3,9.5 C3,13.6296289 6.37133789,17 10.5,17 C14.6105273,17 18,13.6429004 18,9.5 C18,7.50485352 17.1972656,5.6327832 15.7822266,4.21777344 Z M10.5,15.2128906 C7.34220703,15.2128906 4.78710938,12.664502 4.78710938,9.5 C4.78710938,8.26950195 5.17382812,7.10055664 5.88574219,6.13375977 L13.8662402,14.1054395 C12.8993848,14.8261719 11.730498,15.2128906 10.5,15.2128906 Z M15.1054688,12.8661816 L7.13375977,4.88574219 C8.10061523,4.17382813 9.26950195,3.78710938 10.5,3.78710938 C13.6578809,3.78710938 16.2128906,6.33549805 16.2128906,9.5 C16.2128906,10.7304395 15.8261719,11.8993848 15.1054688,12.8661816 Z\"\r\n id=\"Shape\"\r\n fill=\"#4A4A4A\"\r\n fill-rule=\"nonzero\"\r\n ></path>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n" }]
|
|
152
152
|
}], ctorParameters: function () { return []; } });
|
|
153
153
|
|
|
154
154
|
class AnnaLiveIconTemplateComponent {
|
|
@@ -159,7 +159,7 @@ class AnnaLiveIconTemplateComponent {
|
|
|
159
159
|
}
|
|
160
160
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaLiveIconTemplateComponent, decorators: [{
|
|
161
161
|
type: Component,
|
|
162
|
-
args: [{ selector:
|
|
162
|
+
args: [{ selector: 'anna-live-icon-template', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container [ngTemplateOutlet]=\"liveIcon\"></ng-container>\r\n<ng-template #liveIcon>\r\n <svg\r\n width=\"15px\"\r\n height=\"15px\"\r\n viewBox=\"0 0 20 20\"\r\n >\r\n <g\r\n id=\"Live-Icon\"\r\n stroke=\"none\"\r\n stroke-width=\"1\"\r\n fill=\"none\"\r\n fill-rule=\"evenodd\"\r\n >\r\n <g\r\n id=\"next\"\r\n transform=\"translate(2.000000, 2.000000)\"\r\n fill-rule=\"nonzero\"\r\n >\r\n <path\r\n d=\"M8,0 C3.58171139,0 0,3.58171139 0,8 C0,12.4182886 3.58171139,16 8,16 C12.4182886,16 16,12.4182886 16,8 C15.9950435,3.58379835 12.4162343,0.00498913721 8,0 Z\"\r\n id=\"Path\"\r\n fill=\"#C2E361\"\r\n ></path>\r\n <path\r\n d=\"M8,16 C3.58171139,16 0,12.4182633 0,7.9999837 C0,3.58170409 3.58171139,0 8,0 C12.4182886,0 16,3.58170409 16,7.9999837 C15.9950435,12.416209 12.4162343,15.9950109 8,16 Z M8,0.695640832 C3.96590756,0.695640832 0.69564225,3.96589948 0.69564225,7.9999837 C0.69564225,12.0340679 3.96590756,15.3043266 8,15.3043266 C12.0340924,15.3043266 15.3043578,12.0340679 15.3043578,7.9999837 C15.2997599,3.96782339 12.0322011,0.700238655 8,0.695640832 Z\"\r\n id=\"Shape\"\r\n fill=\"#8BAC2A\"\r\n ></path>\r\n <circle\r\n id=\"Oval\"\r\n fill=\"#8BAC2A\"\r\n cx=\"8\"\r\n cy=\"8\"\r\n r=\"4\"\r\n ></circle>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n" }]
|
|
163
163
|
}], ctorParameters: function () { return []; } });
|
|
164
164
|
|
|
165
165
|
class AnnaPayForPerformanceIconTemplateComponent {
|
|
@@ -170,7 +170,7 @@ class AnnaPayForPerformanceIconTemplateComponent {
|
|
|
170
170
|
}
|
|
171
171
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPayForPerformanceIconTemplateComponent, decorators: [{
|
|
172
172
|
type: Component,
|
|
173
|
-
args: [{ selector:
|
|
173
|
+
args: [{ selector: 'anna-pay-for-performance-icon-template', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-container\r\n [ngTemplateOutlet]=\"PayForPerformanceIcon\"\r\n [ngTemplateOutletContext]=\"{ color: color, width: width, height: height }\"\r\n>\r\n</ng-container>\r\n\r\n<ng-template\r\n #PayForPerformanceIcon\r\n let-color=\"color\"\r\n let-width=\"width\"\r\n let-height=\"height\"\r\n>\r\n <svg\r\n [attr.width]=\"width\"\r\n [attr.height]=\"height\"\r\n viewBox=\"0 0 20 20\"\r\n version=\"1.1\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n >\r\n <g\r\n id=\"Page-1\"\r\n stroke=\"none\"\r\n stroke-width=\"1\"\r\n fill=\"none\"\r\n fill-rule=\"evenodd\"\r\n >\r\n <g\r\n id=\"02.-PAY-FOR-PERFORMANCE-MARKED\"\r\n transform=\"translate(-100.000000, -537.000000)\"\r\n [attr.fill]=\"color\"\r\n fill-rule=\"nonzero\"\r\n >\r\n <g\r\n id=\"PFP\"\r\n transform=\"translate(100.000000, 537.000000)\"\r\n >\r\n <path\r\n d=\"M20,3.125 L20,8.3984375 C20,8.82995605 19.6502686,9.1796875 19.21875,9.1796875 C18.7872314,9.1796875 18.4375,8.82995605 18.4375,8.3984375 L18.4375,3.125 C18.4375,2.26348875 17.7365112,1.5625 16.875,1.5625 L3.125,1.5625 C2.26348875,1.5625 1.5625,2.26348875 1.5625,3.125 L1.5625,16.875 C1.5625,17.7365112 2.26348875,18.4375 3.125,18.4375 L12.96875,18.4375 C13.4002686,18.4375 13.75,18.7872314 13.75,19.21875 C13.75,19.6502686 13.4002686,20 12.96875,20 L3.125,20 C1.40182496,20 0,18.598175 0,16.875 L0,3.125 C0,1.40182496 1.40182496,0 3.125,0 L16.875,0 C18.598175,0 20,1.40182496 20,3.125 Z M15.9622314,5.43584332 C15.9447753,5.38514929 15.9230346,5.33649554 15.8936766,5.29255022 C15.8924071,5.290196 15.891455,5.28799875 15.8901855,5.28580147 C15.8589232,5.23981585 15.8206786,5.19995115 15.7789427,5.16322545 C15.7689451,5.15427945 15.7584715,5.1459612 15.7475217,5.13764299 C15.7022947,5.10280065 15.6545285,5.07203893 15.6008908,5.04975236 C15.6008908,5.04975236 15.6008908,5.04975236 15.6005734,5.04975236 C15.5488399,5.02825056 15.4929805,5.01600867 15.4358516,5.00863213 C15.4218867,5.00674875 15.4082392,5.00549317 15.3942744,5.00455147 C15.3791987,5.0036098 15.3652338,5 15.3499994,5 L13.0749975,5 C12.7161959,5 12.4249969,5.28799875 12.4249969,5.64285714 C12.4249969,5.99771553 12.7161959,6.28571429 13.0749975,6.28571429 L13.7624492,6.28571429 L11.4499961,8.53571429 C11.4415854,8.52708216 11.4320639,8.5182931 11.4230185,8.5102888 L10.4034253,7.61160714 C9.89545371,7.12554061 9.08263561,7.13071987 8.58291595,7.62416295 L3.19264032,12.9001116 C2.937623,13.1498152 2.93555998,13.557094 3.18787956,13.8094657 C3.31530888,13.9362793 3.48225238,14 3.64998933,14 C3.8153459,14 3.98054383,13.9383196 4.10733834,13.8141741 L9.5,8.53571429 C9.50840503,8.54434641 9.51792652,8.55313547 9.52697193,8.56113977 L10.5462477,9.45982143 C10.7899979,9.69320244 11.1100788,9.82142857 11.4499961,9.82142857 C11.7970545,9.82142857 12.1233243,9.68770926 12.3651702,9.44852121 L14.6999989,7.1770194 L14.6999989,7.89285714 C14.6999989,8.24771553 14.9911979,8.53571429 15.3499994,8.53571429 C15.708801,8.53571429 16,8.24771553 16,7.89285714 L16,5.64285714 C16,5.58431572 15.9895264,5.52844239 15.9746094,5.47445244 C15.9711181,5.46126884 15.9668335,5.44871304 15.9622314,5.43584332 Z M17.7789307,14.21875 L17.0629883,14.21875 C16.71875,14.21875 16.4280701,13.9146423 16.4280701,13.5546875 L16.4280701,13.2698059 C16.4280701,12.9200745 16.7010498,12.65625 17.0629883,12.65625 L17.7400207,12.65625 C17.9388428,12.65625 18.1446838,12.7894592 18.1446838,13.0123902 C18.1446838,13.4437561 18.4945679,13.7936402 18.9259338,13.7936402 C19.3574524,13.7936402 19.7071838,13.4437561 19.7071838,13.0123902 C19.7071838,12.0761109 19.0158081,11.2947082 18.1048584,11.1273193 L18.1048584,10.625 C18.1048584,10.1934814 17.755127,9.84375 17.3236084,9.84375 C16.8920898,9.84375 16.5423584,10.1934814 16.5423584,10.625 L16.5423584,11.1541748 C16.1557007,11.2454223 15.8015442,11.4382934 15.5142212,11.7193604 C15.0959778,12.1286011 14.8655701,12.6792908 14.8655701,13.2696533 L14.8655701,13.5546875 C14.8655701,14.7824097 15.8512879,15.78125 17.0629883,15.78125 L17.7789307,15.78125 C18.1373596,15.78125 18.4181213,16.053009 18.4181213,16.3999939 L18.4181213,16.5917969 C18.4181213,16.9313049 18.1433105,17.1875 17.7789307,17.1875 L16.615448,17.1875 C16.4233398,17.1875 16.2290955,17.0666504 16.2290955,16.8359375 C16.2290955,16.4044189 15.879364,16.0546875 15.4478455,16.0546875 C15.0163269,16.0546875 14.6665955,16.4044189 14.6665955,16.8359375 C14.6665955,17.8851318 15.4847717,18.7117004 16.5423584,18.7481689 L16.5423584,19.1796875 C16.5423584,19.6112061 16.8920898,19.9609375 17.3236084,19.9609375 C17.755127,19.9609375 18.1048584,19.6112061 18.1048584,19.1796875 L18.1048584,18.7272644 C19.1795349,18.5771179 19.9806213,17.6931763 19.9806213,16.5917969 L19.9806213,16.3999939 C19.9806213,15.8096313 19.7496033,15.2581787 19.3299866,14.8472595 C18.9161682,14.4419861 18.3653259,14.21875 17.7789307,14.21875 Z\"\r\n id=\"Shape-Copy-9\"\r\n ></path>\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n" }]
|
|
174
174
|
}], ctorParameters: function () { return []; }, propDecorators: { isTitle: [{
|
|
175
175
|
type: Input
|
|
176
176
|
}], color: [{
|
|
@@ -183,8 +183,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
183
183
|
|
|
184
184
|
class AnnaIconColumnComponent {
|
|
185
185
|
constructor() {
|
|
186
|
-
this.PfpIconActiveColor =
|
|
187
|
-
this.PfpIconDisableColor =
|
|
186
|
+
this.PfpIconActiveColor = '#9B1B93';
|
|
187
|
+
this.PfpIconDisableColor = 'rgba(189,189,189,0.5)';
|
|
188
188
|
this.onColumnIconClicked = new EventEmitter();
|
|
189
189
|
}
|
|
190
190
|
ngOnInit() { }
|
|
@@ -196,7 +196,7 @@ class AnnaIconColumnComponent {
|
|
|
196
196
|
}
|
|
197
197
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaIconColumnComponent, decorators: [{
|
|
198
198
|
type: Component,
|
|
199
|
-
args: [{ selector:
|
|
199
|
+
args: [{ selector: 'anna-core-anna-icon-column', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
200
200
|
NgIf,
|
|
201
201
|
AnnaPayForPerformanceIconTemplateComponent,
|
|
202
202
|
AnnaLiveIconTemplateComponent,
|
|
@@ -222,10 +222,10 @@ class showEllipsisTextOnHoverDirective {
|
|
|
222
222
|
onMouseEnter() {
|
|
223
223
|
let domElement = this.elementRef.nativeElement;
|
|
224
224
|
if (domElement.offsetWidth < domElement.scrollWidth || this.checkPositionsInDecimals(domElement)) {
|
|
225
|
-
domElement.title = domElement.textContent ==
|
|
225
|
+
domElement.title = domElement.textContent == '' ? domElement.value : domElement.textContent;
|
|
226
226
|
}
|
|
227
227
|
else if (domElement.title)
|
|
228
|
-
domElement.removeAttribute(
|
|
228
|
+
domElement.removeAttribute('title');
|
|
229
229
|
}
|
|
230
230
|
checkPositionsInDecimals(domElement) {
|
|
231
231
|
// if we don't have any children element Then we can't calculate and compare anything so we are returning false from here
|
|
@@ -234,7 +234,7 @@ class showEllipsisTextOnHoverDirective {
|
|
|
234
234
|
let elementRect = domElement.getBoundingClientRect();
|
|
235
235
|
let childRect = domElement.children[0].getBoundingClientRect();
|
|
236
236
|
let paddingOnRight = window.getComputedStyle(domElement).paddingRight;
|
|
237
|
-
let padding = +(paddingOnRight.endsWith(
|
|
237
|
+
let padding = +(paddingOnRight.endsWith('px') ? paddingOnRight.slice(0, -2) : paddingOnRight);
|
|
238
238
|
// If overflow happens then Child element's right side position will be greater than container element's right side position.
|
|
239
239
|
return childRect.right + padding > elementRect.right;
|
|
240
240
|
}
|
|
@@ -244,12 +244,12 @@ class showEllipsisTextOnHoverDirective {
|
|
|
244
244
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: showEllipsisTextOnHoverDirective, decorators: [{
|
|
245
245
|
type: Directive,
|
|
246
246
|
args: [{
|
|
247
|
-
selector:
|
|
247
|
+
selector: '[showEllipsisTextOnHover]',
|
|
248
248
|
standalone: true,
|
|
249
249
|
}]
|
|
250
250
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onMouseEnter: [{
|
|
251
251
|
type: HostListener,
|
|
252
|
-
args: [
|
|
252
|
+
args: ['mouseenter']
|
|
253
253
|
}] } });
|
|
254
254
|
|
|
255
255
|
class AnnaConvertZeroOrNullOrUndefinedPipe {
|
|
@@ -260,7 +260,7 @@ class AnnaConvertZeroOrNullOrUndefinedPipe {
|
|
|
260
260
|
return this.transformer(value, convertTo);
|
|
261
261
|
}
|
|
262
262
|
replace(value, convertTo) {
|
|
263
|
-
if (value ===
|
|
263
|
+
if (value === 'undefined' || value === null || value === '' || Number(value) === 0) {
|
|
264
264
|
return convertTo;
|
|
265
265
|
}
|
|
266
266
|
return value;
|
|
@@ -271,7 +271,7 @@ class AnnaConvertZeroOrNullOrUndefinedPipe {
|
|
|
271
271
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaConvertZeroOrNullOrUndefinedPipe, decorators: [{
|
|
272
272
|
type: Pipe,
|
|
273
273
|
args: [{
|
|
274
|
-
name:
|
|
274
|
+
name: 'AnnaConvertZeroOrNullOrUndefined',
|
|
275
275
|
standalone: true,
|
|
276
276
|
}]
|
|
277
277
|
}] });
|
|
@@ -283,42 +283,42 @@ class AnnaDateTimeFormatService {
|
|
|
283
283
|
}
|
|
284
284
|
convertToNgbDateStandardFormat(date) {
|
|
285
285
|
return {
|
|
286
|
-
year: parseInt(dayjs(date,
|
|
287
|
-
month: parseInt(dayjs(date,
|
|
288
|
-
day: parseInt(dayjs(date,
|
|
286
|
+
year: parseInt(dayjs(date, 'MM/DD/YYYY').format('YYYY')),
|
|
287
|
+
month: parseInt(dayjs(date, 'MM/DD/YYYY').format('M')),
|
|
288
|
+
day: parseInt(dayjs(date, 'MM/DD/YYYY').format('D')),
|
|
289
289
|
};
|
|
290
290
|
}
|
|
291
291
|
convertToNgbDate(date, parseFormat) {
|
|
292
292
|
return {
|
|
293
|
-
year: parseInt(dayjs(date, parseFormat).format(
|
|
294
|
-
month: parseInt(dayjs(date, parseFormat).format(
|
|
295
|
-
day: parseInt(dayjs(date, parseFormat).format(
|
|
293
|
+
year: parseInt(dayjs(date, parseFormat).format('YYYY')),
|
|
294
|
+
month: parseInt(dayjs(date, parseFormat).format('M')),
|
|
295
|
+
day: parseInt(dayjs(date, parseFormat).format('D')),
|
|
296
296
|
};
|
|
297
297
|
}
|
|
298
298
|
static formatToTwelveHrs(time, callRemoveZero) {
|
|
299
|
-
if (time.endsWith(
|
|
299
|
+
if (time.endsWith('A') || time.endsWith('P')) {
|
|
300
300
|
time = time.substring(0, time.length - 1);
|
|
301
301
|
}
|
|
302
|
-
let tmp = time.split(
|
|
302
|
+
let tmp = time.split(':');
|
|
303
303
|
let formattedTime = [];
|
|
304
304
|
if (+tmp[0] > 12) {
|
|
305
305
|
formattedTime[0] = (+tmp[0] - 12).toString();
|
|
306
306
|
if (+tmp[0] == 24)
|
|
307
|
-
formattedTime[2] =
|
|
307
|
+
formattedTime[2] = 'AM';
|
|
308
308
|
else
|
|
309
|
-
formattedTime[2] =
|
|
309
|
+
formattedTime[2] = 'PM';
|
|
310
310
|
}
|
|
311
|
-
else if (tmp[0] ==
|
|
311
|
+
else if (tmp[0] == '12') {
|
|
312
312
|
formattedTime[0] = tmp[0];
|
|
313
|
-
formattedTime[2] =
|
|
313
|
+
formattedTime[2] = 'PM';
|
|
314
314
|
}
|
|
315
|
-
else if (tmp[0] ==
|
|
316
|
-
formattedTime[0] =
|
|
317
|
-
formattedTime[2] =
|
|
315
|
+
else if (tmp[0] == '00') {
|
|
316
|
+
formattedTime[0] = '12';
|
|
317
|
+
formattedTime[2] = 'AM';
|
|
318
318
|
}
|
|
319
319
|
else {
|
|
320
320
|
formattedTime[0] = tmp[0];
|
|
321
|
-
formattedTime[2] =
|
|
321
|
+
formattedTime[2] = 'AM';
|
|
322
322
|
}
|
|
323
323
|
formattedTime[1] = tmp[1];
|
|
324
324
|
if (callRemoveZero)
|
|
@@ -328,11 +328,11 @@ class AnnaDateTimeFormatService {
|
|
|
328
328
|
convertTotwentyFourHrsFormat(time, callAddZero) {
|
|
329
329
|
let tmp = time.split(/[ :]+/);
|
|
330
330
|
let formattedTime = [];
|
|
331
|
-
if (tmp[0] !=
|
|
331
|
+
if (tmp[0] != '12' && tmp[2] == 'PM') {
|
|
332
332
|
formattedTime[0] = (+tmp[0] + 12).toString();
|
|
333
333
|
}
|
|
334
|
-
else if (tmp[0] ==
|
|
335
|
-
formattedTime[0] =
|
|
334
|
+
else if (tmp[0] == '12' && tmp[2] == 'AM') {
|
|
335
|
+
formattedTime[0] = '00';
|
|
336
336
|
}
|
|
337
337
|
else
|
|
338
338
|
formattedTime[0] = tmp[0].toString();
|
|
@@ -344,15 +344,15 @@ class AnnaDateTimeFormatService {
|
|
|
344
344
|
static removeZero(time) {
|
|
345
345
|
let removedZero;
|
|
346
346
|
let formattedTime = time;
|
|
347
|
-
if (time[0] ==
|
|
348
|
-
time[0] ==
|
|
349
|
-
time[0] ==
|
|
350
|
-
time[0] ==
|
|
351
|
-
time[0] ==
|
|
352
|
-
time[0] ==
|
|
353
|
-
time[0] ==
|
|
354
|
-
time[0] ==
|
|
355
|
-
time[0] ==
|
|
347
|
+
if (time[0] == '01' ||
|
|
348
|
+
time[0] == '02' ||
|
|
349
|
+
time[0] == '03' ||
|
|
350
|
+
time[0] == '04' ||
|
|
351
|
+
time[0] == '05' ||
|
|
352
|
+
time[0] == '06' ||
|
|
353
|
+
time[0] == '07' ||
|
|
354
|
+
time[0] == '08' ||
|
|
355
|
+
time[0] == '09') {
|
|
356
356
|
removedZero = time[0].toString();
|
|
357
357
|
formattedTime[0] = removedZero.charAt(1);
|
|
358
358
|
formattedTime[1] = time[1];
|
|
@@ -363,53 +363,53 @@ class AnnaDateTimeFormatService {
|
|
|
363
363
|
addZero(time) {
|
|
364
364
|
let addedZero;
|
|
365
365
|
let formattedTime = time;
|
|
366
|
-
if (time[1] ==
|
|
367
|
-
time[1] =
|
|
368
|
-
if (time[0] ==
|
|
369
|
-
time[0] ==
|
|
370
|
-
time[0] ==
|
|
371
|
-
time[0] ==
|
|
372
|
-
time[0] ==
|
|
373
|
-
time[0] ==
|
|
374
|
-
time[0] ==
|
|
375
|
-
time[0] ==
|
|
376
|
-
time[0] ==
|
|
377
|
-
time[0] ==
|
|
378
|
-
addedZero =
|
|
366
|
+
if (time[1] == '0')
|
|
367
|
+
time[1] = '0' + time[1];
|
|
368
|
+
if (time[0] == '0' ||
|
|
369
|
+
time[0] == '1' ||
|
|
370
|
+
time[0] == '2' ||
|
|
371
|
+
time[0] == '3' ||
|
|
372
|
+
time[0] == '4' ||
|
|
373
|
+
time[0] == '5' ||
|
|
374
|
+
time[0] == '6' ||
|
|
375
|
+
time[0] == '7' ||
|
|
376
|
+
time[0] == '8' ||
|
|
377
|
+
time[0] == '9') {
|
|
378
|
+
addedZero = '0' + time[0];
|
|
379
379
|
formattedTime[0] = addedZero;
|
|
380
380
|
formattedTime[1] = time[1];
|
|
381
381
|
}
|
|
382
382
|
return formattedTime;
|
|
383
383
|
}
|
|
384
384
|
sortByTimeAscending(a, b) {
|
|
385
|
-
let format =
|
|
386
|
-
a = dayjs(
|
|
387
|
-
b = dayjs(
|
|
385
|
+
let format = 'MM/DD/YYYY HH:mm:ss';
|
|
386
|
+
a = dayjs('01/01/2001 ' + a, format);
|
|
387
|
+
b = dayjs('01/01/2001 ' + b, format);
|
|
388
388
|
let results;
|
|
389
|
-
results = a.get(
|
|
389
|
+
results = a.get('hour') > b.get('hour') ? 1 : a.get('hour') < b.get('hour') ? -1 : 0;
|
|
390
390
|
if (results === 0)
|
|
391
|
-
results = a.get(
|
|
391
|
+
results = a.get('minute') > b.get('minute') ? 1 : a.get('minute') < b.get('minute') ? -1 : 0;
|
|
392
392
|
if (results === 0)
|
|
393
|
-
results = a.get(
|
|
393
|
+
results = a.get('second') > b.get('second') ? 1 : a.get('second') < b.get('second') ? -1 : 0;
|
|
394
394
|
return results;
|
|
395
395
|
}
|
|
396
396
|
sortByTimeDescending(a, b) {
|
|
397
|
-
let format =
|
|
398
|
-
a = dayjs(
|
|
399
|
-
b = dayjs(
|
|
397
|
+
let format = 'MM/DD/YYYY HH:mm:ss';
|
|
398
|
+
a = dayjs('01/01/2001 ' + a, format);
|
|
399
|
+
b = dayjs('01/01/2001 ' + b, format);
|
|
400
400
|
let results;
|
|
401
|
-
results = a.get(
|
|
401
|
+
results = a.get('hour') < b.get('hour') ? 1 : a.get('hour') > b.get('hour') ? -1 : 0;
|
|
402
402
|
if (results === 0)
|
|
403
|
-
results = a.get(
|
|
403
|
+
results = a.get('minute') < b.get('minute') ? 1 : a.get('minute') > b.get('minute') ? -1 : 0;
|
|
404
404
|
if (results === 0)
|
|
405
|
-
results = a.get(
|
|
405
|
+
results = a.get('second') < b.get('second') ? 1 : a.get('second') > b.get('second') ? -1 : 0;
|
|
406
406
|
return results;
|
|
407
407
|
}
|
|
408
408
|
convertNgbDateToMoment(ngbDate) {
|
|
409
|
-
let formatType =
|
|
409
|
+
let formatType = 'MM/DD/YYYY';
|
|
410
410
|
let converted = null;
|
|
411
411
|
if (ngbDate && ngbDate.month && ngbDate.day && ngbDate.year) {
|
|
412
|
-
converted = ngbDate.month +
|
|
412
|
+
converted = ngbDate.month + '/' + ngbDate.day + '/' + ngbDate.year;
|
|
413
413
|
converted = dayjs(converted).format(formatType);
|
|
414
414
|
}
|
|
415
415
|
return converted;
|
|
@@ -418,64 +418,64 @@ class AnnaDateTimeFormatService {
|
|
|
418
418
|
return isAsc ? dayjs(a).diff(b) : dayjs(b).diff(a);
|
|
419
419
|
}
|
|
420
420
|
static formatTwentyFourHourTimeToHHMMAFormat(value, date) {
|
|
421
|
-
value = dayjs(date ? date :
|
|
422
|
-
return value[14] ==
|
|
423
|
-
? dayjs(value, [
|
|
424
|
-
: dayjs(value, [
|
|
421
|
+
value = dayjs(date ? date : '01/01/2000 ' + value).format('MM/DD/YYYY HH:mm:ss');
|
|
422
|
+
return value[14] == '0' && value[15] == '0'
|
|
423
|
+
? dayjs(value, ['MM/DD/YYYY HH:mm:ss']).format('hA').slice(0, -1)
|
|
424
|
+
: dayjs(value, ['MM/DD/YYYY HH:mm:ss']).format('h:mmA').slice(0, -1);
|
|
425
425
|
}
|
|
426
426
|
static formatTwelveHourTimeToHHMMAFormat(timeValue, date) {
|
|
427
|
-
timeValue = dayjs(date ? date :
|
|
427
|
+
timeValue = dayjs(date ? date : '01/01/2000 ' + timeValue).format('MM/DD/YYYY HH:mm:ss');
|
|
428
428
|
// check if min==00
|
|
429
|
-
return timeValue[14] ==
|
|
430
|
-
? dayjs(timeValue, [
|
|
431
|
-
: dayjs(timeValue, [
|
|
429
|
+
return timeValue[14] == '0' && timeValue[15] == '0'
|
|
430
|
+
? dayjs(timeValue, ['MM/DD/YYYY HH:mm:ss']).format('hA').slice(0, -1)
|
|
431
|
+
: dayjs(timeValue, ['MM/DD/YYYY HH:mm:ss']).format('h:mmA').slice(0, -1);
|
|
432
432
|
}
|
|
433
433
|
formatDateAndHHMMATimeToStandardFormat(dateAndTime) {
|
|
434
434
|
let standardFormat, date, time;
|
|
435
|
-
if (dateAndTime.includes(
|
|
436
|
-
date = dateAndTime.slice(0, dateAndTime.indexOf(
|
|
437
|
-
time = dateAndTime.slice(dateAndTime.indexOf(
|
|
438
|
-
time = time.slice(0, 2) +
|
|
439
|
-
time = time +
|
|
435
|
+
if (dateAndTime.includes('|')) {
|
|
436
|
+
date = dateAndTime.slice(0, dateAndTime.indexOf('|'));
|
|
437
|
+
time = dateAndTime.slice(dateAndTime.indexOf('|') + 1, dateAndTime.length).trim();
|
|
438
|
+
time = time.slice(0, 2) + ':' + time.slice(2, 4) + ' ' + time.slice(4, 5);
|
|
439
|
+
time = time + 'M';
|
|
440
440
|
standardFormat = date + time;
|
|
441
441
|
}
|
|
442
442
|
else {
|
|
443
|
-
standardFormat = dateAndTime +
|
|
443
|
+
standardFormat = dateAndTime + ' 00:00 AM';
|
|
444
444
|
}
|
|
445
|
-
return dayjs(standardFormat).format(
|
|
445
|
+
return dayjs(standardFormat).format('MM/DD/YYYY hh:mm A');
|
|
446
446
|
}
|
|
447
447
|
compare(a, b, isAsc) {
|
|
448
|
-
if (typeof a ==
|
|
449
|
-
a = a ==
|
|
450
|
-
b = b ==
|
|
448
|
+
if (typeof a == 'string' && typeof b == 'string') {
|
|
449
|
+
a = a == '-' ? '0' : a.toLowerCase();
|
|
450
|
+
b = b == '-' ? '0' : b.toLowerCase();
|
|
451
451
|
}
|
|
452
452
|
return (a < b ? -1 : 1) * (isAsc ? 1 : -1);
|
|
453
453
|
}
|
|
454
454
|
sortDataByBroadcastTimeAsc(firstParamTime, secondParamTime, broadcastTime) {
|
|
455
|
-
let format =
|
|
455
|
+
let format = 'HH:mm:ss';
|
|
456
456
|
let a = dayjs(firstParamTime, format);
|
|
457
457
|
let b = dayjs(secondParamTime, format);
|
|
458
|
-
let broadcastdayjsDateTime = dayjs(broadcastTime,
|
|
459
|
-
a = a.isBefore(broadcastdayjsDateTime) ? a.add(1,
|
|
460
|
-
b = b.isBefore(broadcastdayjsDateTime) ? b.add(1,
|
|
458
|
+
let broadcastdayjsDateTime = dayjs(broadcastTime, 'HH:mm:ss');
|
|
459
|
+
a = a.isBefore(broadcastdayjsDateTime) ? a.add(1, 'd') : a;
|
|
460
|
+
b = b.isBefore(broadcastdayjsDateTime) ? b.add(1, 'd') : b;
|
|
461
461
|
let result = a.isBefore(b) ? -1 : a.isAfter(b) ? 1 : 0;
|
|
462
462
|
return result;
|
|
463
463
|
}
|
|
464
464
|
convertNgbDateToMomentInSpecificFormat(ngbDate, format) {
|
|
465
465
|
let converted = null;
|
|
466
466
|
if (ngbDate && ngbDate.month && ngbDate.day && ngbDate.year) {
|
|
467
|
-
converted = ngbDate.month +
|
|
467
|
+
converted = ngbDate.month + '/' + ngbDate.day + '/' + ngbDate.year;
|
|
468
468
|
converted = dayjs(converted).format(format);
|
|
469
469
|
}
|
|
470
470
|
return converted;
|
|
471
471
|
}
|
|
472
472
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateTimeFormatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
473
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateTimeFormatService, providedIn:
|
|
473
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateTimeFormatService, providedIn: 'root' }); }
|
|
474
474
|
}
|
|
475
475
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateTimeFormatService, decorators: [{
|
|
476
476
|
type: Injectable,
|
|
477
477
|
args: [{
|
|
478
|
-
providedIn:
|
|
478
|
+
providedIn: 'root',
|
|
479
479
|
}]
|
|
480
480
|
}], ctorParameters: function () { return []; } });
|
|
481
481
|
|
|
@@ -485,17 +485,17 @@ class AnnaGlobalConfigService {
|
|
|
485
485
|
*/
|
|
486
486
|
constructor() {
|
|
487
487
|
this.defaultAngular2MultiSelectSettings = {
|
|
488
|
-
text:
|
|
489
|
-
selectAllText:
|
|
490
|
-
unSelectAllText:
|
|
488
|
+
text: 'Select option',
|
|
489
|
+
selectAllText: 'Select All',
|
|
490
|
+
unSelectAllText: 'UnSelect All',
|
|
491
491
|
badgeShowLimit: 1,
|
|
492
492
|
singleSelection: false,
|
|
493
|
-
classes:
|
|
493
|
+
classes: 'filter-dropdowns',
|
|
494
494
|
enableSearchFilter: true,
|
|
495
495
|
enableCheckAll: true,
|
|
496
496
|
autoPosition: false,
|
|
497
497
|
disabled: false,
|
|
498
|
-
position:
|
|
498
|
+
position: 'bottom',
|
|
499
499
|
lazyLoading: false,
|
|
500
500
|
showCheckbox: true,
|
|
501
501
|
maxHeight: 300,
|
|
@@ -512,7 +512,7 @@ class AnnaGlobalConfigService {
|
|
|
512
512
|
};
|
|
513
513
|
this.defaultNgbDatePickerSettings = {
|
|
514
514
|
autoClose: false,
|
|
515
|
-
placeholder:
|
|
515
|
+
placeholder: 'mm-dd-yyyy',
|
|
516
516
|
displayMonths: 1,
|
|
517
517
|
firstDayOfWeek: 1,
|
|
518
518
|
showWeekNumbers: false,
|
|
@@ -520,7 +520,7 @@ class AnnaGlobalConfigService {
|
|
|
520
520
|
};
|
|
521
521
|
this.defaultNgSelectSettings = {
|
|
522
522
|
allowClear: false,
|
|
523
|
-
placeholder:
|
|
523
|
+
placeholder: 'Select',
|
|
524
524
|
};
|
|
525
525
|
this.defaultNgxInfiniteScrollSettings = {
|
|
526
526
|
infiniteScrollDistance: 1,
|
|
@@ -532,43 +532,43 @@ class AnnaGlobalConfigService {
|
|
|
532
532
|
numberOfSkeletonRows: Array(6).fill(0),
|
|
533
533
|
};
|
|
534
534
|
this.defaultRadioButtonsComponentConfig = {
|
|
535
|
-
heading:
|
|
535
|
+
heading: 'Select Option',
|
|
536
536
|
radioButtons: [
|
|
537
537
|
{
|
|
538
|
-
value:
|
|
538
|
+
value: 'Yes',
|
|
539
539
|
isDisabled: false,
|
|
540
|
-
label:
|
|
541
|
-
class:
|
|
540
|
+
label: 'Yes',
|
|
541
|
+
class: '',
|
|
542
542
|
},
|
|
543
543
|
{
|
|
544
|
-
value:
|
|
544
|
+
value: 'No',
|
|
545
545
|
isDisabled: false,
|
|
546
|
-
label:
|
|
547
|
-
class:
|
|
546
|
+
label: 'No',
|
|
547
|
+
class: '',
|
|
548
548
|
},
|
|
549
549
|
],
|
|
550
550
|
};
|
|
551
551
|
this.defaultConfirmationPopupConfig = {
|
|
552
552
|
showCancelButton: true,
|
|
553
|
-
title:
|
|
553
|
+
title: 'Are you sure ?',
|
|
554
554
|
showConfirmButton: true,
|
|
555
|
-
cancelButtonLabel:
|
|
556
|
-
confirmButtonLabel:
|
|
555
|
+
cancelButtonLabel: 'No',
|
|
556
|
+
confirmButtonLabel: 'Yes',
|
|
557
557
|
showCloseIcon: true,
|
|
558
|
-
backdrop:
|
|
559
|
-
windowClass:
|
|
560
|
-
size:
|
|
558
|
+
backdrop: 'static',
|
|
559
|
+
windowClass: '',
|
|
560
|
+
size: 'sm',
|
|
561
561
|
keyboard: false,
|
|
562
562
|
};
|
|
563
563
|
this.defaultWeekCalendarConfig = {
|
|
564
564
|
firstDayOfWeek: 1,
|
|
565
565
|
showWeekNumbers: true,
|
|
566
|
-
dateFormatToDisplay:
|
|
567
|
-
dateFormatForRequest:
|
|
566
|
+
dateFormatToDisplay: 'd MMM y',
|
|
567
|
+
dateFormatForRequest: 'y-MM-dd',
|
|
568
568
|
maxWeeksToShowWithRemainingCount: 2,
|
|
569
569
|
numberOfMonthsToEnableInPast: 1,
|
|
570
570
|
selectMultipleWeeks: false,
|
|
571
|
-
customClass:
|
|
571
|
+
customClass: '',
|
|
572
572
|
emitMultipleWeekObjects: true,
|
|
573
573
|
maxWeeksToSelect: 0,
|
|
574
574
|
showAsDropdown: true,
|
|
@@ -580,7 +580,7 @@ class AnnaGlobalConfigService {
|
|
|
580
580
|
lastColumnKeys: [],
|
|
581
581
|
};
|
|
582
582
|
this.defaultGtGeneralConfig = {
|
|
583
|
-
component:
|
|
583
|
+
component: '',
|
|
584
584
|
totalRow: false,
|
|
585
585
|
isHeaderChecked: false,
|
|
586
586
|
disableHeaderCheckbox: false,
|
|
@@ -588,13 +588,13 @@ class AnnaGlobalConfigService {
|
|
|
588
588
|
isGrouped: false,
|
|
589
589
|
showAllColumnFilter: true,
|
|
590
590
|
bufferSize: 20,
|
|
591
|
-
page:
|
|
591
|
+
page: '',
|
|
592
592
|
};
|
|
593
593
|
this.defaultSingleSelectConfig = {
|
|
594
594
|
showSearchBar: false,
|
|
595
|
-
placeholder:
|
|
596
|
-
classes:
|
|
597
|
-
position:
|
|
595
|
+
placeholder: 'Select',
|
|
596
|
+
classes: '',
|
|
597
|
+
position: 'BOTTOM',
|
|
598
598
|
maxHeightOfList: 200,
|
|
599
599
|
};
|
|
600
600
|
this.defaultMultiSelectConfig = {
|
|
@@ -603,12 +603,12 @@ class AnnaGlobalConfigService {
|
|
|
603
603
|
};
|
|
604
604
|
}
|
|
605
605
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGlobalConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
606
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGlobalConfigService, providedIn:
|
|
606
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGlobalConfigService, providedIn: 'root' }); }
|
|
607
607
|
}
|
|
608
608
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGlobalConfigService, decorators: [{
|
|
609
609
|
type: Injectable,
|
|
610
610
|
args: [{
|
|
611
|
-
providedIn:
|
|
611
|
+
providedIn: 'root',
|
|
612
612
|
}]
|
|
613
613
|
}], ctorParameters: function () { return []; } });
|
|
614
614
|
|
|
@@ -646,7 +646,7 @@ class AnnaWeekCalendarComponent {
|
|
|
646
646
|
this.hoveredDate = null;
|
|
647
647
|
this.toDate = null;
|
|
648
648
|
this.weekNumbers = [];
|
|
649
|
-
this.dateToDisplay =
|
|
649
|
+
this.dateToDisplay = '';
|
|
650
650
|
this.multiSelectDropdownOpen = false;
|
|
651
651
|
this.calendarMap = new Map();
|
|
652
652
|
this.disabledDates = [];
|
|
@@ -654,16 +654,16 @@ class AnnaWeekCalendarComponent {
|
|
|
654
654
|
this.calendarToggled = new EventEmitter();
|
|
655
655
|
}
|
|
656
656
|
getWeekNumber(week, firstDayOfWeek) {
|
|
657
|
-
const weekStartDate = dayjs(convertNgbDateToMoment(week[0]),
|
|
657
|
+
const weekStartDate = dayjs(convertNgbDateToMoment(week[0]), 'MM/DD/YYYY');
|
|
658
658
|
const weekYear = weekStartDate.year();
|
|
659
|
-
const yearStartDate = dayjs(`01/01/${weekYear}`,
|
|
659
|
+
const yearStartDate = dayjs(`01/01/${weekYear}`, 'MM/DD/YYYY');
|
|
660
660
|
const weekDay = yearStartDate.day();
|
|
661
|
-
const noOfDays = weekStartDate.diff(yearStartDate,
|
|
661
|
+
const noOfDays = weekStartDate.diff(yearStartDate, 'd') + 1;
|
|
662
662
|
function convertNgbDateToMoment(ngbDate) {
|
|
663
|
-
let formatType =
|
|
663
|
+
let formatType = 'MM/DD/YYYY';
|
|
664
664
|
let converted = null;
|
|
665
665
|
if (ngbDate && ngbDate.month && ngbDate.day && ngbDate.year) {
|
|
666
|
-
converted = ngbDate.month +
|
|
666
|
+
converted = ngbDate.month + '/' + ngbDate.day + '/' + ngbDate.year;
|
|
667
667
|
converted = dayjs(converted).format(formatType);
|
|
668
668
|
}
|
|
669
669
|
return converted;
|
|
@@ -695,16 +695,16 @@ class AnnaWeekCalendarComponent {
|
|
|
695
695
|
this.weekObjects = [];
|
|
696
696
|
this.fromDate = this.calendar.getToday();
|
|
697
697
|
this.today = this.calendar.getToday();
|
|
698
|
-
let backDatedPeriod = JSON.parse(localStorage.getItem(
|
|
698
|
+
let backDatedPeriod = JSON.parse(localStorage.getItem('userDetails') || '{}').locking_period_days;
|
|
699
699
|
if (backDatedPeriod < 0) {
|
|
700
|
-
let date = this.calendar.getPrev(this.calendar.getToday(),
|
|
700
|
+
let date = this.calendar.getPrev(this.calendar.getToday(), 'd', Math.abs(backDatedPeriod));
|
|
701
701
|
this.today = NgbDate.from(date);
|
|
702
702
|
this.fromDate = NgbDate.from(date);
|
|
703
703
|
}
|
|
704
704
|
// Disable months before numberOfMonthsToEnable
|
|
705
705
|
this.datePickerConfig.markDisabled = (date) => {
|
|
706
|
-
let previousMonth = this.calendar.getPrev(this.today,
|
|
707
|
-
let previousDay = this.calendar.getPrev(previousMonth,
|
|
706
|
+
let previousMonth = this.calendar.getPrev(this.today, 'm', this.config.numberOfMonthsToEnableInPast);
|
|
707
|
+
let previousDay = this.calendar.getPrev(previousMonth, 'd', 1);
|
|
708
708
|
return !NgbDate.from(previousDay).before(date);
|
|
709
709
|
};
|
|
710
710
|
this.formatter = this.formattedDates();
|
|
@@ -741,15 +741,15 @@ class AnnaWeekCalendarComponent {
|
|
|
741
741
|
this.toDate = this.constructEndDate(dateObject)(constructDate);
|
|
742
742
|
}
|
|
743
743
|
if (this.disabledDates.length > 0) {
|
|
744
|
-
let dayjsStartDate = dayjs(this.annaDateTimeFormatService.convertNgbDateToMoment(this.fromDate),
|
|
745
|
-
let dayjsEndDate = dayjs(this.annaDateTimeFormatService.convertNgbDateToMoment(this.toDate),
|
|
744
|
+
let dayjsStartDate = dayjs(this.annaDateTimeFormatService.convertNgbDateToMoment(this.fromDate), 'MM/DD/YYYY');
|
|
745
|
+
let dayjsEndDate = dayjs(this.annaDateTimeFormatService.convertNgbDateToMoment(this.toDate), 'MM/DD/YYYY');
|
|
746
746
|
let ngbDate;
|
|
747
747
|
while (!dayjsStartDate.isSame(dayjsEndDate)) {
|
|
748
|
-
ngbDate = this.annaDateTimeFormatService.convertToNgbDate(dayjsStartDate,
|
|
748
|
+
ngbDate = this.annaDateTimeFormatService.convertToNgbDate(dayjsStartDate, 'MM/DD/YYYY');
|
|
749
749
|
if (this.checkIfDateIsDisabled(ngbDate)) {
|
|
750
750
|
break;
|
|
751
751
|
}
|
|
752
|
-
dayjsStartDate.add(1,
|
|
752
|
+
dayjsStartDate.add(1, 'd');
|
|
753
753
|
}
|
|
754
754
|
let newDateObject = new Date(ngbDate.year, ngbDate.month - 1, ngbDate.day - 1);
|
|
755
755
|
let constructDate = this.buildDate(newDateObject);
|
|
@@ -768,7 +768,7 @@ class AnnaWeekCalendarComponent {
|
|
|
768
768
|
let endDate = NgbDate.from(this.toDate);
|
|
769
769
|
week.push(startDate);
|
|
770
770
|
while (endDate != null && !startDate.equals(endDate)) {
|
|
771
|
-
let date = this.calendar.getNext(startDate,
|
|
771
|
+
let date = this.calendar.getNext(startDate, 'd', 1);
|
|
772
772
|
startDate = date;
|
|
773
773
|
week.push(date);
|
|
774
774
|
// Collect all days in week to calculate the week number
|
|
@@ -785,7 +785,7 @@ class AnnaWeekCalendarComponent {
|
|
|
785
785
|
this.weekObjects = [];
|
|
786
786
|
if (dates.length > 0) {
|
|
787
787
|
for (let date of dates) {
|
|
788
|
-
this.weekNumbers.push(
|
|
788
|
+
this.weekNumbers.push(' Week ' + this.calendar.getWeekNumber(date, this.config.firstDayOfWeek));
|
|
789
789
|
let dates = this.formatter(date[0], date[6]);
|
|
790
790
|
let dateObjects = { startDate: dates.formattedStartDate, endDate: dates.formattedEndDate };
|
|
791
791
|
this.weekObjects.push(dateObjects);
|
|
@@ -798,7 +798,7 @@ class AnnaWeekCalendarComponent {
|
|
|
798
798
|
this.toDate = dates[dates.length - 1][6];
|
|
799
799
|
}
|
|
800
800
|
formattedDates() {
|
|
801
|
-
let pipe = new DatePipe(
|
|
801
|
+
let pipe = new DatePipe('en-US');
|
|
802
802
|
let thisObj = this;
|
|
803
803
|
return function (fromDate, toDate) {
|
|
804
804
|
let fromDateObject = new Date(fromDate.year, fromDate.month - 1, fromDate.day);
|
|
@@ -807,7 +807,7 @@ class AnnaWeekCalendarComponent {
|
|
|
807
807
|
thisObj.formattedEndDate = pipe.transform(toDateObject, thisObj.config.dateFormatForRequest);
|
|
808
808
|
thisObj.dateToDisplay =
|
|
809
809
|
pipe.transform(fromDateObject, thisObj.config.dateFormatToDisplay) +
|
|
810
|
-
|
|
810
|
+
' to ' +
|
|
811
811
|
pipe.transform(toDateObject, thisObj.config.dateFormatToDisplay);
|
|
812
812
|
return thisObj;
|
|
813
813
|
};
|
|
@@ -826,7 +826,7 @@ class AnnaWeekCalendarComponent {
|
|
|
826
826
|
}
|
|
827
827
|
let remainingWeeks = this.weekNumbers.length;
|
|
828
828
|
this.weekNumbers = [];
|
|
829
|
-
this.weekNumbers.push(weekDisplay +
|
|
829
|
+
this.weekNumbers.push(weekDisplay + ' +' + remainingWeeks);
|
|
830
830
|
}
|
|
831
831
|
}
|
|
832
832
|
}
|
|
@@ -876,23 +876,23 @@ class AnnaWeekCalendarComponent {
|
|
|
876
876
|
}
|
|
877
877
|
previousWeek() {
|
|
878
878
|
if (this.fromDate) {
|
|
879
|
-
this.toDate = this.calendar.getPrev(this.fromDate,
|
|
880
|
-
this.fromDate = this.calendar.getPrev(this.fromDate,
|
|
879
|
+
this.toDate = this.calendar.getPrev(this.fromDate, 'd', 1);
|
|
880
|
+
this.fromDate = this.calendar.getPrev(this.fromDate, 'd', this.calendar.getDaysPerWeek());
|
|
881
881
|
}
|
|
882
882
|
this.weekNumberGenerator();
|
|
883
883
|
this.applyChanges();
|
|
884
884
|
}
|
|
885
885
|
nextWeek() {
|
|
886
886
|
if (this.fromDate) {
|
|
887
|
-
this.fromDate = this.calendar.getNext(this.fromDate,
|
|
888
|
-
this.toDate = this.calendar.getNext(this.fromDate,
|
|
887
|
+
this.fromDate = this.calendar.getNext(this.fromDate, 'd', this.calendar.getDaysPerWeek());
|
|
888
|
+
this.toDate = this.calendar.getNext(this.fromDate, 'd', this.calendar.getDaysPerWeek() - 1);
|
|
889
889
|
}
|
|
890
890
|
this.weekNumberGenerator();
|
|
891
891
|
this.applyChanges();
|
|
892
892
|
}
|
|
893
893
|
setCalendarMap() {
|
|
894
894
|
let dateObj = { fromDate: this.fromDate, toDate: this.toDate };
|
|
895
|
-
this.calendarMap.set(
|
|
895
|
+
this.calendarMap.set('oldDates', dateObj);
|
|
896
896
|
}
|
|
897
897
|
applyChanges() {
|
|
898
898
|
this.multiSelectDropdownOpen = false;
|
|
@@ -925,8 +925,8 @@ class AnnaWeekCalendarComponent {
|
|
|
925
925
|
}
|
|
926
926
|
revertDates() {
|
|
927
927
|
this.multiSelectDropdownOpen = false;
|
|
928
|
-
if (this.calendarMap.get(
|
|
929
|
-
let dateObj = this.calendarMap.get(
|
|
928
|
+
if (this.calendarMap.get('oldDates')) {
|
|
929
|
+
let dateObj = this.calendarMap.get('oldDates');
|
|
930
930
|
this.fromDate = dateObj.fromDate;
|
|
931
931
|
this.toDate = dateObj.toDate;
|
|
932
932
|
this.weekNumberGenerator();
|
|
@@ -945,47 +945,47 @@ class AnnaWeekCalendarComponent {
|
|
|
945
945
|
}
|
|
946
946
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaWeekCalendarComponent, decorators: [{
|
|
947
947
|
type: Component,
|
|
948
|
-
args: [{ selector:
|
|
948
|
+
args: [{ selector: 'anna-core-week-calendar-filter-lib', standalone: true, imports: [NgIf, FormsModule, NgbInputDatepicker, NgClass, NgbDatepicker], template: "<form\r\n class=\"form-inline\"\r\n *ngIf=\"config.showAsDropdown\"\r\n>\r\n <div class=\"form-group hidden\">\r\n <div class=\"input-group\">\r\n <input\r\n name=\"datepicker\"\r\n class=\"form-control\"\r\n ngbDatepicker\r\n #datepicker=\"ngbDatepicker\"\r\n [autoClose]=\"false\"\r\n (dateSelect)=\"selectWeek($event)\"\r\n (closed)=\"isFocused(false)\"\r\n [displayMonths]=\"1\"\r\n [dayTemplate]=\"t\"\r\n [startDate]=\"fromDate!\"\r\n [firstDayOfWeek]=\"config.firstDayOfWeek\"\r\n [showWeekNumbers]=\"config.showWeekNumbers\"\r\n tabindex=\"-1\"\r\n style=\"display: none\"\r\n [footerTemplate]=\"footerTemplate\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <!--Single week select-->\r\n <div *ngIf=\"!config.selectMultipleWeeks\">\r\n <span style=\"position: relative; left: 30px; font-size: 12px\"> {{ weekNumbers }} </span>\r\n <div class=\"form-group\">\r\n <div class=\"input-group\">\r\n <div class=\"single-week\">\r\n <div class=\"left\">\r\n <span\r\n class=\"material-icons next-round-btn\"\r\n (click)=\"previousWeek()\"\r\n >\r\n navigate_next\r\n </span>\r\n </div>\r\n <input\r\n #dpFromDate\r\n class=\"form-control\"\r\n placeholder=\"Select Weeks\"\r\n [ngClass]=\"[config.customClass == '' ? '' : config.customClass]\"\r\n name=\"dpFromDate\"\r\n [value]=\"dateToDisplay\"\r\n [readonly]=\"true\"\r\n (click)=\"isFocused(true); isDropdownOpenedForCalendar(datepicker)\"\r\n />\r\n <i\r\n class=\"mdi mdi-menu-down\"\r\n *ngIf=\"!datepicker.isOpen()\"\r\n (click)=\"datepicker.open()\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-up\"\r\n *ngIf=\"datepicker.isOpen()\"\r\n (click)=\"isDropdownOpenedForCalendar(datepicker)\"\r\n ></i>\r\n <div class=\"right\">\r\n <span\r\n class=\"material-icons round-btn\"\r\n (click)=\"nextWeek()\"\r\n >\r\n navigate_next\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!--Multiple week select-->\r\n <div\r\n class=\"form-group\"\r\n *ngIf=\"config.selectMultipleWeeks\"\r\n >\r\n <div class=\"input-group\">\r\n <div class=\"multiple-weeks\">\r\n <input\r\n #dpFromDate\r\n class=\"form-control\"\r\n placeholder=\"Select Weeks\"\r\n [ngClass]=\"[config.customClass == '' ? '' : config.customClass]\"\r\n name=\"dpFromDate\"\r\n [readonly]=\"true\"\r\n [value]=\"weekNumbers\"\r\n (click)=\"isFocused(true); isDropdownOpenedForCalendar(datepicker)\"\r\n />\r\n <i\r\n *ngIf=\"!multiSelectDropdownOpen\"\r\n class=\"mdi mdi-menu-down multiselect-input-arrow\"\r\n ></i>\r\n <i\r\n *ngIf=\"multiSelectDropdownOpen\"\r\n class=\"mdi mdi-menu-up multiselect-input-arrow\"\r\n ></i>\r\n </div>\r\n </div>\r\n </div>\r\n</form>\r\n\r\n<ngb-datepicker\r\n #weekPicker\r\n *ngIf=\"!config.showAsDropdown\"\r\n [displayMonths]=\"1\"\r\n [startDate]=\"fromDate!\"\r\n [firstDayOfWeek]=\"config.firstDayOfWeek\"\r\n [showWeekNumbers]=\"config.showWeekNumbers\"\r\n [dayTemplate]=\"t\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n (dateSelect)=\"selectWeek($event)\"\r\n [markDisabled]=\"disabledFunc\"\r\n>\r\n</ngb-datepicker>\r\n\r\n<ng-template #footerTemplate>\r\n <hr class=\"my-0\" />\r\n <button\r\n class=\"btn btn-primary btn-sm m-2 float-right\"\r\n (click)=\"applyChanges(); closeDatepicker(datepicker)\"\r\n style=\"background-color: #268bff; color: #ffffff\"\r\n >\r\n Apply\r\n </button>\r\n <button\r\n class=\"btn btn-primary btn-sm m-2 float-right\"\r\n (click)=\"revertDates(); closeDatepicker(datepicker)\"\r\n style=\"background-color: rgba(38, 139, 255, 0.12); color: #268bff\"\r\n >\r\n Cancel\r\n </button>\r\n</ng-template>\r\n\r\n<ng-template\r\n #t\r\n let-date\r\n let-focused=\"focused\"\r\n let-disabled=\"disabled\"\r\n>\r\n <span\r\n class=\"custom-day\"\r\n [class.focused]=\"focused\"\r\n [class.range]=\"isRange(date)\"\r\n [class.faded]=\"isHovered(date) || isInside(date)\"\r\n [class.disabled]=\"disabled\"\r\n (mouseenter)=\"hoveredDate = date\"\r\n (mouseleave)=\"hoveredDate = null\"\r\n >\r\n {{ date.day }}\r\n </span>\r\n</ng-template>\r\n\r\n<!--\r\n\r\n<hr>\r\n\r\n<pre>From: {{ fromDate | json }} </pre>\r\n<pre>To: {{ toDate | json }} </pre>\r\n<pre>weekNumbers: {{ weekNumbers | json }} </pre>\r\n\r\n-->\r\n", styles: [":host ::ng-deep .ngb-dp-arrow button:disabled{color:#4a4a4a;background-color:#fff;opacity:.25;cursor:not-allowed}:host ::ng-deep .ngb-dp-arrow button:disabled .ngb-dp-navigation-chevron{color:#4a4a4a}:host ::ng-deep .ngb-dp-arrow button .ngb-dp-navigation-chevron{color:#000}:host::ng-deep .right{width:unset!important;background-color:#fff!important}:host::ng-deep .ngb-dp-day,:host::ng-deep .ngb-dp-weekday{width:3rem!important;font-style:unset!important;color:#8bac2a;outline:none}:host::ng-deep .ngb-dp-day:first-child{border:1px solid black}:host::ng-deep .ngb-dp-day.disabled{color:#d4d4d4;cursor:not-allowed}:host::ng-deep .ngb-dp-showweek:before{content:\"Weeks\";margin-right:5px}:host::ng-deep .ngb-dp-week-number{font-style:unset!important;width:4rem!important;margin-right:5px;font-weight:700;color:#000!important;border-right:1px solid rgba(0,0,0,.125)}:host::ng-deep .ngb-dp-week-number:before{font-style:unset!important;content:\"Week \"}:host::ng-deep .ngb-dp-weekday.ngb-dp-showweek{margin-right:5px;width:4rem!important;border-right:1px solid rgba(0,0,0,.125)}:host::ng-deep .dropdown-menu{box-shadow:none}:host::ng-deep .dropdown-menu.show{top:15px!important}:host::ng-deep .bg-light{background-color:#fff!important}:host::ng-deep .ngb-dp-weekdays{border-top:1px solid rgba(0,0,0,.125)}:host::ng-deep .ngb-dp-arrow-btn:focus{box-shadow:none}.custom-day{text-align:center;padding:.185rem .25rem;display:inline-block;height:1.75rem;font-weight:700;color:#222b45;width:3rem!important}.custom-day.focused{background-color:#fff}.custom-day.faded{background-color:#0275d880!important}.custom-day.faded:focus{outline:none!important}.custom-day:hover{background-color:#268bff1f!important;color:#4a4a4a!important}.custom-day:focus{outline:none!important}.custom-day.range{background-color:#268bff1f!important;color:#4a4a4a!important}.custom-day.range:focus{outline:none!important}.custom-day.disabled{color:#d3d3d3}.input-group>.single-week,.input-group .multiple-weeks{display:inline-flex!important}.input-group>.single-week>.form-control,.input-group .multiple-weeks>.form-control{width:212px;border-radius:2px;border:solid 1px #b3b3b3;height:1.875rem;cursor:pointer}.input-group>.form-control{width:212px;border-radius:2px;border:solid 1px #b3b3b3;height:1.875rem;cursor:pointer}.form-control[readonly]{background-color:#fff!important}.next-round-btn{transform:rotate(180deg);margin-left:.125rem;line-height:1.3;border-radius:50%;cursor:pointer}.round-btn{line-height:1.3;border-radius:50%;cursor:pointer;margin-left:.25rem}:host::ng-deep select.custom-select{background:none;appearance:auto}.left,.right{width:1.875rem!important;height:1.875rem;background:#d8d8d8!important;border-radius:50%}.left{margin-right:.3125rem}.right{margin-left:.3125rem}:host::ng-deep .right .ngb-dp-navigation-chevron,:host::ng-deep .ngb-dp-navigation-chevron{color:#268bff}:host::ng-deep .ngb-dp-arrow-btn:focus{outline-width:0px}.custom-day.faded{background-color:#268bff33!important;color:#000!important;font-weight:600}.custom-day{text-align:center;padding:.185rem .25rem;color:#000;display:inline-block;line-height:1.9;height:2rem;width:2rem}.custom-day.focused{background-color:#e6e6e6}.custom-day.range{background-color:#268bff!important;color:#fff!important;font-weight:600}.custom-day:hover{background-color:#d9e1e6;border-radius:.25rem;color:#bdbdbd}:host::ng-deep div.ngb-dp-weekday{color:#8bac2a;font-family:Roboto;font-size:.8125rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:normal}.mdi-menu-up,.mdi-menu-down{position:absolute;right:2.438rem;top:1px;font-size:1.375rem;cursor:pointer}.multiselect-input-arrow{position:absolute;right:.75rem;top:3px;font-size:1.25rem;cursor:pointer;pointer-events:none}button:focus{outline:none;box-shadow:none;border-color:transparent}::ng-deep .ngb-dp-header,::ng-deep .ngb-dp-week{background:#fff!important}\n"] }]
|
|
949
949
|
}], ctorParameters: function () { return [{ type: i1.NgbCalendar }, { type: i1.NgbDatepickerConfig }, { type: AnnaDateTimeFormatService }, { type: AnnaGlobalConfigService }]; }, propDecorators: { selectedFromDate: [{
|
|
950
950
|
type: Input,
|
|
951
|
-
args: [
|
|
951
|
+
args: ['from-date']
|
|
952
952
|
}], selectedEndDate: [{
|
|
953
953
|
type: Input,
|
|
954
|
-
args: [
|
|
954
|
+
args: ['to-date']
|
|
955
955
|
}], disabledDates: [{
|
|
956
956
|
type: Input,
|
|
957
|
-
args: [
|
|
957
|
+
args: ['disabled-dates']
|
|
958
958
|
}], maxDate: [{
|
|
959
959
|
type: Input
|
|
960
960
|
}], minDate: [{
|
|
961
961
|
type: Input
|
|
962
962
|
}], config: [{
|
|
963
963
|
type: Input,
|
|
964
|
-
args: [
|
|
964
|
+
args: ['week-calendar-config']
|
|
965
965
|
}], applyWeekCalendarChanges: [{
|
|
966
966
|
type: Output,
|
|
967
|
-
args: [
|
|
967
|
+
args: ['apply']
|
|
968
968
|
}], calendarToggled: [{
|
|
969
969
|
type: Output,
|
|
970
|
-
args: [
|
|
970
|
+
args: ['toggle-calendar']
|
|
971
971
|
}] } });
|
|
972
972
|
|
|
973
973
|
// Angular import statements
|
|
974
974
|
class AnnaCalendarFilterComponent {
|
|
975
975
|
constructor(annaTimeService) {
|
|
976
976
|
this.annaTimeService = annaTimeService;
|
|
977
|
-
this.autoClose =
|
|
977
|
+
this.autoClose = 'outside';
|
|
978
978
|
this.showLabel = true;
|
|
979
|
-
this.dateFormat =
|
|
980
|
-
this.placeholder =
|
|
979
|
+
this.dateFormat = 'MM/DD/YYYY';
|
|
980
|
+
this.placeholder = 'MM/DD/YYYY';
|
|
981
981
|
this.disabled = false;
|
|
982
982
|
this.selectedDate = new EventEmitter();
|
|
983
983
|
this.showFooterTemplate = false;
|
|
984
|
-
this.placement = [
|
|
984
|
+
this.placement = ['top-start', 'left', 'bottom-start', 'auto'];
|
|
985
985
|
this.apply = new EventEmitter();
|
|
986
986
|
this.cancel = new EventEmitter();
|
|
987
987
|
this.disableApplyBtn = false;
|
|
988
|
-
this.dateToBeShownInInput =
|
|
988
|
+
this.dateToBeShownInInput = '';
|
|
989
989
|
this.disableFunction = (date) => {
|
|
990
990
|
return false;
|
|
991
991
|
};
|
|
@@ -1028,7 +1028,7 @@ class AnnaCalendarFilterComponent {
|
|
|
1028
1028
|
return true;
|
|
1029
1029
|
}
|
|
1030
1030
|
else {
|
|
1031
|
-
dayJsStartDate = dayJsStartDate.add(1,
|
|
1031
|
+
dayJsStartDate = dayJsStartDate.add(1, 'day');
|
|
1032
1032
|
}
|
|
1033
1033
|
}
|
|
1034
1034
|
}
|
|
@@ -1085,7 +1085,7 @@ class AnnaCalendarFilterComponent {
|
|
|
1085
1085
|
}
|
|
1086
1086
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaCalendarFilterComponent, decorators: [{
|
|
1087
1087
|
type: Component,
|
|
1088
|
-
args: [{ selector: "anna-core-calendar-filter-lib", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, FormsModule, NgbInputDatepicker, NgClass, TitleCasePipe], template: "<!-- container=\"body\"\r\ndatepickerClass = \"calendar-filter\" -->\r\n\r\n<p\r\n class=\"calendar-label\"\r\n *ngIf=\"showLabel\"\r\n>\r\n {{ label | titlecase }}\r\n</p>\r\n<form>\r\n <div\r\n class=\"padding-class\"\r\n style=\"padding: 0 12px\"\r\n >\r\n <div class=\"dp-hidden position-absolute\">\r\n <div class=\"input-group\">\r\n <input\r\n name=\"datepicker\"\r\n class=\"form-control\"\r\n ngbDatepicker\r\n #datepicker=\"ngbDatepicker\"\r\n (dateSelect)=\"onDateSelection($event)\"\r\n [displayMonths]=\"1\"\r\n [dayTemplate]=\"t\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [autoClose]=\"autoClose\"\r\n [startDate]=\"fromDate\"\r\n [markDisabled]=\"disableFunction\"\r\n [footerTemplate]=\"footerTemplate\"\r\n navigation=\"select\"\r\n (closed)=\"datepickerClosed()\"\r\n [placement]=\"placement\"\r\n />\r\n <ng-template\r\n #t\r\n let-date\r\n let-focused=\"focused\"\r\n >\r\n <span\r\n class=\"custom-day\"\r\n [class.focused]=\"focused\"\r\n [class.range]=\"isRange(date)\"\r\n [class.faded]=\"isHovered(date) || isInside(date)\"\r\n (mouseenter)=\"hoveredDate = date\"\r\n (mouseleave)=\"hoveredDate = null\"\r\n >\r\n {{ date.day }}\r\n </span>\r\n </ng-template>\r\n </div>\r\n </div>\r\n <div class=\"input-group\">\r\n <input\r\n #dpFromDate\r\n id=\"datepicker-input\"\r\n class=\"form-control\"\r\n [placeholder]=\"placeholder\"\r\n readonly\r\n name=\"dpFromDate\"\r\n [value]=\"dateToBeShownInInput\"\r\n />\r\n <button\r\n class=\"icon-container\"\r\n (click)=\"datepicker.toggle()\"\r\n type=\"button\"\r\n [disabled]=\"disabled\"\r\n >\r\n <i\r\n class=\"mdi mdi-calendar-range\"\r\n *ngIf=\"!datepicker.isOpen()\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-check\"\r\n *ngIf=\"datepicker.isOpen()\"\r\n ></i>\r\n </button>\r\n </div>\r\n </div>\r\n</form>\r\n\r\n<ng-template #footerTemplate>\r\n <div\r\n class=\"buttons-container\"\r\n *ngIf=\"showFooterTemplate\"\r\n >\r\n <button\r\n class=\"button\"\r\n (click)=\"cancelSelection(); datepicker.close()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n [ngClass]=\"{ disabled: disableApplyBtn }\"\r\n [disabled]=\"disableApplyBtn\"\r\n (click)=\"applySelection(); datepicker.close()\"\r\n >\r\n Apply\r\n </button>\r\n </div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep .ngb-dp-arrow button:disabled{color:#4a4a4a;background-color:#fff;opacity:.25;cursor:not-allowed}:host ::ng-deep .ngb-dp-arrow button:disabled .ngb-dp-navigation-chevron{color:#4a4a4a}:host ::ng-deep .ngb-dp-arrow button .ngb-dp-navigation-chevron{color:#000}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}:host::ng-deep div.ngb-dp-arrow{width:2.4375rem!important;background-color:#fff!important}:host::ng-deep div.ngb-dp-weekday{color:#8bac2a;border-top:1px solid rgba(183,183,183,.6);margin-top:.5rem;font-family:Roboto;font-size:.8125rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:normal}:host::ng-deep div.ngb-dp-week{border-radius:0;background-color:#fff!important}:host::ng-deep div.ngb-dp-header{padding-top:8px!important;background-color:#fff!important}:host::ng-deep div.bg-primary{background-color:#d9e1e6!important;border-radius:.25rem}:host::ng-deep .ngb-dp-arrow-btn:focus{outline-width:0px}:host::ng-deep .right .ngb-dp-navigation-chevron,:host::ng-deep .ngb-dp-navigation-chevron{color:#000}:host::ng-deep .custom-select{border:1px solid rgba(183,183,183,.6);box-shadow:none}:host::ng-deep .btn:focus{box-shadow:none}.custom-day{text-align:center;padding:.185rem .25rem;color:#000;display:inline-block;height:2rem;width:2.2rem}.custom-day.range{background-color:#268bff!important;color:#fff!important}.custom-day:hover{background-color:#d9e1e6;border-radius:.25rem;color:#bdbdbd}:host::ng-deep div.ngb-dp-day.disabled{cursor:not-allowed}.custom-day.faded{background-color:#268bff33!important;color:#000!important;font-weight:600}:host::ng-deep div.ngb-dp-week div.ngb-dp-day.disabled .custom-day{color:#bdbdbd;opacity:50%}.buttons{display:flex;margin:0px auto .4375rem;margin-bottom:0;justify-content:center}.buttons button.btn:disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.buttons .btn{display:inline-block;margin:8px 4px 0 8px;padding:5px 16px;text-align:center;outline:none;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.buttons .btn:last-of-type{background-color:#268bff;color:#fff}:host::ng-deep .ngb-dp-day{font-weight:700}input#datepicker-input,button.icon-container{background:#fff;border:none}input#datepicker-input{color:#202b47;cursor:default;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input#datepicker-input:focus{box-shadow:none}div.input-group{border:1px solid #b7b7b7;border-radius:2px}.calendar-label{font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#666;margin-top:7px;margin-bottom:0;text-align:left;margin-left:12px}.dp-hidden .input-group{border-bottom:none}.dp-hidden .input-group .form-control{height:29px}:host::ng-deep ngb-datepicker-navigation-select>.form-select:focus{box-shadow:none!important;border:1px solid #c2cfd6!important}:host::ng-deep .ngb-dp-day,:host::ng-deep .ngb-dp-weekday,:host::ng-deep .ngb-dp-week-number{width:2.2rem!important}:host ::ng-deep .input-group ngb-datepicker.dropdown-menu.show{margin-left:-1px!important}\n"] }]
|
|
1088
|
+
args: [{ selector: 'anna-core-calendar-filter-lib', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, FormsModule, NgbInputDatepicker, NgClass, TitleCasePipe], template: "<!-- container=\"body\"\r\ndatepickerClass = \"calendar-filter\" -->\r\n\r\n<p\r\n class=\"calendar-label\"\r\n *ngIf=\"showLabel\"\r\n>\r\n {{ label | titlecase }}\r\n</p>\r\n<form>\r\n <div\r\n class=\"padding-class\"\r\n style=\"padding: 0 12px\"\r\n >\r\n <div class=\"dp-hidden position-absolute\">\r\n <div class=\"input-group\">\r\n <input\r\n name=\"datepicker\"\r\n class=\"form-control\"\r\n ngbDatepicker\r\n #datepicker=\"ngbDatepicker\"\r\n (dateSelect)=\"onDateSelection($event)\"\r\n [displayMonths]=\"1\"\r\n [dayTemplate]=\"t\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [autoClose]=\"autoClose\"\r\n [startDate]=\"fromDate\"\r\n [markDisabled]=\"disableFunction\"\r\n [footerTemplate]=\"footerTemplate\"\r\n navigation=\"select\"\r\n (closed)=\"datepickerClosed()\"\r\n [placement]=\"placement\"\r\n />\r\n <ng-template\r\n #t\r\n let-date\r\n let-focused=\"focused\"\r\n >\r\n <span\r\n class=\"custom-day\"\r\n [class.focused]=\"focused\"\r\n [class.range]=\"isRange(date)\"\r\n [class.faded]=\"isHovered(date) || isInside(date)\"\r\n (mouseenter)=\"hoveredDate = date\"\r\n (mouseleave)=\"hoveredDate = null\"\r\n >\r\n {{ date.day }}\r\n </span>\r\n </ng-template>\r\n </div>\r\n </div>\r\n <div class=\"input-group\">\r\n <input\r\n #dpFromDate\r\n id=\"datepicker-input\"\r\n class=\"form-control\"\r\n [placeholder]=\"placeholder\"\r\n readonly\r\n name=\"dpFromDate\"\r\n [value]=\"dateToBeShownInInput\"\r\n />\r\n <button\r\n class=\"icon-container\"\r\n (click)=\"datepicker.toggle()\"\r\n type=\"button\"\r\n [disabled]=\"disabled\"\r\n >\r\n <i\r\n class=\"mdi mdi-calendar-range\"\r\n *ngIf=\"!datepicker.isOpen()\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-check\"\r\n *ngIf=\"datepicker.isOpen()\"\r\n ></i>\r\n </button>\r\n </div>\r\n </div>\r\n</form>\r\n\r\n<ng-template #footerTemplate>\r\n <div\r\n class=\"buttons-container\"\r\n *ngIf=\"showFooterTemplate\"\r\n >\r\n <button\r\n class=\"button\"\r\n (click)=\"cancelSelection(); datepicker.close()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n [ngClass]=\"{ disabled: disableApplyBtn }\"\r\n [disabled]=\"disableApplyBtn\"\r\n (click)=\"applySelection(); datepicker.close()\"\r\n >\r\n Apply\r\n </button>\r\n </div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep .ngb-dp-arrow button:disabled{color:#4a4a4a;background-color:#fff;opacity:.25;cursor:not-allowed}:host ::ng-deep .ngb-dp-arrow button:disabled .ngb-dp-navigation-chevron{color:#4a4a4a}:host ::ng-deep .ngb-dp-arrow button .ngb-dp-navigation-chevron{color:#000}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}:host::ng-deep div.ngb-dp-arrow{width:2.4375rem!important;background-color:#fff!important}:host::ng-deep div.ngb-dp-weekday{color:#8bac2a;border-top:1px solid rgba(183,183,183,.6);margin-top:.5rem;font-family:Roboto;font-size:.8125rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:normal}:host::ng-deep div.ngb-dp-week{border-radius:0;background-color:#fff!important}:host::ng-deep div.ngb-dp-header{padding-top:8px!important;background-color:#fff!important}:host::ng-deep div.bg-primary{background-color:#d9e1e6!important;border-radius:.25rem}:host::ng-deep .ngb-dp-arrow-btn:focus{outline-width:0px}:host::ng-deep .right .ngb-dp-navigation-chevron,:host::ng-deep .ngb-dp-navigation-chevron{color:#000}:host::ng-deep .custom-select{border:1px solid rgba(183,183,183,.6);box-shadow:none}:host::ng-deep .btn:focus{box-shadow:none}.custom-day{text-align:center;padding:.185rem .25rem;color:#000;display:inline-block;height:2rem;width:2.2rem}.custom-day.range{background-color:#268bff!important;color:#fff!important}.custom-day:hover{background-color:#d9e1e6;border-radius:.25rem;color:#bdbdbd}:host::ng-deep div.ngb-dp-day.disabled{cursor:not-allowed}.custom-day.faded{background-color:#268bff33!important;color:#000!important;font-weight:600}:host::ng-deep div.ngb-dp-week div.ngb-dp-day.disabled .custom-day{color:#bdbdbd;opacity:50%}.buttons{display:flex;margin:0px auto .4375rem;margin-bottom:0;justify-content:center}.buttons button.btn:disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.buttons .btn{display:inline-block;margin:8px 4px 0 8px;padding:5px 16px;text-align:center;outline:none;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.buttons .btn:last-of-type{background-color:#268bff;color:#fff}:host::ng-deep .ngb-dp-day{font-weight:700}input#datepicker-input,button.icon-container{background:#fff;border:none}input#datepicker-input{color:#202b47;cursor:default;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input#datepicker-input:focus{box-shadow:none}div.input-group{border:1px solid #b7b7b7;border-radius:2px}.calendar-label{font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#666;margin-top:7px;margin-bottom:0;text-align:left;margin-left:12px}.dp-hidden .input-group{border-bottom:none}.dp-hidden .input-group .form-control{height:29px}:host::ng-deep ngb-datepicker-navigation-select>.form-select:focus{box-shadow:none!important;border:1px solid #c2cfd6!important}:host::ng-deep .ngb-dp-day,:host::ng-deep .ngb-dp-weekday,:host::ng-deep .ngb-dp-week-number{width:2.2rem!important}:host ::ng-deep .input-group ngb-datepicker.dropdown-menu.show{margin-left:-1px!important}\n"] }]
|
|
1089
1089
|
}], ctorParameters: function () { return [{ type: AnnaDateTimeFormatService }]; }, propDecorators: { maxDate: [{
|
|
1090
1090
|
type: Input
|
|
1091
1091
|
}], autoClose: [{
|
|
@@ -1120,6 +1120,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1120
1120
|
type: Output
|
|
1121
1121
|
}] } });
|
|
1122
1122
|
|
|
1123
|
+
class TooltipModel {
|
|
1124
|
+
constructor(obj, id) {
|
|
1125
|
+
this.label = obj != null ? obj.toString() : '-';
|
|
1126
|
+
this.value = obj;
|
|
1127
|
+
this.isSelected = false;
|
|
1128
|
+
this.id = id;
|
|
1129
|
+
}
|
|
1130
|
+
}
|
|
1131
|
+
class tooltipModelForColumnLevelFiltering {
|
|
1132
|
+
constructor(data) {
|
|
1133
|
+
this.data = data;
|
|
1134
|
+
this.isSelected = true;
|
|
1135
|
+
this.isHidden = false;
|
|
1136
|
+
}
|
|
1137
|
+
}
|
|
1138
|
+
class radioButtonModel {
|
|
1139
|
+
constructor(key, value, sort, filter) {
|
|
1140
|
+
this.key = key;
|
|
1141
|
+
this.label = value;
|
|
1142
|
+
this.isSortRequired = sort;
|
|
1143
|
+
this.isFilterRequired = filter;
|
|
1144
|
+
}
|
|
1145
|
+
}
|
|
1146
|
+
var AllSelectedStatus;
|
|
1147
|
+
(function (AllSelectedStatus) {
|
|
1148
|
+
AllSelectedStatus[AllSelectedStatus["none"] = 0] = "none";
|
|
1149
|
+
AllSelectedStatus[AllSelectedStatus["allSelected"] = 1] = "allSelected";
|
|
1150
|
+
AllSelectedStatus[AllSelectedStatus["fewSelected"] = 2] = "fewSelected";
|
|
1151
|
+
})(AllSelectedStatus || (AllSelectedStatus = {}));
|
|
1152
|
+
|
|
1123
1153
|
// Angular import statements
|
|
1124
1154
|
// Third party import statements
|
|
1125
1155
|
// User defined import statements
|
|
@@ -1128,14 +1158,14 @@ class AnnaSortService {
|
|
|
1128
1158
|
this.annaDateTimeFormatService = annaDateTimeFormatService;
|
|
1129
1159
|
this.updateSortTypeSubject = new Subject();
|
|
1130
1160
|
this.dateSet = new Set([
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1161
|
+
'endDate',
|
|
1162
|
+
'startDate',
|
|
1163
|
+
'end_date',
|
|
1164
|
+
'start_date',
|
|
1165
|
+
'flightStartDate',
|
|
1166
|
+
'flightEndDate',
|
|
1167
|
+
'date',
|
|
1168
|
+
'GeneratedOn',
|
|
1139
1169
|
]);
|
|
1140
1170
|
}
|
|
1141
1171
|
sortDataForComponentOtherThanLurAndCsrPage(isAsc, data, key) {
|
|
@@ -1146,13 +1176,13 @@ class AnnaSortService {
|
|
|
1146
1176
|
return this.annaDateTimeFormatService.compareDate(a[key], b[key], isAsc);
|
|
1147
1177
|
});
|
|
1148
1178
|
}
|
|
1149
|
-
else if (key ===
|
|
1179
|
+
else if (key === 'AirDateAndTime' || key === 'Date') {
|
|
1150
1180
|
data.sort((a, b) => {
|
|
1151
1181
|
let first, second;
|
|
1152
|
-
if (a[key] ==
|
|
1182
|
+
if (a[key] == '-') {
|
|
1153
1183
|
return 1;
|
|
1154
1184
|
}
|
|
1155
|
-
if (b[key] ==
|
|
1185
|
+
if (b[key] == '-') {
|
|
1156
1186
|
return -1;
|
|
1157
1187
|
}
|
|
1158
1188
|
else {
|
|
@@ -1163,7 +1193,7 @@ class AnnaSortService {
|
|
|
1163
1193
|
}
|
|
1164
1194
|
});
|
|
1165
1195
|
}
|
|
1166
|
-
else if (key ==
|
|
1196
|
+
else if (key == 'startEndTime' || key == 'TimeBand') {
|
|
1167
1197
|
data.sort((a, b) => {
|
|
1168
1198
|
if (isAsc) {
|
|
1169
1199
|
param1 = a[key][1];
|
|
@@ -1180,8 +1210,8 @@ class AnnaSortService {
|
|
|
1180
1210
|
});
|
|
1181
1211
|
}
|
|
1182
1212
|
else {
|
|
1183
|
-
let dataWithoutEmptyOrHyphenValues = data.filter((n) => n[key] !=
|
|
1184
|
-
let rowsWithHyphenOrZeroValues = data.filter((n) => n[key] ==
|
|
1213
|
+
let dataWithoutEmptyOrHyphenValues = data.filter((n) => n[key] != '-');
|
|
1214
|
+
let rowsWithHyphenOrZeroValues = data.filter((n) => n[key] == '-');
|
|
1185
1215
|
dataWithoutEmptyOrHyphenValues.sort((a, b) => {
|
|
1186
1216
|
param1 = a[key];
|
|
1187
1217
|
param2 = b[key];
|
|
@@ -1199,16 +1229,16 @@ class AnnaSortService {
|
|
|
1199
1229
|
sortEnterEditLurAndCsrPage(isAsc, data, key) {
|
|
1200
1230
|
let param1;
|
|
1201
1231
|
let param2;
|
|
1202
|
-
if (key.includes(
|
|
1203
|
-
let keys = key.split(
|
|
1232
|
+
if (key.includes('_')) {
|
|
1233
|
+
let keys = key.split('_');
|
|
1204
1234
|
let weekNumber = keys[0];
|
|
1205
1235
|
let sortKey = keys[1];
|
|
1206
1236
|
if (keys.length > 2) {
|
|
1207
|
-
sortKey = keys[2] == true ?
|
|
1237
|
+
sortKey = keys[2] == true ? 'BookedAurIncludingNoChargeSpots' : 'BookedAurExcludingNoChargeSpots';
|
|
1208
1238
|
}
|
|
1209
1239
|
data.sort((a, b) => {
|
|
1210
|
-
let aInventoryCodeWeekWiseKey = Object.keys(a.WeekWiseInventoryCodeData).filter((key) => key.split(
|
|
1211
|
-
let bInventoryCodeWeekWiseKey = Object.keys(b.WeekWiseInventoryCodeData).filter((key) => key.split(
|
|
1240
|
+
let aInventoryCodeWeekWiseKey = Object.keys(a.WeekWiseInventoryCodeData).filter((key) => key.split('_')[1] == weekNumber);
|
|
1241
|
+
let bInventoryCodeWeekWiseKey = Object.keys(b.WeekWiseInventoryCodeData).filter((key) => key.split('_')[1] == weekNumber);
|
|
1212
1242
|
param1 = null;
|
|
1213
1243
|
param2 = null;
|
|
1214
1244
|
if (aInventoryCodeWeekWiseKey.length > 0) {
|
|
@@ -1223,7 +1253,7 @@ class AnnaSortService {
|
|
|
1223
1253
|
return 0;
|
|
1224
1254
|
});
|
|
1225
1255
|
}
|
|
1226
|
-
else if (key ==
|
|
1256
|
+
else if (key == 'TimeBand') {
|
|
1227
1257
|
data.sort((a, b) => {
|
|
1228
1258
|
if (isAsc) {
|
|
1229
1259
|
param1 = a[key][1];
|
|
@@ -1253,12 +1283,12 @@ class AnnaSortService {
|
|
|
1253
1283
|
}
|
|
1254
1284
|
checkIfSortingIsApplied(tableData, isLurAndCsrComponent) {
|
|
1255
1285
|
for (let [key, value] of this.columnSortState.entries()) {
|
|
1256
|
-
if (value ==
|
|
1286
|
+
if (value == 'ASC') {
|
|
1257
1287
|
tableData = cloneDeep(isLurAndCsrComponent
|
|
1258
1288
|
? this.sortEnterEditLurAndCsrPage(true, tableData, key)
|
|
1259
1289
|
: this.sortDataForComponentOtherThanLurAndCsrPage(true, tableData, key));
|
|
1260
1290
|
}
|
|
1261
|
-
else if (value ==
|
|
1291
|
+
else if (value == 'DESC') {
|
|
1262
1292
|
tableData = cloneDeep(isLurAndCsrComponent
|
|
1263
1293
|
? this.sortEnterEditLurAndCsrPage(false, tableData, key)
|
|
1264
1294
|
: this.sortDataForComponentOtherThanLurAndCsrPage(false, tableData, key));
|
|
@@ -1267,28 +1297,28 @@ class AnnaSortService {
|
|
|
1267
1297
|
return tableData;
|
|
1268
1298
|
}
|
|
1269
1299
|
applySorting(key, tempSortOrder, tableData, isLurAndCsrComponent) {
|
|
1270
|
-
if (tempSortOrder ==
|
|
1300
|
+
if (tempSortOrder == 'ASC') {
|
|
1271
1301
|
tableData = cloneDeep(isLurAndCsrComponent
|
|
1272
1302
|
? this.sortEnterEditLurAndCsrPage(true, tableData, key)
|
|
1273
1303
|
: this.sortDataForComponentOtherThanLurAndCsrPage(true, tableData, key));
|
|
1274
1304
|
}
|
|
1275
|
-
else if (tempSortOrder ==
|
|
1305
|
+
else if (tempSortOrder == 'DESC') {
|
|
1276
1306
|
tableData = cloneDeep(isLurAndCsrComponent
|
|
1277
1307
|
? this.sortEnterEditLurAndCsrPage(false, tableData, key)
|
|
1278
1308
|
: this.sortDataForComponentOtherThanLurAndCsrPage(false, tableData, key));
|
|
1279
1309
|
}
|
|
1280
|
-
else if (tempSortOrder ==
|
|
1310
|
+
else if (tempSortOrder == 'DEFAULT') {
|
|
1281
1311
|
tableData = cloneDeep(this.noSortingAppliedData);
|
|
1282
1312
|
}
|
|
1283
1313
|
return tableData;
|
|
1284
1314
|
}
|
|
1285
1315
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortService, deps: [{ token: AnnaDateTimeFormatService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1286
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortService, providedIn:
|
|
1316
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortService, providedIn: 'root' }); }
|
|
1287
1317
|
}
|
|
1288
1318
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortService, decorators: [{
|
|
1289
1319
|
type: Injectable,
|
|
1290
1320
|
args: [{
|
|
1291
|
-
providedIn:
|
|
1321
|
+
providedIn: 'root',
|
|
1292
1322
|
}]
|
|
1293
1323
|
}], ctorParameters: function () { return [{ type: AnnaDateTimeFormatService }]; } });
|
|
1294
1324
|
|
|
@@ -1299,36 +1329,6 @@ var SortTypeEnum;
|
|
|
1299
1329
|
SortTypeEnum["DESC"] = "DESC";
|
|
1300
1330
|
})(SortTypeEnum || (SortTypeEnum = {}));
|
|
1301
1331
|
|
|
1302
|
-
class TooltipModel {
|
|
1303
|
-
constructor(obj, id) {
|
|
1304
|
-
this.label = obj != null ? obj.toString() : "-";
|
|
1305
|
-
this.value = obj;
|
|
1306
|
-
this.isSelected = false;
|
|
1307
|
-
this.id = id;
|
|
1308
|
-
}
|
|
1309
|
-
}
|
|
1310
|
-
class tooltipModelForColumnLevelFiltering {
|
|
1311
|
-
constructor(data) {
|
|
1312
|
-
this.data = data;
|
|
1313
|
-
this.isSelected = true;
|
|
1314
|
-
this.isHidden = false;
|
|
1315
|
-
}
|
|
1316
|
-
}
|
|
1317
|
-
class RadioButtonModel {
|
|
1318
|
-
constructor(key, value, sort, filter) {
|
|
1319
|
-
this.key = key;
|
|
1320
|
-
this.label = value;
|
|
1321
|
-
this.isSortRequired = sort;
|
|
1322
|
-
this.isFilterRequired = filter;
|
|
1323
|
-
}
|
|
1324
|
-
}
|
|
1325
|
-
var AllSelectedStatus;
|
|
1326
|
-
(function (AllSelectedStatus) {
|
|
1327
|
-
AllSelectedStatus[AllSelectedStatus["none"] = 0] = "none";
|
|
1328
|
-
AllSelectedStatus[AllSelectedStatus["allSelected"] = 1] = "allSelected";
|
|
1329
|
-
AllSelectedStatus[AllSelectedStatus["fewSelected"] = 2] = "fewSelected";
|
|
1330
|
-
})(AllSelectedStatus || (AllSelectedStatus = {}));
|
|
1331
|
-
|
|
1332
1332
|
class AnnaFilterService {
|
|
1333
1333
|
static { this.bufferSize = 20; }
|
|
1334
1334
|
constructor(dateTimeFormatService, annaSortService) {
|
|
@@ -2606,22 +2606,22 @@ class AnnaSortComponent {
|
|
|
2606
2606
|
{
|
|
2607
2607
|
sortType: SortTypeEnum.ASC,
|
|
2608
2608
|
isOptionActive: false,
|
|
2609
|
-
text:
|
|
2609
|
+
text: 'A to Z',
|
|
2610
2610
|
},
|
|
2611
2611
|
{
|
|
2612
2612
|
sortType: SortTypeEnum.DESC,
|
|
2613
2613
|
isOptionActive: false,
|
|
2614
|
-
text:
|
|
2614
|
+
text: 'Z to A',
|
|
2615
2615
|
},
|
|
2616
2616
|
{
|
|
2617
2617
|
sortType: SortTypeEnum.DEFAULT,
|
|
2618
2618
|
isOptionActive: false,
|
|
2619
|
-
text:
|
|
2619
|
+
text: 'Default',
|
|
2620
2620
|
},
|
|
2621
2621
|
];
|
|
2622
2622
|
}
|
|
2623
2623
|
ngOnChanges(changes) {
|
|
2624
|
-
if (changes[
|
|
2624
|
+
if (changes['sortObjectKey'] && changes['sortObjectKey'].currentValue) {
|
|
2625
2625
|
let sortType = this.annaSortService.columnSortState.get(this.sortObjectKey);
|
|
2626
2626
|
this.setSortType(sortType);
|
|
2627
2627
|
}
|
|
@@ -2647,7 +2647,7 @@ class AnnaSortComponent {
|
|
|
2647
2647
|
}
|
|
2648
2648
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaSortComponent, decorators: [{
|
|
2649
2649
|
type: Component,
|
|
2650
|
-
args: [{ selector:
|
|
2650
|
+
args: [{ selector: 'anna-core-sort-lib', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgFor, NgClass], template: "<p class=\"sort-container\">\r\n <button\r\n class=\"sort-btn\"\r\n *ngFor=\"let option of sortOptions; let i = index\"\r\n (click)=\"sortOptionChanged(i, option.sortType)\"\r\n [ngClass]=\"{ active: option.isOptionActive }\"\r\n >\r\n {{ option.text }}\r\n </button>\r\n</p>\r\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}\n"] }]
|
|
2651
2651
|
}], ctorParameters: function () { return [{ type: AnnaSortService }]; }, propDecorators: { sortObjectKey: [{
|
|
2652
2652
|
type: Input
|
|
2653
2653
|
}], sortOptionClicked: [{
|
|
@@ -2660,8 +2660,8 @@ class AnnaColumnTimeFilterComponent {
|
|
|
2660
2660
|
this.annaDateTimeFormatService = annaDateTimeFormatService;
|
|
2661
2661
|
this.annaFilterService = annaFilterService;
|
|
2662
2662
|
this.showClearAllFilter = true;
|
|
2663
|
-
this.startFromText =
|
|
2664
|
-
this.endToText =
|
|
2663
|
+
this.startFromText = 'From';
|
|
2664
|
+
this.endToText = 'To';
|
|
2665
2665
|
this.isSortAndFilterAbsent = false;
|
|
2666
2666
|
this.timeChanges = new EventEmitter();
|
|
2667
2667
|
this.filterAppliedToTable = new EventEmitter();
|
|
@@ -2873,7 +2873,7 @@ class AnnaColumnTimeFilterComponent {
|
|
|
2873
2873
|
let currentSelectedTimeFilter = this.annaFilterService.getCurrentSelectedTimeFilter(this.selectedFromTime, this.selectedToTime, this.multiTimeCheckboxChecked, this.zeroTimeCheckboxChecked, this.enterTimeCheckboxChecked);
|
|
2874
2874
|
let isFiltered = this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSelectedTimeFilter);
|
|
2875
2875
|
this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSelectedTimeFilter);
|
|
2876
|
-
this.tableData = this.annaFilterService.filterData(this.clonedTableData,
|
|
2876
|
+
this.tableData = this.annaFilterService.filterData(this.clonedTableData, '');
|
|
2877
2877
|
if (!isFiltered) {
|
|
2878
2878
|
this.annaFilterService.tooltipSelectedMap.delete(this.annaFilterService.selectedRadio);
|
|
2879
2879
|
}
|
|
@@ -2887,7 +2887,7 @@ class AnnaColumnTimeFilterComponent {
|
|
|
2887
2887
|
}
|
|
2888
2888
|
clearColumnFilter() {
|
|
2889
2889
|
this.annaFilterService.clearColumnFilter();
|
|
2890
|
-
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData,
|
|
2890
|
+
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ''));
|
|
2891
2891
|
this.annaSortService.noSortingAppliedData = this.tableData;
|
|
2892
2892
|
this.tableData = this.annaSortService.checkIfSortingIsApplied(this.tableData, this.isLurAndCsrComponent);
|
|
2893
2893
|
this.annaFilterService.updateStateOfTheCurrentFilterTab(this.annaSortService.columnSortState);
|
|
@@ -2902,7 +2902,7 @@ class AnnaColumnTimeFilterComponent {
|
|
|
2902
2902
|
}
|
|
2903
2903
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnTimeFilterComponent, decorators: [{
|
|
2904
2904
|
type: Component,
|
|
2905
|
-
args: [{ selector: "anna-core-anna-column-time-filter", standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, FormsModule, MatButtonToggleModule], template: "<div\r\n class=\"radio-container\"\r\n *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n <div *ngFor=\"let data of filterTabObjects\">\r\n <p\r\n class=\"filter-tab\"\r\n [title]=\"data.label\"\r\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n *ngIf=\"filterTabObjects.length > 0\"\r\n >\r\n {{ data.label }}\r\n </p>\r\n </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n *ngIf=\"showSortComponent\"\r\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n <button\r\n class=\"column-clear-all\"\r\n *ngIf=\"showClearAllFilter\"\r\n [disabled]=\"disableColumnClearAllBtn\"\r\n (click)=\"clearColumnFilter()\"\r\n >\r\n Clear filter\r\n </button>\r\n <div\r\n class=\"time-filter-checkboxes\"\r\n *ngIf=\"showAllTimeRangeCheckboxes\"\r\n >\r\n <!-- Multi time option checkbox -->\r\n <div\r\n class=\"d-flex align-items-center\"\r\n style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n *ngIf=\"showMultiTimeCheckbox\"\r\n >\r\n <span\r\n *ngIf=\"multiTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-checked\"\r\n (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n >\r\n check_box\r\n </span>\r\n <span\r\n *ngIf=\"!multiTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-unchecked\"\r\n (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n >\r\n check_box_outline_blank\r\n </span>\r\n <p style=\"margin-left: 2px\">Include Multi</p>\r\n </div>\r\n <!-- Zero time option checkbox -->\r\n <div\r\n class=\"d-flex align-items-center\"\r\n style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n *ngIf=\"showZeroTimeCheckbox\"\r\n >\r\n <span\r\n *ngIf=\"zeroTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-checked\"\r\n (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n >\r\n check_box\r\n </span>\r\n <span\r\n *ngIf=\"!zeroTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-unchecked\"\r\n (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n >\r\n check_box_outline_blank\r\n </span>\r\n <p style=\"margin-left: 2px\">Include Zero</p>\r\n </div>\r\n <!-- Enter time range option checkbox -->\r\n <div\r\n class=\"d-flex align-items-center\"\r\n style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n *ngIf=\"showEnterTimeCheckbox\"\r\n >\r\n <span\r\n *ngIf=\"enterTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-checked\"\r\n (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n >\r\n check_box\r\n </span>\r\n <span\r\n *ngIf=\"!enterTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-unchecked\"\r\n (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n >\r\n check_box_outline_blank\r\n </span>\r\n <p style=\"margin-left: 2px\">Enter time range</p>\r\n </div>\r\n </div>\r\n <div class=\"time-label-container\">\r\n <label>{{ startFromText }}</label>\r\n </div>\r\n <div class=\"time-container\">\r\n <input\r\n class=\"form-control numberInput\"\r\n [ngClass]=\"{ 'error-border': startTimeHourErr }\"\r\n [(ngModel)]=\"selectedFromTime[0]\"\r\n type=\"text\"\r\n pattern=\"[1-12]*\"\r\n (ngModelChange)=\"startTimeHourChange($event)\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeStartTimeHour(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n (click)=\"changeStartTimeHour(false)\"\r\n ></i>\r\n </div>\r\n <span class=\"dot\">:</span>\r\n <input\r\n class=\"form-control numberInput\"\r\n [ngClass]=\"{ 'error-border': startTimeMinErr }\"\r\n [(ngModel)]=\"selectedFromTime[1]\"\r\n type=\"text\"\r\n pattern=\"[0-59]*\"\r\n (ngModelChange)=\"startTimeMinChange($event)\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeStartTimeMinute(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n style=\"position: relative; left: 0.25px\"\r\n (click)=\"changeStartTimeMinute(false)\"\r\n ></i>\r\n </div>\r\n <div>\r\n <mat-button-toggle-group\r\n [(ngModel)]=\"selectedFromTime[2]\"\r\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\r\n >\r\n <mat-button-toggle value=\"AM\">\r\n <span>AM</span>\r\n </mat-button-toggle>\r\n <mat-button-toggle value=\"PM\">\r\n <span>PM</span>\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n </div>\r\n </div>\r\n\r\n <div class=\"time-label-container\">\r\n <label>{{ endToText }}</label>\r\n </div>\r\n <div class=\"time-container\">\r\n <input\r\n class=\"form-control numberInput\"\r\n [(ngModel)]=\"selectedToTime[0]\"\r\n [ngClass]=\"{ 'error-border': endTimeHourErr }\"\r\n (ngModelChange)=\"endTimeHourChange($event)\"\r\n type=\"text\"\r\n pattern=\"[1-12]*\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeEndTimeHour(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n (click)=\"changeEndTimeHour(false)\"\r\n ></i>\r\n </div>\r\n <span class=\"dot\">:</span>\r\n <input\r\n class=\"form-control numberInput\"\r\n [ngClass]=\"{ 'error-border': endTimeMinErr }\"\r\n [(ngModel)]=\"selectedToTime[1]\"\r\n (ngModelChange)=\"endTimeMinChange($event)\"\r\n type=\"text\"\r\n pattern=\"[0-59]*\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeEndTimeMinute(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n style=\"position: relative; left: 0.25px\"\r\n (click)=\"changeEndTimeMinute(false)\"\r\n ></i>\r\n </div>\r\n <div>\r\n <mat-button-toggle-group\r\n [(ngModel)]=\"selectedToTime[2]\"\r\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\r\n >\r\n <mat-button-toggle value=\"AM\">\r\n <span>AM</span>\r\n </mat-button-toggle>\r\n <mat-button-toggle value=\"PM\">\r\n <span>PM</span>\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n <button\r\n class=\"button\"\r\n (click)=\"closeTimeFilter()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n [ngClass]=\"{ disabled: disableTimeFilterApplyBtn }\"\r\n (click)=\"applyTimeFilters()\"\r\n [disabled]=\"disableTimeFilterApplyBtn\"\r\n >\r\n Apply\r\n </button>\r\n</div>\r\n", styles: [":host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:30px;width:42px;padding:0 10px}:host ::ng-deep .mat-button-toggle-checked{background-color:#268bff;color:#fff!important}:host ::ng-deep .mat-button-toggle-group-appearance-standard{border-radius:0;border:none!important}::ng-deep .mat-button-toggle-disabled.mat-button-toggle-checked{background:#bdbdbd!important}::ng-deep .mat-button-toggle-disabled.mat-button-toggle-checked button{color:#fff;opacity:1}::ng-deep .mat-button-toggle-appearance-standard{opacity:.5;border:solid 1px #b3b3b3}::ng-deep .mat-button-toggle-appearance-standard button{opacity:1}::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{opacity:1}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.redcolor-status{color:#c62a2a}#no-filter-space{width:.875rem}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}.hidden{display:none}\n"] }]
|
|
2905
|
+
args: [{ selector: 'anna-core-anna-column-time-filter', standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, FormsModule, MatButtonToggleModule], template: "<div\r\n class=\"radio-container\"\r\n *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n <div *ngFor=\"let data of filterTabObjects\">\r\n <p\r\n class=\"filter-tab\"\r\n [title]=\"data.label\"\r\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n *ngIf=\"filterTabObjects.length > 0\"\r\n >\r\n {{ data.label }}\r\n </p>\r\n </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n *ngIf=\"showSortComponent\"\r\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n <button\r\n class=\"column-clear-all\"\r\n *ngIf=\"showClearAllFilter\"\r\n [disabled]=\"disableColumnClearAllBtn\"\r\n (click)=\"clearColumnFilter()\"\r\n >\r\n Clear filter\r\n </button>\r\n <div\r\n class=\"time-filter-checkboxes\"\r\n *ngIf=\"showAllTimeRangeCheckboxes\"\r\n >\r\n <!-- Multi time option checkbox -->\r\n <div\r\n class=\"d-flex align-items-center\"\r\n style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n *ngIf=\"showMultiTimeCheckbox\"\r\n >\r\n <span\r\n *ngIf=\"multiTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-checked\"\r\n (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n >\r\n check_box\r\n </span>\r\n <span\r\n *ngIf=\"!multiTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-unchecked\"\r\n (click)=\"selectOrUnselectMultiTimeCheckbox()\"\r\n >\r\n check_box_outline_blank\r\n </span>\r\n <p style=\"margin-left: 2px\">Include Multi</p>\r\n </div>\r\n <!-- Zero time option checkbox -->\r\n <div\r\n class=\"d-flex align-items-center\"\r\n style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n *ngIf=\"showZeroTimeCheckbox\"\r\n >\r\n <span\r\n *ngIf=\"zeroTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-checked\"\r\n (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n >\r\n check_box\r\n </span>\r\n <span\r\n *ngIf=\"!zeroTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-unchecked\"\r\n (click)=\"selectOrUnselectZeroTimeCheckbox()\"\r\n >\r\n check_box_outline_blank\r\n </span>\r\n <p style=\"margin-left: 2px\">Include Zero</p>\r\n </div>\r\n <!-- Enter time range option checkbox -->\r\n <div\r\n class=\"d-flex align-items-center\"\r\n style=\"padding: 0.5rem 0 0.5rem 0.5rem\"\r\n *ngIf=\"showEnterTimeCheckbox\"\r\n >\r\n <span\r\n *ngIf=\"enterTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-checked\"\r\n (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n >\r\n check_box\r\n </span>\r\n <span\r\n *ngIf=\"!enterTimeCheckboxChecked\"\r\n class=\"material-icons custom-column-checkbox-unchecked\"\r\n (click)=\"selectOrUnselectEnterTimeCheckbox()\"\r\n >\r\n check_box_outline_blank\r\n </span>\r\n <p style=\"margin-left: 2px\">Enter time range</p>\r\n </div>\r\n </div>\r\n <div class=\"time-label-container\">\r\n <label>{{ startFromText }}</label>\r\n </div>\r\n <div class=\"time-container\">\r\n <input\r\n class=\"form-control numberInput\"\r\n [ngClass]=\"{ 'error-border': startTimeHourErr }\"\r\n [(ngModel)]=\"selectedFromTime[0]\"\r\n type=\"text\"\r\n pattern=\"[1-12]*\"\r\n (ngModelChange)=\"startTimeHourChange($event)\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeStartTimeHour(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n (click)=\"changeStartTimeHour(false)\"\r\n ></i>\r\n </div>\r\n <span class=\"dot\">:</span>\r\n <input\r\n class=\"form-control numberInput\"\r\n [ngClass]=\"{ 'error-border': startTimeMinErr }\"\r\n [(ngModel)]=\"selectedFromTime[1]\"\r\n type=\"text\"\r\n pattern=\"[0-59]*\"\r\n (ngModelChange)=\"startTimeMinChange($event)\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeStartTimeMinute(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n style=\"position: relative; left: 0.25px\"\r\n (click)=\"changeStartTimeMinute(false)\"\r\n ></i>\r\n </div>\r\n <div>\r\n <mat-button-toggle-group\r\n [(ngModel)]=\"selectedFromTime[2]\"\r\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\r\n >\r\n <mat-button-toggle value=\"AM\">\r\n <span>AM</span>\r\n </mat-button-toggle>\r\n <mat-button-toggle value=\"PM\">\r\n <span>PM</span>\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n </div>\r\n </div>\r\n\r\n <div class=\"time-label-container\">\r\n <label>{{ endToText }}</label>\r\n </div>\r\n <div class=\"time-container\">\r\n <input\r\n class=\"form-control numberInput\"\r\n [(ngModel)]=\"selectedToTime[0]\"\r\n [ngClass]=\"{ 'error-border': endTimeHourErr }\"\r\n (ngModelChange)=\"endTimeHourChange($event)\"\r\n type=\"text\"\r\n pattern=\"[1-12]*\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeEndTimeHour(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n (click)=\"changeEndTimeHour(false)\"\r\n ></i>\r\n </div>\r\n <span class=\"dot\">:</span>\r\n <input\r\n class=\"form-control numberInput\"\r\n [ngClass]=\"{ 'error-border': endTimeMinErr }\"\r\n [(ngModel)]=\"selectedToTime[1]\"\r\n (ngModelChange)=\"endTimeMinChange($event)\"\r\n type=\"text\"\r\n pattern=\"[0-59]*\"\r\n />\r\n <div class=\"arrow-container\">\r\n <i\r\n class=\"mdi mdi-menu-up upward\"\r\n (click)=\"changeEndTimeMinute(true)\"\r\n ></i>\r\n <i\r\n class=\"mdi mdi-menu-down downward\"\r\n style=\"position: relative; left: 0.25px\"\r\n (click)=\"changeEndTimeMinute(false)\"\r\n ></i>\r\n </div>\r\n <div>\r\n <mat-button-toggle-group\r\n [(ngModel)]=\"selectedToTime[2]\"\r\n (ngModelChange)=\"disableTimeFilterApplyButton()\"\r\n >\r\n <mat-button-toggle value=\"AM\">\r\n <span>AM</span>\r\n </mat-button-toggle>\r\n <mat-button-toggle value=\"PM\">\r\n <span>PM</span>\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n <button\r\n class=\"button\"\r\n (click)=\"closeTimeFilter()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n [ngClass]=\"{ disabled: disableTimeFilterApplyBtn }\"\r\n (click)=\"applyTimeFilters()\"\r\n [disabled]=\"disableTimeFilterApplyBtn\"\r\n >\r\n Apply\r\n </button>\r\n</div>\r\n", styles: [":host ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:30px;width:42px;padding:0 10px}:host ::ng-deep .mat-button-toggle-checked{background-color:#268bff;color:#fff!important}:host ::ng-deep .mat-button-toggle-group-appearance-standard{border-radius:0;border:none!important}::ng-deep .mat-button-toggle-disabled.mat-button-toggle-checked{background:#bdbdbd!important}::ng-deep .mat-button-toggle-disabled.mat-button-toggle-checked button{color:#fff;opacity:1}::ng-deep .mat-button-toggle-appearance-standard{opacity:.5;border:solid 1px #b3b3b3}::ng-deep .mat-button-toggle-appearance-standard button{opacity:1}::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked{opacity:1}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.redcolor-status{color:#c62a2a}#no-filter-space{width:.875rem}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}.hidden{display:none}\n"] }]
|
|
2906
2906
|
}], ctorParameters: function () { return [{ type: AnnaSortService }, { type: AnnaDateTimeFormatService }, { type: AnnaFilterService }]; }, propDecorators: { tableData: [{
|
|
2907
2907
|
type: Input
|
|
2908
2908
|
}], clonedTableData: [{
|
|
@@ -2983,7 +2983,7 @@ class AnnaColumnDateRangeFilterComponent {
|
|
|
2983
2983
|
}
|
|
2984
2984
|
}
|
|
2985
2985
|
getCalendarData() {
|
|
2986
|
-
const parsingFormat =
|
|
2986
|
+
const parsingFormat = 'MM/DD/YYYY';
|
|
2987
2987
|
let optionData = this.annaFilterService.getFilterOptionsData(this.tableData, this.clonedTableData);
|
|
2988
2988
|
let minMaxDate = this.annaFilterService.createRangeForTheDateFilter(optionData);
|
|
2989
2989
|
this.selectRangeForTheDateFilter(minMaxDate, parsingFormat);
|
|
@@ -3068,13 +3068,13 @@ class AnnaColumnDateRangeFilterComponent {
|
|
|
3068
3068
|
let currentSelectedDate = this.annaFilterService.getCurrentSelectedDatesForCalendar(cloneDeep(this.calendarSelection), this.calendarMinEnabledDate, this.calendarMaxEnabledDate);
|
|
3069
3069
|
this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSelectedDate);
|
|
3070
3070
|
this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSelectedDate);
|
|
3071
|
-
this.tableData = this.annaFilterService.filterData(this.clonedTableData,
|
|
3071
|
+
this.tableData = this.annaFilterService.filterData(this.clonedTableData, '');
|
|
3072
3072
|
this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
|
|
3073
3073
|
}
|
|
3074
3074
|
}
|
|
3075
3075
|
clearColumnFilter() {
|
|
3076
3076
|
this.annaFilterService.clearColumnFilter();
|
|
3077
|
-
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData,
|
|
3077
|
+
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ''));
|
|
3078
3078
|
this.annaSortService.noSortingAppliedData = this.tableData;
|
|
3079
3079
|
this.tableData = this.annaSortService.checkIfSortingIsApplied(this.tableData, this.isLurAndCsrComponent);
|
|
3080
3080
|
this.annaFilterService.updateStateOfTheCurrentFilterTab(this.annaSortService.columnSortState);
|
|
@@ -3089,7 +3089,7 @@ class AnnaColumnDateRangeFilterComponent {
|
|
|
3089
3089
|
}
|
|
3090
3090
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnDateRangeFilterComponent, decorators: [{
|
|
3091
3091
|
type: Component,
|
|
3092
|
-
args: [{ selector: "anna-core-anna-column-date-range-filter", standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, AnnaCalendarFilterComponent], template: "<div\r\n class=\"radio-container\"\r\n *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n <div *ngFor=\"let data of filterTabObjects\">\r\n <p\r\n class=\"filter-tab\"\r\n [title]=\"data.label\"\r\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n *ngIf=\"filterTabObjects.length > 0\"\r\n >\r\n {{ data.label }}\r\n </p>\r\n </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n *ngIf=\"showSortComponent\"\r\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n <div class=\"datepicker-container\">\r\n <button\r\n class=\"column-clear-all\"\r\n [disabled]=\"disableColumnClearAllBtn\"\r\n (click)=\"clearColumnFilter()\"\r\n >\r\n Clear filter\r\n </button>\r\n <anna-core-calendar-filter-lib\r\n class=\"filter-calendar\"\r\n [minDate]=\"calendarMinEnabledDate\"\r\n [maxDate]=\"calendarMaxEnabledDate\"\r\n [selectedFromDate]=\"selectedMinDate\"\r\n [selectedToDate]=\"selectedMaxDate\"\r\n (selectedDate)=\"calendarDateChanged($event)\"\r\n [label]=\"selectedLabel\"\r\n >\r\n </anna-core-calendar-filter-lib>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n <button\r\n class=\"button\"\r\n (click)=\"cancelInDateFilter()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n (click)=\"applyDateFilter()\"\r\n [ngClass]=\"{ disabled: disableCalendarApplyBtn }\"\r\n [disabled]=\"disableCalendarApplyBtn\"\r\n >\r\n Apply\r\n </button>\r\n</div>\r\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}\n"] }]
|
|
3092
|
+
args: [{ selector: 'anna-core-anna-column-date-range-filter', standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, AnnaCalendarFilterComponent], template: "<div\r\n class=\"radio-container\"\r\n *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n <div *ngFor=\"let data of filterTabObjects\">\r\n <p\r\n class=\"filter-tab\"\r\n [title]=\"data.label\"\r\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n *ngIf=\"filterTabObjects.length > 0\"\r\n >\r\n {{ data.label }}\r\n </p>\r\n </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n *ngIf=\"showSortComponent\"\r\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n <div class=\"datepicker-container\">\r\n <button\r\n class=\"column-clear-all\"\r\n [disabled]=\"disableColumnClearAllBtn\"\r\n (click)=\"clearColumnFilter()\"\r\n >\r\n Clear filter\r\n </button>\r\n <anna-core-calendar-filter-lib\r\n class=\"filter-calendar\"\r\n [minDate]=\"calendarMinEnabledDate\"\r\n [maxDate]=\"calendarMaxEnabledDate\"\r\n [selectedFromDate]=\"selectedMinDate\"\r\n [selectedToDate]=\"selectedMaxDate\"\r\n (selectedDate)=\"calendarDateChanged($event)\"\r\n [label]=\"selectedLabel\"\r\n >\r\n </anna-core-calendar-filter-lib>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n <button\r\n class=\"button\"\r\n (click)=\"cancelInDateFilter()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n (click)=\"applyDateFilter()\"\r\n [ngClass]=\"{ disabled: disableCalendarApplyBtn }\"\r\n [disabled]=\"disableCalendarApplyBtn\"\r\n >\r\n Apply\r\n </button>\r\n</div>\r\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}\n"] }]
|
|
3093
3093
|
}], ctorParameters: function () { return [{ type: AnnaDateTimeFormatService }, { type: AnnaSortService }, { type: AnnaFilterService }]; }, propDecorators: { tableData: [{
|
|
3094
3094
|
type: Input
|
|
3095
3095
|
}], clonedTableData: [{
|
|
@@ -3173,10 +3173,10 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3173
3173
|
let optionsData = this.annaFilterService.getFilterOptionsData(this.tableData, this.clonedTableData);
|
|
3174
3174
|
this.options = this.annaFilterService.getSliderOptions(optionsData, translateFunc, key);
|
|
3175
3175
|
this.options.step = 1;
|
|
3176
|
-
this.sliderFilterTextBoxStep =
|
|
3177
|
-
if (key !==
|
|
3176
|
+
this.sliderFilterTextBoxStep = '1';
|
|
3177
|
+
if (key !== 'WeekNumber') {
|
|
3178
3178
|
this.options.step = 0.01;
|
|
3179
|
-
this.sliderFilterTextBoxStep =
|
|
3179
|
+
this.sliderFilterTextBoxStep = '0.01';
|
|
3180
3180
|
}
|
|
3181
3181
|
}
|
|
3182
3182
|
setSelectedRangeForSlider(key) {
|
|
@@ -3189,7 +3189,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3189
3189
|
this.closeTooltip.emit();
|
|
3190
3190
|
}
|
|
3191
3191
|
minValueChanged(val) {
|
|
3192
|
-
if (val || val ==
|
|
3192
|
+
if (val || val == '0') {
|
|
3193
3193
|
this.sliderEnteredMinValue = +val;
|
|
3194
3194
|
this.sliderEnteredMaxValue = this.sliderMaxValue;
|
|
3195
3195
|
this.isMinTextBoxEmpty = false;
|
|
@@ -3243,7 +3243,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3243
3243
|
this.sliderEnteredMaxValue = this.sliderMaxValue;
|
|
3244
3244
|
}
|
|
3245
3245
|
maxValueChanged(val) {
|
|
3246
|
-
if (val || val ==
|
|
3246
|
+
if (val || val == '0') {
|
|
3247
3247
|
this.sliderEnteredMaxValue = +val;
|
|
3248
3248
|
this.sliderEnteredMinValue = this.sliderMinValue;
|
|
3249
3249
|
this.isMaxTextBoxEmpty = false;
|
|
@@ -3350,7 +3350,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3350
3350
|
let currentSliderData = this.annaFilterService.getCurrentSelectedValueForSlider(this.sliderEnteredMinValue, this.sliderEnteredMaxValue, this.options);
|
|
3351
3351
|
this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSliderData);
|
|
3352
3352
|
this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSliderData);
|
|
3353
|
-
this.tableData = this.annaFilterService.filterData(this.clonedTableData,
|
|
3353
|
+
this.tableData = this.annaFilterService.filterData(this.clonedTableData, '');
|
|
3354
3354
|
this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
|
|
3355
3355
|
}
|
|
3356
3356
|
}
|
|
@@ -3381,7 +3381,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3381
3381
|
}
|
|
3382
3382
|
clearColumnFilter() {
|
|
3383
3383
|
this.annaFilterService.clearColumnFilter();
|
|
3384
|
-
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData,
|
|
3384
|
+
this.tableData = cloneDeep(this.annaFilterService.filterData(this.clonedTableData, ''));
|
|
3385
3385
|
this.annaSortService.noSortingAppliedData = this.tableData;
|
|
3386
3386
|
this.tableData = this.annaSortService.checkIfSortingIsApplied(this.tableData, this.isLurAndCsrComponent);
|
|
3387
3387
|
this.annaFilterService.updateStateOfTheCurrentFilterTab(this.annaSortService.columnSortState);
|
|
@@ -3392,7 +3392,7 @@ class AnnaColumnSliderFilterComponent {
|
|
|
3392
3392
|
}
|
|
3393
3393
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnSliderFilterComponent, decorators: [{
|
|
3394
3394
|
type: Component,
|
|
3395
|
-
args: [{ selector: "anna-core-anna-column-slider-filter", standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, FormsModule, NgxSliderModule], template: "<div\r\n class=\"radio-container\"\r\n *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n <div *ngFor=\"let data of filterTabObjects\">\r\n <p\r\n class=\"filter-tab\"\r\n [title]=\"data.label\"\r\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n *ngIf=\"filterTabObjects.length > 0\"\r\n >\r\n {{ data.label }}\r\n </p>\r\n </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n *ngIf=\"showSortComponent\"\r\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n <button\r\n class=\"column-clear-all\"\r\n [disabled]=\"disableColumnClearAllBtn\"\r\n (click)=\"clearColumnFilter()\"\r\n >\r\n Clear filter\r\n </button>\r\n <section class=\"min-maxContainer\">\r\n <input\r\n type=\"number\"\r\n class=\"slider-text\"\r\n step=\"{{ sliderFilterTextBoxStep }}\"\r\n [(ngModel)]=\"sliderMinValue\"\r\n (ngModelChange)=\"minValueChanged($event)\"\r\n [ngClass]=\"{ 'red-border': showSliderMinValueError }\"\r\n placeholder=\"Min\"\r\n />\r\n <span>To</span>\r\n <input\r\n type=\"number\"\r\n class=\"slider-text\"\r\n step=\"{{ sliderFilterTextBoxStep }}\"\r\n [(ngModel)]=\"sliderMaxValue\"\r\n (ngModelChange)=\"maxValueChanged($event)\"\r\n [ngClass]=\"{ 'red-border': showSliderMaxValueError }\"\r\n placeholder=\"Max\"\r\n />\r\n </section>\r\n <div class=\"sidebar-slider\">\r\n <ngx-slider\r\n *ngIf=\"!showEmptySpaceForSlider\"\r\n [ngClass]=\"{\r\n 'show-min': sliderMinValue != options.floor,\r\n 'show-max': sliderMaxValue != options.ceil\r\n }\"\r\n class=\"filter-slider\"\r\n [(value)]=\"sliderEnteredMinValue\"\r\n [(highValue)]=\"sliderEnteredMaxValue\"\r\n [options]=\"options\"\r\n ></ngx-slider>\r\n <div\r\n *ngIf=\"showEmptySpaceForSlider\"\r\n class=\"slider-placeholder\"\r\n ></div>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n <button\r\n class=\"button\"\r\n (click)=\"cancelSliderFilter()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n [ngClass]=\"{ disabled: disableSliderApplyButton }\"\r\n (click)=\"applyFilters()\"\r\n [disabled]=\"disableSliderApplyButton\"\r\n >\r\n Apply\r\n </button>\r\n</div>\r\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}\n"] }]
|
|
3395
|
+
args: [{ selector: 'anna-core-anna-column-slider-filter', standalone: true, imports: [NgIf, NgFor, NgClass, AnnaSortComponent, FormsModule, NgxSliderModule], template: "<div\r\n class=\"radio-container\"\r\n *ngIf=\"showFilterHeaderTabs\"\r\n>\r\n <div *ngFor=\"let data of filterTabObjects\">\r\n <p\r\n class=\"filter-tab\"\r\n [title]=\"data.label\"\r\n (click)=\"populateTooltipDataBasedOnSelectedRadio(data, true)\"\r\n [ngClass]=\"{ active: annaFilterService.selectedRadio == data.key }\"\r\n *ngIf=\"filterTabObjects.length > 0\"\r\n >\r\n {{ data.label }}\r\n </p>\r\n </div>\r\n</div>\r\n\r\n<anna-core-sort-lib\r\n *ngIf=\"showSortComponent\"\r\n [ngClass]=\"{ 'no-bottom-border': !showFilterComponent }\"\r\n (sortOptionClicked)=\"storeSortTypeInTempVariable($event)\"\r\n [sortObjectKey]=\"annaFilterService.selectedRadio\"\r\n></anna-core-sort-lib>\r\n\r\n<ng-container *ngIf=\"showFilterComponent\">\r\n <button\r\n class=\"column-clear-all\"\r\n [disabled]=\"disableColumnClearAllBtn\"\r\n (click)=\"clearColumnFilter()\"\r\n >\r\n Clear filter\r\n </button>\r\n <section class=\"min-maxContainer\">\r\n <input\r\n type=\"number\"\r\n class=\"slider-text\"\r\n step=\"{{ sliderFilterTextBoxStep }}\"\r\n [(ngModel)]=\"sliderMinValue\"\r\n (ngModelChange)=\"minValueChanged($event)\"\r\n [ngClass]=\"{ 'red-border': showSliderMinValueError }\"\r\n placeholder=\"Min\"\r\n />\r\n <span>To</span>\r\n <input\r\n type=\"number\"\r\n class=\"slider-text\"\r\n step=\"{{ sliderFilterTextBoxStep }}\"\r\n [(ngModel)]=\"sliderMaxValue\"\r\n (ngModelChange)=\"maxValueChanged($event)\"\r\n [ngClass]=\"{ 'red-border': showSliderMaxValueError }\"\r\n placeholder=\"Max\"\r\n />\r\n </section>\r\n <div class=\"sidebar-slider\">\r\n <ngx-slider\r\n *ngIf=\"!showEmptySpaceForSlider\"\r\n [ngClass]=\"{\r\n 'show-min': sliderMinValue != options.floor,\r\n 'show-max': sliderMaxValue != options.ceil\r\n }\"\r\n class=\"filter-slider\"\r\n [(value)]=\"sliderEnteredMinValue\"\r\n [(highValue)]=\"sliderEnteredMaxValue\"\r\n [options]=\"options\"\r\n ></ngx-slider>\r\n <div\r\n *ngIf=\"showEmptySpaceForSlider\"\r\n class=\"slider-placeholder\"\r\n ></div>\r\n </div>\r\n</ng-container>\r\n\r\n<div class=\"buttons-container\">\r\n <button\r\n class=\"button\"\r\n (click)=\"cancelSliderFilter()\"\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n class=\"button\"\r\n [ngClass]=\"{ disabled: disableSliderApplyButton }\"\r\n (click)=\"applyFilters()\"\r\n [disabled]=\"disableSliderApplyButton\"\r\n >\r\n Apply\r\n </button>\r\n</div>\r\n", styles: [".sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:1.125rem;color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{margin:1px 0 1px 4px;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px)}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.875rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:1.1875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:25px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:14px;background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:.875rem!important;margin-top:10px!important;cursor:pointer}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#4a4a4a}\n"] }]
|
|
3396
3396
|
}], ctorParameters: function () { return [{ type: AnnaFilterService }, { type: AnnaSortService }]; }, propDecorators: { filterTabObjects: [{
|
|
3397
3397
|
type: Input
|
|
3398
3398
|
}], isLurAndCsrComponent: [{
|
|
@@ -3457,7 +3457,7 @@ class AnnaColumnCheckboxFilterComponent {
|
|
|
3457
3457
|
}
|
|
3458
3458
|
getCheckboxData(header) {
|
|
3459
3459
|
let tooltipOptions = this.createListForCheckboxFilter(header);
|
|
3460
|
-
let [clonedTooltipOptions, updatedTooltipOptions, selectedItems, unselectedItems] = this.annaFilterService.getClonedTooltipAndTooltipOption(tooltipOptions,
|
|
3460
|
+
let [clonedTooltipOptions, updatedTooltipOptions, selectedItems, unselectedItems] = this.annaFilterService.getClonedTooltipAndTooltipOption(tooltipOptions, 'label');
|
|
3461
3461
|
this.clonedTooltipOptions = clonedTooltipOptions;
|
|
3462
3462
|
this.tooltipOptions = updatedTooltipOptions;
|
|
3463
3463
|
this.heightOfCheckboxTooltipFilter = this.annaFilterService.getHeightOfCheckboxTooltipFilter(this.tooltipOptions.length, this.margin);
|
|
@@ -3562,7 +3562,7 @@ class AnnaColumnCheckboxFilterComponent {
|
|
|
3562
3562
|
let currentSelectedValue = this.annaFilterService.getCheckboxCurrentSelectedValue(this.searchItem, this.tooltipOptions);
|
|
3563
3563
|
this.annaFilterService.reOrderAppliedFiltersState(this.clonedTableData, currentSelectedValue);
|
|
3564
3564
|
this.annaFilterService.tooltipSelectedMap.set(this.annaFilterService.selectedRadio, currentSelectedValue);
|
|
3565
|
-
this.tableData = this.annaFilterService.filterData(this.clonedTableData,
|
|
3565
|
+
this.tableData = this.annaFilterService.filterData(this.clonedTableData, '');
|
|
3566
3566
|
this.annaSortService.noSortingAppliedData = cloneDeep(this.tableData);
|
|
3567
3567
|
}
|
|
3568
3568
|
}
|
|
@@ -3611,8 +3611,8 @@ class AnnaColumnCheckboxFilterComponent {
|
|
|
3611
3611
|
this.toolTipdata = null;
|
|
3612
3612
|
}
|
|
3613
3613
|
clearSearchedItem() {
|
|
3614
|
-
this.searchItem =
|
|
3615
|
-
this.searchForTheItem(
|
|
3614
|
+
this.searchItem = '';
|
|
3615
|
+
this.searchForTheItem('');
|
|
3616
3616
|
}
|
|
3617
3617
|
storeSortTypeInTempVariable(event) {
|
|
3618
3618
|
this.tempSortOrder = event;
|
|
@@ -3623,7 +3623,7 @@ class AnnaColumnCheckboxFilterComponent {
|
|
|
3623
3623
|
}
|
|
3624
3624
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaColumnCheckboxFilterComponent, decorators: [{
|
|
3625
3625
|
type: Component,
|
|
3626
|
-
args: [{ selector:
|
|
3626
|
+
args: [{ selector: 'anna-core-anna-column-checkbox-filter', standalone: true, imports: [
|
|
3627
3627
|
NgIf,
|
|
3628
3628
|
NgFor,
|
|
3629
3629
|
NgClass,
|
|
@@ -3919,48 +3919,24 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
3919
3919
|
this.tooltipRadioTextMap.set("averageUnitRateValue", " AUR");
|
|
3920
3920
|
this.tooltipRadioTextMap.set("totalBookedAmountWithRatingValue", "$Booked With Rating");
|
|
3921
3921
|
this.tooltipRadioTextMap.set("averageUnitRateWithRatingValue", "AUR With Rating");
|
|
3922
|
-
this.tooltipRadioTextMap.set("totalBookedAmountValue", "Total $Booked");
|
|
3923
|
-
this.tooltipRadioTextMap.set("averageUnitRateValue", " AUR");
|
|
3924
|
-
this.tooltipRadioTextMap.set("totalBookedAmountWithRatingValue", "$Booked With Rating");
|
|
3925
|
-
this.tooltipRadioTextMap.set("averageUnitRateWithRatingValue", "AUR With Rating");
|
|
3926
|
-
this.tooltipRadioTextMap.set("totalBookedAmountWithImpressionValue", "$Booked With IMPS");
|
|
3927
|
-
this.tooltipRadioTextMap.set("averageUnitRateWithImpressionValue", "AUR With IMPS");
|
|
3928
3922
|
this.tooltipRadioTextMap.set("totalBookedAmountWithImpressionValue", "$Booked With IMPS");
|
|
3929
3923
|
this.tooltipRadioTextMap.set("averageUnitRateWithImpressionValue", "AUR With IMPS");
|
|
3930
3924
|
this.tooltipRadioTextMap.set("bookedUnitsWithRatingValue", "Booked Units With Rating");
|
|
3931
3925
|
this.tooltipRadioTextMap.set("postedUnitsWithRatingValue", "Posted Units With Rating");
|
|
3932
|
-
this.tooltipRadioTextMap.set("bookedUnitsWithRatingValue", "Booked Units With Rating");
|
|
3933
|
-
this.tooltipRadioTextMap.set("postedUnitsWithRatingValue", "Posted Units With Rating");
|
|
3934
|
-
this.tooltipRadioTextMap.set("bookedUnitsWithImpressionValue", "Booked Units With IMPS");
|
|
3935
|
-
this.tooltipRadioTextMap.set("postedUnitsWithImpressionValue", "Posted Units With IMPS");
|
|
3936
3926
|
this.tooltipRadioTextMap.set("bookedUnitsWithImpressionValue", "Booked Units With IMPS");
|
|
3937
3927
|
this.tooltipRadioTextMap.set("postedUnitsWithImpressionValue", "Posted Units With IMPS");
|
|
3938
3928
|
this.tooltipRadioTextMap.set("bookedRatings", "Booked Rating");
|
|
3939
3929
|
this.tooltipRadioTextMap.set("postedRatings", "POSTED Rating");
|
|
3940
3930
|
this.tooltipRadioTextMap.set("PostedRating", "Posted RTG");
|
|
3941
|
-
this.tooltipRadioTextMap.set("bookedRatings", "Booked Rating");
|
|
3942
|
-
this.tooltipRadioTextMap.set("postedRatings", "POSTED Rating");
|
|
3943
|
-
this.tooltipRadioTextMap.set("PostedRating", "Posted RTG");
|
|
3944
|
-
this.tooltipRadioTextMap.set("bookedImpressions", "Booked IMP('000)");
|
|
3945
|
-
this.tooltipRadioTextMap.set("postedImpressions", "Posted IMP('000)");
|
|
3946
|
-
this.tooltipRadioTextMap.set("PostedImpressions", "Posted IMP('000)");
|
|
3947
3931
|
this.tooltipRadioTextMap.set("bookedImpressions", "Booked IMP('000)");
|
|
3948
3932
|
this.tooltipRadioTextMap.set("postedImpressions", "Posted IMP('000)");
|
|
3949
3933
|
this.tooltipRadioTextMap.set("PostedImpressions", "Posted IMP('000)");
|
|
3950
3934
|
this.tooltipRadioTextMap.set("bookedAverageRating", "Booked AU Rating");
|
|
3951
3935
|
this.tooltipRadioTextMap.set("postedAverageRating", "Posted AU Rating");
|
|
3952
|
-
this.tooltipRadioTextMap.set("bookedAverageRating", "Booked AU Rating");
|
|
3953
|
-
this.tooltipRadioTextMap.set("postedAverageRating", "Posted AU Rating");
|
|
3954
|
-
this.tooltipRadioTextMap.set("bookedAverageImpression", "Booked AU IMPS");
|
|
3955
|
-
this.tooltipRadioTextMap.set("postedAverageImpression", "Posted AU IMPS");
|
|
3956
3936
|
this.tooltipRadioTextMap.set("bookedAverageImpression", "Booked AU IMPS");
|
|
3957
3937
|
this.tooltipRadioTextMap.set("postedAverageImpression", "Posted AU IMPS");
|
|
3958
3938
|
this.tooltipRadioTextMap.set("bookedCppValue", "Booked CPP");
|
|
3959
3939
|
this.tooltipRadioTextMap.set("bookedEffectiveCppValue", "Effective CPP");
|
|
3960
|
-
this.tooltipRadioTextMap.set("bookedCppValue", "Booked CPP");
|
|
3961
|
-
this.tooltipRadioTextMap.set("bookedEffectiveCppValue", "Effective CPP");
|
|
3962
|
-
this.tooltipRadioTextMap.set("bookedCpmValue", "Booked CPM");
|
|
3963
|
-
this.tooltipRadioTextMap.set("bookedEffectiveCpmValue", "Effective CPM");
|
|
3964
3940
|
this.tooltipRadioTextMap.set("bookedCpmValue", "Booked CPM");
|
|
3965
3941
|
this.tooltipRadioTextMap.set("bookedEffectiveCpmValue", "Effective CPM");
|
|
3966
3942
|
this.tooltipRadioTextMap.set("orderSource", "Order Route");
|
|
@@ -3981,56 +3957,6 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
3981
3957
|
this.tooltipRadioTextMap.set("udGrpPercent", "Proj. UD GRP %");
|
|
3982
3958
|
this.tooltipRadioTextMap.set("odImpsPercent", "Proj. OD %");
|
|
3983
3959
|
this.tooltipRadioTextMap.set("odGrpPercent", "Proj. OD GRP %");
|
|
3984
|
-
this.tooltipRadioTextMap.set("orderSource", "Order Route");
|
|
3985
|
-
this.tooltipRadioTextMap.set("orderCategory", "Rev Category");
|
|
3986
|
-
this.tooltipRadioTextMap.set("cashOrTrade", "C/T");
|
|
3987
|
-
this.tooltipRadioTextMap.set("revisionStartDate", "Revision Start Date");
|
|
3988
|
-
this.tooltipRadioTextMap.set("name", "name");
|
|
3989
|
-
this.tooltipRadioTextMap.set("role", "role");
|
|
3990
|
-
this.tooltipRadioTextMap.set("stationCount", "stationCount");
|
|
3991
|
-
this.tooltipRadioTextMap.set("stationList", "stationList");
|
|
3992
|
-
this.tooltipRadioTextMap.set("approvedOn", "Approved On");
|
|
3993
|
-
this.tooltipRadioTextMap.set("approvedBy", "Approved By");
|
|
3994
|
-
this.tooltipRadioTextMap.set("ODImps", "Proj. OD IMPS");
|
|
3995
|
-
this.tooltipRadioTextMap.set("UDImps", "Proj. UD IMPS");
|
|
3996
|
-
this.tooltipRadioTextMap.set("ODGrp", "Proj. OD GRP");
|
|
3997
|
-
this.tooltipRadioTextMap.set("UDGrp", "Proj. UD GRP");
|
|
3998
|
-
this.tooltipRadioTextMap.set("udImpsPercent", "Proj. UD %");
|
|
3999
|
-
this.tooltipRadioTextMap.set("udGrpPercent", "Proj. UD GRP %");
|
|
4000
|
-
this.tooltipRadioTextMap.set("odImpsPercent", "Proj. OD %");
|
|
4001
|
-
this.tooltipRadioTextMap.set("odGrpPercent", "Proj. OD GRP %");
|
|
4002
|
-
this.tooltipRadioTextMap.set("RevisionNumber", "Revision #");
|
|
4003
|
-
this.tooltipRadioTextMap.set("RevisionType", "Revision Type");
|
|
4004
|
-
this.tooltipRadioTextMap.set("GeneratedOn", "Generated On");
|
|
4005
|
-
this.tooltipRadioTextMap.set("BookedValueForDisplay", "$ BOOKED");
|
|
4006
|
-
this.tooltipRadioTextMap.set("BookedValue", "$ Booked");
|
|
4007
|
-
this.tooltipRadioTextMap.set("BookedSpots", "Spots");
|
|
4008
|
-
this.tooltipRadioTextMap.set("BookedGRP", "GRP");
|
|
4009
|
-
this.tooltipRadioTextMap.set("BookedIMPSRevTab", "IMPS'(000)");
|
|
4010
|
-
this.tooltipRadioTextMap.set("BookedCPP", "CPP");
|
|
4011
|
-
this.tooltipRadioTextMap.set("BookedCPM", "CPM");
|
|
4012
|
-
this.tooltipRadioTextMap.set("MGsValueForDisplay", "$ MGS");
|
|
4013
|
-
this.tooltipRadioTextMap.set("MGsValue", "$ MGS");
|
|
4014
|
-
this.tooltipRadioTextMap.set("ADUsValueForDisplay", "$ ADUS");
|
|
4015
|
-
this.tooltipRadioTextMap.set("ADUsValue", "$ ADUS");
|
|
4016
|
-
this.tooltipRadioTextMap.set("BuyerChangesValueForDisplay", "$ Buyer Change");
|
|
4017
|
-
this.tooltipRadioTextMap.set("BuyerChangesValue", "$ Buyer Change");
|
|
4018
|
-
this.tooltipRadioTextMap.set("UserChangesValueForDisplay", "$ Seller User Change");
|
|
4019
|
-
this.tooltipRadioTextMap.set("UserChangesValue", "$ Seller User Change");
|
|
4020
|
-
this.tooltipRadioTextMap.set("SellerLine", "Seller Line #");
|
|
4021
|
-
this.tooltipRadioTextMap.set("BuyerLine", "Buy Line #");
|
|
4022
|
-
this.tooltipRadioTextMap.set("SpotStatus", "Spot Status");
|
|
4023
|
-
this.tooltipRadioTextMap.set("InventoryCode", "Inventory Code");
|
|
4024
|
-
this.tooltipRadioTextMap.set("BuyerProgramName", "Buyer Program Name");
|
|
4025
|
-
this.tooltipRadioTextMap.set("RevenueClass", "Revenue Class");
|
|
4026
|
-
this.tooltipRadioTextMap.set("WeeklyAUR", "Booked Avg. Rate");
|
|
4027
|
-
this.tooltipRadioTextMap.set("BookedRate", "Booked Rate");
|
|
4028
|
-
this.tooltipRadioTextMap.set("averageRate", "Average Rate");
|
|
4029
|
-
this.tooltipRadioTextMap.set("bookedAverageRate", "Booked AVG. Rate");
|
|
4030
|
-
this.tooltipRadioTextMap.set("dollarIMPSImpact", "$ IMPS Impact");
|
|
4031
|
-
this.tooltipRadioTextMap.set("dollarRTGImpact", "$ RTG IMPACT");
|
|
4032
|
-
this.tooltipRadioTextMap.set("IMPSImpact", "IMPS ('000) IMPACT");
|
|
4033
|
-
this.tooltipRadioTextMap.set("RTGImpact", "RTG Impact");
|
|
4034
3960
|
this.tooltipRadioTextMap.set("RevisionNumber", "Revision #");
|
|
4035
3961
|
this.tooltipRadioTextMap.set("RevisionType", "Revision Type");
|
|
4036
3962
|
this.tooltipRadioTextMap.set("GeneratedOn", "Generated On");
|
|
@@ -4065,13 +3991,6 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4065
3991
|
this.tooltipRadioTextMap.set("RTGImpact", "RTG Impact");
|
|
4066
3992
|
this.tooltipRadioTextMap.set("inventoryFillPercentageSameWeek", "Inv Fill Same Week (LY)");
|
|
4067
3993
|
this.tooltipRadioTextMap.set("inventoryFillPercentageFinal", "Inv Fill Final (LY)");
|
|
4068
|
-
this.tooltipRadioTextMap.set("inventoryFillPercentageSameWeek", "Inv Fill Same Week (LY)");
|
|
4069
|
-
this.tooltipRadioTextMap.set("inventoryFillPercentageFinal", "Inv Fill Final (LY)");
|
|
4070
|
-
this.tooltipRadioTextMap.set("projectedRTG", "Projected RTG");
|
|
4071
|
-
this.tooltipRadioTextMap.set("projectedIMPS", "Projected IMPS('000)");
|
|
4072
|
-
this.tooltipRadioTextMap.set("desiredCPM", "Desired CPM");
|
|
4073
|
-
this.tooltipRadioTextMap.set("desiredCPP", "Desired CPP");
|
|
4074
|
-
this.tooltipRadioTextMap.set("origin", "Origin");
|
|
4075
3994
|
this.tooltipRadioTextMap.set("projectedRTG", "Projected RTG");
|
|
4076
3995
|
this.tooltipRadioTextMap.set("projectedIMPS", "Projected IMPS('000)");
|
|
4077
3996
|
this.tooltipRadioTextMap.set("desiredCPM", "Desired CPM");
|
|
@@ -4090,23 +4009,6 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4090
4009
|
this.tooltipRadioTextMap.set("AirDate", "Air Date");
|
|
4091
4010
|
this.tooltipRadioTextMap.set("NormalizedOrderedRating", "Normalized Booked RTG");
|
|
4092
4011
|
this.tooltipRadioTextMap.set("NormalizedOrderedImpressions", "Normalized Booked IMP('000)");
|
|
4093
|
-
this.tooltipRadioTextMap.set("BuyerLineNumber", "Buy Line #");
|
|
4094
|
-
this.tooltipRadioTextMap.set("NormalizedPostedRating", "Normalized Posted RTG");
|
|
4095
|
-
this.tooltipRadioTextMap.set("NormalizedPostedImpressions", "Normalized Posted IMP('000)");
|
|
4096
|
-
this.tooltipRadioTextMap.set("AdId", "Ad-Id");
|
|
4097
|
-
this.tooltipRadioTextMap.set("BookedRTG", "Booked RTG");
|
|
4098
|
-
this.tooltipRadioTextMap.set("BookedIMPS", "Booked IMPS('000)");
|
|
4099
|
-
this.tooltipRadioTextMap.set("IMPS", "IMP('000)");
|
|
4100
|
-
this.tooltipRadioTextMap.set("AURTG", "Avg RTG");
|
|
4101
|
-
this.tooltipRadioTextMap.set("AUIMPS", "Avg IMP('000)");
|
|
4102
|
-
this.tooltipRadioTextMap.set("PostedRatingsOrImpressions", "Posted RTG");
|
|
4103
|
-
this.tooltipRadioTextMap.set("ScheduleFlightWeek", "Schedule Week");
|
|
4104
|
-
this.tooltipRadioTextMap.set("ScheduledDay", "Scheduled Day");
|
|
4105
|
-
this.tooltipRadioTextMap.set("AirStatus", "Air Status");
|
|
4106
|
-
this.tooltipRadioTextMap.set("AirDateAndTime", "Air Date & Time");
|
|
4107
|
-
this.tooltipRadioTextMap.set("AirDate", "Air Date");
|
|
4108
|
-
this.tooltipRadioTextMap.set("NormalizedOrderedRating", "Normalized Booked RTG");
|
|
4109
|
-
this.tooltipRadioTextMap.set("NormalizedOrderedImpressions", "Normalized Booked IMP('000)");
|
|
4110
4012
|
this.tooltipRadioTextMap.set("NormalizedPostedRating", "Normalized Posted RTG");
|
|
4111
4013
|
this.tooltipRadioTextMap.set("NormalizedPostedImpressions", "Normalized Posted IMP('000)");
|
|
4112
4014
|
this.tooltipRadioTextMap.set("AdId", "Ad-Id");
|
|
@@ -4130,8 +4032,6 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4130
4032
|
// this.tooltipRadioTextMap.set("odValue", "$ OD");
|
|
4131
4033
|
this.tooltipRadioTextMap.set("udValue", "Proj. $ UD");
|
|
4132
4034
|
this.tooltipRadioTextMap.set("odValue", "Proj. $ OD");
|
|
4133
|
-
this.tooltipRadioTextMap.set("udValue", "Proj. $ UD");
|
|
4134
|
-
this.tooltipRadioTextMap.set("odValue", "Proj. $ OD");
|
|
4135
4035
|
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableInventoryCode", "Inventory Code");
|
|
4136
4036
|
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableBuyerProgramName", "Buyer Program Name");
|
|
4137
4037
|
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableStartTime", "Start Time");
|
|
@@ -4141,17 +4041,6 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4141
4041
|
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableActualWeekStartDate", "Week");
|
|
4142
4042
|
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableWeekDay", "Day");
|
|
4143
4043
|
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableDisplayLength", "Length");
|
|
4144
|
-
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableInventoryCode", "Inventory Code");
|
|
4145
|
-
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableBuyerProgramName", "Buyer Program Name");
|
|
4146
|
-
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableStartTime", "Start Time");
|
|
4147
|
-
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableEndTime", "End Time");
|
|
4148
|
-
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableWeeklyAUR", "Booked Avg. Rate");
|
|
4149
|
-
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableDisplayRevenueClass", "Rev Class");
|
|
4150
|
-
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableActualWeekStartDate", "Week");
|
|
4151
|
-
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableWeekDay", "Day");
|
|
4152
|
-
this.tooltipRadioTextMap.set("OtherAvailableSpotsTableDisplayLength", "Length");
|
|
4153
|
-
this.tooltipRadioTextMap.set("ProjectedImpressions", "Projected IMP('000)");
|
|
4154
|
-
this.tooltipRadioTextMap.set("ProjectedRtg", "Projected RTG");
|
|
4155
4044
|
this.tooltipRadioTextMap.set("ProjectedImpressions", "Projected IMP('000)");
|
|
4156
4045
|
this.tooltipRadioTextMap.set("ProjectedRtg", "Projected RTG");
|
|
4157
4046
|
}
|
|
@@ -4251,7 +4140,7 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
4251
4140
|
//convert key into the header
|
|
4252
4141
|
this.filterTabObjects = header.map((key, index) => {
|
|
4253
4142
|
let value = this.tooltipRadioTextMap.has(key) ? this.tooltipRadioTextMap.get(key) : key; //change to display name
|
|
4254
|
-
return new
|
|
4143
|
+
return new radioButtonModel(key, value, columnHeader.isSortRequired[index], columnHeader.isFilterRequired[index]);
|
|
4255
4144
|
});
|
|
4256
4145
|
}
|
|
4257
4146
|
disableEnableEachColumnTooltipIcon() {
|
|
@@ -4664,7 +4553,7 @@ class AnnaGtHelperService {
|
|
|
4664
4553
|
this.router.navigate([], {
|
|
4665
4554
|
queryParams: { filters: JSON.stringify(latestQueryParams) },
|
|
4666
4555
|
relativeTo: this.route.parent,
|
|
4667
|
-
queryParamsHandling:
|
|
4556
|
+
queryParamsHandling: 'merge',
|
|
4668
4557
|
});
|
|
4669
4558
|
}
|
|
4670
4559
|
else {
|
|
@@ -4676,18 +4565,18 @@ class AnnaGtHelperService {
|
|
|
4676
4565
|
prepareQueryParamsOnFilter() {
|
|
4677
4566
|
let query = {};
|
|
4678
4567
|
if (this.annaFilterService.appliedFiltersArray.length > 0) {
|
|
4679
|
-
query[
|
|
4680
|
-
query[
|
|
4568
|
+
query['appliedFilters'] = this.annaFilterService.appliedFiltersArray;
|
|
4569
|
+
query['selectedFilterData'] = JSON.stringify(Array.from(this.annaFilterService.tooltipSelectedMap));
|
|
4681
4570
|
}
|
|
4682
4571
|
if (this.checkIfSortingIsApplied()) {
|
|
4683
|
-
query[
|
|
4572
|
+
query['sortState'] = JSON.stringify(Array.from(this.annaSortService.columnSortState));
|
|
4684
4573
|
}
|
|
4685
4574
|
return query;
|
|
4686
4575
|
}
|
|
4687
4576
|
checkIfSortingIsApplied() {
|
|
4688
4577
|
let isSortingApplied = false;
|
|
4689
4578
|
for (let val of this.annaSortService.columnSortState.values()) {
|
|
4690
|
-
if (val ==
|
|
4579
|
+
if (val == 'ASC' || val == 'DESC') {
|
|
4691
4580
|
isSortingApplied = true;
|
|
4692
4581
|
}
|
|
4693
4582
|
}
|
|
@@ -4708,7 +4597,7 @@ class AnnaGtHelperService {
|
|
|
4708
4597
|
setDataAsPerPersistingFilter(isPersistingFilter, clonedTable, filters) {
|
|
4709
4598
|
let usersTable;
|
|
4710
4599
|
if (isPersistingFilter) {
|
|
4711
|
-
usersTable = this.annaFilterService.filterData(clonedTable,
|
|
4600
|
+
usersTable = this.annaFilterService.filterData(clonedTable, '');
|
|
4712
4601
|
this.annaSortService.noSortingAppliedData = cloneDeep(usersTable);
|
|
4713
4602
|
}
|
|
4714
4603
|
else {
|
|
@@ -4724,10 +4613,10 @@ class AnnaGtHelperService {
|
|
|
4724
4613
|
}
|
|
4725
4614
|
callSort(usersTable) {
|
|
4726
4615
|
for (let [key, value] of this.annaSortService.columnSortState) {
|
|
4727
|
-
if (value ==
|
|
4616
|
+
if (value == 'ASC') {
|
|
4728
4617
|
usersTable = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(true, usersTable, key);
|
|
4729
4618
|
}
|
|
4730
|
-
else if (value ==
|
|
4619
|
+
else if (value == 'DESC') {
|
|
4731
4620
|
usersTable = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(false, usersTable, key);
|
|
4732
4621
|
}
|
|
4733
4622
|
}
|
|
@@ -4736,28 +4625,28 @@ class AnnaGtHelperService {
|
|
|
4736
4625
|
isSortingAppliedToTable() {
|
|
4737
4626
|
let isSortingApplied = false;
|
|
4738
4627
|
for (let val of this.annaSortService.columnSortState?.values()) {
|
|
4739
|
-
if (val ==
|
|
4628
|
+
if (val == 'ASC' || val == 'DESC') {
|
|
4740
4629
|
isSortingApplied = true;
|
|
4741
4630
|
}
|
|
4742
4631
|
}
|
|
4743
4632
|
return isSortingApplied;
|
|
4744
4633
|
}
|
|
4745
4634
|
updateQueryParamsFilter(key, value, operation, queryParamObj) {
|
|
4746
|
-
if (operation ==
|
|
4635
|
+
if (operation == 'ADD') {
|
|
4747
4636
|
queryParamObj[key] = value;
|
|
4748
4637
|
}
|
|
4749
|
-
else if (operation ==
|
|
4638
|
+
else if (operation == 'DELETE') {
|
|
4750
4639
|
delete queryParamObj[key];
|
|
4751
4640
|
}
|
|
4752
4641
|
return queryParamObj;
|
|
4753
4642
|
}
|
|
4754
4643
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, deps: [{ token: AnnaFilterService }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: AnnaSortService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4755
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, providedIn:
|
|
4644
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, providedIn: 'root' }); }
|
|
4756
4645
|
}
|
|
4757
4646
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaGtHelperService, decorators: [{
|
|
4758
4647
|
type: Injectable,
|
|
4759
4648
|
args: [{
|
|
4760
|
-
providedIn:
|
|
4649
|
+
providedIn: 'root',
|
|
4761
4650
|
}]
|
|
4762
4651
|
}], ctorParameters: function () { return [{ type: AnnaFilterService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: AnnaSortService }]; } });
|
|
4763
4652
|
|
|
@@ -4777,7 +4666,7 @@ function rangesEqual(r1, r2) {
|
|
|
4777
4666
|
* something that doesn't rely on requestAnimationFrame on environments
|
|
4778
4667
|
* that don't support it (e.g. server-side rendering).
|
|
4779
4668
|
*/
|
|
4780
|
-
const SCROLL_SCHEDULER = typeof requestAnimationFrame !==
|
|
4669
|
+
const SCROLL_SCHEDULER = typeof requestAnimationFrame !== 'undefined' ? animationFrameScheduler : asapScheduler;
|
|
4781
4670
|
/**
|
|
4782
4671
|
* A viewport that virtualizes its scrolling with the help of `CdkVirtualForOf`.
|
|
4783
4672
|
* Uses `top: #px` instead of `transform: translateY(#px)` like the cdk virtual scroll viewport does
|
|
@@ -4804,7 +4693,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4804
4693
|
this._detachedSubject = new Subject();
|
|
4805
4694
|
/** Emits when the rendered range changes. */
|
|
4806
4695
|
this._renderedRangeSubject = new Subject();
|
|
4807
|
-
this._orientation =
|
|
4696
|
+
this._orientation = 'vertical';
|
|
4808
4697
|
// Note: we don't use the typical EventEmitter here because we need to subscribe to the scroll
|
|
4809
4698
|
// strategy lazily (i.e. only if the user is actually listening to the events). We do this because
|
|
4810
4699
|
// depending on how the strategy calculates the scrolled index, it may come at a cost to
|
|
@@ -4818,9 +4707,9 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4818
4707
|
*/
|
|
4819
4708
|
this._totalContentSize = 0;
|
|
4820
4709
|
/** A string representing the `style.width` property value to be used for the spacer element. */
|
|
4821
|
-
this._totalContentWidth =
|
|
4710
|
+
this._totalContentWidth = '';
|
|
4822
4711
|
/** A string representing the `style.height` property value to be used for the spacer element. */
|
|
4823
|
-
this._totalContentHeight =
|
|
4712
|
+
this._totalContentHeight = '';
|
|
4824
4713
|
/** The currently rendered range of indices. */
|
|
4825
4714
|
this._renderedRange = { start: 0, end: 0 };
|
|
4826
4715
|
/** The length of the data bound to this viewport (in number of items). */
|
|
@@ -4883,7 +4772,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4883
4772
|
/** Attaches a `CdkVirtualScrollRepeater` to this viewport. */
|
|
4884
4773
|
attach(forOf) {
|
|
4885
4774
|
if (this._forOf) {
|
|
4886
|
-
throw Error(
|
|
4775
|
+
throw Error('CdkVirtualScrollViewport is already attached.');
|
|
4887
4776
|
}
|
|
4888
4777
|
// Subscribe to the data stream of the CdkVirtualForOf to keep track of when the data length
|
|
4889
4778
|
// changes. Run outside the zone to avoid triggering change detection, since we're managing the
|
|
@@ -4975,7 +4864,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4975
4864
|
* @param offset The offset to scroll to.
|
|
4976
4865
|
* @param behavior The ScrollBehavior to use when scrolling. Default is behavior is `auto`.
|
|
4977
4866
|
*/
|
|
4978
|
-
scrollToOffset(offset, behavior =
|
|
4867
|
+
scrollToOffset(offset, behavior = 'auto') {
|
|
4979
4868
|
const options = { behavior, top: offset };
|
|
4980
4869
|
this.scrollTo(options);
|
|
4981
4870
|
}
|
|
@@ -4984,7 +4873,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4984
4873
|
* @param index The index of the element to scroll to.
|
|
4985
4874
|
* @param behavior The ScrollBehavior to use when scrolling. Default is behavior is `auto`.
|
|
4986
4875
|
*/
|
|
4987
|
-
scrollToIndex(index, behavior =
|
|
4876
|
+
scrollToIndex(index, behavior = 'auto') {
|
|
4988
4877
|
this._scrollStrategy.scrollToIndex(index, behavior);
|
|
4989
4878
|
}
|
|
4990
4879
|
/**
|
|
@@ -4994,7 +4883,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
4994
4883
|
*/
|
|
4995
4884
|
// CHANGES@ANNALIB added override to functions
|
|
4996
4885
|
measureScrollOffset(from) {
|
|
4997
|
-
return from ? super.measureScrollOffset(from) : super.measureScrollOffset(
|
|
4886
|
+
return from ? super.measureScrollOffset(from) : super.measureScrollOffset('top');
|
|
4998
4887
|
}
|
|
4999
4888
|
/** Measure the combined size of all of the rendered items. */
|
|
5000
4889
|
measureRenderedContentSize() {
|
|
@@ -5057,7 +4946,7 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
5057
4946
|
/** Calculates the `style.width` and `style.height` for the spacer element. */
|
|
5058
4947
|
_calculateSpacerSize() {
|
|
5059
4948
|
this._totalContentHeight = `${this._totalContentSize}px`;
|
|
5060
|
-
this._totalContentWidth =
|
|
4949
|
+
this._totalContentWidth = '';
|
|
5061
4950
|
}
|
|
5062
4951
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaTableVirtualScrollViewportComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: VIRTUAL_SCROLL_STRATEGY, optional: true }, { token: i1$1.Directionality, optional: true }, { token: i2$1.ScrollDispatcher }, { token: i2$1.ViewportRuler }, { token: AnnaGtHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5063
4952
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnaTableVirtualScrollViewportComponent, isStandalone: true, selector: "anna-table-virtual-scroll-viewport", inputs: { orientation: "orientation" }, outputs: { scrolledIndexChange: "scrolledIndexChange" }, host: { properties: { "class.anna-table-virtual-scroll-orientation-horizontal": "orientation === \"horizontal\"", "class.anna-table-virtual-scroll-orientation-vertical": "orientation !== \"horizontal\"" }, classAttribute: "anna-table-virtual-scroll-viewport" }, providers: [
|
|
@@ -5073,10 +4962,10 @@ class AnnaTableVirtualScrollViewportComponent extends CdkScrollable {
|
|
|
5073
4962
|
}
|
|
5074
4963
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaTableVirtualScrollViewportComponent, decorators: [{
|
|
5075
4964
|
type: Component,
|
|
5076
|
-
args: [{ selector:
|
|
5077
|
-
class:
|
|
5078
|
-
|
|
5079
|
-
|
|
4965
|
+
args: [{ selector: 'anna-table-virtual-scroll-viewport', host: {
|
|
4966
|
+
class: 'anna-table-virtual-scroll-viewport',
|
|
4967
|
+
'[class.anna-table-virtual-scroll-orientation-horizontal]': 'orientation === "horizontal"',
|
|
4968
|
+
'[class.anna-table-virtual-scroll-orientation-vertical]': 'orientation !== "horizontal"',
|
|
5080
4969
|
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
5081
4970
|
{
|
|
5082
4971
|
provide: CdkScrollable,
|
|
@@ -5100,7 +4989,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5100
4989
|
type: Output
|
|
5101
4990
|
}], _contentWrapper: [{
|
|
5102
4991
|
type: ViewChild,
|
|
5103
|
-
args: [
|
|
4992
|
+
args: ['contentWrapper', { static: true }]
|
|
5104
4993
|
}] } });
|
|
5105
4994
|
|
|
5106
4995
|
/**
|
|
@@ -5248,7 +5137,7 @@ class AnnaFixedRowSizeTableVirtualScrollStrategyDirective {
|
|
|
5248
5137
|
if (this.headerRows != undefined || this.headerRowsQuery) {
|
|
5249
5138
|
this.handleChange();
|
|
5250
5139
|
}
|
|
5251
|
-
if (change[
|
|
5140
|
+
if (change['buffer']?.previousValue != change['buffer']?.currentValue) {
|
|
5252
5141
|
AnnaFilterService.bufferSize = this.buffer;
|
|
5253
5142
|
this.scrollStrategy = new AnnaFixedRowSizeTableVirtualScrollStrategy(this.rowHeight, this.buffer, this.headerRowHeight * this.headerRowCount);
|
|
5254
5143
|
}
|
|
@@ -5276,7 +5165,7 @@ class AnnaFixedRowSizeTableVirtualScrollStrategyDirective {
|
|
|
5276
5165
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaFixedRowSizeTableVirtualScrollStrategyDirective, decorators: [{
|
|
5277
5166
|
type: Directive,
|
|
5278
5167
|
args: [{
|
|
5279
|
-
selector:
|
|
5168
|
+
selector: 'cdk-virtual-scroll-viewport[rowHeight], anna-table-virtual-scroll-viewport[rowHeight]',
|
|
5280
5169
|
providers: [
|
|
5281
5170
|
{
|
|
5282
5171
|
provide: VIRTUAL_SCROLL_STRATEGY,
|
|
@@ -5340,7 +5229,7 @@ class AnnaVirtualTableDirective {
|
|
|
5340
5229
|
this.renderedRange = { start: 0, end: 0 };
|
|
5341
5230
|
this.isNativeHtmlTable = false;
|
|
5342
5231
|
table.dataSource = this.virtualizedDataStream;
|
|
5343
|
-
this.isNativeHtmlTable = elementRef.nativeElement.tagName ===
|
|
5232
|
+
this.isNativeHtmlTable = elementRef.nativeElement.tagName === 'TABLE';
|
|
5344
5233
|
this.dataStream.subscribe((data) => {
|
|
5345
5234
|
this.data = data;
|
|
5346
5235
|
this.onRenderedDataChange();
|
|
@@ -5425,7 +5314,7 @@ class AnnaVirtualTableDirective {
|
|
|
5425
5314
|
* I'm not actually sure if this works.
|
|
5426
5315
|
*/
|
|
5427
5316
|
measureRangeSize(range, orientation) {
|
|
5428
|
-
if (orientation ===
|
|
5317
|
+
if (orientation === 'horizontal' || range.end < range.start) {
|
|
5429
5318
|
// virtual scrolling columns are not supported by this directive
|
|
5430
5319
|
return 0;
|
|
5431
5320
|
}
|
|
@@ -5454,7 +5343,7 @@ class AnnaVirtualTableDirective {
|
|
|
5454
5343
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaVirtualTableDirective, decorators: [{
|
|
5455
5344
|
type: Directive,
|
|
5456
5345
|
args: [{
|
|
5457
|
-
selector:
|
|
5346
|
+
selector: '[mat-table][appVirtualDataSource], mat-table[appVirtualDataSource]',
|
|
5458
5347
|
providers: [{ provide: STICKY_POSITIONING_LISTENER, useExisting: AnnaVirtualTableDirective }],
|
|
5459
5348
|
standalone: true,
|
|
5460
5349
|
}]
|
|
@@ -5463,7 +5352,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5463
5352
|
args: [_COALESCED_STYLE_SCHEDULER]
|
|
5464
5353
|
}] }]; }, propDecorators: { dataSource: [{
|
|
5465
5354
|
type: Input,
|
|
5466
|
-
args: [
|
|
5355
|
+
args: ['appVirtualDataSource']
|
|
5467
5356
|
}], headerRowDefs: [{
|
|
5468
5357
|
type: ContentChildren,
|
|
5469
5358
|
args: [CdkHeaderRowDef]
|
|
@@ -5479,7 +5368,7 @@ class AnnaTypeofDataPipe {
|
|
|
5479
5368
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaTypeofDataPipe, decorators: [{
|
|
5480
5369
|
type: Pipe,
|
|
5481
5370
|
args: [{
|
|
5482
|
-
name:
|
|
5371
|
+
name: 'AnnatypeofData',
|
|
5483
5372
|
standalone: true,
|
|
5484
5373
|
}]
|
|
5485
5374
|
}] });
|
|
@@ -5494,7 +5383,7 @@ class AnnaReplaceCharPipe {
|
|
|
5494
5383
|
}
|
|
5495
5384
|
}
|
|
5496
5385
|
replace(value, from, to) {
|
|
5497
|
-
return value.replace(new RegExp(from,
|
|
5386
|
+
return value.replace(new RegExp(from, 'g'), to);
|
|
5498
5387
|
}
|
|
5499
5388
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaReplaceCharPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
5500
5389
|
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AnnaReplaceCharPipe, isStandalone: true, name: "annaReplaceChar" }); }
|
|
@@ -5502,7 +5391,7 @@ class AnnaReplaceCharPipe {
|
|
|
5502
5391
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaReplaceCharPipe, decorators: [{
|
|
5503
5392
|
type: Pipe,
|
|
5504
5393
|
args: [{
|
|
5505
|
-
name:
|
|
5394
|
+
name: 'annaReplaceChar',
|
|
5506
5395
|
standalone: true,
|
|
5507
5396
|
}]
|
|
5508
5397
|
}] });
|
|
@@ -5513,38 +5402,38 @@ class DigitOnlyDirective {
|
|
|
5513
5402
|
this.hasDecimalPoint = false;
|
|
5514
5403
|
this.hasNegativeSign = false;
|
|
5515
5404
|
this.navigationKeys = [
|
|
5516
|
-
|
|
5517
|
-
|
|
5518
|
-
|
|
5519
|
-
|
|
5520
|
-
|
|
5521
|
-
|
|
5522
|
-
|
|
5523
|
-
|
|
5524
|
-
|
|
5525
|
-
|
|
5526
|
-
|
|
5527
|
-
|
|
5405
|
+
'Backspace',
|
|
5406
|
+
'Delete',
|
|
5407
|
+
'Tab',
|
|
5408
|
+
'Escape',
|
|
5409
|
+
'Enter',
|
|
5410
|
+
'Home',
|
|
5411
|
+
'End',
|
|
5412
|
+
'ArrowLeft',
|
|
5413
|
+
'ArrowRight',
|
|
5414
|
+
'Clear',
|
|
5415
|
+
'Copy',
|
|
5416
|
+
'Paste',
|
|
5528
5417
|
];
|
|
5529
5418
|
this.decimal = false;
|
|
5530
|
-
this.decimalSeparator =
|
|
5419
|
+
this.decimalSeparator = '.';
|
|
5531
5420
|
this.allowNegatives = false;
|
|
5532
5421
|
this.allowPaste = true;
|
|
5533
|
-
this.negativeSign =
|
|
5422
|
+
this.negativeSign = '-';
|
|
5534
5423
|
this.min = -Infinity;
|
|
5535
5424
|
this.max = Infinity;
|
|
5536
5425
|
this.regex = null;
|
|
5537
5426
|
this.inputElement = el.nativeElement;
|
|
5538
5427
|
}
|
|
5539
5428
|
ngOnChanges(changes) {
|
|
5540
|
-
if (changes[
|
|
5429
|
+
if (changes['pattern']) {
|
|
5541
5430
|
this.regex = this.pattern ? RegExp(this.pattern) : null;
|
|
5542
5431
|
}
|
|
5543
|
-
if (changes[
|
|
5432
|
+
if (changes['min']) {
|
|
5544
5433
|
const maybeMin = Number(this.min);
|
|
5545
5434
|
this.min = isNaN(maybeMin) ? -Infinity : maybeMin;
|
|
5546
5435
|
}
|
|
5547
|
-
if (changes[
|
|
5436
|
+
if (changes['max']) {
|
|
5548
5437
|
const maybeMax = Number(this.max);
|
|
5549
5438
|
this.max = isNaN(maybeMax) ? Infinity : maybeMax;
|
|
5550
5439
|
}
|
|
@@ -5560,19 +5449,19 @@ class DigitOnlyDirective {
|
|
|
5560
5449
|
}
|
|
5561
5450
|
onKeyDown(e) {
|
|
5562
5451
|
if (this.navigationKeys.indexOf(e.key) > -1 || // Allow: navigation keys: backspace, delete, arrows etc.
|
|
5563
|
-
((e.key ===
|
|
5564
|
-
((e.key ===
|
|
5565
|
-
((e.key ===
|
|
5566
|
-
((e.key ===
|
|
5567
|
-
((e.key ===
|
|
5568
|
-
((e.key ===
|
|
5569
|
-
((e.key ===
|
|
5570
|
-
((e.key ===
|
|
5452
|
+
((e.key === 'a' || e.code === 'KeyA') && e.ctrlKey === true) || // Allow: Ctrl+A
|
|
5453
|
+
((e.key === 'c' || e.code === 'KeyC') && e.ctrlKey === true) || // Allow: Ctrl+C
|
|
5454
|
+
((e.key === 'v' || e.code === 'KeyV') && e.ctrlKey === true) || // Allow: Ctrl+V
|
|
5455
|
+
((e.key === 'x' || e.code === 'KeyX') && e.ctrlKey === true) || // Allow: Ctrl+X
|
|
5456
|
+
((e.key === 'a' || e.code === 'KeyA') && e.metaKey === true) || // Allow: Cmd+A (Mac)
|
|
5457
|
+
((e.key === 'c' || e.code === 'KeyC') && e.metaKey === true) || // Allow: Cmd+C (Mac)
|
|
5458
|
+
((e.key === 'v' || e.code === 'KeyV') && e.metaKey === true) || // Allow: Cmd+V (Mac)
|
|
5459
|
+
((e.key === 'x' || e.code === 'KeyX') && e.metaKey === true) // Allow: Cmd+X (Mac)
|
|
5571
5460
|
) {
|
|
5572
5461
|
// let it happen, don't do anything
|
|
5573
5462
|
return;
|
|
5574
5463
|
}
|
|
5575
|
-
let newValue =
|
|
5464
|
+
let newValue = '';
|
|
5576
5465
|
if (this.decimal && e.key === this.decimalSeparator) {
|
|
5577
5466
|
newValue = this.forecastValue(e.key);
|
|
5578
5467
|
if (newValue.split(this.decimalSeparator).length > 2) {
|
|
@@ -5597,7 +5486,7 @@ class DigitOnlyDirective {
|
|
|
5597
5486
|
}
|
|
5598
5487
|
}
|
|
5599
5488
|
// Ensure that it is a number and stop the keypress
|
|
5600
|
-
if (e.key ===
|
|
5489
|
+
if (e.key === ' ' || isNaN(Number(e.key))) {
|
|
5601
5490
|
e.preventDefault();
|
|
5602
5491
|
return;
|
|
5603
5492
|
}
|
|
@@ -5616,14 +5505,14 @@ class DigitOnlyDirective {
|
|
|
5616
5505
|
}
|
|
5617
5506
|
onPaste(event) {
|
|
5618
5507
|
if (this.allowPaste === true) {
|
|
5619
|
-
let pastedInput =
|
|
5620
|
-
if (window[
|
|
5508
|
+
let pastedInput = '';
|
|
5509
|
+
if (window['clipboardData']) {
|
|
5621
5510
|
// Browser is IE
|
|
5622
|
-
pastedInput = window[
|
|
5511
|
+
pastedInput = window['clipboardData'].getData('text');
|
|
5623
5512
|
}
|
|
5624
5513
|
else if (event.clipboardData && event.clipboardData.getData) {
|
|
5625
5514
|
// Other browsers
|
|
5626
|
-
pastedInput = event.clipboardData.getData(
|
|
5515
|
+
pastedInput = event.clipboardData.getData('text/plain');
|
|
5627
5516
|
}
|
|
5628
5517
|
this.pasteData(pastedInput);
|
|
5629
5518
|
event.preventDefault();
|
|
@@ -5635,7 +5524,7 @@ class DigitOnlyDirective {
|
|
|
5635
5524
|
}
|
|
5636
5525
|
}
|
|
5637
5526
|
onDrop(event) {
|
|
5638
|
-
const textData = event.dataTransfer?.getData(
|
|
5527
|
+
const textData = event.dataTransfer?.getData('text') ?? '';
|
|
5639
5528
|
this.inputElement.focus();
|
|
5640
5529
|
this.pasteData(textData);
|
|
5641
5530
|
event.preventDefault();
|
|
@@ -5647,15 +5536,15 @@ class DigitOnlyDirective {
|
|
|
5647
5536
|
!this.getSelection().includes(this.negativeSign)) {
|
|
5648
5537
|
return;
|
|
5649
5538
|
}
|
|
5650
|
-
const pasted = document.execCommand(
|
|
5539
|
+
const pasted = document.execCommand('insertText', false, sanitizedContent);
|
|
5651
5540
|
if (!pasted) {
|
|
5652
5541
|
if (this.inputElement.setRangeText) {
|
|
5653
5542
|
const { selectionStart: start, selectionEnd: end } = this.inputElement;
|
|
5654
|
-
this.inputElement.setRangeText(sanitizedContent, start ?? 0, end ?? 0,
|
|
5543
|
+
this.inputElement.setRangeText(sanitizedContent, start ?? 0, end ?? 0, 'end');
|
|
5655
5544
|
// Angular's Reactive Form relies on "input" event, but on Firefox, the setRangeText method doesn't trigger it
|
|
5656
5545
|
// so we have to trigger it ourself.
|
|
5657
|
-
if (typeof window[
|
|
5658
|
-
this.inputElement.dispatchEvent(new Event(
|
|
5546
|
+
if (typeof window['InstallTrigger'] !== 'undefined') {
|
|
5547
|
+
this.inputElement.dispatchEvent(new Event('input', { cancelable: true }));
|
|
5659
5548
|
}
|
|
5660
5549
|
}
|
|
5661
5550
|
else {
|
|
@@ -5678,39 +5567,39 @@ class DigitOnlyDirective {
|
|
|
5678
5567
|
const pos = startPos + myValue.length;
|
|
5679
5568
|
myField.focus();
|
|
5680
5569
|
myField.setSelectionRange(pos, pos);
|
|
5681
|
-
this.triggerEvent(myField,
|
|
5570
|
+
this.triggerEvent(myField, 'input');
|
|
5682
5571
|
}
|
|
5683
5572
|
triggerEvent(el, type) {
|
|
5684
|
-
if (
|
|
5573
|
+
if ('createEvent' in document) {
|
|
5685
5574
|
// modern browsers, IE9+
|
|
5686
|
-
const e = document.createEvent(
|
|
5575
|
+
const e = document.createEvent('HTMLEvents');
|
|
5687
5576
|
e.initEvent(type, false, true);
|
|
5688
5577
|
el.dispatchEvent(e);
|
|
5689
5578
|
}
|
|
5690
5579
|
}
|
|
5691
5580
|
// end stack overflow code
|
|
5692
5581
|
sanitizeInput(input) {
|
|
5693
|
-
let result =
|
|
5582
|
+
let result = '';
|
|
5694
5583
|
let regex;
|
|
5695
5584
|
if (this.decimal && this.isValidDecimal(input)) {
|
|
5696
|
-
regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9${this.decimalSeparator}]`,
|
|
5585
|
+
regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9${this.decimalSeparator}]`, 'g');
|
|
5697
5586
|
}
|
|
5698
5587
|
else {
|
|
5699
|
-
regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9]`,
|
|
5588
|
+
regex = new RegExp(`${this.getNegativeSignRegExp()}[^0-9]`, 'g');
|
|
5700
5589
|
}
|
|
5701
|
-
result = input.replace(regex,
|
|
5590
|
+
result = input.replace(regex, '');
|
|
5702
5591
|
const maxLength = this.inputElement.maxLength;
|
|
5703
5592
|
if (maxLength > 0) {
|
|
5704
5593
|
// the input element has maxLength limit
|
|
5705
5594
|
const allowedLength = maxLength - this.inputElement.value.length + (result.includes(`${this.negativeSign}`) ? 1 : 0);
|
|
5706
|
-
result = allowedLength > 0 ? result.substring(0, allowedLength) :
|
|
5595
|
+
result = allowedLength > 0 ? result.substring(0, allowedLength) : '';
|
|
5707
5596
|
}
|
|
5708
5597
|
return result;
|
|
5709
5598
|
}
|
|
5710
5599
|
getNegativeSignRegExp() {
|
|
5711
5600
|
return this.allowNegatives && (!this.hasNegativeSign || this.getSelection().includes(this.negativeSign))
|
|
5712
5601
|
? `(?!^${this.negativeSign})`
|
|
5713
|
-
:
|
|
5602
|
+
: '';
|
|
5714
5603
|
}
|
|
5715
5604
|
isValidDecimal(string) {
|
|
5716
5605
|
if (!this.hasDecimalPoint) {
|
|
@@ -5745,7 +5634,7 @@ class DigitOnlyDirective {
|
|
|
5745
5634
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DigitOnlyDirective, decorators: [{
|
|
5746
5635
|
type: Directive,
|
|
5747
5636
|
args: [{
|
|
5748
|
-
selector:
|
|
5637
|
+
selector: '[digitOnly]',
|
|
5749
5638
|
standalone: true,
|
|
5750
5639
|
}]
|
|
5751
5640
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { decimal: [{
|
|
@@ -5766,16 +5655,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5766
5655
|
type: Input
|
|
5767
5656
|
}], onBeforeInput: [{
|
|
5768
5657
|
type: HostListener,
|
|
5769
|
-
args: [
|
|
5658
|
+
args: ['beforeinput', ['$event']]
|
|
5770
5659
|
}], onKeyDown: [{
|
|
5771
5660
|
type: HostListener,
|
|
5772
|
-
args: [
|
|
5661
|
+
args: ['keydown', ['$event']]
|
|
5773
5662
|
}], onPaste: [{
|
|
5774
5663
|
type: HostListener,
|
|
5775
|
-
args: [
|
|
5664
|
+
args: ['paste', ['$event']]
|
|
5776
5665
|
}], onDrop: [{
|
|
5777
5666
|
type: HostListener,
|
|
5778
|
-
args: [
|
|
5667
|
+
args: ['drop', ['$event']]
|
|
5779
5668
|
}] } });
|
|
5780
5669
|
|
|
5781
5670
|
class AnnaDateFormatterPipe {
|
|
@@ -5791,7 +5680,7 @@ class AnnaDateFormatterPipe {
|
|
|
5791
5680
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaDateFormatterPipe, decorators: [{
|
|
5792
5681
|
type: Pipe,
|
|
5793
5682
|
args: [{
|
|
5794
|
-
name:
|
|
5683
|
+
name: 'AnnaDateFormatter',
|
|
5795
5684
|
standalone: true,
|
|
5796
5685
|
}]
|
|
5797
5686
|
}], ctorParameters: function () { return []; } });
|
|
@@ -5802,21 +5691,21 @@ class AnnaConvertArrayToCommaSeperatedValue {
|
|
|
5802
5691
|
}
|
|
5803
5692
|
transform(value, textKeyName, selectedKeyName) {
|
|
5804
5693
|
if (value == undefined || value == null) {
|
|
5805
|
-
return
|
|
5694
|
+
return '-';
|
|
5806
5695
|
}
|
|
5807
5696
|
return this.converter(value, textKeyName, selectedKeyName);
|
|
5808
5697
|
}
|
|
5809
5698
|
replace(value, textKeyName, selectedKeyName) {
|
|
5810
|
-
let stringToDisplay =
|
|
5699
|
+
let stringToDisplay = '';
|
|
5811
5700
|
let anyValueSelected = false;
|
|
5812
5701
|
value.forEach((val) => {
|
|
5813
5702
|
if (selectedKeyName && val[selectedKeyName]) {
|
|
5814
|
-
stringToDisplay = stringToDisplay + val[textKeyName] +
|
|
5703
|
+
stringToDisplay = stringToDisplay + val[textKeyName] + ', ';
|
|
5815
5704
|
anyValueSelected = true;
|
|
5816
5705
|
}
|
|
5817
5706
|
});
|
|
5818
5707
|
if (!anyValueSelected)
|
|
5819
|
-
return
|
|
5708
|
+
return '-';
|
|
5820
5709
|
// remove last 2 characters i.e. comma
|
|
5821
5710
|
stringToDisplay = stringToDisplay.slice(0, -2);
|
|
5822
5711
|
return stringToDisplay;
|
|
@@ -5827,7 +5716,7 @@ class AnnaConvertArrayToCommaSeperatedValue {
|
|
|
5827
5716
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaConvertArrayToCommaSeperatedValue, decorators: [{
|
|
5828
5717
|
type: Pipe,
|
|
5829
5718
|
args: [{
|
|
5830
|
-
name:
|
|
5719
|
+
name: 'annaConvertArrayToCSV',
|
|
5831
5720
|
standalone: true,
|
|
5832
5721
|
}]
|
|
5833
5722
|
}] });
|
|
@@ -5854,7 +5743,7 @@ class FixedRowsPopupTableDirective {
|
|
|
5854
5743
|
let tableHeightForPopup = this.tableDataLength < this.maxRowsRenderedWithoutScrollForPopup
|
|
5855
5744
|
? this.popupRowHeight * (this.tableDataLength ? this.tableDataLength : 1) + this.popupHeaderHeight
|
|
5856
5745
|
: totalPopupTableHeight;
|
|
5857
|
-
this.renderer.setStyle(this.el.nativeElement,
|
|
5746
|
+
this.renderer.setStyle(this.el.nativeElement, 'height', `calc(${tableHeightForPopup}px)`);
|
|
5858
5747
|
}
|
|
5859
5748
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FixedRowsPopupTableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5860
5749
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FixedRowsPopupTableDirective, isStandalone: true, selector: "[fixedRowsInPopupTable]", inputs: { popupRowHeight: "popupRowHeight", popupHeaderHeight: "popupHeaderHeight", tableDataLength: "tableDataLength" }, host: { listeners: { "window:resize": "onWindowResize()" } }, ngImport: i0 }); }
|
|
@@ -5862,7 +5751,7 @@ class FixedRowsPopupTableDirective {
|
|
|
5862
5751
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FixedRowsPopupTableDirective, decorators: [{
|
|
5863
5752
|
type: Directive,
|
|
5864
5753
|
args: [{
|
|
5865
|
-
selector:
|
|
5754
|
+
selector: '[fixedRowsInPopupTable]',
|
|
5866
5755
|
standalone: true,
|
|
5867
5756
|
}]
|
|
5868
5757
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { popupRowHeight: [{
|
|
@@ -5873,7 +5762,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5873
5762
|
type: Input
|
|
5874
5763
|
}], onWindowResize: [{
|
|
5875
5764
|
type: HostListener,
|
|
5876
|
-
args: [
|
|
5765
|
+
args: ['window:resize']
|
|
5877
5766
|
}] } });
|
|
5878
5767
|
|
|
5879
5768
|
class AnnaEstIconTemplateComponent {
|
|
@@ -5882,7 +5771,7 @@ class AnnaEstIconTemplateComponent {
|
|
|
5882
5771
|
}
|
|
5883
5772
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaEstIconTemplateComponent, decorators: [{
|
|
5884
5773
|
type: Component,
|
|
5885
|
-
args: [{ selector:
|
|
5774
|
+
args: [{ selector: 'anna-core-anna-est-icon-template', standalone: true, imports: [], template: "<svg\r\n width=\"12\"\r\n height=\"12\"\r\n viewBox=\"0 0 14 14\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n>\r\n <path\r\n d=\"M0 0H14V14H0V0Z\"\r\n fill=\"url(#pattern0)\"\r\n />\r\n <defs>\r\n <pattern\r\n id=\"pattern0\"\r\n patternContentUnits=\"objectBoundingBox\"\r\n width=\"1\"\r\n height=\"1\"\r\n >\r\n <use\r\n xlink:href=\"#image0_866_172\"\r\n transform=\"scale(0.0430107 0.0434783)\"\r\n />\r\n </pattern>\r\n <image\r\n id=\"image0_866_172\"\r\n width=\"93\"\r\n height=\"23\"\r\n xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAAAXCAYAAABpskPJAAAAAXNSR0IArs4c6QAACrxJREFUaAWtWQt0VMUZnrm72WRNSAKWwiELIRwI1ojUHh5hl1rUWlpqC1QbiCgF8jqA2kJ5tGiTLYLUylPwSLKJiVgIBCiUWmhtEduTbIJaFM6hxyLyCAkHKJINeWf33uk3G+7u3Lt3H/Fwz9nM/56Zf/75/5kJJTF8jDHqctt2MEKfgfj7SQOkRfMebGyJQZUw5pRc7oo1sLGcUPZeosla+Ez2+dux6Koyb50aPdjX2V3KKHNIjGwrmNr8CuftPjNiYPttZQcl7HEi0TcL7U0lqk6sbcXJtPGyj1RhbomEsGVFjua/xKxbO3yYjyj7KKX3Q39zkePK+lh0pViEXO7h+YyRJfBgMn6z2tsUZyx6XKbCXTGVMeVlTGggYWROp9z9bo3bZo1Vn8t5u7pWM8JmQ//rjJJ1roa0bE5vb2fPwe7TjJDBTGHFpW7b7zm9P5/PS0sxt29iXmNgv2rX6Qfh/Ng+mTIXJDE/NogwZZ2r3jYtFs2oTudRjgn/UmeswNWQMURHM0QVwsaLDNj7toeR6hr2U5NIjwRTQh9Q+XAQJYqU4ceZMk6l+1uFrSytTVumoUVFWJYg8rUub2uygIcFyz4ckYW5zBAFFIW9JOLh4KhOL6sfMRMRMFZjgDGronj1C6ERiYRgsDNb3O7tkWREHhyNYA5+WEgaxLQQpWQTxpyjpcaOmbuVsLY1VrzKag3OEUYeU3dhCE8gRHU6UdivBPkgqLDF5W7boCChnxAji121aWv6qaUR51tQQwDCdwKTlV1lbtt39Ly7hZfXZaQjcHKN7DGZ/saILtIiOr0vR7HJooIAJymM9XMrC9oAFULWu9xp87XUu4GxeBg/zFPA3bCmt6EQ/y436+kc5ymntD79W0Y8lRbR6Uwh+ij3qYq8RVA9X/rxqBSR1l9YYbTc1TDi8Uh6SBmaLU8VLW6ki02QynrlY2+7bWlG/K9K4ycpbK98nb7GL1SWI+b2sE4vd6c/hFWbLhrH5BcBbw/QGEuhPd7nA3hsQCPEgoNkLI7J8kHeX2zqQSlkdk16wdHtfJDrh4Z3M3KsP4FhlsLXC27R19X1AsJZOH3RFipJRZp+KZtVXjc8UPw1PCBhna4oPl2U09OFjuZ3EHQ7RSOMKL/ozzELjvmIUqlAY4ORAbIiH62sHzlSpPcfplsQGFUaPcbGkZ7eQzVnsywa+ldAYCMJh7mloiqVyPaCKXlV2HufqXReVxSivKji+tbQ6SiQoyH4pCgsEbqB43EW8yY4vjvAY+Te7o6WxQE8BqDQcaWKSFKxVpQN7VW8x4yKs/70oqYb5BxNpHN7Y+xjCrCwf9PYZuwRj6e1CjtXk6Y0MjEgLZ7biGjcN4JfOxy4jVKnQiTT74Jk/8Byyk6OyhRpKmzodJmRlZhN8BxN6ef5jrz9XGnhpEvXcD54SzXgb5myor8XniL7lZcJpeVaO+Q+nHWPVF4cmaCh9wN5hH7gS01NeQqR94moxk8brrrhUS9PvWHSC98pyGbLRZt81+fbm25xWmb2qN3o81KAz4jEvD2Gp7MQp1d+OHIo4udnAWUAEiWv+lfzDlEiFj74QF5GJA7BhUdfXEQThnCmffRiROVRkYnFdnibfXv484FKVyNbxaO1OVln2y1xcTM0ToASiuuK0jrbC9H0jfgtLa3zsXDDVB7f7XzXqzhfbHhKv6jzXCfTM1QZtQ1MTCX09npx/sSR684HpzSlpKS8o+K8zXdcvIxmt0gDvKq/eZMPNCFpUA4i/mPRFpwzu6yu/HWR1l+4b0fG/QDj90diUJ9tKauzaVJnkBcewsJrjra4p1f6+xBULMNMlYTQawLJrPhkXW00KKTURAMFoU+ZbkDk9AqG/KCZWDYgkhSVjiiwtba2LlBxtUVNCeyIO7RWlcfb+ePPdFhJ/A8RORdFOhZ+KZwTeuuDEBbFn5uRogP9+3UZ09gusl/6jJmkmboaJMHAH0obRkzV9teHmaQE47xP2VlVvi/KTRtVXG0XZlzqphINRD+nw9gC3FJtqgxvQyL96uV2642r7Z9D+jiYLxbYG98UFVQ4b+rF/+JGeEDFecvP9SfYNO2lId66H7a+RAriA5BRQKtFHQ7Pd3xxAxX6+1xOy2Mbympt87S0IGaSJH9t6bNNPXGJ5pAXwqLsxlpK2bOwHVggLFoC8SlHXPXp3whaiwxdb+74+/Wr7f/DrnwP+XbWoomNF4w0UlOSd4rzQDBaFJmuFGU1TocAagUrUWSJP3F+lz+hYnvCXcYfNdP12HYBPiaTca7hgsZJRRPO3YyzmCZda2rr7lXYpMIpjf8wslY4+cI5MzH/CJPqUvlwJsWIKoGPU2lim29vPN7dqfzkRnN7S2KyNGrhQ5c8Il+FCxzNBzAPTRFEiAxUZN9f0V8glaryRq3sZWtwxS8qcjRNL7Rf0Z6OBAVeTwiVtgkkDmoeCDVOX7tv4I8hIJfktoREjM6IHy3IbjoDx7wr8nAbw9t5sAhynj8qGPXebO8+L8rq4TzH5Xos4jwxKhEEcWIB4zpiYW1r6zqlMNIW7X0fb+042pHNuj5HcPsizWtwenHuG8hfEy3Fc1sOi7LhYIvVtB2DvB3g6x4IA07nUY5fMbbO2oBwDAAuOngrD34I+0z808LolS/QV1A6FIJzDmHAPw/lRKQEj7cRxArsTSuQ4moiiISwnDyAZKUEgbA20q4XFft2HN0h0vBwuPjtk/fdy2nSKzVDBzurU7c7q1OQ89gDzjmemFZTNYiLDm6YIZeRl/ypCkK8de5JeQOpJ5F45MPOE7qcrxoS2iJ70w4s/msCyRB8/ejoeJ+XLUEfac49yZvUPg2FQeROsw2xzgfwr3AyKt1ZMzjJuTdlI6veLIOW5cxt1dQvVS5sG2/dggXuEPhJ3b4Of4qTenydN7CKTDLRp5AqLFiAaYJgTKAk6aOdZVU0pD/BlX+7N7UcDl9iksgk9JNNrn3yRixGC6dcWQ0nhRRdrqvgiMXbW603/o3ymCmZpEexw5ajr19zeqRvxpjzPZZ7zDOxBP8xkjP13Lm1+nqvIjoHU2p2IHRMa/cmTzSSD0fjtQx96A4hbGlF7dgBuPfQDjIkdVXJnNaDmOT7eDW4P5yhcPT8KY11cOhxkS8ryiI/zkgaUlBe8dzbHyF6n8YEnogWkVyPRyVulgswvg/8dnR/+mz4i+72kjmeE5BbjZL+sE7MEPVv/wQLP8NfNRTgRMqs1GQ64My95cbcvsBr6IqwsmEY1By3EbqdATYeCGXa+SSeVMg+cu3WaWd18i5M5FGr1aK5CAUUogCIiGJRRN1aKF6v4X+kFUgxO/HPhUOUSM9xh4qy4WB+P8AxcDY8cFqUMUvyp9wG+tiJXXQcqWUr2leJmYZcREQ9ES6acKHRZGYzsFjiiedmsn1Ck1+OSnMUWT6CtHseGSArcVBCXxCJRqLABdkXr0NEH+1tEnJVHiawFen9MqWWtNUzb7ZFsWXILrRfduPFbQ0W8UvY+6fZmrCMC5bkth6nkmUs6I2I+EdKcj2HDA2EIfKoTIhLegzsP3MHIUpW5U1u9i8CbFeYqOlh3DZuoc+JzhzPp2HMGJL9dij9HsZ2CgKNJok+m0P38xxOnHM9fzRb4jOxsBuGZY6xrJx+XczPhvaMiJZ74tZhbH/CDzdjaWuho+ng/wFBoBobOBQp5QAAAABJRU5ErkJggg==\"\r\n />\r\n </defs>\r\n</svg>\r\n" }]
|
|
5886
5775
|
}] });
|
|
5887
5776
|
|
|
5888
5777
|
// Angular import statements
|
|
@@ -5967,8 +5856,8 @@ class AnnaCoreModule {
|
|
|
5967
5856
|
radius: 100,
|
|
5968
5857
|
outerStrokeWidth: 16,
|
|
5969
5858
|
innerStrokeWidth: 8,
|
|
5970
|
-
outerStrokeColor:
|
|
5971
|
-
innerStrokeColor:
|
|
5859
|
+
outerStrokeColor: '#78C000',
|
|
5860
|
+
innerStrokeColor: '#C7E596',
|
|
5972
5861
|
animationDuration: 300,
|
|
5973
5862
|
}),
|
|
5974
5863
|
AnnaWeekCalendarComponent,
|
|
@@ -5996,8 +5885,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5996
5885
|
radius: 100,
|
|
5997
5886
|
outerStrokeWidth: 16,
|
|
5998
5887
|
innerStrokeWidth: 8,
|
|
5999
|
-
outerStrokeColor:
|
|
6000
|
-
innerStrokeColor:
|
|
5888
|
+
outerStrokeColor: '#78C000',
|
|
5889
|
+
innerStrokeColor: '#C7E596',
|
|
6001
5890
|
animationDuration: 300,
|
|
6002
5891
|
}),
|
|
6003
5892
|
AnnaNoDataComponent,
|
|
@@ -6081,38 +5970,38 @@ class AnnaNumberFormatService {
|
|
|
6081
5970
|
if (inputValue < 0) {
|
|
6082
5971
|
value = value * -1;
|
|
6083
5972
|
}
|
|
6084
|
-
if (digitsToRoundDecimalPoint == 0 && (unit ==
|
|
5973
|
+
if (digitsToRoundDecimalPoint == 0 && (unit == 'M' || unit == 'B' || unit == 'K')) {
|
|
6085
5974
|
digitsToRoundDecimalPoint = 2;
|
|
6086
5975
|
}
|
|
6087
5976
|
return Number.isInteger(value) ? value.toString() + unit : value.toFixed(digitsToRoundDecimalPoint) + unit;
|
|
6088
5977
|
// return (Math.round(value, digitsToRoundDecimalPoint, MidpointRounding.AwayFromZero) + unit);
|
|
6089
5978
|
}
|
|
6090
5979
|
static GetValueInUnits(inputValue) {
|
|
6091
|
-
let unit =
|
|
5980
|
+
let unit = '';
|
|
6092
5981
|
let thousand = 1000;
|
|
6093
5982
|
let million = 1000000;
|
|
6094
5983
|
let billion = 1000000000;
|
|
6095
5984
|
if (inputValue >= thousand && inputValue < million) {
|
|
6096
5985
|
inputValue = inputValue / thousand;
|
|
6097
|
-
unit =
|
|
5986
|
+
unit = 'K';
|
|
6098
5987
|
}
|
|
6099
5988
|
else if (inputValue >= million && inputValue < billion) {
|
|
6100
5989
|
inputValue = inputValue / million;
|
|
6101
|
-
unit =
|
|
5990
|
+
unit = 'M';
|
|
6102
5991
|
}
|
|
6103
5992
|
else if (inputValue >= billion) {
|
|
6104
5993
|
inputValue = inputValue / billion;
|
|
6105
|
-
unit =
|
|
5994
|
+
unit = 'B';
|
|
6106
5995
|
}
|
|
6107
5996
|
return [inputValue, unit];
|
|
6108
5997
|
}
|
|
6109
5998
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6110
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, providedIn:
|
|
5999
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, providedIn: 'root' }); }
|
|
6111
6000
|
}
|
|
6112
6001
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaNumberFormatService, decorators: [{
|
|
6113
6002
|
type: Injectable,
|
|
6114
6003
|
args: [{
|
|
6115
|
-
providedIn:
|
|
6004
|
+
providedIn: 'root',
|
|
6116
6005
|
}]
|
|
6117
6006
|
}] });
|
|
6118
6007
|
|
|
@@ -6120,25 +6009,25 @@ class AnnaPersistingFilterService {
|
|
|
6120
6009
|
constructor() { }
|
|
6121
6010
|
storeKeyValueInLocalStorage(val, isFilterKey = true) {
|
|
6122
6011
|
let filterOrdering;
|
|
6123
|
-
if (!localStorage.getItem(
|
|
6012
|
+
if (!localStorage.getItem('filterOrdering')) {
|
|
6124
6013
|
filterOrdering = [];
|
|
6125
6014
|
}
|
|
6126
6015
|
else {
|
|
6127
|
-
filterOrdering = JSON.parse(localStorage.getItem(
|
|
6016
|
+
filterOrdering = JSON.parse(localStorage.getItem('filterOrdering'));
|
|
6128
6017
|
}
|
|
6129
6018
|
let filterOrderingSet = new Set(filterOrdering);
|
|
6130
6019
|
let hashCode = null;
|
|
6131
6020
|
let key = null;
|
|
6132
6021
|
try {
|
|
6133
6022
|
hashCode = hash(val);
|
|
6134
|
-
key = isFilterKey ?
|
|
6023
|
+
key = isFilterKey ? 'filter_' + hashCode : hashCode;
|
|
6135
6024
|
localStorage.setItem(key, JSON.stringify(val));
|
|
6136
6025
|
if (isFilterKey) {
|
|
6137
6026
|
if (filterOrderingSet.has(key)) {
|
|
6138
6027
|
filterOrderingSet.delete(key);
|
|
6139
6028
|
}
|
|
6140
6029
|
filterOrderingSet.add(key);
|
|
6141
|
-
localStorage.setItem(
|
|
6030
|
+
localStorage.setItem('filterOrdering', JSON.stringify(Array.from(filterOrderingSet)));
|
|
6142
6031
|
}
|
|
6143
6032
|
}
|
|
6144
6033
|
catch (e) {
|
|
@@ -6148,14 +6037,14 @@ class AnnaPersistingFilterService {
|
|
|
6148
6037
|
}
|
|
6149
6038
|
filterOrdering.splice(0, filterOrdering.length / 2);
|
|
6150
6039
|
hashCode = hash(val);
|
|
6151
|
-
let key = isFilterKey ?
|
|
6040
|
+
let key = isFilterKey ? 'filter_' + hashCode : hashCode;
|
|
6152
6041
|
localStorage.setItem(key, JSON.stringify(val));
|
|
6153
6042
|
if (isFilterKey) {
|
|
6154
6043
|
if (filterOrderingSet.has(key)) {
|
|
6155
6044
|
filterOrderingSet.delete(key);
|
|
6156
6045
|
}
|
|
6157
6046
|
filterOrderingSet.add(key);
|
|
6158
|
-
localStorage.setItem(
|
|
6047
|
+
localStorage.setItem('filterOrdering', JSON.stringify(Array.from(filterOrderingSet)));
|
|
6159
6048
|
}
|
|
6160
6049
|
}
|
|
6161
6050
|
return key;
|
|
@@ -6166,15 +6055,15 @@ class AnnaPersistingFilterService {
|
|
|
6166
6055
|
convertObjToQueryString(paramsObject) {
|
|
6167
6056
|
return Object.keys(paramsObject)
|
|
6168
6057
|
.map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(paramsObject[key])}`)
|
|
6169
|
-
.join(
|
|
6058
|
+
.join('&');
|
|
6170
6059
|
}
|
|
6171
6060
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6172
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, providedIn:
|
|
6061
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, providedIn: 'root' }); }
|
|
6173
6062
|
}
|
|
6174
6063
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnaPersistingFilterService, decorators: [{
|
|
6175
6064
|
type: Injectable,
|
|
6176
6065
|
args: [{
|
|
6177
|
-
providedIn:
|
|
6066
|
+
providedIn: 'root',
|
|
6178
6067
|
}]
|
|
6179
6068
|
}], ctorParameters: function () { return []; } });
|
|
6180
6069
|
|
|
@@ -6201,18 +6090,18 @@ class IconCellActionKey {
|
|
|
6201
6090
|
}
|
|
6202
6091
|
|
|
6203
6092
|
class Constants {
|
|
6204
|
-
static { this.SUCCESS_STRING =
|
|
6205
|
-
static { this.BACKEND_SERVER_URL =
|
|
6206
|
-
static { this.ERROR_MSG =
|
|
6207
|
-
static { this.NO_DATA_MSG =
|
|
6208
|
-
static { this.SERVER_ERROR =
|
|
6209
|
-
static { this.USER_ORIGIN =
|
|
6210
|
-
static { this.ACTIVE_USER_STATUS =
|
|
6211
|
-
static { this.DELETED_USER_STATUS =
|
|
6212
|
-
static { this.INACTIVE_USER_STATUS =
|
|
6213
|
-
static { this.OGAdminRole =
|
|
6214
|
-
static { this.ASARole =
|
|
6215
|
-
static { this.dollars =
|
|
6093
|
+
static { this.SUCCESS_STRING = 'success'; }
|
|
6094
|
+
static { this.BACKEND_SERVER_URL = '/server/public/index.php/api'; }
|
|
6095
|
+
static { this.ERROR_MSG = 'Error occurred please try again.'; }
|
|
6096
|
+
static { this.NO_DATA_MSG = 'No Data to display'; }
|
|
6097
|
+
static { this.SERVER_ERROR = 'Server error. Please try Again'; }
|
|
6098
|
+
static { this.USER_ORIGIN = 'ANNA'; }
|
|
6099
|
+
static { this.ACTIVE_USER_STATUS = 'active'; }
|
|
6100
|
+
static { this.DELETED_USER_STATUS = 'deleted'; }
|
|
6101
|
+
static { this.INACTIVE_USER_STATUS = 'inactive'; }
|
|
6102
|
+
static { this.OGAdminRole = 'Ownership Group Admin'; }
|
|
6103
|
+
static { this.ASARole = 'Anna Station Admin'; }
|
|
6104
|
+
static { this.dollars = '$'; }
|
|
6216
6105
|
}
|
|
6217
6106
|
class ErrorCodes {
|
|
6218
6107
|
static { this.BAD_REQUEST = 400; }
|
|
@@ -6235,16 +6124,16 @@ var Days;
|
|
|
6235
6124
|
Days[Days["Su"] = 7] = "Su";
|
|
6236
6125
|
})(Days || (Days = {}));
|
|
6237
6126
|
class OrderSources {
|
|
6238
|
-
static { this.Medialine =
|
|
6239
|
-
static { this.Non_electronic =
|
|
6240
|
-
static { this.Others =
|
|
6241
|
-
static { this.WOC_unlinked =
|
|
6242
|
-
static { this.WOC_linked =
|
|
6243
|
-
static { this.WOZ =
|
|
6244
|
-
static { this.Darwin =
|
|
6127
|
+
static { this.Medialine = 'Medialine'; }
|
|
6128
|
+
static { this.Non_electronic = 'Non electronic'; }
|
|
6129
|
+
static { this.Others = 'Others'; }
|
|
6130
|
+
static { this.WOC_unlinked = 'WOC Unlinked'; }
|
|
6131
|
+
static { this.WOC_linked = 'WOC Linked'; }
|
|
6132
|
+
static { this.WOZ = 'WOZ'; }
|
|
6133
|
+
static { this.Darwin = 'Darwin'; }
|
|
6245
6134
|
}
|
|
6246
6135
|
class ANNAIconNames {
|
|
6247
|
-
static { this.AutomationActivatedIconName =
|
|
6136
|
+
static { this.AutomationActivatedIconName = 'anna-automation-activated-icon mdi mdi-cog-refresh'; }
|
|
6248
6137
|
}
|
|
6249
6138
|
|
|
6250
6139
|
/*
|
|
@@ -6255,5 +6144,5 @@ class ANNAIconNames {
|
|
|
6255
6144
|
* Generated bundle index. Do not edit.
|
|
6256
6145
|
*/
|
|
6257
6146
|
|
|
6258
|
-
export { ANNAIconNames, AllSelectedStatus, AnnaBuyerApprovalIconTemplateComponent, AnnaCalendarFilterComponent, AnnaColumnCheckboxFilterComponent, AnnaColumnDateRangeFilterComponent, AnnaColumnSliderFilterComponent, AnnaColumnTimeFilterComponent, AnnaConvertArrayToCommaSeperatedValue, AnnaConvertZeroOrNullOrUndefinedPipe, AnnaCoreModule, AnnaDateFormatterPipe, AnnaDateTimeFormatService, AnnaDeletedOrderIconTemplateComponent, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaFixedRowSizeTableVirtualScrollStrategy, AnnaFixedRowSizeTableVirtualScrollStrategyDirective, AnnaGlobalConfigService, AnnaGtHelperService, AnnaIconColumnComponent, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNonEditableGenericTableComponent, AnnaNotifyIconTemplateComponent, AnnaNumberFormatService, AnnaPayForPerformanceIconTemplateComponent, AnnaPersistingFilterService, AnnaRejectedIconTemplateComponent, AnnaReplaceCharPipe, AnnaSortComponent, AnnaSortService, AnnaTableVirtualScrollViewportComponent, AnnaTypeofDataPipe, AnnaVirtualTableDirective, AnnaWeekCalendarComponent, ClickableItem, Constants, Days, DigitOnlyDirective, ErrorCodes, FixedRowsPopupTableDirective, IconCellActionKey, OrderSources,
|
|
6147
|
+
export { ANNAIconNames, AllSelectedStatus, AnnaBuyerApprovalIconTemplateComponent, AnnaCalendarFilterComponent, AnnaColumnCheckboxFilterComponent, AnnaColumnDateRangeFilterComponent, AnnaColumnSliderFilterComponent, AnnaColumnTimeFilterComponent, AnnaConvertArrayToCommaSeperatedValue, AnnaConvertZeroOrNullOrUndefinedPipe, AnnaCoreModule, AnnaDateFormatterPipe, AnnaDateTimeFormatService, AnnaDeletedOrderIconTemplateComponent, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaFixedRowSizeTableVirtualScrollStrategy, AnnaFixedRowSizeTableVirtualScrollStrategyDirective, AnnaGlobalConfigService, AnnaGtHelperService, AnnaIconColumnComponent, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNonEditableGenericTableComponent, AnnaNotifyIconTemplateComponent, AnnaNumberFormatService, AnnaPayForPerformanceIconTemplateComponent, AnnaPersistingFilterService, AnnaRejectedIconTemplateComponent, AnnaReplaceCharPipe, AnnaSortComponent, AnnaSortService, AnnaTableVirtualScrollViewportComponent, AnnaTypeofDataPipe, AnnaVirtualTableDirective, AnnaWeekCalendarComponent, ClickableItem, Constants, Days, DigitOnlyDirective, ErrorCodes, FixedRowsPopupTableDirective, IconCellActionKey, OrderSources, SortTypeEnum, TooltipModel, fixedSizeVirtualScrollStrategyFactory, radioButtonModel, showEllipsisTextOnHoverDirective, tooltipModelForColumnLevelFiltering };
|
|
6259
6148
|
//# sourceMappingURL=annalib-anna-core.mjs.map
|