@annalib/anna-feature-biz-rules 0.0.1
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/README.md +63 -0
- package/advertiser-listing/index.d.ts +5 -0
- package/advertiser-listing/public-api.d.ts +5 -0
- package/advertiser-listing/src/advertiser-filter-modal/advertiser-filter-modal.component.d.ts +91 -0
- package/advertiser-listing/src/advertiser-filter-modal/models/advertiser-filter-modal.model.d.ts +13 -0
- package/advertiser-listing/src/advertiser-table-listing/advertiser-table-listing.component.d.ts +81 -0
- package/advertiser-listing/src/advertiser-table-listing/model/adv-table-listing.model.d.ts +24 -0
- package/advertiser-listing/src/advertiser-table-listing/services/adv-table-listing.service.d.ts +6 -0
- package/biz-rules-order-listing/index.d.ts +5 -0
- package/biz-rules-order-listing/public-api.d.ts +5 -0
- package/biz-rules-order-listing/src/biz-rules-order-listing.component.d.ts +139 -0
- package/biz-rules-order-listing/src/model/biz-rule-order-listing.constant.d.ts +35 -0
- package/biz-rules-order-listing/src/model/biz-rule-order-listing.model.d.ts +107 -0
- package/biz-rules-order-listing/src/service/automation-activated-and-pod.token.service.d.ts +24 -0
- package/biz-rules-order-listing/src/service/biz-rule-order-listing-backend.service.d.ts +18 -0
- package/business-rules/index.d.ts +5 -0
- package/business-rules/public-api.d.ts +27 -0
- package/business-rules/src/add-buyer-contact/models/add-buyer-contact.model.d.ts +13 -0
- package/business-rules/src/add-edit-buyer-contact-popup/add-edit-buyer-contact-popup.component.d.ts +53 -0
- package/business-rules/src/add-edit-buyer-contact-popup/services/buyer-contact-token.service.d.ts +6 -0
- package/business-rules/src/adu-rules/adu-rules.component.d.ts +88 -0
- package/business-rules/src/adu-rules/models/adu-rules.model.d.ts +84 -0
- package/business-rules/src/approval-config/approval-config.component.d.ts +49 -0
- package/business-rules/src/approval-config/services/approval-config.service.d.ts +10 -0
- package/business-rules/src/avatar/avatar.component.d.ts +18 -0
- package/business-rules/src/business-rule-page/business-rule-page.component.d.ts +95 -0
- package/business-rules/src/business-rule-page/models/business-rule-page.constants.d.ts +70 -0
- package/business-rules/src/business-rule-page/models/business-rule.model.d.ts +567 -0
- package/business-rules/src/business-rule-page/services/business-rule-common-SI-BI-logic.service.d.ts +19 -0
- package/business-rules/src/business-rules-history/business-rules-history.component.d.ts +44 -0
- package/business-rules/src/business-rules-history/models/biz-rule-history.model.d.ts +28 -0
- package/business-rules/src/business-rules-history-popup/business-rules-history-popup.component.d.ts +60 -0
- package/business-rules/src/business-rules-history-popup/models/business-rules-history-popup.model.d.ts +15 -0
- package/business-rules/src/buyer-contact-history/buyer-contact-history.component.d.ts +31 -0
- package/business-rules/src/buyer-contact-history/models/buyer-contact-history.model.d.ts +16 -0
- package/business-rules/src/buyer-contact-section/buyer-rep-contact-section.component.d.ts +43 -0
- package/business-rules/src/buyer-contact-section/models/buyer-contact.model.d.ts +52 -0
- package/business-rules/src/copy-biz-rules-popup/copy-biz-rules-popup.component.d.ts +91 -0
- package/business-rules/src/copy-biz-rules-popup/copy-business-rule-backend-service.token.d.ts +12 -0
- package/business-rules/src/copy-biz-rules-popup/models/copy-biz-rules.model.d.ts +47 -0
- package/business-rules/src/daypart-grouping-popup/daypart-grouping-popup.component.d.ts +31 -0
- package/business-rules/src/daypart-restrictions/daypart-restrictions.component.d.ts +62 -0
- package/business-rules/src/daypart-restrictions/pipe/replaceEnd.pipe.d.ts +7 -0
- package/business-rules/src/equivalent-and-higher-daypart/equivalent-and-higher-daypart.component.d.ts +39 -0
- package/business-rules/src/excluded-or-special-program/excluded-or-special-program.component.d.ts +58 -0
- package/business-rules/src/general-rules/general-rules.component.d.ts +105 -0
- package/business-rules/src/general-rules/models/general-rules-constant.d.ts +21 -0
- package/business-rules/src/inherit-biz-rule-approval-popup/inherit-biz-rule-approval-popup.component.d.ts +66 -0
- package/business-rules/src/inherit-biz-rule-approval-popup/models/inherit-biz-rule-approval-popup.model.d.ts +47 -0
- package/business-rules/src/inherit-biz-rule-approval-popup/services/inherit-biz-rule-approval-popup.service.d.ts +9 -0
- package/business-rules/src/make-good-rules/make-good-rules.component.d.ts +86 -0
- package/business-rules/src/make-good-rules/models/make-good-rules.model.d.ts +98 -0
- package/business-rules/src/make-good-rules/validators/relaxedValidation.d.ts +2 -0
- package/business-rules/src/mass-copy-biz-rules-popup/mass-copy-biz-rules-popup.component.d.ts +59 -0
- package/business-rules/src/mass-copy-biz-rules-popup/models/mass-copy-biz-rules.model.d.ts +32 -0
- package/fesm2022/annalib-anna-feature-biz-rules-advertiser-listing.mjs +768 -0
- package/fesm2022/annalib-anna-feature-biz-rules-advertiser-listing.mjs.map +1 -0
- package/fesm2022/annalib-anna-feature-biz-rules-biz-rules-order-listing.mjs +1068 -0
- package/fesm2022/annalib-anna-feature-biz-rules-biz-rules-order-listing.mjs.map +1 -0
- package/fesm2022/annalib-anna-feature-biz-rules-business-rules.mjs +6987 -0
- package/fesm2022/annalib-anna-feature-biz-rules-business-rules.mjs.map +1 -0
- package/fesm2022/annalib-anna-feature-biz-rules.mjs +88 -0
- package/fesm2022/annalib-anna-feature-biz-rules.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/anna-feature-biz-rules.module.d.ts +20 -0
- package/package.json +45 -0
- package/public-api.d.ts +1 -0
|
@@ -0,0 +1,768 @@
|
|
|
1
|
+
import { NgIf, NgClass, NgTemplateOutlet, NgSwitch, NgSwitchCase, NgFor, NgSwitchDefault, DatePipe } from '@angular/common';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { EventEmitter, Input, ViewChild, Output, ChangeDetectionStrategy, Component, Injectable } from '@angular/core';
|
|
4
|
+
import { FormsModule } from '@angular/forms';
|
|
5
|
+
import { MatRadioModule } from '@angular/material/radio';
|
|
6
|
+
import * as i2 from '@annalib/anna-core';
|
|
7
|
+
import { AnnaCoreModule, AnnaNonEditableGenericTableComponent } from '@annalib/anna-core';
|
|
8
|
+
import * as i3 from '@annalib/anna-design-components-lib';
|
|
9
|
+
import { DashboardFilterModalConstants, StartDateConsideringFactor, SingleSelectComponent, GenericPeriodSelectionComponent, SkeletonLoaderComponent, MessageBoxData, GenericMessageBoxTheme, AnnaDesignComponentsLibModule } from '@annalib/anna-design-components-lib';
|
|
10
|
+
import * as i1 from '@ng-bootstrap/ng-bootstrap';
|
|
11
|
+
import dayjs from 'dayjs';
|
|
12
|
+
import minMax from 'dayjs/plugin/minMax';
|
|
13
|
+
import { cloneDeep, isEqual } from 'lodash-es';
|
|
14
|
+
import * as i1$1 from '@angular/router';
|
|
15
|
+
import * as i3$1 from '@annalib/anna-feature-lib/anna-feature-shared-lib';
|
|
16
|
+
import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
|
|
17
|
+
|
|
18
|
+
var AdvertiserListingFilterPopupradioButtons;
|
|
19
|
+
(function (AdvertiserListingFilterPopupradioButtons) {
|
|
20
|
+
AdvertiserListingFilterPopupradioButtons["showAllActiveAdvertisers"] = "Show all active advertisers";
|
|
21
|
+
AdvertiserListingFilterPopupradioButtons["calendarSelection"] = "Calendar selection";
|
|
22
|
+
})(AdvertiserListingFilterPopupradioButtons || (AdvertiserListingFilterPopupradioButtons = {}));
|
|
23
|
+
|
|
24
|
+
/* eslint-disable import/no-extraneous-dependencies */
|
|
25
|
+
// Angular import statements
|
|
26
|
+
class AdvertiserFilterModalComponent {
|
|
27
|
+
constructor(modalService, annaGlobalService, quarterFilterService, updateStationIdService) {
|
|
28
|
+
this.modalService = modalService;
|
|
29
|
+
this.annaGlobalService = annaGlobalService;
|
|
30
|
+
this.quarterFilterService = quarterFilterService;
|
|
31
|
+
this.updateStationIdService = updateStationIdService;
|
|
32
|
+
this.stationIdsWithValidLicense = [];
|
|
33
|
+
this.applyFilter = new EventEmitter();
|
|
34
|
+
this.getInitialFilter = new EventEmitter();
|
|
35
|
+
this.constants = DashboardFilterModalConstants;
|
|
36
|
+
this.toShowAllPeriodModeSetting = false;
|
|
37
|
+
this.PeriodOptions = ["Quarter"];
|
|
38
|
+
this.DATE_FORMAT = "MM/DD/YYYY";
|
|
39
|
+
this.DATE_FORMAT_HTML = "MM/dd/YYYY";
|
|
40
|
+
this.MONTH_DATE_FORMAT_HTML = "d MMM";
|
|
41
|
+
this.StartDateConsideringFactor = StartDateConsideringFactor;
|
|
42
|
+
this.advertiserListingFilterPopupradioButtons = AdvertiserListingFilterPopupradioButtons;
|
|
43
|
+
dayjs.extend(minMax);
|
|
44
|
+
this.configModalOptions();
|
|
45
|
+
this.setStationDropdownConfig();
|
|
46
|
+
this.resetClonedFilter();
|
|
47
|
+
}
|
|
48
|
+
ngOnChanges(changes) {
|
|
49
|
+
if (changes.filterData && changes.filterData.currentValue) {
|
|
50
|
+
if (this.stationIdsWithValidLicense?.length) {
|
|
51
|
+
this.filterData.stationArr = this.filterData.stationArr.filter((station) => this.stationIdsWithValidLicense.includes(station.id));
|
|
52
|
+
}
|
|
53
|
+
this.disableEditFilterBtn();
|
|
54
|
+
this.getLoginUserId();
|
|
55
|
+
this.setFilterData();
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
setInitialFiltersForComponent() {
|
|
59
|
+
this.initialFiltersForStationAndPeriod = {
|
|
60
|
+
stationId: this.selectedStation.id,
|
|
61
|
+
showCalendarSelection: this.selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle ===
|
|
62
|
+
this.advertiserListingFilterPopupradioButtons.calendarSelection,
|
|
63
|
+
includeExpiredAdvertisers: this.includeExpiredAdvertisers,
|
|
64
|
+
};
|
|
65
|
+
const calendarData = this.filterData.stationCalendarTypeMap.get(this.selectedStation.id);
|
|
66
|
+
if (this.calendarData.BroadcastQuarterYear.length) {
|
|
67
|
+
let selectedQuarter;
|
|
68
|
+
const quarter = calendarData.BroadcastQuarterYear;
|
|
69
|
+
for (let i = 0; i < quarter.length; i++) {
|
|
70
|
+
selectedQuarter = quarter[i].Quarters.filter((data) => data.IsCurrentQuarter);
|
|
71
|
+
if (selectedQuarter.length) {
|
|
72
|
+
break;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
if (selectedQuarter) {
|
|
76
|
+
const defaultQuarterYear = dayjs(selectedQuarter[0].EndDate).format("YYYY");
|
|
77
|
+
const defaultQuarter = selectedQuarter[0].DisplayDate;
|
|
78
|
+
const selectedStartDate = dayjs(selectedQuarter[0].StartDate).format(this.DATE_FORMAT);
|
|
79
|
+
const selectedEndDate = dayjs(selectedQuarter[0].EndDate).format(this.DATE_FORMAT);
|
|
80
|
+
this.initialFiltersForStationAndPeriod.periodData = {
|
|
81
|
+
year: defaultQuarterYear,
|
|
82
|
+
quarter: defaultQuarter,
|
|
83
|
+
calendarType: this.constants.Broadcast,
|
|
84
|
+
periodMode: this.constants.Quarter,
|
|
85
|
+
month: null,
|
|
86
|
+
isEntireFlightPeriod: false,
|
|
87
|
+
startDate: selectedStartDate,
|
|
88
|
+
endDate: selectedEndDate,
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
this.initialFiltersForStationAndPeriod.periodData = null;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
this.getInitialFilter.emit(this.initialFiltersForStationAndPeriod);
|
|
96
|
+
}
|
|
97
|
+
disableEditFilterBtn() {
|
|
98
|
+
this.noQuarterYearPresent = true;
|
|
99
|
+
this.filterData.stationCalendarTypeMap.forEach((value, key) => {
|
|
100
|
+
if (value.BroadcastQuarterYear.length > 0) {
|
|
101
|
+
this.noQuarterYearPresent = false;
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
setFilterData() {
|
|
106
|
+
this.periodDataLoader = true;
|
|
107
|
+
this.setStationData();
|
|
108
|
+
this.setShowCalendarSelectionValue();
|
|
109
|
+
this.setIncludeExcludedAdvertisersValue();
|
|
110
|
+
this.setCalendarQuarterFilter();
|
|
111
|
+
this.callBackFuncOnInitialSetup();
|
|
112
|
+
}
|
|
113
|
+
setShowCalendarSelectionValue() {
|
|
114
|
+
const showCalendarSelection = this.persistingFilter && this.persistingFilter.showCalendarSelection !== undefined
|
|
115
|
+
? this.persistingFilter.showCalendarSelection
|
|
116
|
+
: true;
|
|
117
|
+
this.selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle = showCalendarSelection
|
|
118
|
+
? this.advertiserListingFilterPopupradioButtons.calendarSelection
|
|
119
|
+
: this.advertiserListingFilterPopupradioButtons.showAllActiveAdvertisers;
|
|
120
|
+
}
|
|
121
|
+
setIncludeExcludedAdvertisersValue() {
|
|
122
|
+
this.includeExpiredAdvertisers =
|
|
123
|
+
this.persistingFilter && this.persistingFilter.includeExpiredAdvertisers !== undefined
|
|
124
|
+
? this.persistingFilter.includeExpiredAdvertisers
|
|
125
|
+
: false;
|
|
126
|
+
}
|
|
127
|
+
callBackFuncOnInitialSetup() {
|
|
128
|
+
this.setInitialFiltersForComponent();
|
|
129
|
+
this.setClonedDataAndEmitFilters();
|
|
130
|
+
this.periodDataLoader = false;
|
|
131
|
+
this.isFilterValueChanged = false;
|
|
132
|
+
}
|
|
133
|
+
setStationData() {
|
|
134
|
+
this.stations = this.filterData.stationArr;
|
|
135
|
+
if (this.persistingFilter && this.persistingFilter.stationId) {
|
|
136
|
+
this.selectedStation = this.stations.some((station) => station.id === this.persistingFilter.stationId)
|
|
137
|
+
? this.stations.find((station) => station.id === this.persistingFilter.stationId)
|
|
138
|
+
: this.stations[0];
|
|
139
|
+
}
|
|
140
|
+
else {
|
|
141
|
+
this.selectedStation = this.stations[0];
|
|
142
|
+
}
|
|
143
|
+
this.previousSelectedStation = cloneDeep(this.selectedStation);
|
|
144
|
+
}
|
|
145
|
+
setCalendarQuarterFilter() {
|
|
146
|
+
this.selectedPeriodData =
|
|
147
|
+
this.persistingFilter && this.persistingFilter.periodData ? this.persistingFilter.periodData : null;
|
|
148
|
+
this.setGenericPeriodSelectionComponentData();
|
|
149
|
+
if (this.isPeriodData()) {
|
|
150
|
+
this.setStartAndEndDate(this.calendarData);
|
|
151
|
+
this.setMinMaxDateRangeAsPerQuarter();
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
isPeriodData() {
|
|
155
|
+
return this.calendarData.BroadcastQuarterYear.length;
|
|
156
|
+
}
|
|
157
|
+
setGenericPeriodSelectionComponentData() {
|
|
158
|
+
this.calendarData = this.filterData.stationCalendarTypeMap.get(this.selectedStation.id);
|
|
159
|
+
this.quarterFilterService.publishQuarterFilterData({ filterData: this.calendarData, selectedFilter: null });
|
|
160
|
+
}
|
|
161
|
+
setMinMaxDateRangeAsPerQuarter() {
|
|
162
|
+
if (this.calendarData.BroadcastQuarterYear.length > 0) {
|
|
163
|
+
this.minMaxDateRangeForCalendar = null;
|
|
164
|
+
if (this.isFiscalPeriod()) {
|
|
165
|
+
this.setMinMaxDate(this.calendarData.FiscalQuarterYear);
|
|
166
|
+
}
|
|
167
|
+
else {
|
|
168
|
+
this.setMinMaxDate(this.calendarData.BroadcastQuarterYear);
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
setMinMaxDate(quarterYear) {
|
|
173
|
+
const totalYear = quarterYear.length - 1;
|
|
174
|
+
const totalQuarterInLastYear = quarterYear[totalYear].Quarters.length - 1;
|
|
175
|
+
const startDate = dayjs(quarterYear[0].Quarters[0].StartDate).format(this.DATE_FORMAT);
|
|
176
|
+
const endDate = dayjs(quarterYear[totalYear].Quarters[totalQuarterInLastYear].EndDate).format(this.DATE_FORMAT);
|
|
177
|
+
this.minMaxDateRangeForCalendar = { startDate, endDate };
|
|
178
|
+
}
|
|
179
|
+
isFiscalPeriod() {
|
|
180
|
+
return ((this.persistingFilter &&
|
|
181
|
+
this.persistingFilter.periodData &&
|
|
182
|
+
this.persistingFilter.periodData.calendarType === this.constants.Fiscal) ||
|
|
183
|
+
(this.selectedPeriodData && this.selectedPeriodData.calendarType === this.constants.Fiscal));
|
|
184
|
+
}
|
|
185
|
+
setStartAndEndDate(calendarData) {
|
|
186
|
+
if (this.persistingFilter && this.persistingFilter.periodData) {
|
|
187
|
+
this.selectedStartDate = this.persistingFilter.periodData.startDate;
|
|
188
|
+
this.selectedEndDate = this.persistingFilter.periodData.endDate;
|
|
189
|
+
this.defaultQuarterYear = null;
|
|
190
|
+
this.defaultQuarter = null;
|
|
191
|
+
}
|
|
192
|
+
else {
|
|
193
|
+
this.setDefaultPeriodFilter(calendarData);
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
openFilterModal() {
|
|
197
|
+
this.previousSelectedStation = null;
|
|
198
|
+
if (this.persistingFilter && this.persistingFilter.stationId) {
|
|
199
|
+
this.previousSelectedStation = this.stations?.filter((n) => n.id === this.persistingFilter.stationId)[0];
|
|
200
|
+
}
|
|
201
|
+
else if (this.stations) {
|
|
202
|
+
this.previousSelectedStation = this.stations[0];
|
|
203
|
+
}
|
|
204
|
+
this.modalRef = this.modalService.open(this.dbFilterModal, this.ngbModalOptions);
|
|
205
|
+
}
|
|
206
|
+
closeOptionsModal() {
|
|
207
|
+
this.modalRef.close();
|
|
208
|
+
}
|
|
209
|
+
isPeriodFilterChanged(periodFilter) {
|
|
210
|
+
this.selectedPeriodData = cloneDeep(periodFilter);
|
|
211
|
+
this.selectedStartDate = periodFilter.startDate;
|
|
212
|
+
this.selectedEndDate = periodFilter.endDate;
|
|
213
|
+
this.setMinMaxDateRangeAsPerQuarter();
|
|
214
|
+
this.isFilterDropdownValueChanged();
|
|
215
|
+
}
|
|
216
|
+
// default is broadcast quater year
|
|
217
|
+
setDefaultPeriodFilter(calendarData) {
|
|
218
|
+
let selectedQuarter;
|
|
219
|
+
const quarter = calendarData.BroadcastQuarterYear;
|
|
220
|
+
for (let i = 0; i < quarter.length; i++) {
|
|
221
|
+
selectedQuarter = quarter[i].Quarters.filter((data) => data.IsCurrentQuarter);
|
|
222
|
+
if (selectedQuarter.length) {
|
|
223
|
+
break;
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
this.defaultQuarterYear = dayjs(selectedQuarter[0].EndDate).format("YYYY");
|
|
227
|
+
this.defaultQuarter = selectedQuarter[0].DisplayDate;
|
|
228
|
+
this.selectedStartDate = dayjs(selectedQuarter[0].StartDate).format(this.DATE_FORMAT);
|
|
229
|
+
this.selectedEndDate = dayjs(selectedQuarter[0].EndDate).format(this.DATE_FORMAT);
|
|
230
|
+
}
|
|
231
|
+
onApplyFilterAndUpdateNavigation() {
|
|
232
|
+
this.updateStationIdService.updateStationIdInLocalStorage([this.selectedStation.id]);
|
|
233
|
+
this.previousSelectedStation = cloneDeep(this.selectedStation);
|
|
234
|
+
this.setClonedDataAndEmitFilters();
|
|
235
|
+
this.closeOptionsModal();
|
|
236
|
+
}
|
|
237
|
+
setClonedDataAndEmitFilters() {
|
|
238
|
+
const filterApplied = this.setClonedFilter();
|
|
239
|
+
this.applyFilter.emit(filterApplied);
|
|
240
|
+
}
|
|
241
|
+
setClonedFilter() {
|
|
242
|
+
const showCalendarSelection = this.selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle ===
|
|
243
|
+
this.advertiserListingFilterPopupradioButtons.calendarSelection;
|
|
244
|
+
this.clonedFilter = {
|
|
245
|
+
periodData: cloneDeep(this.selectedPeriodData),
|
|
246
|
+
stationId: this.selectedStation.id,
|
|
247
|
+
stationName: this.selectedStation.text,
|
|
248
|
+
includeExpiredAdvertisers: this.includeExpiredAdvertisers,
|
|
249
|
+
showCalendarSelection,
|
|
250
|
+
};
|
|
251
|
+
this.updateStationIdService.updateStationIdInLocalStorage([this.clonedFilter.stationId]);
|
|
252
|
+
this.addIncludeExpiredAdvertisersClonedFilter(this.includeExpiredAdvertisers);
|
|
253
|
+
this.addShowCalendarSelectionClonedFilter(showCalendarSelection);
|
|
254
|
+
this.setDefaultSelectedPeriodData();
|
|
255
|
+
return this.clonedFilter;
|
|
256
|
+
}
|
|
257
|
+
addIncludeExpiredAdvertisersClonedFilter(val) {
|
|
258
|
+
this.clonedFilter.includeExpiredAdvertisers = val !== undefined ? val : false;
|
|
259
|
+
}
|
|
260
|
+
addShowCalendarSelectionClonedFilter(val) {
|
|
261
|
+
this.clonedFilter.showCalendarSelection = val !== undefined ? val : true;
|
|
262
|
+
}
|
|
263
|
+
setDefaultSelectedPeriodData() {
|
|
264
|
+
if (this.clonedFilter.periodData == null && this.defaultQuarter) {
|
|
265
|
+
this.clonedFilter.periodData = {
|
|
266
|
+
year: this.defaultQuarterYear,
|
|
267
|
+
quarter: this.defaultQuarter,
|
|
268
|
+
calendarType: this.constants.Broadcast,
|
|
269
|
+
periodMode: this.constants.Quarter,
|
|
270
|
+
month: null,
|
|
271
|
+
startDate: this.selectedStartDate,
|
|
272
|
+
endDate: this.selectedEndDate,
|
|
273
|
+
};
|
|
274
|
+
this.clonedFilter = cloneDeep(this.clonedFilter);
|
|
275
|
+
}
|
|
276
|
+
else {
|
|
277
|
+
this.clonedFilter.periodData = cloneDeep(this.selectedPeriodData);
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
onCancelClicked() {
|
|
281
|
+
this.selectedStartDate = this.clonedFilter.periodData?.startDate;
|
|
282
|
+
this.selectedEndDate = this.clonedFilter.periodData?.endDate;
|
|
283
|
+
this.selectedPeriodData = cloneDeep(this.clonedFilter.periodData);
|
|
284
|
+
this.setPreviousDataForStationOrOG();
|
|
285
|
+
this.setGenericPeriodSelectionComponentData();
|
|
286
|
+
this.setMinMaxDateRangeAsPerQuarter();
|
|
287
|
+
this.closeOptionsModal();
|
|
288
|
+
}
|
|
289
|
+
setPreviousDataForStationOrOG() {
|
|
290
|
+
this.selectedStation = this.stations.filter((n) => n.id === this.clonedFilter.stationId)[0];
|
|
291
|
+
}
|
|
292
|
+
resetClonedFilter() {
|
|
293
|
+
this.clonedFilter = {
|
|
294
|
+
periodData: null,
|
|
295
|
+
stationId: null,
|
|
296
|
+
updateNavigation: null,
|
|
297
|
+
showCalendarSelection: true,
|
|
298
|
+
includeExpiredAdvertisers: false,
|
|
299
|
+
};
|
|
300
|
+
this.addIncludeExpiredAdvertisersClonedFilter(false);
|
|
301
|
+
this.addShowCalendarSelectionClonedFilter(true);
|
|
302
|
+
}
|
|
303
|
+
stationSelected(selectedStation) {
|
|
304
|
+
this.selectedStation = selectedStation;
|
|
305
|
+
const previousQuarterFilter = this.filterData.stationCalendarTypeMap.get(this.previousSelectedStation.id);
|
|
306
|
+
const currentQuarterFilter = this.filterData.stationCalendarTypeMap.get(this.selectedStation.id);
|
|
307
|
+
if (previousQuarterFilter.BroadcastQuarterYear.length !== currentQuarterFilter.BroadcastQuarterYear.length) {
|
|
308
|
+
this.setGenericPeriodSelectionComponentData();
|
|
309
|
+
if (this.isPeriodData()) {
|
|
310
|
+
this.setStartAndEndDate(this.calendarData);
|
|
311
|
+
this.setMinMaxDateRangeAsPerQuarter();
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
this.selectedStation = cloneDeep(selectedStation);
|
|
315
|
+
this.isFilterDropdownValueChanged();
|
|
316
|
+
}
|
|
317
|
+
configModalOptions() {
|
|
318
|
+
this.ngbModalOptions = {
|
|
319
|
+
windowClass: "dashboard-filter-modal",
|
|
320
|
+
};
|
|
321
|
+
}
|
|
322
|
+
getLoginUserId() {
|
|
323
|
+
this.loggedInUserId = +JSON.parse(localStorage.getItem("userProfileData")).userId;
|
|
324
|
+
}
|
|
325
|
+
isFilterDropdownValueChanged() {
|
|
326
|
+
const calendarSelection = this.selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle ===
|
|
327
|
+
this.advertiserListingFilterPopupradioButtons.calendarSelection;
|
|
328
|
+
this.isFilterValueChanged =
|
|
329
|
+
!isEqual(this.clonedFilter.periodData?.startDate, this.selectedStartDate) ||
|
|
330
|
+
!isEqual(this.clonedFilter.periodData?.endDate, this.selectedEndDate) ||
|
|
331
|
+
!isEqual(this.clonedFilter.periodData?.periodMode, this.selectedPeriodData?.periodMode) ||
|
|
332
|
+
!isEqual(this.clonedFilter.periodData?.calendarType, this.selectedPeriodData?.calendarType);
|
|
333
|
+
if (!this.isFilterValueChanged) {
|
|
334
|
+
this.isFilterValueChanged = !isEqual(this.clonedFilter.stationId, this.selectedStation?.id);
|
|
335
|
+
}
|
|
336
|
+
if (!this.isFilterValueChanged) {
|
|
337
|
+
this.isFilterValueChanged =
|
|
338
|
+
!isEqual(this.clonedFilter.includeExpiredAdvertisers, this.includeExpiredAdvertisers) ||
|
|
339
|
+
!isEqual(this.clonedFilter.showCalendarSelection, calendarSelection);
|
|
340
|
+
}
|
|
341
|
+
}
|
|
342
|
+
setStationDropdownConfig() {
|
|
343
|
+
this.stationDropdownConfig = { ...this.annaGlobalService.defaultSingleSelectConfig };
|
|
344
|
+
this.stationDropdownConfig.placeholder = "No station selected";
|
|
345
|
+
}
|
|
346
|
+
showCalendarSelectionAndAllActiveAdvertisersToggled(event) {
|
|
347
|
+
this.selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle = cloneDeep(event);
|
|
348
|
+
this.includeExpiredAdvertisers =
|
|
349
|
+
event === this.advertiserListingFilterPopupradioButtons.calendarSelection
|
|
350
|
+
? false
|
|
351
|
+
: this.includeExpiredAdvertisers;
|
|
352
|
+
this.isFilterDropdownValueChanged();
|
|
353
|
+
}
|
|
354
|
+
showOrHideExpiredAdvertisers() {
|
|
355
|
+
this.includeExpiredAdvertisers = !this.includeExpiredAdvertisers;
|
|
356
|
+
this.isFilterDropdownValueChanged();
|
|
357
|
+
}
|
|
358
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AdvertiserFilterModalComponent, deps: [{ token: i1.NgbModal }, { token: i2.AnnaGlobalConfigService }, { token: i3.CalendarQuarterYearFilterService }, { token: i2.UpdateStationIdService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
359
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: AdvertiserFilterModalComponent, isStandalone: true, selector: "anna-feature-advertiser-filter-modal", inputs: { toDisable: "toDisable", filterData: "filterData", persistingFilter: "persistingFilter", stationIdsWithValidLicense: "stationIdsWithValidLicense", toShowAllPeriodModeSetting: "toShowAllPeriodModeSetting", PeriodOptions: "PeriodOptions" }, outputs: { applyFilter: "applyFilter", getInitialFilter: "getInitialFilter" }, viewQueries: [{ propertyName: "dbFilterModal", first: true, predicate: ["dbFilterModal"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<article class=\"selected-filters-container\">\n <section\n *ngIf=\"filterData\"\n class=\"filter-view\"\n >\n <div>\n <header class=\"header\">Station</header>\n <p class=\"selected-value\">\n {{ previousSelectedStation && previousSelectedStation.text ? previousSelectedStation.text : \"-\" }}\n </p>\n </div>\n\n <div>\n <ng-container\n *ngIf=\"!periodDataLoader\"\n [ngTemplateOutlet]=\"periodSelected\"\n ></ng-container>\n <ng-container\n *ngIf=\"periodDataLoader\"\n [ngTemplateOutlet]=\"periodSkeletonLoader\"\n ></ng-container>\n </div>\n </section>\n\n <section\n *ngIf=\"!filterData\"\n class=\"filter-view\"\n >\n <ng-container [ngTemplateOutlet]=\"skeletonLoader\"></ng-container>\n </section>\n\n <button\n *ngIf=\"!toDisable\"\n class=\"anna edit-button\"\n [disabled]=\"!filterData || noQuarterYearPresent || toDisable\"\n (click)=\"openFilterModal()\"\n >\n Edit\n </button>\n <ng-container\n *ngIf=\"toDisable\"\n [ngTemplateOutlet]=\"editButtonLoader\"\n ></ng-container>\n</article>\n\n<ng-template\n #dbFilterModal\n let-modal\n>\n <div class=\"modal-header confirm-modal-header\">\n <h3 class=\"modal-title\">Edit Filter</h3>\n </div>\n <div class=\"modal-body\">\n <div class=\"filter-dropdown\">\n <div class=\"popup-filter\">\n <header class=\"header\">Station</header>\n <anna-design-single-select\n *ngIf=\"stations.length\"\n [items]=\"stations\"\n [selectedItem]=\"selectedStation\"\n [config]=\"stationDropdownConfig\"\n (valueChanged)=\"stationSelected($event)\"\n >\n </anna-design-single-select>\n </div>\n\n <div>\n <div class=\"custom-radio-group\">\n <div\n class=\"d-flex bold-text\"\n (click)=\"\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle =\n advertiserListingFilterPopupradioButtons?.showAllActiveAdvertisers;\n showCalendarSelectionAndAllActiveAdvertisersToggled(\n advertiserListingFilterPopupradioButtons?.showAllActiveAdvertisers\n )\n \"\n >\n <span\n class=\"mdi radio-button-icon\"\n [ngClass]=\"{\n 'mdi-radiobox-marked':\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle ===\n advertiserListingFilterPopupradioButtons?.showAllActiveAdvertisers,\n 'mdi-radiobox-blank':\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle !==\n advertiserListingFilterPopupradioButtons?.showAllActiveAdvertisers\n }\"\n ></span>\n {{ advertiserListingFilterPopupradioButtons?.showAllActiveAdvertisers }}\n </div>\n\n <label\n class=\"checkbox-and-message pl-30\"\n [ngClass]=\"{\n 'disabled-label':\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle ===\n advertiserListingFilterPopupradioButtons?.calendarSelection\n }\"\n (click)=\"showOrHideExpiredAdvertisers()\"\n >\n <i\n class=\"mi mdi-check-box\"\n *ngIf=\"includeExpiredAdvertisers\"\n ></i>\n <i\n class=\"mi mdi-check-box-outline-blank\"\n *ngIf=\"!includeExpiredAdvertisers\"\n ></i>\n <span>Also include expired advertisers</span>\n </label>\n\n <br />\n\n <div\n class=\"d-flex bold-text\"\n (click)=\"\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle =\n advertiserListingFilterPopupradioButtons?.calendarSelection;\n showCalendarSelectionAndAllActiveAdvertisersToggled(\n advertiserListingFilterPopupradioButtons?.calendarSelection\n )\n \"\n >\n <span\n class=\"mdi radio-button-icon\"\n [ngClass]=\"{\n 'mdi-radiobox-marked':\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle ===\n advertiserListingFilterPopupradioButtons?.calendarSelection,\n 'mdi-radiobox-blank':\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle !==\n advertiserListingFilterPopupradioButtons?.calendarSelection\n }\"\n ></span>\n {{ advertiserListingFilterPopupradioButtons?.calendarSelection }}\n </div>\n </div>\n </div>\n\n <div class=\"popup-filter pl-30\">\n <anna-design-generic-period-selection\n [selectedData]=\"persistingFilter?.periodData\"\n [disablePeriodSelection]=\"\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle !==\n advertiserListingFilterPopupradioButtons.calendarSelection\n \"\n [PeriodOptions]=\"PeriodOptions\"\n [minMaxDateRangeForCalendar]=\"minMaxDateRangeForCalendar\"\n [startDateConsideringFactor]=\"StartDateConsideringFactor.FLIGHT_START_DATE\"\n (isFilterChanged)=\"isPeriodFilterChanged($event)\"\n [toShowAllPeriodMode]=\"toShowAllPeriodModeSetting\"\n [showAllSelectionInDropdown]=\"false\"\n [toShowAllMonthsOfYear]=\"false\"\n >\n </anna-design-generic-period-selection>\n </div>\n </div>\n <div class=\"btn-group\">\n <button\n class=\"anna cancel-button\"\n (click)=\"onCancelClicked()\"\n >\n Cancel\n </button>\n\n <button\n class=\"anna apply-button\"\n [disabled]=\"!isFilterValueChanged || !selectedStartDate || !selectedEndDate\"\n (click)=\"onApplyFilterAndUpdateNavigation()\"\n >\n Apply\n </button>\n </div>\n </div>\n</ng-template>\n\n<ng-template #periodSelected>\n <header class=\"header\">Period</header>\n <ng-container *ngIf=\"clonedFilter.periodData && clonedFilter?.showCalendarSelection\">\n <ng-container [ngSwitch]=\"clonedFilter.periodData.periodMode\">\n <p\n class=\"selected-value\"\n *ngSwitchCase=\"constants.Quarter\"\n >\n {{ clonedFilter.periodData.year }}\n {{ clonedFilter.periodData.quarter }}\n </p>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!clonedFilter.periodData || !clonedFilter?.showCalendarSelection\">\n <p class=\"selected-value\">-</p>\n </ng-container>\n</ng-template>\n\n<ng-template #skeletonLoader>\n <anna-design-skt-loader\n [theme]=\"{\n height: '100%',\n width: '150px',\n 'margin-bottom': '0',\n 'margin-right': '20px',\n display: 'inline-block'\n }\"\n >\n </anna-design-skt-loader>\n <anna-design-skt-loader\n [theme]=\"{\n height: '100%',\n width: '170px',\n 'margin-bottom': '0',\n 'margin-right': '20px',\n display: 'inline-block'\n }\"\n >\n </anna-design-skt-loader>\n</ng-template>\n\n<ng-template #periodSkeletonLoader>\n <anna-design-skt-loader\n [theme]=\"{\n height: '100%',\n width: '167px',\n 'margin-bottom': '0',\n 'margin-right': '0px',\n display: 'inline-block'\n }\"\n >\n </anna-design-skt-loader>\n</ng-template>\n\n<ng-template #editButtonLoader>\n <anna-design-skt-loader\n [theme]=\"{\n height: '100%',\n width: '52px',\n 'margin-bottom': '0',\n 'margin-right': '0px',\n display: 'inline-block'\n }\"\n >\n </anna-design-skt-loader>\n</ng-template>\n", styles: [".selected-filters-container{border-radius:2px;border:1px solid #268bff;padding:.625rem .5rem .625rem 1.5rem;display:flex;flex-wrap:nowrap;justify-content:space-between;height:50px}.filter-view{display:flex;gap:1.5625rem}.edit-button{margin-top:3px}.header{margin-bottom:0;color:#333;font-family:Roboto;font-size:var(--primary-filter-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.popup-dropdown-label{margin-bottom:0;color:#333;font-family:Roboto;font-size:var(--dropdown-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.selected-value{margin-bottom:0;color:#767676;font-family:Roboto;font-size:var(--primary-filter-value-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .dashboard-filter-modal .modal-dialog{top:80px!important}::ng-deep .dashboard-filter-modal .modal-content{min-width:28.125rem;width:28.125rem;max-width:28.125rem}::ng-deep .dashboard-filter-modal .modal-header{padding:.5rem .5rem .25rem 1.5rem}::ng-deep .dashboard-filter-modal .modal-header .modal-title{color:#fff;margin-top:auto;margin-bottom:0;font-family:Roboto;font-size:var(--modal-header-title-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .dashboard-filter-modal .modal-header i{color:#fff;font-size:1.5rem}::ng-deep .dashboard-filter-modal .modal-header i:hover,::ng-deep .dashboard-filter-modal .modal-header i:focus{opacity:1!important;color:#fff}::ng-deep .dashboard-filter-modal .modal-body{padding:1.5rem}::ng-deep .dashboard-filter-modal .modal-body .popup-filter{margin-bottom:1rem}::ng-deep .dashboard-filter-modal .modal-body .btn-group{display:flex;justify-content:space-between;padding-top:.5rem}.border-top{border-top:solid 1px #d3d3d3!important;padding-block:.9375rem}p{margin-bottom:0;font-size:.875rem}.pl-30{padding-left:30px}.radio-button-icon{font-size:18px;line-height:19px;margin-right:7px;display:flex;font-weight:500;color:#268bff;cursor:pointer}.radio-button-icon.disabled{color:#d8d8d8!important;cursor:default}.checkbox-and-message{display:flex;vertical-align:middle;align-items:center;height:max-content;margin-bottom:0;cursor:pointer}.checkbox-and-message i{color:#268bff;font-size:14px;margin-right:4px}.checkbox-and-message span{font-size:var(--checkbox-label-fs)}.bold-text{font-weight:700;align-items:center;font-size:var(--radio-button-label-fs)}.disabled-label{pointer-events:none!important}.disabled-label i{color:#d4d4d4}:host::ng-deep .period-select-modal-radio p{margin-top:0!important}::ng-deep #dropdown-trigger{min-width:120px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "component", type: SingleSelectComponent, selector: "anna-design-single-select", inputs: ["config", "loading", "showAdditionalDataInSelectedText", "disabled", "items", "selectedItem", "keyToUseForDisplay", "keyToUseForCheckingSelectedItem", "hideDropdownArrow", "borderbottomObject", "defaultDropdownHeight", "itemsToHideInDropdownIds", "showClearSelection"], outputs: ["valueChanged", "dropdownClosedEvent", "dropdownOpenedEvent", "clearSelectionClickedEvent"] }, { kind: "component", type: GenericPeriodSelectionComponent, selector: "anna-design-generic-period-selection", inputs: ["showEntireFlightPeriodSelection", "initialEntireFlightPeriodSelected", "minMaxDateRangeForCalendar", "selectedData", "disablePeriodSelection", "startDateConsideringFactor", "toShowAllPeriodMode", "toShowAllMonthsOfYear", "showAllSelectionInDropdown", "showCalendarTypeRadioBtn", "considerMinMaxDateRangeForCalendar", "considerFirstQuarterForMonthCreation", "PeriodOptions"], outputs: ["apply", "isFilterChanged"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: SkeletonLoaderComponent, selector: "anna-design-skt-loader", inputs: ["theme", "count"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
360
|
+
}
|
|
361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AdvertiserFilterModalComponent, decorators: [{
|
|
362
|
+
type: Component,
|
|
363
|
+
args: [{ selector: "anna-feature-advertiser-filter-modal", changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
364
|
+
NgIf,
|
|
365
|
+
NgFor,
|
|
366
|
+
NgClass,
|
|
367
|
+
FormsModule,
|
|
368
|
+
NgTemplateOutlet,
|
|
369
|
+
MatRadioModule,
|
|
370
|
+
SingleSelectComponent,
|
|
371
|
+
GenericPeriodSelectionComponent,
|
|
372
|
+
NgSwitch,
|
|
373
|
+
NgSwitchCase,
|
|
374
|
+
NgSwitchDefault,
|
|
375
|
+
SkeletonLoaderComponent,
|
|
376
|
+
DatePipe,
|
|
377
|
+
], template: "<article class=\"selected-filters-container\">\n <section\n *ngIf=\"filterData\"\n class=\"filter-view\"\n >\n <div>\n <header class=\"header\">Station</header>\n <p class=\"selected-value\">\n {{ previousSelectedStation && previousSelectedStation.text ? previousSelectedStation.text : \"-\" }}\n </p>\n </div>\n\n <div>\n <ng-container\n *ngIf=\"!periodDataLoader\"\n [ngTemplateOutlet]=\"periodSelected\"\n ></ng-container>\n <ng-container\n *ngIf=\"periodDataLoader\"\n [ngTemplateOutlet]=\"periodSkeletonLoader\"\n ></ng-container>\n </div>\n </section>\n\n <section\n *ngIf=\"!filterData\"\n class=\"filter-view\"\n >\n <ng-container [ngTemplateOutlet]=\"skeletonLoader\"></ng-container>\n </section>\n\n <button\n *ngIf=\"!toDisable\"\n class=\"anna edit-button\"\n [disabled]=\"!filterData || noQuarterYearPresent || toDisable\"\n (click)=\"openFilterModal()\"\n >\n Edit\n </button>\n <ng-container\n *ngIf=\"toDisable\"\n [ngTemplateOutlet]=\"editButtonLoader\"\n ></ng-container>\n</article>\n\n<ng-template\n #dbFilterModal\n let-modal\n>\n <div class=\"modal-header confirm-modal-header\">\n <h3 class=\"modal-title\">Edit Filter</h3>\n </div>\n <div class=\"modal-body\">\n <div class=\"filter-dropdown\">\n <div class=\"popup-filter\">\n <header class=\"header\">Station</header>\n <anna-design-single-select\n *ngIf=\"stations.length\"\n [items]=\"stations\"\n [selectedItem]=\"selectedStation\"\n [config]=\"stationDropdownConfig\"\n (valueChanged)=\"stationSelected($event)\"\n >\n </anna-design-single-select>\n </div>\n\n <div>\n <div class=\"custom-radio-group\">\n <div\n class=\"d-flex bold-text\"\n (click)=\"\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle =\n advertiserListingFilterPopupradioButtons?.showAllActiveAdvertisers;\n showCalendarSelectionAndAllActiveAdvertisersToggled(\n advertiserListingFilterPopupradioButtons?.showAllActiveAdvertisers\n )\n \"\n >\n <span\n class=\"mdi radio-button-icon\"\n [ngClass]=\"{\n 'mdi-radiobox-marked':\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle ===\n advertiserListingFilterPopupradioButtons?.showAllActiveAdvertisers,\n 'mdi-radiobox-blank':\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle !==\n advertiserListingFilterPopupradioButtons?.showAllActiveAdvertisers\n }\"\n ></span>\n {{ advertiserListingFilterPopupradioButtons?.showAllActiveAdvertisers }}\n </div>\n\n <label\n class=\"checkbox-and-message pl-30\"\n [ngClass]=\"{\n 'disabled-label':\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle ===\n advertiserListingFilterPopupradioButtons?.calendarSelection\n }\"\n (click)=\"showOrHideExpiredAdvertisers()\"\n >\n <i\n class=\"mi mdi-check-box\"\n *ngIf=\"includeExpiredAdvertisers\"\n ></i>\n <i\n class=\"mi mdi-check-box-outline-blank\"\n *ngIf=\"!includeExpiredAdvertisers\"\n ></i>\n <span>Also include expired advertisers</span>\n </label>\n\n <br />\n\n <div\n class=\"d-flex bold-text\"\n (click)=\"\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle =\n advertiserListingFilterPopupradioButtons?.calendarSelection;\n showCalendarSelectionAndAllActiveAdvertisersToggled(\n advertiserListingFilterPopupradioButtons?.calendarSelection\n )\n \"\n >\n <span\n class=\"mdi radio-button-icon\"\n [ngClass]=\"{\n 'mdi-radiobox-marked':\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle ===\n advertiserListingFilterPopupradioButtons?.calendarSelection,\n 'mdi-radiobox-blank':\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle !==\n advertiserListingFilterPopupradioButtons?.calendarSelection\n }\"\n ></span>\n {{ advertiserListingFilterPopupradioButtons?.calendarSelection }}\n </div>\n </div>\n </div>\n\n <div class=\"popup-filter pl-30\">\n <anna-design-generic-period-selection\n [selectedData]=\"persistingFilter?.periodData\"\n [disablePeriodSelection]=\"\n selectedValueForCalendarSelectionAndAllActiveAdvertisersToggle !==\n advertiserListingFilterPopupradioButtons.calendarSelection\n \"\n [PeriodOptions]=\"PeriodOptions\"\n [minMaxDateRangeForCalendar]=\"minMaxDateRangeForCalendar\"\n [startDateConsideringFactor]=\"StartDateConsideringFactor.FLIGHT_START_DATE\"\n (isFilterChanged)=\"isPeriodFilterChanged($event)\"\n [toShowAllPeriodMode]=\"toShowAllPeriodModeSetting\"\n [showAllSelectionInDropdown]=\"false\"\n [toShowAllMonthsOfYear]=\"false\"\n >\n </anna-design-generic-period-selection>\n </div>\n </div>\n <div class=\"btn-group\">\n <button\n class=\"anna cancel-button\"\n (click)=\"onCancelClicked()\"\n >\n Cancel\n </button>\n\n <button\n class=\"anna apply-button\"\n [disabled]=\"!isFilterValueChanged || !selectedStartDate || !selectedEndDate\"\n (click)=\"onApplyFilterAndUpdateNavigation()\"\n >\n Apply\n </button>\n </div>\n </div>\n</ng-template>\n\n<ng-template #periodSelected>\n <header class=\"header\">Period</header>\n <ng-container *ngIf=\"clonedFilter.periodData && clonedFilter?.showCalendarSelection\">\n <ng-container [ngSwitch]=\"clonedFilter.periodData.periodMode\">\n <p\n class=\"selected-value\"\n *ngSwitchCase=\"constants.Quarter\"\n >\n {{ clonedFilter.periodData.year }}\n {{ clonedFilter.periodData.quarter }}\n </p>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!clonedFilter.periodData || !clonedFilter?.showCalendarSelection\">\n <p class=\"selected-value\">-</p>\n </ng-container>\n</ng-template>\n\n<ng-template #skeletonLoader>\n <anna-design-skt-loader\n [theme]=\"{\n height: '100%',\n width: '150px',\n 'margin-bottom': '0',\n 'margin-right': '20px',\n display: 'inline-block'\n }\"\n >\n </anna-design-skt-loader>\n <anna-design-skt-loader\n [theme]=\"{\n height: '100%',\n width: '170px',\n 'margin-bottom': '0',\n 'margin-right': '20px',\n display: 'inline-block'\n }\"\n >\n </anna-design-skt-loader>\n</ng-template>\n\n<ng-template #periodSkeletonLoader>\n <anna-design-skt-loader\n [theme]=\"{\n height: '100%',\n width: '167px',\n 'margin-bottom': '0',\n 'margin-right': '0px',\n display: 'inline-block'\n }\"\n >\n </anna-design-skt-loader>\n</ng-template>\n\n<ng-template #editButtonLoader>\n <anna-design-skt-loader\n [theme]=\"{\n height: '100%',\n width: '52px',\n 'margin-bottom': '0',\n 'margin-right': '0px',\n display: 'inline-block'\n }\"\n >\n </anna-design-skt-loader>\n</ng-template>\n", styles: [".selected-filters-container{border-radius:2px;border:1px solid #268bff;padding:.625rem .5rem .625rem 1.5rem;display:flex;flex-wrap:nowrap;justify-content:space-between;height:50px}.filter-view{display:flex;gap:1.5625rem}.edit-button{margin-top:3px}.header{margin-bottom:0;color:#333;font-family:Roboto;font-size:var(--primary-filter-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.popup-dropdown-label{margin-bottom:0;color:#333;font-family:Roboto;font-size:var(--dropdown-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.selected-value{margin-bottom:0;color:#767676;font-family:Roboto;font-size:var(--primary-filter-value-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .dashboard-filter-modal .modal-dialog{top:80px!important}::ng-deep .dashboard-filter-modal .modal-content{min-width:28.125rem;width:28.125rem;max-width:28.125rem}::ng-deep .dashboard-filter-modal .modal-header{padding:.5rem .5rem .25rem 1.5rem}::ng-deep .dashboard-filter-modal .modal-header .modal-title{color:#fff;margin-top:auto;margin-bottom:0;font-family:Roboto;font-size:var(--modal-header-title-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .dashboard-filter-modal .modal-header i{color:#fff;font-size:1.5rem}::ng-deep .dashboard-filter-modal .modal-header i:hover,::ng-deep .dashboard-filter-modal .modal-header i:focus{opacity:1!important;color:#fff}::ng-deep .dashboard-filter-modal .modal-body{padding:1.5rem}::ng-deep .dashboard-filter-modal .modal-body .popup-filter{margin-bottom:1rem}::ng-deep .dashboard-filter-modal .modal-body .btn-group{display:flex;justify-content:space-between;padding-top:.5rem}.border-top{border-top:solid 1px #d3d3d3!important;padding-block:.9375rem}p{margin-bottom:0;font-size:.875rem}.pl-30{padding-left:30px}.radio-button-icon{font-size:18px;line-height:19px;margin-right:7px;display:flex;font-weight:500;color:#268bff;cursor:pointer}.radio-button-icon.disabled{color:#d8d8d8!important;cursor:default}.checkbox-and-message{display:flex;vertical-align:middle;align-items:center;height:max-content;margin-bottom:0;cursor:pointer}.checkbox-and-message i{color:#268bff;font-size:14px;margin-right:4px}.checkbox-and-message span{font-size:var(--checkbox-label-fs)}.bold-text{font-weight:700;align-items:center;font-size:var(--radio-button-label-fs)}.disabled-label{pointer-events:none!important}.disabled-label i{color:#d4d4d4}:host::ng-deep .period-select-modal-radio p{margin-top:0!important}::ng-deep #dropdown-trigger{min-width:120px}\n"] }]
|
|
378
|
+
}], ctorParameters: () => [{ type: i1.NgbModal }, { type: i2.AnnaGlobalConfigService }, { type: i3.CalendarQuarterYearFilterService }, { type: i2.UpdateStationIdService }], propDecorators: { toDisable: [{
|
|
379
|
+
type: Input
|
|
380
|
+
}], filterData: [{
|
|
381
|
+
type: Input
|
|
382
|
+
}], persistingFilter: [{
|
|
383
|
+
type: Input
|
|
384
|
+
}], stationIdsWithValidLicense: [{
|
|
385
|
+
type: Input
|
|
386
|
+
}], applyFilter: [{
|
|
387
|
+
type: Output
|
|
388
|
+
}], getInitialFilter: [{
|
|
389
|
+
type: Output
|
|
390
|
+
}], dbFilterModal: [{
|
|
391
|
+
type: ViewChild,
|
|
392
|
+
args: ["dbFilterModal", { static: true }]
|
|
393
|
+
}], toShowAllPeriodModeSetting: [{
|
|
394
|
+
type: Input
|
|
395
|
+
}], PeriodOptions: [{
|
|
396
|
+
type: Input
|
|
397
|
+
}] } });
|
|
398
|
+
|
|
399
|
+
class AdvertiserListingTableData {
|
|
400
|
+
}
|
|
401
|
+
var TypeOfActionLinkForGtEnum;
|
|
402
|
+
(function (TypeOfActionLinkForGtEnum) {
|
|
403
|
+
TypeOfActionLinkForGtEnum["ADEVERTISER_NAME_CLICK"] = "ADEVERTISER_NAME_CLICK";
|
|
404
|
+
})(TypeOfActionLinkForGtEnum || (TypeOfActionLinkForGtEnum = {}));
|
|
405
|
+
class AdvertiserEzFilterConstants {
|
|
406
|
+
static { this.AWAITING_APPROVAL = "AWAITING APPROVAL"; }
|
|
407
|
+
static { this.APPROVED = "APPROVED"; }
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
class AdvTableListingService {
|
|
411
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AdvTableListingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
412
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AdvTableListingService, providedIn: "root" }); }
|
|
413
|
+
}
|
|
414
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AdvTableListingService, decorators: [{
|
|
415
|
+
type: Injectable,
|
|
416
|
+
args: [{
|
|
417
|
+
providedIn: "root",
|
|
418
|
+
}]
|
|
419
|
+
}] });
|
|
420
|
+
|
|
421
|
+
class AdvertiserTableListingComponent {
|
|
422
|
+
constructor(router, route, persistingFilterService, gtHelperService, annaFilterService, annaSortService, businessRuleCommonSIBILogicService, advertiserTableListingService) {
|
|
423
|
+
this.router = router;
|
|
424
|
+
this.route = route;
|
|
425
|
+
this.persistingFilterService = persistingFilterService;
|
|
426
|
+
this.gtHelperService = gtHelperService;
|
|
427
|
+
this.annaFilterService = annaFilterService;
|
|
428
|
+
this.annaSortService = annaSortService;
|
|
429
|
+
this.businessRuleCommonSIBILogicService = businessRuleCommonSIBILogicService;
|
|
430
|
+
this.advertiserTableListingService = advertiserTableListingService;
|
|
431
|
+
this.loading = true;
|
|
432
|
+
this.userType = "SELLER";
|
|
433
|
+
this.showNoDataToDisplayInsideTable = true;
|
|
434
|
+
this.numberOfEasyFilterLoader = 2;
|
|
435
|
+
this.totalAdvertisersMessage = "Total Advertisers";
|
|
436
|
+
this.advertiserNameClicked = new EventEmitter();
|
|
437
|
+
this.resetAllFilter = new EventEmitter();
|
|
438
|
+
this.columnfilterAppliedToTable = new EventEmitter();
|
|
439
|
+
this.easyFilterClicked = new EventEmitter();
|
|
440
|
+
this.disableClearAllBtn = true;
|
|
441
|
+
this.filtersAppliedChanges = false;
|
|
442
|
+
}
|
|
443
|
+
ngOnInit() {
|
|
444
|
+
this.detectUrlChanges();
|
|
445
|
+
this.setMessageForNoAdvertisers();
|
|
446
|
+
// if (this.applyPersistedFilters) {
|
|
447
|
+
// this.initPersistedFiltersForTable();
|
|
448
|
+
// } else {
|
|
449
|
+
// this.initFiltersForTable();
|
|
450
|
+
// }
|
|
451
|
+
}
|
|
452
|
+
setMessageForNoAdvertisers() {
|
|
453
|
+
const msg =
|
|
454
|
+
// eslint-disable-next-line max-len
|
|
455
|
+
"Advertiser business rules will appear here for your approval once the station Account Executive forwards them.";
|
|
456
|
+
this.messageBoxData = new MessageBoxData("", msg, "mdi mdi-information", `${GenericMessageBoxTheme.informationBlue.messageBoxClass} sm`);
|
|
457
|
+
}
|
|
458
|
+
ngOnChanges(changes) {
|
|
459
|
+
if (changes && changes?.advertiserTableData?.currentValue) {
|
|
460
|
+
this.enableDisableClearAllBtn();
|
|
461
|
+
if (!this.filtersAppliedChanges) {
|
|
462
|
+
if (this.applyPersistedFilters) {
|
|
463
|
+
this.initPersistedFiltersForTable();
|
|
464
|
+
this.applyFilters();
|
|
465
|
+
}
|
|
466
|
+
else {
|
|
467
|
+
this.initFiltersForTable();
|
|
468
|
+
this.applyFilters();
|
|
469
|
+
}
|
|
470
|
+
}
|
|
471
|
+
}
|
|
472
|
+
this.filtersAppliedChanges = false;
|
|
473
|
+
}
|
|
474
|
+
initFiltersForTable() {
|
|
475
|
+
this.annaFilterService.tooltipSelectedMap = new Map();
|
|
476
|
+
this.annaFilterService.selectedRadio = null;
|
|
477
|
+
this.annaFilterService.appliedFiltersArray = [];
|
|
478
|
+
this.annaSortService.noSortingAppliedData = [];
|
|
479
|
+
this.annaSortService.columnSortState = new Map();
|
|
480
|
+
this.annaFilterService.updateStateOfAllTheKeys(this.annaSortService.columnSortState);
|
|
481
|
+
}
|
|
482
|
+
initPersistedFiltersForTable() {
|
|
483
|
+
this.annaFilterService.tooltipSelectedMap = this.filtersFromTheUrL.selectedFilterData
|
|
484
|
+
? new Map(JSON.parse(this.filtersFromTheUrL.selectedFilterData))
|
|
485
|
+
: new Map();
|
|
486
|
+
this.annaFilterService.selectedRadio = null;
|
|
487
|
+
this.annaFilterService.appliedFiltersArray = this.filtersFromTheUrL.appliedFilters
|
|
488
|
+
? cloneDeep(this.filtersFromTheUrL.appliedFilters)
|
|
489
|
+
: [];
|
|
490
|
+
this.annaSortService.columnSortState =
|
|
491
|
+
this.filtersFromTheUrL && this.filtersFromTheUrL.sortState && this.applyPersistedFilters
|
|
492
|
+
? new Map(JSON.parse(this.filtersFromTheUrL.sortState))
|
|
493
|
+
: new Map();
|
|
494
|
+
if (this.annaFilterService.tooltipSelectedMap.has("Date")) {
|
|
495
|
+
const selectedDateObj = {};
|
|
496
|
+
const date = this.annaFilterService.tooltipSelectedMap.get("Date");
|
|
497
|
+
selectedDateObj.fromDate = dayjs(date.fromDate);
|
|
498
|
+
selectedDateObj.toDate = dayjs(date.toDate);
|
|
499
|
+
this.annaFilterService.tooltipSelectedMap.set("Date", selectedDateObj);
|
|
500
|
+
}
|
|
501
|
+
}
|
|
502
|
+
detectUrlChanges() {
|
|
503
|
+
this.route.queryParams.subscribe((params) => {
|
|
504
|
+
this.updateLatestFilters(params);
|
|
505
|
+
this.applyPersistedFilters = !!(params.filters && this.persistingFilterService.getActualQueryParams(params.filters));
|
|
506
|
+
this.setPersistedBreadcrumbsVariable(params.breadcrumbs);
|
|
507
|
+
this.filtersFromTheUrL =
|
|
508
|
+
params.filters && this.persistingFilterService.getActualQueryParams(params.filters)
|
|
509
|
+
? JSON.parse(this.persistingFilterService.getActualQueryParams(params.filters))
|
|
510
|
+
: null;
|
|
511
|
+
this.businessRuleCommonSIBILogicService.filtersFromTheUrlForAdvertiserBizTab = this.filtersFromTheUrL;
|
|
512
|
+
this.businessRuleCommonSIBILogicService.stationIdfiltersFromTheUrlForAdvertiserBizTab = JSON.parse(this.persistingFilterService.getActualQueryParams(params.stationId));
|
|
513
|
+
});
|
|
514
|
+
}
|
|
515
|
+
setPersistedBreadcrumbsVariable(filter) {
|
|
516
|
+
this.breadcrumbsToPersist =
|
|
517
|
+
filter && this.persistingFilterService.getActualQueryParams(filter)
|
|
518
|
+
? JSON.parse(this.persistingFilterService.getActualQueryParams(filter))
|
|
519
|
+
: null;
|
|
520
|
+
}
|
|
521
|
+
updateLatestFilters(queryParams) {
|
|
522
|
+
const latestFilters = this.getLatestFilters();
|
|
523
|
+
const updatedQueryParams = Object.keys(queryParams).length === 0 ? null : queryParams;
|
|
524
|
+
if (!isEqual(updatedQueryParams, latestFilters)) {
|
|
525
|
+
this.setLatestFilters(cloneDeep(updatedQueryParams));
|
|
526
|
+
}
|
|
527
|
+
}
|
|
528
|
+
filterAppliedToTable(filteredData) {
|
|
529
|
+
this.advertiserTableData = cloneDeep(filteredData);
|
|
530
|
+
this.disableClearAllBtn = this.gtHelperService.enableOrDisableClearAllBtn();
|
|
531
|
+
this.updateNavigationHistory();
|
|
532
|
+
this.filtersAppliedChanges = true;
|
|
533
|
+
this.columnfilterAppliedToTable.emit();
|
|
534
|
+
}
|
|
535
|
+
sortingAppliedToTable(sortedData) {
|
|
536
|
+
this.advertiserTableData = cloneDeep(sortedData);
|
|
537
|
+
this.disableClearAllBtn = this.gtHelperService.enableOrDisableClearAllBtn();
|
|
538
|
+
this.updateNavigationHistory();
|
|
539
|
+
}
|
|
540
|
+
updateFiltersInURL() {
|
|
541
|
+
const latestQueryParams = this.prepareQueryParamsOnFilter();
|
|
542
|
+
let queryParams = {};
|
|
543
|
+
if (Object.keys(latestQueryParams).length > 0 ||
|
|
544
|
+
(this.userType === "BUYER" && this.showExpiredAdvertisers) ||
|
|
545
|
+
Object.keys(this.popupFilters).length > 0 ||
|
|
546
|
+
Object.keys(this.popupFilters).length > 0) {
|
|
547
|
+
const hashedQueryParams = this.persistingFilterService.storeKeyValueInLocalStorage(latestQueryParams);
|
|
548
|
+
if (Object.keys(this.popupFilters).length > 0) {
|
|
549
|
+
Object.assign(queryParams, { popupFilters: this.popupFilters });
|
|
550
|
+
}
|
|
551
|
+
if (Object.keys(latestQueryParams).length > 0) {
|
|
552
|
+
queryParams = { filters: hashedQueryParams };
|
|
553
|
+
}
|
|
554
|
+
if (this.userType === "BUYER" && this.showExpiredAdvertisers) {
|
|
555
|
+
Object.assign(queryParams, { showExpiredAdvertisers: this.showExpiredAdvertisers });
|
|
556
|
+
}
|
|
557
|
+
this.router.navigate([], {
|
|
558
|
+
queryParams,
|
|
559
|
+
relativeTo: this.route.parent,
|
|
560
|
+
queryParamsHandling: "merge",
|
|
561
|
+
});
|
|
562
|
+
}
|
|
563
|
+
else {
|
|
564
|
+
this.router.navigate([], {
|
|
565
|
+
queryParams,
|
|
566
|
+
relativeTo: this.route.parent,
|
|
567
|
+
queryParamsHandling: "merge",
|
|
568
|
+
});
|
|
569
|
+
}
|
|
570
|
+
}
|
|
571
|
+
prepareQueryParamsOnFilter() {
|
|
572
|
+
const query = {};
|
|
573
|
+
if (this.annaFilterService.appliedFiltersArray.length > 0) {
|
|
574
|
+
query.appliedFilters = this.annaFilterService.appliedFiltersArray;
|
|
575
|
+
query.selectedFilterData = JSON.stringify(Array.from(this.annaFilterService.tooltipSelectedMap));
|
|
576
|
+
}
|
|
577
|
+
if (this.annaSortService.columnSortState && this.gtHelperService.isSortingAppliedToTable()) {
|
|
578
|
+
query.sortState = JSON.stringify(Array.from(this.annaSortService.columnSortState));
|
|
579
|
+
}
|
|
580
|
+
return query;
|
|
581
|
+
}
|
|
582
|
+
tableActionClicked(rowData) {
|
|
583
|
+
const selectedAdvertiser = rowData.data;
|
|
584
|
+
switch (rowData.id) {
|
|
585
|
+
case TypeOfActionLinkForGtEnum.ADEVERTISER_NAME_CLICK:
|
|
586
|
+
this.goToAdvertiserBusinessRules(selectedAdvertiser);
|
|
587
|
+
break;
|
|
588
|
+
// no default
|
|
589
|
+
}
|
|
590
|
+
}
|
|
591
|
+
goToAdvertiserBusinessRules(advertiser) {
|
|
592
|
+
const emitableData = {
|
|
593
|
+
advertiser,
|
|
594
|
+
breadcrumbsToPersist: this.breadcrumbsToPersist,
|
|
595
|
+
};
|
|
596
|
+
this.advertiserNameClicked.emit(emitableData);
|
|
597
|
+
}
|
|
598
|
+
applyFilters() {
|
|
599
|
+
if (this.applyPersistedFilters) {
|
|
600
|
+
this.disableClearAllBtn = false;
|
|
601
|
+
this.annaFilterService.updateStateOfAllTheKeys(this.annaSortService.columnSortState);
|
|
602
|
+
this.advertiserTableData = this.annaFilterService.filterData(this.advertiserTableDataClonned, "");
|
|
603
|
+
this.annaSortService.noSortingAppliedData = cloneDeep(this.advertiserTableData);
|
|
604
|
+
this.callSort();
|
|
605
|
+
}
|
|
606
|
+
else {
|
|
607
|
+
this.annaSortService.noSortingAppliedData = cloneDeep(this.advertiserTableData);
|
|
608
|
+
this.disableClearAllBtn = true;
|
|
609
|
+
}
|
|
610
|
+
}
|
|
611
|
+
callSort() {
|
|
612
|
+
if (!this.annaSortService?.columnSortState)
|
|
613
|
+
return;
|
|
614
|
+
this.annaSortService.columnSortState.forEach((value, key) => {
|
|
615
|
+
if (value === "ASC") {
|
|
616
|
+
this.advertiserTableData = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(true, this.advertiserTableData, key);
|
|
617
|
+
}
|
|
618
|
+
else if (value === "DESC") {
|
|
619
|
+
this.advertiserTableData = this.annaSortService.sortDataForComponentOtherThanLurAndCsrPage(false, this.advertiserTableData, key);
|
|
620
|
+
}
|
|
621
|
+
});
|
|
622
|
+
}
|
|
623
|
+
intelliFilterClicked(emittedObj) {
|
|
624
|
+
this.advertiserTableData = emittedObj.filteredData;
|
|
625
|
+
this.enableDisableClearAllBtn();
|
|
626
|
+
this.updateNavigationHistory();
|
|
627
|
+
this.filtersAppliedChanges = true;
|
|
628
|
+
this.easyFilterClicked.emit();
|
|
629
|
+
}
|
|
630
|
+
prepareQueryParamOnFilterApplication() {
|
|
631
|
+
const query = {};
|
|
632
|
+
let latestFilters = this.getLatestFilters();
|
|
633
|
+
if (this.annaFilterService.appliedFiltersArray.length > 0) {
|
|
634
|
+
query.appliedFilters = this.annaFilterService.appliedFiltersArray;
|
|
635
|
+
query.selectedFilterData = JSON.stringify(Array.from(this.annaFilterService.tooltipSelectedMap));
|
|
636
|
+
}
|
|
637
|
+
if (this.checkIfSortIsApplied()) {
|
|
638
|
+
query.sortState = JSON.stringify(Array.from(this.annaSortService.columnSortState));
|
|
639
|
+
}
|
|
640
|
+
latestFilters = this.getLatestFilters();
|
|
641
|
+
if (Object.keys(query).length > 0) {
|
|
642
|
+
latestFilters = latestFilters || {};
|
|
643
|
+
const hashedQueryParams = this.persistingFilterService.storeKeyValueInLocalStorage(query);
|
|
644
|
+
latestFilters.filters = hashedQueryParams;
|
|
645
|
+
}
|
|
646
|
+
else {
|
|
647
|
+
latestFilters = [];
|
|
648
|
+
}
|
|
649
|
+
this.setLatestFilters(latestFilters);
|
|
650
|
+
return latestFilters;
|
|
651
|
+
}
|
|
652
|
+
checkIfSortIsApplied() {
|
|
653
|
+
let isSortingApplied = false;
|
|
654
|
+
this.annaSortService.columnSortState.forEach((val, key) => {
|
|
655
|
+
if (val === "ASC" || val === "DESC") {
|
|
656
|
+
isSortingApplied = true;
|
|
657
|
+
}
|
|
658
|
+
});
|
|
659
|
+
return isSortingApplied;
|
|
660
|
+
}
|
|
661
|
+
getLatestFilters() {
|
|
662
|
+
return this.advertiserTableListingService.latestEcListingTabFilters;
|
|
663
|
+
}
|
|
664
|
+
setLatestFilters(queryParams) {
|
|
665
|
+
this.advertiserTableListingService.latestEcListingTabFilters = queryParams;
|
|
666
|
+
}
|
|
667
|
+
enableDisableClearAllBtn() {
|
|
668
|
+
if (!this.annaSortService?.columnSortState)
|
|
669
|
+
return;
|
|
670
|
+
let isSortApplied = false;
|
|
671
|
+
this.annaSortService.columnSortState.forEach((val, key) => {
|
|
672
|
+
if (val === "ASC" || val === "DESC") {
|
|
673
|
+
isSortApplied = true;
|
|
674
|
+
}
|
|
675
|
+
});
|
|
676
|
+
this.disableClearAllBtn = this.annaFilterService.appliedFiltersArray.length === 0 && !isSortApplied;
|
|
677
|
+
}
|
|
678
|
+
updateNavigationHistory() {
|
|
679
|
+
const queryParams = this.prepareQueryParamOnFilterApplication();
|
|
680
|
+
if (this.popupFilters && Object.keys(this.popupFilters).length > 0) {
|
|
681
|
+
Object.assign(queryParams, { popupFilters: this.popupFilters });
|
|
682
|
+
}
|
|
683
|
+
if (this.userType === "BUYER" && this.showExpiredAdvertisers) {
|
|
684
|
+
Object.assign(queryParams, { showExpiredAdvertisers: this.showExpiredAdvertisers });
|
|
685
|
+
}
|
|
686
|
+
const path = "business-rules/advertisers";
|
|
687
|
+
if (queryParams && Object.keys(queryParams).length > 0) {
|
|
688
|
+
this.router.navigate([`${path}`], {
|
|
689
|
+
queryParams,
|
|
690
|
+
});
|
|
691
|
+
}
|
|
692
|
+
else {
|
|
693
|
+
this.router.navigate([`${path}`], {});
|
|
694
|
+
}
|
|
695
|
+
}
|
|
696
|
+
clearAllFiltersAndSorting() {
|
|
697
|
+
this.nonEditableGTComponent?.setScrollToInitialPosition();
|
|
698
|
+
this.disableClearAllBtn = true;
|
|
699
|
+
this.initFiltersForTable();
|
|
700
|
+
this.ClearFandS();
|
|
701
|
+
this.updateNavigationHistory();
|
|
702
|
+
this.filtersAppliedChanges = true;
|
|
703
|
+
this.resetAllFilter.emit();
|
|
704
|
+
}
|
|
705
|
+
ClearFandS() {
|
|
706
|
+
this.advertiserTableData = cloneDeep(this.advertiserTableDataClonned);
|
|
707
|
+
this.annaSortService.noSortingAppliedData = cloneDeep(this.advertiserTableData);
|
|
708
|
+
this.annaFilterService.updateStateOfAllTheKeys(this.annaSortService.columnSortState);
|
|
709
|
+
}
|
|
710
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AdvertiserTableListingComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i2.AnnaPersistingFilterService }, { token: i2.AnnaGtHelperService }, { token: i2.AnnaFilterService }, { token: i2.AnnaSortService }, { token: i3$1.GenericBusinessRuleCommonSIBILogicService }, { token: AdvTableListingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
711
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: AdvertiserTableListingComponent, isStandalone: true, selector: "anna-feature-advertiser-table-listing", inputs: { advertiserTableData: "advertiserTableData", advertiserTableDataClonned: "advertiserTableDataClonned", loading: "loading", userType: "userType", gtGeneralConfig: "gtGeneralConfig", gtDimension: "gtDimension", tableHeaders: "tableHeaders", easyFilters: "easyFilters", showNoDataToDisplayInsideTable: "showNoDataToDisplayInsideTable", showExpiredAdvertisers: "showExpiredAdvertisers", numberOfEasyFilterLoader: "numberOfEasyFilterLoader", totalAdvertisersMessage: "totalAdvertisersMessage", popupFilters: "popupFilters" }, outputs: { advertiserNameClicked: "advertiserNameClicked", resetAllFilter: "resetAllFilter", columnfilterAppliedToTable: "columnfilterAppliedToTable", easyFilterClicked: "easyFilterClicked" }, viewQueries: [{ propertyName: "nonEditableGTComponent", first: true, predicate: AnnaNonEditableGenericTableComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"advertiser-container {{ userType }}\">\n <ng-container *ngIf=\"!showNoDataToDisplayInsideTable && !loading && advertiserTableDataClonned.length === 0\">\n <anna-design-message-box\n class=\"no-data-info-msg\"\n [messageBoxData]=\"messageBoxData\"\n [hide]=\"false\"\n [headerAsBlockElement]=\"false\"\n [showHyphen]=\"false\"\n >\n </anna-design-message-box>\n </ng-container>\n <ng-container\n *ngIf=\"loading || (!loading && (showNoDataToDisplayInsideTable || advertiserTableDataClonned.length > 0))\"\n >\n <!-- <div class=\"d-flex p-8\" *ngIf=\"userType === 'SELLER'\">\n <anna-design-easy-filters\n [showLoader]=\"loading\"\n [numberOfItemsForLoader]=\"numberOfEasyFilterLoader\"\n [easyFilters]=\"easyFilters\"\n [tableData]=\"advertiserTableData\"\n [clonedTableData]=\"advertiserTableDataClonned\"\n (easyFilterClickEvent)=\"intelliFilterClicked($event)\"\n >\n </anna-design-easy-filters>\n </div> -->\n\n <div class=\"main-table\">\n <div class=\"count-text\">\n <anna-design-skt-loader\n *ngIf=\"loading\"\n [theme]=\"{ height: '12px', width: '120px', 'margin-bottom': '0', 'margin-top': '0' }\"\n >\n </anna-design-skt-loader>\n <span *ngIf=\"!loading && advertiserTableData?.length\"\n >{{ totalAdvertisersMessage }}: <b>{{ advertiserTableData.length }}</b></span\n >\n </div>\n\n <button\n *ngIf=\"!loading\"\n class=\"clear-all-btn\"\n [disabled]=\"disableClearAllBtn\"\n (click)=\"clearAllFiltersAndSorting()\"\n >\n Reset all filters\n </button>\n\n <anna-core-non-editable-generic-table-lib\n [showSkeletonLoading]=\"loading\"\n [ngClass]=\"{\n 'advertiser-table-no-data-table': !loading && advertiserTableData && !advertiserTableData.length\n }\"\n [tableHeaders]=\"tableHeaders\"\n [tableData]=\"advertiserTableData\"\n [clonedTableData]=\"advertiserTableDataClonned\"\n [gtGeneralConfig]=\"gtGeneralConfig\"\n [gtDimension]=\"gtDimension\"\n [clickableRow]=\"false\"\n (filterAppliedToTable)=\"filterAppliedToTable($event)\"\n (sortingAppliedToTable)=\"sortingAppliedToTable($event)\"\n (gtTextActionClicked)=\"tableActionClicked($event)\"\n (clickableDataClicked)=\"tableActionClicked($event)\"\n >\n </anna-core-non-editable-generic-table-lib>\n </div>\n </ng-container>\n</section>\n", styles: [".filter-label{font-family:Roboto;font-size:var(--easy-filter-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a;margin-bottom:0;height:12px}.filter-divider{width:.5px;margin-right:8px;height:20px;background:#111}button.intelli-filter{font-family:Roboto;font-size:var(--easy-filter-text-fs);font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.6px;border-radius:.75rem;height:1.25rem;margin-right:8px;display:inline-flex;align-items:center;padding:5px 8px;white-space:nowrap}button.intelli-filter:disabled{border:1px solid #bdbdbd!important;color:#4a4a4a!important;background:#bdbdbd!important;opacity:.5;cursor:not-allowed}:host::ng-deep button.AWAITING_APPROVAL{color:#268bff;border:1px solid #f3bd18;background:#f7f2d1}:host::ng-deep button.AWAITING_APPROVAL.active{color:#fff!important;background:#f3bd18!important;border:1px solid #f3bd18!important}:host::ng-deep button.APPROVED{color:#268bff;border:1px solid #00c853;background:#e1ffed}:host::ng-deep button.APPROVED.active{color:#fff!important;background:#00c853!important;border:1px solid #00c853!important}button.clear-all-btn{padding:0;border:none;display:block;text-align:right;width:fit-content;background-color:transparent;text-decoration:underline;color:#268bff;line-height:1!important;font-size:var(--reset-all-filter-fs)!important;letter-spacing:normal!important;font-weight:400!important;display:flex;align-items:flex-end;margin-left:auto;display:inline-block;float:right;line-height:normal!important}button.clear-all-btn:hover:enabled{color:#268bff}button.clear-all-btn:disabled{color:#4a4a4a;opacity:.5;cursor:not-allowed}.advertiser-container{padding:0px var(--app-right-space) 0 var(--app-left-space);margin:0 auto}::ng-deep a.advertiserName{color:#268bff!important;cursor:pointer!important}.p-8{padding:8px 0}:host ::ng-deep anna-core-non-editable-generic-table-lib th.mat-column-identicalToStationBizRule p.lower-label,:host ::ng-deep anna-core-non-editable-generic-table-lib th.mat-column-isAudiencePostingRequired p.lower-label{color:#4a4a4a!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .table-container::-webkit-scrollbar-track{margin-top:40px!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .table-container::-webkit-scrollbar-track{margin-top:40px;margin-left:0}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .scroll-left-shadow-effect .header-row th:nth-of-type(0){border:none!important;filter:drop-shadow(2px 0 0px #d4d4d4)}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row{background:#ededed}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th{box-shadow:none!important;cursor:default;background:#ededed;padding:2px 8px;line-height:normal;position:sticky;position:-webkit-sticky;top:0}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th .upper-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th .lower-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th div.dummy-header{justify-content:center;margin-left:50%!important;margin-right:50%!important;width:-webkit-fill-available}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(8){box-shadow:inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .table-container.no-data-table>div{height:142px!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .table-container.no-data-table>div tr td{filter:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr{height:50px!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(2){box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(3){box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(4){box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(5){box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(6){box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(7){box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(8){box-shadow:inset -1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(1){box-shadow:inset 1px -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(2){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(3){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(4){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(5){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(6){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(7){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(8){box-shadow:inset -1px -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib ::ng-deep .italic{font-style:italic!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .loader{margin-bottom:0}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr ::ng-deep .status-btn{background-color:#fff!important;color:#000!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED ::ng-deep .status-btn{background-color:#1565c0!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED ::ng-deep .status-btn{background-color:#00c853!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL ::ng-deep .status-btn{background-color:#f3bd18!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED ::ng-deep .status-btn{background-color:#00c853!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody td{cursor:default!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib th,:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib td{padding:0 12px!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .no-data{margin-top:-67px!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border{border-bottom:1px solid #d4d4d4}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL .status-btn{background-color:#f3bd18!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .table-container::-webkit-scrollbar-track{margin-top:40px;margin-left:0}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .scroll-left-shadow-effect .header-row th:nth-of-type(0){border:none!important;filter:drop-shadow(2px 0 0px #d4d4d4)}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row{background:#ededed}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th{box-shadow:none!important;cursor:default;background:#ededed;padding:2px 8px;line-height:normal;position:sticky;position:-webkit-sticky;top:0}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th .upper-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th .lower-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th div.dummy-header{justify-content:center;margin-left:50%!important;margin-right:50%!important;width:-webkit-fill-available}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(8){box-shadow:inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .table-container.no-data-table>div{height:142px!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .table-container.no-data-table>div tr td{filter:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr{height:50px!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(2){box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(3){box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(4){box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(5){box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(6){box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(7){box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(8){box-shadow:inset -1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(1){box-shadow:inset 1px -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(2){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(3){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(4){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(5){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(6){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(7){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(8){box-shadow:inset -1px -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib ::ng-deep .italic{font-style:italic!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .loader{margin-bottom:0}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr ::ng-deep .status-btn{background-color:#fff!important;color:#000!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED ::ng-deep .status-btn{background-color:#1565c0!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED ::ng-deep .status-btn{background-color:#00c853!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL ::ng-deep .status-btn{background-color:#f3bd18!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED ::ng-deep .status-btn{background-color:#00c853!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody td{cursor:default!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib th,:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib td{padding:0 12px!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .no-data{margin-top:-67px!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border{border-bottom:1px solid #d4d4d4}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4!important}.count-text{font-size:var(--page-message-content-fs);font-family:Roboto;font-style:italic;display:inline-block;margin-top:0;color:var(--primary-text-color-medium)}.count-text b{color:var(--font-color)}:host ::ng-deep .mdi.mdi-alert{font-size:14px!important;color:#f97b07!important}:host ::ng-deep .orange-text{color:#f97b07!important}:host ::ng-deep .italic.orange-text{margin-left:1px;filter:drop-shadow(0px 0 0px #d4d4d4)!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AnnaDesignComponentsLibModule }, { kind: "component", type: i3.SkeletonLoaderComponent, selector: "anna-design-skt-loader", inputs: ["theme", "count"] }, { kind: "component", type: i3.MessageBoxComponent, selector: "anna-design-message-box", inputs: ["messageBoxData", "showHyphen", "hide", "headerAsBlockElement"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "ngmodule", type: AnnaCoreModule }, { kind: "component", type: i2.AnnaNonEditableGenericTableComponent, selector: "anna-core-non-editable-generic-table-lib", inputs: ["showSkeletonLoading", "tableHeaders", "tableData", "clonedTableData", "gtGeneralConfig", "totalRowInfo", "gtDimension", "extraHeaderRowForAdjustingColumnWidths", "tableClass", "maximumRowsWhichCanBeRenderedWithoutScroll", "fixNumberOfRowsForPopup", "fixRowsToRender", "includeBorderInTableHeight", "downloadInProgress", "percentDone", "starredInProgress", "clickableRow", "setTableHeightWhenRowSizeIsFixed", "tableBorderBottomClassRequired", "hideSomeTds", "tdsHaveRowSpan", "multipleTablesPresent", "showOrHideToggleForTotalRow", "enableCustomizableColumns"], outputs: ["toggleCheckbox", "toggleRowCheckbox", "toggleHeaderCheckbox", "undoIconClicked", "filterAppliedToTable", "sortingAppliedToTable", "rowClicked", "radioButtonSelected", "columnFilterOpened", "columnFilterClosed", "gtIconClicked", "gtSVGIconClicked", "gtTextActionClicked", "gtViewDetailClicked", "gtInnerHTMLClicked", "downloadSpotDetails", "clickableDataClicked", "totalRowIconClicked", "notificationIconHover", "notificationIconHoverLeave", "editableInputEdited", "radioButtonMessageIconClicked", "statusNotePopupOpened", "textPopupOpened", "digitOnlyInputChanged", "singleSelectDropdownValueEmit", "timeSelected", "totalRowRadioButtonClicked", "totalRowRadioButtonIconClicked", "columnsCustomized", "acfiRateInputChanged", "acfiRateCopyRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
712
|
+
}
|
|
713
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AdvertiserTableListingComponent, decorators: [{
|
|
714
|
+
type: Component,
|
|
715
|
+
args: [{ selector: "anna-feature-advertiser-table-listing", changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
716
|
+
NgIf,
|
|
717
|
+
AnnaDesignComponentsLibModule,
|
|
718
|
+
NgFor,
|
|
719
|
+
NgClass,
|
|
720
|
+
NgTemplateOutlet,
|
|
721
|
+
NgxSkeletonLoaderModule,
|
|
722
|
+
AnnaCoreModule,
|
|
723
|
+
], template: "<section class=\"advertiser-container {{ userType }}\">\n <ng-container *ngIf=\"!showNoDataToDisplayInsideTable && !loading && advertiserTableDataClonned.length === 0\">\n <anna-design-message-box\n class=\"no-data-info-msg\"\n [messageBoxData]=\"messageBoxData\"\n [hide]=\"false\"\n [headerAsBlockElement]=\"false\"\n [showHyphen]=\"false\"\n >\n </anna-design-message-box>\n </ng-container>\n <ng-container\n *ngIf=\"loading || (!loading && (showNoDataToDisplayInsideTable || advertiserTableDataClonned.length > 0))\"\n >\n <!-- <div class=\"d-flex p-8\" *ngIf=\"userType === 'SELLER'\">\n <anna-design-easy-filters\n [showLoader]=\"loading\"\n [numberOfItemsForLoader]=\"numberOfEasyFilterLoader\"\n [easyFilters]=\"easyFilters\"\n [tableData]=\"advertiserTableData\"\n [clonedTableData]=\"advertiserTableDataClonned\"\n (easyFilterClickEvent)=\"intelliFilterClicked($event)\"\n >\n </anna-design-easy-filters>\n </div> -->\n\n <div class=\"main-table\">\n <div class=\"count-text\">\n <anna-design-skt-loader\n *ngIf=\"loading\"\n [theme]=\"{ height: '12px', width: '120px', 'margin-bottom': '0', 'margin-top': '0' }\"\n >\n </anna-design-skt-loader>\n <span *ngIf=\"!loading && advertiserTableData?.length\"\n >{{ totalAdvertisersMessage }}: <b>{{ advertiserTableData.length }}</b></span\n >\n </div>\n\n <button\n *ngIf=\"!loading\"\n class=\"clear-all-btn\"\n [disabled]=\"disableClearAllBtn\"\n (click)=\"clearAllFiltersAndSorting()\"\n >\n Reset all filters\n </button>\n\n <anna-core-non-editable-generic-table-lib\n [showSkeletonLoading]=\"loading\"\n [ngClass]=\"{\n 'advertiser-table-no-data-table': !loading && advertiserTableData && !advertiserTableData.length\n }\"\n [tableHeaders]=\"tableHeaders\"\n [tableData]=\"advertiserTableData\"\n [clonedTableData]=\"advertiserTableDataClonned\"\n [gtGeneralConfig]=\"gtGeneralConfig\"\n [gtDimension]=\"gtDimension\"\n [clickableRow]=\"false\"\n (filterAppliedToTable)=\"filterAppliedToTable($event)\"\n (sortingAppliedToTable)=\"sortingAppliedToTable($event)\"\n (gtTextActionClicked)=\"tableActionClicked($event)\"\n (clickableDataClicked)=\"tableActionClicked($event)\"\n >\n </anna-core-non-editable-generic-table-lib>\n </div>\n </ng-container>\n</section>\n", styles: [".filter-label{font-family:Roboto;font-size:var(--easy-filter-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a;margin-bottom:0;height:12px}.filter-divider{width:.5px;margin-right:8px;height:20px;background:#111}button.intelli-filter{font-family:Roboto;font-size:var(--easy-filter-text-fs);font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.6px;border-radius:.75rem;height:1.25rem;margin-right:8px;display:inline-flex;align-items:center;padding:5px 8px;white-space:nowrap}button.intelli-filter:disabled{border:1px solid #bdbdbd!important;color:#4a4a4a!important;background:#bdbdbd!important;opacity:.5;cursor:not-allowed}:host::ng-deep button.AWAITING_APPROVAL{color:#268bff;border:1px solid #f3bd18;background:#f7f2d1}:host::ng-deep button.AWAITING_APPROVAL.active{color:#fff!important;background:#f3bd18!important;border:1px solid #f3bd18!important}:host::ng-deep button.APPROVED{color:#268bff;border:1px solid #00c853;background:#e1ffed}:host::ng-deep button.APPROVED.active{color:#fff!important;background:#00c853!important;border:1px solid #00c853!important}button.clear-all-btn{padding:0;border:none;display:block;text-align:right;width:fit-content;background-color:transparent;text-decoration:underline;color:#268bff;line-height:1!important;font-size:var(--reset-all-filter-fs)!important;letter-spacing:normal!important;font-weight:400!important;display:flex;align-items:flex-end;margin-left:auto;display:inline-block;float:right;line-height:normal!important}button.clear-all-btn:hover:enabled{color:#268bff}button.clear-all-btn:disabled{color:#4a4a4a;opacity:.5;cursor:not-allowed}.advertiser-container{padding:0px var(--app-right-space) 0 var(--app-left-space);margin:0 auto}::ng-deep a.advertiserName{color:#268bff!important;cursor:pointer!important}.p-8{padding:8px 0}:host ::ng-deep anna-core-non-editable-generic-table-lib th.mat-column-identicalToStationBizRule p.lower-label,:host ::ng-deep anna-core-non-editable-generic-table-lib th.mat-column-isAudiencePostingRequired p.lower-label{color:#4a4a4a!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .table-container::-webkit-scrollbar-track{margin-top:40px!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .table-container::-webkit-scrollbar-track{margin-top:40px;margin-left:0}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .scroll-left-shadow-effect .header-row th:nth-of-type(0){border:none!important;filter:drop-shadow(2px 0 0px #d4d4d4)}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row{background:#ededed}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th{box-shadow:none!important;cursor:default;background:#ededed;padding:2px 8px;line-height:normal;position:sticky;position:-webkit-sticky;top:0}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th .upper-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th .lower-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th div.dummy-header{justify-content:center;margin-left:50%!important;margin-right:50%!important;width:-webkit-fill-available}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(8){box-shadow:inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .table-container.no-data-table>div{height:142px!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .table-container.no-data-table>div tr td{filter:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr{height:50px!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(2){box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(3){box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(4){box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(5){box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(6){box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(7){box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(8){box-shadow:inset -1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(1){box-shadow:inset 1px -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(2){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(3){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(4){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(5){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(6){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(7){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(8){box-shadow:inset -1px -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib ::ng-deep .italic{font-style:italic!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .loader{margin-bottom:0}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr ::ng-deep .status-btn{background-color:#fff!important;color:#000!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED ::ng-deep .status-btn{background-color:#1565c0!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED ::ng-deep .status-btn{background-color:#00c853!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL ::ng-deep .status-btn{background-color:#f3bd18!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.APPROVED ::ng-deep .status-btn{background-color:#00c853!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody td{cursor:default!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib th,:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib td{padding:0 12px!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .no-data{margin-top:-67px!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border{border-bottom:1px solid #d4d4d4}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4!important}:host ::ng-deep .SELLER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL .status-btn{background-color:#f3bd18!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .table-container::-webkit-scrollbar-track{margin-top:40px;margin-left:0}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .scroll-left-shadow-effect .header-row th:nth-of-type(0){border:none!important;filter:drop-shadow(2px 0 0px #d4d4d4)}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row{background:#ededed}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th{box-shadow:none!important;cursor:default;background:#ededed;padding:2px 8px;line-height:normal;position:sticky;position:-webkit-sticky;top:0}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th .upper-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th .lower-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th div.dummy-header{justify-content:center;margin-left:50%!important;margin-right:50%!important;width:-webkit-fill-available}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .header-row th:nth-of-type(8){box-shadow:inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .table-container.no-data-table>div{height:142px!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .table-container.no-data-table>div tr td{filter:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr{height:50px!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(2){box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(3){box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(4){box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(5){box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(6){box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(7){box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:first-of-type td:nth-of-type(8){box-shadow:inset -1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(1){box-shadow:inset 1px -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(2){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(3){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(4){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(5){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(6){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(7){box-shadow:inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.no-border-tr:last-of-type td:nth-of-type(8){box-shadow:inset -1px -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib ::ng-deep .italic{font-style:italic!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .loader{margin-bottom:0}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr ::ng-deep .status-btn{background-color:#fff!important;color:#000!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.BUYER_APPROVAL_REQUESTED ::ng-deep .status-btn{background-color:#1565c0!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.MODIFICATION_REQUESTED ::ng-deep .status-btn{background-color:#00c853!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.AWAITING_APPROVAL ::ng-deep .status-btn{background-color:#f3bd18!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td{cursor:pointer;background:#fff;box-shadow:none!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody tr.APPROVED ::ng-deep .status-btn{background-color:#00c853!important;color:#fff!important;border-radius:2px!important;padding:2px 6px!important;cursor:default!important;text-decoration:none!important;display:inline-block!important;font-family:Roboto;font-size:12px;font-weight:400!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib tbody td{cursor:default!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib th,:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib td{padding:0 12px!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .no-data{margin-top:-67px!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border{border-bottom:1px solid #d4d4d4}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(1){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(2){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(3){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(4){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(5){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(6){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(7){box-shadow:inset 1px 0 #d4d4d4!important}:host ::ng-deep .BUYER anna-core-non-editable-generic-table-lib .bottom-border tbody tr:last-of-type td:nth-of-type(8){box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4!important}.count-text{font-size:var(--page-message-content-fs);font-family:Roboto;font-style:italic;display:inline-block;margin-top:0;color:var(--primary-text-color-medium)}.count-text b{color:var(--font-color)}:host ::ng-deep .mdi.mdi-alert{font-size:14px!important;color:#f97b07!important}:host ::ng-deep .orange-text{color:#f97b07!important}:host ::ng-deep .italic.orange-text{margin-left:1px;filter:drop-shadow(0px 0 0px #d4d4d4)!important}\n"] }]
|
|
724
|
+
}], ctorParameters: () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i2.AnnaPersistingFilterService }, { type: i2.AnnaGtHelperService }, { type: i2.AnnaFilterService }, { type: i2.AnnaSortService }, { type: i3$1.GenericBusinessRuleCommonSIBILogicService }, { type: AdvTableListingService }], propDecorators: { advertiserTableData: [{
|
|
725
|
+
type: Input
|
|
726
|
+
}], advertiserTableDataClonned: [{
|
|
727
|
+
type: Input
|
|
728
|
+
}], loading: [{
|
|
729
|
+
type: Input
|
|
730
|
+
}], userType: [{
|
|
731
|
+
type: Input
|
|
732
|
+
}], gtGeneralConfig: [{
|
|
733
|
+
type: Input
|
|
734
|
+
}], gtDimension: [{
|
|
735
|
+
type: Input
|
|
736
|
+
}], tableHeaders: [{
|
|
737
|
+
type: Input
|
|
738
|
+
}], easyFilters: [{
|
|
739
|
+
type: Input
|
|
740
|
+
}], showNoDataToDisplayInsideTable: [{
|
|
741
|
+
type: Input
|
|
742
|
+
}], showExpiredAdvertisers: [{
|
|
743
|
+
type: Input
|
|
744
|
+
}], numberOfEasyFilterLoader: [{
|
|
745
|
+
type: Input
|
|
746
|
+
}], totalAdvertisersMessage: [{
|
|
747
|
+
type: Input
|
|
748
|
+
}], popupFilters: [{
|
|
749
|
+
type: Input
|
|
750
|
+
}], advertiserNameClicked: [{
|
|
751
|
+
type: Output
|
|
752
|
+
}], resetAllFilter: [{
|
|
753
|
+
type: Output
|
|
754
|
+
}], columnfilterAppliedToTable: [{
|
|
755
|
+
type: Output
|
|
756
|
+
}], easyFilterClicked: [{
|
|
757
|
+
type: Output
|
|
758
|
+
}], nonEditableGTComponent: [{
|
|
759
|
+
type: ViewChild,
|
|
760
|
+
args: [AnnaNonEditableGenericTableComponent]
|
|
761
|
+
}] } });
|
|
762
|
+
|
|
763
|
+
/**
|
|
764
|
+
* Generated bundle index. Do not edit.
|
|
765
|
+
*/
|
|
766
|
+
|
|
767
|
+
export { AdvTableListingService, AdvertiserEzFilterConstants, AdvertiserFilterModalComponent, AdvertiserListingFilterPopupradioButtons, AdvertiserListingTableData, AdvertiserTableListingComponent, TypeOfActionLinkForGtEnum };
|
|
768
|
+
//# sourceMappingURL=annalib-anna-feature-biz-rules-advertiser-listing.mjs.map
|