@annalib/anna-core 36.2.4 → 36.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2132,14 +2132,6 @@ class AnnaFilterService {
|
|
|
2132
2132
|
"createdAtDate",
|
|
2133
2133
|
"sentAtDate",
|
|
2134
2134
|
"userActionAtDate",
|
|
2135
|
-
"offerConfirmedOrCancelledOrRecalledAtDate",
|
|
2136
|
-
"WOTEntryCompletedAtDate",
|
|
2137
|
-
"reviewedBySMDate",
|
|
2138
|
-
"sentForWOTEntryAtDate",
|
|
2139
|
-
"repEntryCompletedAtDate",
|
|
2140
|
-
"reviewedByBuyerDate",
|
|
2141
|
-
"stnUserReviewedAtDate",
|
|
2142
|
-
"sentForRepEntryAtDate",
|
|
2143
2135
|
"completedAtDate"
|
|
2144
2136
|
];
|
|
2145
2137
|
const timeArr = [
|
|
@@ -2286,14 +2278,6 @@ class AnnaFilterService {
|
|
|
2286
2278
|
this.selectedRadio === "createdAtDate" ||
|
|
2287
2279
|
this.selectedRadio === "sentAtDate" ||
|
|
2288
2280
|
this.selectedRadio === "userActionAtDate" ||
|
|
2289
|
-
this.selectedRadio === "offerConfirmedOrCancelledOrRecalledAtDate" ||
|
|
2290
|
-
this.selectedRadio === "WOTEntryCompletedAtDate" ||
|
|
2291
|
-
this.selectedRadio === "reviewedBySMDate" ||
|
|
2292
|
-
this.selectedRadio === "sentForWOTEntryAtDate" ||
|
|
2293
|
-
this.selectedRadio === "repEntryCompletedAtDate" ||
|
|
2294
|
-
this.selectedRadio === "reviewedByBuyerDate" ||
|
|
2295
|
-
this.selectedRadio === "stnUserReviewedAtDate" ||
|
|
2296
|
-
this.selectedRadio === "sentForRepEntryAtDate" ||
|
|
2297
2281
|
this.selectedRadio === "completedAtDate") {
|
|
2298
2282
|
isDataFiltered =
|
|
2299
2283
|
!isEqual(this.initialValueMap.get(this.selectedRadio), this.tooltipSelectedMap.get(this.selectedRadio)) && !isEqual(this.tooltipSelectedMap.get(this.selectedRadio), this.flightDateRange);
|
|
@@ -2380,15 +2364,6 @@ class AnnaFilterService {
|
|
|
2380
2364
|
key === "createdAtDate" ||
|
|
2381
2365
|
key === "sentAtDate" ||
|
|
2382
2366
|
key === "userActionAtDate" ||
|
|
2383
|
-
key === "ModifiedFilterEndDate" ||
|
|
2384
|
-
key === "offerConfirmedOrCancelledOrRecalledAtDate" ||
|
|
2385
|
-
key === "WOTEntryCompletedAtDate" ||
|
|
2386
|
-
key === "reviewedBySMDate" ||
|
|
2387
|
-
key === "sentForWOTEntryAtDate" ||
|
|
2388
|
-
key === "repEntryCompletedAtDate" ||
|
|
2389
|
-
key === "reviewedByBuyerDate" ||
|
|
2390
|
-
key === "stnUserReviewedAtDate" ||
|
|
2391
|
-
key === "sentForRepEntryAtDate" ||
|
|
2392
2367
|
key === "completedAtDate") {
|
|
2393
2368
|
filteredData = filteredData.filter((obj) => this.isObjectInTheRange(obj, value, key));
|
|
2394
2369
|
}
|
|
@@ -2551,15 +2526,6 @@ class AnnaFilterService {
|
|
|
2551
2526
|
key === "createdAtDate" ||
|
|
2552
2527
|
key === "sentAtDate" ||
|
|
2553
2528
|
key === "userActionAtDate" ||
|
|
2554
|
-
key === "ModifiedFilterEndDate" ||
|
|
2555
|
-
key === "offerConfirmedOrCancelledOrRecalledAtDate" ||
|
|
2556
|
-
key === "WOTEntryCompletedAtDate" ||
|
|
2557
|
-
key === "reviewedBySMDate" ||
|
|
2558
|
-
key === "sentForWOTEntryAtDate" ||
|
|
2559
|
-
key === "repEntryCompletedAtDate" ||
|
|
2560
|
-
key === "reviewedByBuyerDate" ||
|
|
2561
|
-
key === "stnUserReviewedAtDate" ||
|
|
2562
|
-
key === "sentForRepEntryAtDate" ||
|
|
2563
2529
|
key === "completedAtDate") {
|
|
2564
2530
|
parsingFormat = "MM/DD/YYYY";
|
|
2565
2531
|
const dateIsBetweenSelDate = dayjs(obj[key], parsingFormat).isBetween(value.minSelectedDate, value.maxSelectedDate);
|
|
@@ -2640,15 +2606,6 @@ class AnnaFilterService {
|
|
|
2640
2606
|
key === "createdAtDate" ||
|
|
2641
2607
|
key === "sentAtDate" ||
|
|
2642
2608
|
key === "userActionAtDate" ||
|
|
2643
|
-
key === "ModifiedFilterEndDate" ||
|
|
2644
|
-
key === "offerConfirmedOrCancelledOrRecalledAtDate" ||
|
|
2645
|
-
key === "WOTEntryCompletedAtDate" ||
|
|
2646
|
-
key === "reviewedBySMDate" ||
|
|
2647
|
-
key === "sentForWOTEntryAtDate" ||
|
|
2648
|
-
key === "repEntryCompletedAtDate" ||
|
|
2649
|
-
key === "reviewedByBuyerDate" ||
|
|
2650
|
-
key === "stnUserReviewedAtDate" ||
|
|
2651
|
-
key === "sentForRepEntryAtDate" ||
|
|
2652
2609
|
key === "completedAtDate") {
|
|
2653
2610
|
filteredData = filteredData.filter((obj) => this.isObjectInTheRange(obj, value, key));
|
|
2654
2611
|
}
|
|
@@ -5940,7 +5897,7 @@ class AnnaNonEditableGenericTableComponent {
|
|
|
5940
5897
|
this.selectedRowForTimeEdit = null;
|
|
5941
5898
|
}
|
|
5942
5899
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AnnaNonEditableGenericTableComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: AnnaSortService }, { token: AnnaDateTimeFormatService }, { token: AnnaFilterService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5943
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AnnaNonEditableGenericTableComponent, isStandalone: true, selector: "anna-core-non-editable-generic-table-lib", inputs: { showSkeletonLoading: "showSkeletonLoading", tableHeaders: "tableHeaders", tableData: "tableData", clonedTableData: "clonedTableData", gtGeneralConfig: "gtGeneralConfig", totalRowInfo: "totalRowInfo", gtDimension: "gtDimension", extraHeaderRowForAdjustingColumnWidths: "extraHeaderRowForAdjustingColumnWidths", tableClass: "tableClass", maximumRowsWhichCanBeRenderedWithoutScroll: "maximumRowsWhichCanBeRenderedWithoutScroll", fixNumberOfRowsForPopup: "fixNumberOfRowsForPopup", fixRowsToRender: "fixRowsToRender", includeBorderInTableHeight: "includeBorderInTableHeight", downloadInProgress: "downloadInProgress", percentDone: "percentDone", starredInProgress: "starredInProgress", clickableRow: "clickableRow", setTableHeightWhenRowSizeIsFixed: "setTableHeightWhenRowSizeIsFixed", tableBorderBottomClassRequired: "tableBorderBottomClassRequired", hideSomeTds: "hideSomeTds", tdsHaveRowSpan: "tdsHaveRowSpan", multipleTablesPresent: "multipleTablesPresent", showOrHideToggleForTotalRow: "showOrHideToggleForTotalRow" }, outputs: { toggleCheckbox: "toggleCheckbox", toggleRowCheckbox: "toggleRowCheckbox", toggleHeaderCheckbox: "toggleHeaderCheckbox", undoIconClicked: "undoIconClicked", filterAppliedToTable: "filterAppliedToTable", sortingAppliedToTable: "sortingAppliedToTable", rowClicked: "rowClicked", radioButtonSelected: "radioButtonSelected", columnFilterOpened: "columnFilterOpened", columnFilterClosed: "columnFilterClosed", gtIconClicked: "gtIconClicked", gtSVGIconClicked: "gtSVGIconClicked", gtTextActionClicked: "gtTextActionClicked", gtViewDetailClicked: "gtViewDetailClicked", gtInnerHTMLClicked: "gtInnerHTMLClicked", downloadSpotDetails: "downloadSpotDetails", clickableDataClicked: "clickableDataClicked", totalRowIconClicked: "totalRowIconClicked", notificationIconHover: "notificationIconHover", notificationIconHoverLeave: "notificationIconHoverLeave", editableInputEdited: "editableInputEdited", radioButtonMessageIconClicked: "radioButtonMessageIconClicked", statusNotePopupOpened: "statusNotePopupOpened", textPopupOpened: "textPopupOpened", digitOnlyInputChanged: "digitOnlyInputChanged", singleSelectDropdownValueEmit: "singleSelectDropdownValueEmit", timeSelected: "timeSelected", totalRowRadioButtonClicked: "totalRowRadioButtonClicked", totalRowRadioButtonIconClicked: "totalRowRadioButtonIconClicked" }, viewQueries: [{ propertyName: "tableElementRef", first: true, predicate: ["tableElementRef"], descendants: true, static: true }, { propertyName: "textActionTooltipTemplateRef", first: true, predicate: ["textActionTooltipTemplate"], descendants: true }, { propertyName: "programChangeTooltipTemplateRef", first: true, predicate: ["programChangeTooltipTemplate"], descendants: true }, { propertyName: "viewChildTableHeaders", predicate: ["tableHeader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n id=\"generic-table-conatiner\"\n #tableElementRef\n class=\"table-container {{ gtGeneralConfig?.tableOuterContainerName }} {{ tableBottomBorderClass }}\"\n [ngClass]=\"{\n 'scroll-left-shadow-effect': isScrolledLeft,\n 'scroll-right-shadow-effect': !isScrollEnded,\n 'clickable-row': clickableRow,\n 'no-data-table': (isNoDataToDisplaySubject$ | async),\n 'table-with-show-hide-total-row-toggle': showOrHideToggleForTotalRow\n }\"\n (scroll)=\"onTableContainerScroll($event)\"\n>\n <div\n [class]=\"gtGeneralConfig.tableContainerName\"\n class=\"horizontal-scroll-for-table-container\"\n [ngStyle]=\"{\n height:\n tableData.length < noOfRowsToCheck - 1\n ? 'calc(' +\n (gtDimension.rowHeight * tableData.length +\n (!tableData.length || !gtGeneralConfig.totalRow\n ? gtDimension.headerHeight\n : gtDimension.headerHeight + gtDimension.rowHeight)) +\n 'px)'\n : gtDimension.tableHeight\n }\"\n >\n <button\n *ngIf=\"showOrHideToggleForTotalRow && !showSkeletonLoading && (isNoDataToDisplaySubject$ | async) === false\"\n [ngClass]=\"{\n 'shift-toggle-top-on-total-row-click': !gtGeneralConfig.totalRow\n }\"\n class=\"show-or-hide-toggle-btn\"\n (click)=\"showHideTotalRow()\"\n >\n <i\n class=\"mdi mdi-menu-swap\"\n tooltipClass=\"show-or-hide-toggle-tooltip\"\n placement=\"auto\"\n container=\"body\"\n [ngbTooltip]=\"showOrHideToggleForTotalRowTooltip\"\n ></i>\n </button>\n\n <table\n class=\"gt\"\n [ngClass]=\"tableClass\"\n mat-table\n [dataSource]=\"renderedData\"\n >\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"modifiedExtraHeaderRowForAdjustingColumnWidths?.objectKeys\"\n [style.height.px]=\"'4px'\"\n [class.visibility-collapse]=\"true\"\n ></tr>\n\n <ng-container *ngFor=\"let row of tableColumnsOfEachRow; let i = index\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumnsOfEachRow[i]; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumns; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n\n <tr\n class=\"total-row\"\n mat-header-row\n [style.height.px]=\"gtDimension.rowHeight\"\n *matHeaderRowDef=\"totalRowColumns; sticky: true\"\n [class.hidden]=\"\n showSkeletonLoading ||\n (!showSkeletonLoading && !tableData.length) ||\n (isNoDataToDisplaySubject$ | async) ||\n (!showSkeletonLoading && !gtGeneralConfig.totalRow)\n \"\n ></tr>\n <tr\n [class]=\"rowData.gtClass\"\n [ngClass]=\"{ 'no-border-tr': (isNoDataToDisplaySubject$ | async) }\"\n mat-row\n *matRowDef=\"let rowData; columns: tableColumns\"\n [style.height.px]=\"gtDimension.rowHeight\"\n (click)=\"dataRowClicked(rowData)\"\n ></tr>\n\n <!-- TOTAL ROW -->\n <ng-container\n [matColumnDef]=\"column.colName\"\n *ngFor=\"let column of totalRowInfo; trackBy: trackByFn\"\n >\n <td\n mat-header-cell\n *matHeaderCellDef\n [attr.colspan]=\"column.colspan\"\n class=\"{{ column.class }}\"\n >\n <ng-container\n *ngIf=\"\n column['radioButtonColumnData'] && column['radioButtonColumnData']['isRadioButtonsColumn']\n \"\n >\n <mat-radio-group\n [ngModel]=\"column.radioButtonColumnData?.selectedRadioButton\"\n [disabled]=\"column.radioButtonColumnData?.disableRadioGroup\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of column.radioButtonColumnData?.radioButtonsData;\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n [ngClass]=\"{\n disabled:\n radioButton?.disabled || column.radioButtonColumnData?.disableRadioGroup\n }\"\n (click)=\"totalRowRadioButtonClickedByUser(radioButton.value)\"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngFor=\"let iconClass of radioButton?.iconClass\">\n <i\n class=\" {{ iconClass }}\"\n (click)=\"totalRowRadioButtonIconClickedByUser(radioButton.value)\"\n ></i\n ></ng-container>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n </ng-container>\n <ng-container *ngIf=\"column['isActionColumn']\">\n <a\n *ngFor=\"let data of column.actionData\"\n [class]=\"data.class\"\n (click)=\"onClickableDataClicked({}, data.id)\"\n >\n {{ data.name }}\n </a>\n </ng-container>\n\n <ng-container *ngIf=\"column['isIconColumn']\">\n <i\n class=\"{{ column?.iconData?.class }}\"\n (click)=\"iconClickedInTotalRow(column?.colName)\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!column['isActionColumn']\">\n <strong class=\"upper-label\"\n >{{ column.data }}\n <span\n class=\"red-text-totol-row\"\n *ngIf=\"column.additionalRedTextAfterData\"\n >{{ column.additionalRedTextAfterData }}</span\n ></strong\n >\n <ng-container *ngIf=\"column.lowerData\">\n <p\n *ngIf=\"\n column.colName === 'total-potential-booked-unit' &&\n gtGeneralConfig.component === 'RATING';\n else columnLowerData\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('TOTALROW')\"\n [ngClass]=\"{\n 'disabled-clickable-data': downloadInProgress || column.lowerData === '0'\n }\"\n >\n {{ column.lowerData }}\n <span class=\"material-icons mdi mdi-download spot-details-download-icons\"></span>\n <ng-container *ngIf=\"downloadInProgress && selectedRowTypeForDownload === 'TOTALROW'\">\n <ng-container [ngTemplateOutlet]=\"circularProgressBar\"></ng-container>\n </ng-container>\n </p>\n <ng-template #columnLowerData>\n <p class=\"lower-label\">{{ column.lowerData }}</p>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"column.tooltipMessage && gtGeneralConfig.component !== 'LUR_VIOLATIONS'\">\n <i\n class=\"{{ column.tooltipIconClass }}\"\n container=\"body\"\n [ngbTooltip]=\"column.tooltipMessage\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"top bottom\"\n ></i>\n </ng-container>\n <ng-container *ngIf=\"gtGeneralConfig.component === 'LUR_VIOLATIONS' && column.tooltipMessage\">\n <i\n class=\"mi mdi-info-outline info-label\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationTotalRowToolTip\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n ></i>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <ng-container\n [matColumnDef]=\"columnDef\"\n *ngFor=\"\n let columnDef of modifiedExtraHeaderRowForAdjustingColumnWidths.objectKeys;\n let i = index;\n trackBy: trackByFn\n \"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"modifiedExtraHeaderRowForAdjustingColumnWidths.widths[i]\"\n ></th\n ></ng-container>\n ></ng-container\n >\n\n <!-- MAIN ROW -->\n <ng-container\n [matColumnDef]=\"columnDef.headerInfo[0].objectKey\"\n *ngFor=\"let columnDef of tableHeaders; trackBy: trackByFn\"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"columnDef.width\"\n [attr.rowspan]=\"columnDef.rowspan ? columnDef.rowspan : 1\"\n [attr.colspan]=\"columnDef.colspan ? columnDef.colspan : 1\"\n >\n <div\n class=\"row mx-0\"\n [ngClass]=\"{ 'dummy-header': columnDef.dummyHeader }\"\n *ngFor=\"let header of columnDef.headerInfo; let j = index\"\n >\n <p\n *ngIf=\"header.typeOfHeaderData === 'STRING'\"\n [ngClass]=\"{ 'upper-label': j === 0, 'lower-label': j === 1 }\"\n >\n <ngx-skeleton-loader\n *ngIf=\"header.name == null\"\n count=\"1\"\n [theme]=\"{\n height: '10px',\n display: 'block',\n width: columnDef.width,\n 'max-width': 'calc(100% - 20px)'\n }\"\n >\n </ngx-skeleton-loader>\n <ng-container *ngIf=\"header.name\">\n {{ header.name }}\n </ng-container>\n <ng-container *ngIf=\"header.tooltip && header.tooltip.tooltipMessage\">\n <i\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"header.tooltip.tooltipMessage\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'impsInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"impsInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"\n header.tooltip && header.tooltip.name === 'spotsColumnEquivalizationMessageTooltip'\n \"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"spotsColumnEquivalizationMessageTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'underDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"underDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'overDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"overDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ratingInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ratingInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rateInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rateInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ongoingRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ongoingRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'completedRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"completedRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRate'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRate\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedImps'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedImps\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'automationTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"automationTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rebateImpact'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rebateImpact\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'projectedImpsRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"projectedImpsRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </p>\n\n <ng-container *ngIf=\"header.typeOfHeaderData === 'CHECKBOX'\">\n <span\n *ngIf=\"gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n <span\n *ngIf=\"!gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{ 'disable-checkbox': gtGeneralConfig.disableHeaderCheckbox }\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n </ng-container>\n\n <div\n *ngIf=\"gtGeneralConfig.showAllColumnFilter && header && header.typeOfHeaderData !== ''\"\n class=\"sort-filter-container\"\n >\n <ng-container *ngIf=\"header.showTooltipIcon\">\n <!-- Active tooltip Functionality -->\n <ng-container *ngIf=\"header.filter === 'CHECKBOX'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"filterTooltip\"\n placement=\"{{ filterAlignment }}\"\n container=\"body\"\n tooltipClass=\"non-edit-checkbox-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'SLIDER'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"sliderToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n tooltipClass=\"non-edit-slider-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t1=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t1, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'DATE'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"datePickerTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"non-edit-datepicker-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t2=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t2, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'WEEK'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"weekPickerToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t3=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t3, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'TIME'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"timeFilterToolTip\"\n placement=\"bottom left-top auto\"\n container=\"body\"\n tooltipClass=\"non-edit-time-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t4=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t4, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!header.showTooltipIcon\">\n <span id=\"no-filter-space\"></span><br />\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'lurViolationInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationInfoTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </div>\n </div>\n </th>\n\n <ng-container *matCellDef=\"let ROW_DATA\">\n <td\n mat-cell\n [style.background]=\"ROW_DATA.backgroundColor\"\n [style.border]=\"ROW_DATA.border\"\n class=\"{{ ROW_DATA.rowClass }}\"\n [ngClass]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'TdClass']\"\n [attr.rowspan]=\"tdsHaveRowSpan ? ROW_DATA[columnDef.headerInfo[0].objectKey + 'Rowspan'] : 1\"\n *ngIf=\"\n !hideSomeTds ||\n (hideSomeTds && !ROW_DATA['hide' + columnDef.headerInfo[0].objectKey + 'Td'])\n \"\n >\n <ngx-skeleton-loader\n *ngIf=\"showSkeletonLoading\"\n count=\"1\"\n [theme]=\"{ height: '10px', display: 'block', marginBottom: '0' }\"\n >\n </ngx-skeleton-loader>\n\n <ng-container *ngIf=\"!showSkeletonLoading\">\n <ng-container *ngIf=\"tableData.length > 0 && (isNoDataToDisplaySubject$ | async) === false\">\n <ng-container\n *ngFor=\"\n let subline of columnDef.headerInfo;\n let subLineIndex = index;\n trackBy: trackByFn\n \"\n >\n <div\n annaCoreShowEllipsisTextOnHover\n [includeFullWidth]=\"\n columnDef.headerInfo[subLineIndex].typeOfBodyData !== 'RADIO'\n \"\n [class]=\"columnDef.headerInfo[subLineIndex]?.tdCellClass\"\n >\n <ng-container [ngSwitch]=\"columnDef.headerInfo[subLineIndex].typeOfBodyData\">\n <ng-container *ngSwitchCase=\"'ICON'\">\n <i\n *ngIf=\"\n !(\n starredInProgress &&\n ROW_DATA.orderId === selectedStarredOrderId\n )\n \"\n [class]=\"ROW_DATA.iconClass\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n (click)=\"iconClicked(ROW_DATA, ROW_DATA.iconClass)\"\n ngbTooltip=\"{{ ROW_DATA.iconTitleText }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <ng-container\n *ngIf=\"\n starredInProgress && ROW_DATA.orderId === selectedStarredOrderId\n \"\n >\n <div\n class=\"spinner-for-button-directive\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n ></div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'ICON_CELL'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <ng-container *ngIf=\"action.showObjectKey\">\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </ng-container>\n\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"\n action.showTooltip && action?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action.tooltipData\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML_STRING'\">\n <p\n [innerHTML]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n (click)=\"innerHTMLCellClicked($event, ROW_DATA)\"\n ></p>\n </ng-container>\n <ng-container *ngSwitchCase=\"'HTML_STRING_AND_CLICKABLE_DATA'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n *ngIf=\"text.showText\"\n [innerHtml]=\"text.innerHTMLText\"\n ></span>\n\n <a\n *ngIf=\"text.showLink\"\n class=\"view-link\"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.linkName }}\n </a>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SVG_ICON'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <span\n class=\"pr-4\"\n *ngIf=\"action?.showObjectKey\"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n class=\"pr-4 {{ action?.additionalTextClass }}\"\n *ngIf=\"action?.additionalText\"\n >\n {{ action?.additionalText }}\n </span>\n\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n [disableTooltip]=\"!action?.svgOrIconTooltipMsg\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n (columnIconClicked)=\"\n svgIconClicked(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].actionKey\n )\n \"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.svgOrIconTooltipMsg\"></div\n ></ng-template>\n </anna-core-icon-column>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'TEXT_ACTIONS'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <button\n *ngIf=\"text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n (mouseenter)=\"\n mouseEnterOnTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [ngbTooltip]=\"textActionTooltipTemplate\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n {{ text.name }}\n </button>\n\n <button\n *ngIf=\"!text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n >\n {{ text.name }}\n </button>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CHECKBOX'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n false\n )\n \"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n ngbTooltip=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CLICKABLE_DATA'\">\n <a\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.name }}</a\n >\n <span\n *ngIf=\"\n subline.objectKey === 'displayBookedUnits' &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('DATAROW', ROW_DATA)\"\n [ngClass]=\"{\n 'disabled-clickable-data':\n downloadInProgress || ROW_DATA.displayBookedUnits === '-'\n }\"\n >{{ ROW_DATA.displayBookedUnits }}\n <span\n class=\"material-icons mdi mdi-download spot-details-download-icons\"\n ></span>\n <ng-container\n *ngIf=\"\n downloadInProgress &&\n ROW_DATA.ProgramId === selectedProgramIdForDownload &&\n ROW_DATA.Demographic === selectedDemographicForDownload\n \"\n >\n <ng-container\n [ngTemplateOutlet]=\"circularProgressBar\"\n ></ng-container>\n </ng-container>\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING___ICON_OR_TEXT_ACTION'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n [class]=\"action.additionalTextBeforeLinkClass\"\n [innerHtml]=\"action.additionalTextBeforeLink\"\n ngbTooltip=\"{{ action.additionalTextBeforeLink }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalText\"\n ></span>\n\n <ng-container *ngIf=\"action && action.typeOfData === 'STRING'\">\n <span\n class=\"text-with-icon-and-text\"\n [ngClass]=\"{ 'reduced-width': action.showIcon }\"\n annaCoreShowEllipsisTextOnHover\n >{{ action.data }}</span\n >\n </ng-container>\n\n <a\n [id]=\"action.id\"\n *ngIf=\"action.showLink\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n [ngClass]=\"{ disabled: action.disabledLink }\"\n >{{ action.data }}</a\n >\n <span\n ngbTooltip=\"{{ action.additionalTextAfterLink }}\"\n placement=\"bottom\"\n container=\"body\"\n [class]=\"action.additionalTextAfterLinkClass\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalAfterText\"\n >\n {{ action.additionalTextAfterLink }}\n </span>\n\n <ng-container *ngIf=\"action.showTooltip\">\n <ng-container *ngIf=\"action.tooltipData.innerHtml\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n [ngbTooltip]=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!action.tooltipData.tooltipTableBody\">\n <span\n *ngIf=\"action.showIcon\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n class=\"icon-tooltip-text\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n >\n <i [class]=\"action.iconClass\"> </i>\n {{ action.additionalTextAfterIcon ?? \"\" }}\n </span>\n <ng-container *ngIf=\"action['showSvgIcon']\">\n <anna-core-anna-est-icon-template\n class=\"float-right\"\n *ngIf=\"action['svgIconName'] === 'anna-icon'\"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex]\n .tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action['tooltipClass']\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n container=\"body\"\n [autoClose]=\"true\"\n >\n </anna-core-anna-est-icon-template>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!action.showTooltip\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n >\n </i>\n </ng-container>\n\n <i\n *ngIf=\"action.showSimpleIcon\"\n [class]=\"action.iconClass\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"\n action?.tooltipDataForSimpleIcon ? tipContent : null\n \"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.tooltipDataForSimpleIcon\"\n >\n <ng-template #tipContent>\n <div\n class=\"p-8\"\n [innerHTML]=\"action.tooltipDataForSimpleIcon\"\n ></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_OR_INPUT'\">\n <ng-container\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.type ===\n 'STRING';\n else inputBox\n \"\n >\n <span\n [innerHtml]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.value\n \"\n ></span>\n </ng-container>\n\n <ng-template #inputBox>\n <span class=\"input-box-container\">\n <input\n placeholder=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.placeholder\n }}\"\n annaCoreShowEllipsisTextOnHover\n class=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .className\n }}\"\n (keydown)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n false\n )\n \"\n (paste)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n true\n )\n \"\n (ngModelChange)=\"\n editableInputValueChanged(\n $event,\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n [ngModel]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .value\n \"\n [disabled]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .disabled\n \"\n [ngClass]=\"{\n 'red-border':\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].hasError\n }\"\n />\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <i\n *ngIf=\"action?.showIcon\"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ action?.iconClass }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.iconTooltip\"></div\n ></ng-template>\n </i>\n <ng-container *ngIf=\"action?.showSvgIcon\">\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action?.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n <ng-template #tipContent>\n <div\n [innerHTML]=\"action?.svgOrIconTooltipMsg\"\n ></div></ng-template\n ></anna-core-icon-column>\n </ng-container>\n <ng-container *ngIf=\"action?.showLink\">\n <a\n [id]=\"action?.id\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action?.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n >{{ action?.linkText }}\n </a>\n </ng-container>\n </ng-container>\n </span>\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML'\">\n <span\n [innerHtml]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n ></span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [disabled]=\"dropdown.isDisabled\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN_AND_ICON'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <div [ngClass]=\"{ 'icon-dropdown': dropdown.showIcon }\">\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n <i\n *ngIf=\"dropdown.showIcon\"\n [class]=\"dropdown.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n dropdown.tooltipClass\n }}\"\n [ngbTooltip]=\"\n dropdown.showTooltip && dropdown?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n dropdown.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!dropdown.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"dropdown.tooltipData\"></div\n ></ng-template>\n </i>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_RADIO'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-radiobox-marked\"\n (click)=\"(null)\"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-radiobox-blank\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'RADIO'\">\n <mat-radio-group\n *ngIf=\"ROW_DATA['RadioButtonConfig']; else showHyphen\"\n [ngModel]=\"ROW_DATA[subline.objectKey]\"\n [disabled]=\"ROW_DATA['RadioButtonConfig'][0].isDisabled\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of ROW_DATA['RadioButtonConfig'];\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n (click)=\"\n radioButtonClicked(\n ROW_DATA,\n radioButton.value,\n ROW_DATA['RadioButtonConfig'][0].isDisabled\n )\n \"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngIf=\"radioButton.icons\">\n <i\n *ngFor=\"let icon of radioButton.icons\"\n class=\" {{ icon.class }}\"\n (click)=\"radioButtonIconClicked(ROW_DATA, icon.name)\"\n ></i>\n </ng-container>\n\n <i\n *ngIf=\"radioButton.tooltipMessage\"\n class=\"mi mdi-info-outline\"\n [ngbTooltip]=\"radioButton.tooltipMessage\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n <ng-template #showHyphen> - </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span class=\"action-data\"> {{ action?.dataToDisplay }}</span>\n <ng-container *ngIf=\"action?.additionalTextWoTooltip\">\n <span\n class=\"additional-text-wo-tooltip\"\n [innerHtml]=\"action.additionalTextWoTooltip\"\n >\n </span>\n </ng-container>\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"stringWithTooltipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithTooltipTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey,\n tooltipWithStringRef\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"action?.tooltipIconClass\"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithStringRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n </span>\n <span>{{ action?.dataToDisplayAfterTooltip }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_ELLIPSIS_WITH_TABLE_TOOLTIP'\">\n <div class=\"new-ellipsis-container\">\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"cell-value\"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .cellValue\n }}\n </span>\n <span\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.showTooltip\n \"\n class=\"tooltip-text\"\n [ngbTooltip]=\"tableInsideTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"table-inside-tooltip remove-on-scroll-class {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipClass\n }}\"\n (mouseenter)=\"\n bindTheValueToTableTooltip(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info\n )\n \"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipHoverText\n }}\n </span>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length <\n 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP_INNER_HTML'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"action-data\"\n [ngClass]=\"action?.showTooltip ? 'reduced-width-text' : ''\"\n >\n {{ action?.dataToDisplay }}</span\n >\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"innerHtmlToolTipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithInnerHtmlTooltipTextActionType(\n ROW_DATA,\n action,\n tooltipWithInnerHtmlRef,\n !action.isManualTrigger\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"\n 'innrHtml-tooltip-icon-marker ' + action?.tooltipIconClass\n \"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithInnerHtmlRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-innerHtml-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n {{ action.tooltipMarkerText }}\n </span>\n <span *ngIf=\"action?.dataToDisplayAfterTooltip\">\n {{ action?.dataToDisplayAfterTooltip }}\n </span>\n </ng-container>\n </ng-container>\n\n <ng-container\n *ngSwitchCase=\"\n 'ICON_CELL_AND_STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\n \"\n >\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n title=\"\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"action.showTooltip ? action.tooltipData : null\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n </i>\n\n <ng-container *ngIf=\"action.showObjectKey\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length < 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n info\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'DIGIT_ONLY_INPUT'\">\n <input\n annaCoreDigitOnly\n [type]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].type\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .type\n : 'text'\n \"\n [decimal]=\"true\"\n [readOnly]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].disabled\n \"\n [decimalPlaces]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .decimalPlaces\n \"\n inputmode=\"numeric\"\n [min]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.min ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min\n : digitInputmin\n \"\n [max]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.max ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max\n : digitInputMax\n \"\n [allowPaste]=\"false\"\n class=\"form-control\"\n [value]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].value\n \"\n [placeholder]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n : 'Enter value'\n \"\n (input)=\"\n onInputChange(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n $event\n )\n \"\n />\n </ng-container>\n <ng-container *ngSwitchCase=\"'TIME_INPUT'\">\n <div\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .showAsInput;\n else timeAsString\n \"\n class=\"time-selected-div {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].class\n }}\"\n [ngbTooltip]=\"timeInputTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"false\"\n triggers=\"manual\"\n #timeInputTooltipInRow=\"ngbTooltip\"\n (click)=\"\n timeInputTooltipClickedInTableBody(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n ROW_DATA\n );\n bindTheValueToTimeInputTooltip(timeInputTooltipInRow)\n \"\n >\n <div class=\"time-selection-menu\">\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n <i\n *ngIf=\"\n !timeTableRowtooltip ||\n !selectedRowForTimeEdit ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id !==\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-down icon\"\n ></i>\n <i\n *ngIf=\"\n timeTableRowtooltip &&\n selectedRowForTimeEdit &&\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id ===\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-up icon\"\n ></i>\n </div>\n </div>\n <ng-template #timeAsString>\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n </ng-template>\n <ng-container\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].icons\"\n >\n <i\n *ngFor=\"\n let icon of ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].icons\n \"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ icon.class }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"icon?.tooltipMessage\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <ng-container *ngIf=\"subline.objectKey !== 'description'\">\n <span annaCoreShowEllipsisTextOnHover>{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n }}</span>\n <!-- <i\n *ngIf=\"\n subline.objectKey === 'inventoryCode' &&\n ROW_DATA['isSellerGroup'] &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n [ngbTooltip]=\"sellerHierarchyTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"hierarchy-tooltip remove-on-scroll-class\"\n (mouseenter)=\"\n bindTheValueToSellerGroupTooltip(\n ROW_DATA.sellerGroupHierarchy,\n info\n )\n \" \n >\n </i>-->\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageRating' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showRatingAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedRatingDifference\"\n >\n </i>\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageImpression' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showImpressionAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedImpDifference\"\n >\n </i>\n </ng-container>\n <ng-container *ngIf=\"subline.objectKey === 'description'\">\n <p\n *ngIf=\"\n ROW_DATA.descriptionMessage ||\n ROW_DATA.descriptionEmailReferenceNum\n \"\n >\n <ng-container *ngIf=\"ROW_DATA.descriptionMessage\">\n {{ ROW_DATA.descriptionMessage }}\n <br />\n </ng-container>\n <ng-container\n *ngIf=\"\n ROW_DATA.descriptionEmailReferenceNum !== '-' &&\n ROW_DATA.descriptionEmailReferenceNum !== ''\n \"\n >\n Email Ref: {{ ROW_DATA.descriptionEmailReferenceNum }}\n <br />\n </ng-container>\n </p>\n <a\n href=\"{{ ROW_DATA.descriptionDetailsUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionDetailsUrlType === 'PDF' ||\n ROW_DATA.descriptionDetailsUrlType === 'EXCEL'\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">Download</button>\n </a>\n <ng-container\n *ngIf=\"\n ROW_DATA.activityname.toLowerCase() === 'order onboarded'\n \"\n >\n <a\n *ngIf=\"ROW_DATA.descriptionDetailsUrlType === 'LINK'\"\n (click)=\"viewDetailsClicked(ROW_DATA)\"\n >\n <button class=\"btn viewDetailsAndEmailBtn order-onboarded\">\n View details\n </button>\n </a>\n </ng-container>\n\n <a\n href=\"{{ ROW_DATA.descriptionEmailUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionEmailUrl !== '-' &&\n ROW_DATA.descriptionEmailUrl !== ''\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">View email</button>\n </a>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"isNoDataToDisplaySubject$ | async\">\n <div>\n {{ null }}\n </div>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n </ng-container>\n </table>\n </div>\n <anna-core-no-data-lib\n [width]=\"noDataWidth\"\n [marginTop]=\"marginTop\"\n *ngIf=\"isNoDataToDisplaySubject$ | async\"\n >\n </anna-core-no-data-lib>\n</div>\n\n<!-- Checkbox template -->\n<ng-template #filterTooltip>\n <anna-core-anna-column-checkbox-filter\n *ngIf=\"filterTabObjects\"\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-checkbox-filter>\n</ng-template>\n\n<!-- Slider template -->\n<ng-template #sliderToolTip>\n <anna-core-anna-column-slider-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-slider-filter>\n</ng-template>\n\n<!-- Date Picker Template -->\n<ng-template #datePickerTooltip>\n <anna-core-anna-column-date-range-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-date-range-filter>\n</ng-template>\n\n<!-- Week Picker Template -->\n<ng-template #weekPickerToolTip>\n <!-- <div class=\"weekpicker-container\">\n <anna-core-week-calendar-filter-lib\n [week-calendar-config]=\"gtGeneralConfig.multiWeekPickerConfig\"\n (apply)=\"applyWeekFilter($event)\"\n [from-date]=\"calendarMinEnabledDate\"\n [to-date]=\"calendarMaxEnabledDate\"\n >\n </anna-core-week-calendar-filter-lib>\n </div> -->\n</ng-template>\n\n<!-- Time Filter Template -->\n<ng-template #timeFilterToolTip>\n <anna-core-anna-column-time-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [showAllTimeRangeCheckboxes]=\"showCheckboxesForTimeFilter\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #timeInputTooltip>\n <anna-core-anna-column-time-filter\n [tableData]=\"timeInputData\"\n [clonedTableData]=\"timeInputData\"\n [showClearAllFilter]=\"false\"\n [startFromText]=\"'Start time'\"\n [endToText]=\"'End time'\"\n [filterTabObjects]=\"filterTabObjects\"\n [showAllTimeRangeCheckboxes]=\"false\"\n [isSortAndFilterAbsent]=\"true\"\n (closeTooltip)=\"closeTimeInputTooltip()\"\n (timeChanges)=\"timeSelectedInTableRow($event)\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #columnInfoTooltip>\n <p class=\"black-color-text white-space-nowrap\">This preemption is rejected and not marked for credit.</p>\n</ng-template>\n\n<ng-template #ratingInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rating' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected Rating' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #impsInfoTooltip>\n <p class=\"first-row\">Shows 'Booked IMPS' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected IMPS' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #spotsColumnEquivalizationMessageTooltip>\n <p class=\"spot-column-tooltip-message\">\n This consists of equivalized spots and un-equivalized Paid Programs & un-equivalized Non-spots.\n </p>\n</ng-template>\n\n<ng-template #underDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Under-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #overDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Over-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #rateInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rate' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected $ Value' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #sellerHierarchyTooltip>\n <ng-container *ngIf=\"sellerGroupHierarchy.length > 0\">\n <section class=\"hierarchy-table-container\">\n <table class=\"seller-hierarchy-table\">\n <thead>\n <tr>\n <th>#</th>\n <th>Inventory Codes</th>\n <th>Program/Description</th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of sellerGroupHierarchy; let tooltipIndex = index\">\n <td>{{ tooltipIndex + 1 }}</td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.InventoryCode }}</span>\n </td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.Program }}</span>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n </ng-container>\n <ng-container *ngIf=\"sellerGroupHierarchy.length === 0\">\n <span class=\"black-color-text\">Seller group not available for this inventory code</span>\n </ng-container>\n</ng-template>\n\n<ng-template #tableInsideTooltip>\n <label class=\"ellipsis-tooltip-heading\">{{ ellipsisWithTooltipHeading }}</label>\n <section class=\"table-inside-tooltip-container\">\n <table class=\"ellipsis-tooltip-table\">\n <thead>\n <tr>\n <th\n [style.width]=\"header.width\"\n *ngFor=\"let header of ellipsisWithTooltipTableHeaders\"\n >\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ header.headerName }}</span\n >\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of ellipsisWithTooltipTableData\">\n <td *ngFor=\"let header of ellipsisWithTooltipTableHeaders\">\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ data[header.objectKey] }}</span\n >\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n</ng-template>\n\n<ng-template #lurViolationInfoTooltip>\n <p class=\"first-row\">The values are for the entire week.</p>\n</ng-template>\n\n<ng-template #postedRatingDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average rating is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #postedImpDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average impression is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #ongoingRevBookedColumnTooltip>\n <p>The Booked $ value, Spots, GRP, CPP, IMPS, CPM corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #completedRevBookedColumnTooltip>\n <p>The Booked $ value corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #avgBookedRate>\n <p>This is the booked average Rate</p>\n</ng-template>\n\n<ng-template #avgBookedRtg>\n <p>This is the booked average RTG</p>\n</ng-template>\n\n<ng-template #avgBookedImps>\n <p>This is the booked average IMP(\u2019000)</p>\n</ng-template>\n\n<ng-template #projectedImpsRtg>\n <p>\n ANNA calculates projected RTG/IMPS values using either the computed estimates or the actual posted data,\n depending on what is available. If posted data has not yet been received, ANNA will use the computed estimates\n as the projected value. Once the actual posted data is received, the projection will automatically update to\n reflect the real, posted values. This ensures that projected data is always based on the most accurate and\n up-to-date information.\n </p>\n</ng-template>\n\n<ng-template #automationTooltip>\n <p>\n Please get the order business rules approved to automate the orders. Only for the automated orders, any approved\n MGs, ADUs, or credited spots on ANNA will be fed into the traffic system i.e. ANNA revisions.\n <!-- removed below line as part of enhancmennt in 14.0 releas -->\n <!-- Additionally, ANNA will only enter buyer revisions into traffic for the selected\n Medialine/WOC orders. -->\n </p>\n</ng-template>\n\n<ng-template #rebateImpact>\n <p>Rebate impact value is for the originally ordered spot length and is not equivalized.</p>\n</ng-template>\n\n<ng-template #lurViolationTotalRowToolTip>\n <ul>\n <li>\n <strong>POLITICAL RATE VIOLATIONS:</strong>\n Violations flagged when non-political spots are booked at a rate lower than the minimum booked rate for\n political candidates for the same week, Inventory Code and Revenue Class.\n </li>\n <li>\n <strong>CANDIDATE TO CANDIDATE VIOLATION:</strong>\n Violations flagged when political spots are booked at different rates to other political spots for the same\n week, Inventory Code and Revenue Class.\n </li>\n </ul>\n</ng-template>\n\n<ng-template #circularProgressBar>\n <anna-core-circular-progress\n [percent]=\"percentDone\"\n [radius]=\"5\"\n [outerStrokeWidth]=\"2\"\n [innerStrokeWidth]=\"2\"\n [outerStrokeColor]=\"'#268bff'\"\n [innerStrokeColor]=\"'#d5d5d5'\"\n [animationDuration]=\"500\"\n ></anna-core-circular-progress>\n</ng-template>\n\n<ng-template #userLoggedInDetails>\n <div class=\"tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n <span *ngIf=\"data.key !== 'read'\">\n {{ data.key }} <b>{{ data.value }}</b>\n </span>\n <span *ngIf=\"data.key === 'read'\">\n {{ data.value }}\n </span>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #markAsReadTip>\n <div class=\"notification-tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.value }}\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b>{{ data.value }}</b>\n </ng-container>\n</ng-template>\n\n<ng-template #programChangeTooltipTemplate>\n <div class=\"program-schedule-tooltip\">\n <h2>Program Change</h2>\n <p class=\"previous\">Previous:</p>\n <b annaCoreShowEllipsisTextOnHover>{{ textActionTooltip.OldProgramName }}</b>\n\n <p class=\"updated\">Updated:</p>\n <b\n *ngIf=\"textActionTooltip.NewProgramNames.length === 1\"\n annaCoreShowEllipsisTextOnHover\n >{{ textActionTooltip.NewProgramNames[0] }}</b\n >\n <ul *ngIf=\"textActionTooltip.NewProgramNames.length > 1\">\n <li *ngFor=\"let item of textActionTooltip.NewProgramNames\">\n <label class=\"dot\"></label>\n <span annaCoreShowEllipsisTextOnHover>{{ item }}</span>\n </li>\n </ul>\n </div>\n</ng-template>\n\n<ng-template #showOrHideToggleForTotalRowTooltip>\n <div>\n {{ showOrHideToggleForTotalRow && !gtGeneralConfig.totalRow ? \"Show Total Row\" : \"Hide Total Row\" }}\n </div>\n</ng-template>\n\n<ng-template #tooltipContainingTableTemplate>\n <div\n *ngIf=\"tooltipContainingTable\"\n [innerHTML]=\"tooltipContainingTable.innerHtml\"\n class=\"notification-tooltip-div-container\"\n >\n <!-- <ul>\n <li *ngFor=\"let headerMsg of tooltipContainingTable.tableHeaderMsg\">\n <b> {{headerMsg}} </b>\n </li>\n </ul>\n\n <table class=\"tooltip-table\">\n <thead>\n <tr>\n <th *ngFor=\"let header of tooltipContainingTable.tooltipTableHeader\">\n {{ header}}\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let rows of tooltipContainingTable.tooltipTableBody\">\n <td *ngFor=\"let data of rows\">\n {{ data }}\n </td>\n </tr>\n </tbody>\n </table>\n\n <ul>\n <li style=\"margin-top:10px; padding:0\" *ngFor=\"let footerMsg of tooltipContainingTable.tableFooterMsg\">\n {{ footerMsg }} \n </li>\n </ul> -->\n </div>\n</ng-template>\n<!-- <ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b> {{data.value}}</b>\n </ng-container>\n</ng-template> -->\n\n<ng-template #statusNoteTooltip>\n <div>\n <span class=\"status-note-tooltip\">{{ statusNoteForTooltip }}</span>\n <span *ngIf=\"statusNoteForPopup.length > 100\"\n >...<a\n class=\"view-more-comments\"\n (click)=\"showEntireStatusNote()\"\n >View more</a\n ></span\n >\n </div>\n</ng-template>\n\n<ng-template #innerHtmlToolTipTemplate>\n <div [innerHtml]=\"toolTipInnerHtmlData\"></div>\n</ng-template>\n", styles: ["::ng-deep .show-or-hide-toggle-tooltip .tooltip-inner{max-width:229px}.show-or-hide-toggle-btn.shift-toggle-top-on-total-row-click{transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),32px)}.show-or-hide-toggle-btn{width:16px;height:16px;padding:0;margin:0;border-radius:50%;position:absolute;transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),52px);z-index:999;background-color:#d9d9d9}.show-or-hide-toggle-btn i.mdi.mdi-menu-swap{font-size:16px;display:flex}#generic-table-conatiner.table-with-show-hide-total-row-toggle .total-row td:nth-of-type(2){padding-left:16px!important}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner{max-width:600px;width:min-content}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner>div{width:max-content}::ng-deep .generic-innerHtml-table-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}::ng-deep .generic-innerHtml-table-container{max-height:8.75rem;width:min-content;overflow:auto}::ng-deep .generic-innerHtml-table-container table{table-layout:fixed;width:100%}::ng-deep .generic-innerHtml-table-container table thead tr th{background:#e9e9e9;height:22px;padding:3px 8px;position:sticky;top:0;cursor:default;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0;box-shadow:inset 1px -1px #d4d4d4,inset 0 1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table thead tr th:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 1px #d4d4d4!important}::ng-deep .generic-innerHtml-table-container table tbody tr td{padding:3px 8px;width:100%;color:#000;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;box-shadow:inset 1px -1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr td:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 0 #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr:first-of-type td{border-top:none}::ng-deep .generic-innerHtml-table-container::-webkit-scrollbar-track{margin-top:22px!important}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:var(--filter-search-icon-fs);color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.5rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666;font-size:var(--page-message-content-fs)}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700;font-size:var(--dropdown-label-fs)}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:var(--filter-clear-select-btn-fs);background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:var(--filter-tab-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:var(--filter-checkbox-label-fs)!important;margin-top:10px!important;cursor:pointer}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.red-text-totol-row{color:#f44336!important}.icon-dropdown{display:flex;align-items:center;gap:3px}.check-mark,.unread-mark{cursor:pointer}.on-hover:hover .unread-mark,.notificationHover .check-mark{opacity:0;cursor:pointer}.on-hover:hover .check-mark{opacity:1;cursor:pointer}table{margin-bottom:0;table-layout:fixed;width:100%}:host ::ng-deep .gt thead{top:.1px!important;position:relative}:host ::ng-deep .gt .header-row th{border:none;background:#ededed;padding:2px 8px;line-height:normal;position:sticky;position:-webkit-sticky;top:0;box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th .upper-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .gt .header-row th .lower-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .gt .header-row th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .gt .header-row th div.dummy-header{justify-content:center;margin-left:50%!important;margin-right:50%!important;width:-webkit-fill-available}:host ::ng-deep .gt .header-row th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .gt .header-row th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .gt .header-row th:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th:last-of-type{box-shadow:inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt tbody tr td{padding:2px 8px;border:none;box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt .custom-column-checkbox-checked,:host ::ng-deep .gt .custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}:host ::ng-deep .gt .custom-column-checkbox-checked{color:#268bff}:host ::ng-deep .gt .custom-column-checkbox-unchecked{color:#2962ff}:host ::ng-deep .gt .cell-value{width:calc(100% - 24px)!important;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt .tooltip-text{color:#268bff;cursor:pointer;float:right}:host ::ng-deep .gt .time-selected-div{display:flex;align-items:center;column-gap:4px}:host ::ng-deep .gt .time-selected-div .time-selection-menu{border:solid 1px #b7b7b7;height:24px;text-overflow:ellipsis;padding:2px;width:99%}:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-down,:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-up{float:right;margin-left:auto}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:first-of-type{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4}.table-container{overflow-x:auto;overflow-y:auto}.rowSelectCheckbox,#selectAllRowsCheckbox{cursor:pointer}.disable-checkbox{color:#dedede!important;pointer-events:none!important}.mdi-warning{color:#f3c639;font-size:16px;line-height:28px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.redcolor-status{color:#c62a2a}#no-filter-space{width:.875rem}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}.hidden{display:none}.visibility-collapse{visibility:collapse}.no-data-div{margin-top:2.5px}.no-data-div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:.3125rem 1.125rem;border-radius:.25rem}.column-values:nth-of-type(2){color:#a7a7a7!important}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#2962ff}.time-filter-checkboxes>div>p{color:#151b1e}::ng-deep .margin-bottom-zero .mat-radio-label{margin-bottom:0}:host ::ng-deep mat-radio-group br{margin-top:0!important}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__background{width:var(--mat-radio-size);height:var(--mat-radio-size)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__inner-circle{border-width:calc(var(--mat-radio-size) / 2)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{margin:0 0 0 4px;padding:0;top:-2px;position:relative;font-size:var(--radio-button-label-fs)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio--disabled+label{color:var(--primary-text-color-dark)!important}:host ::ng-deep mat-radio-group mat-radio-button.mat-mdc-radio-button .mdc-form-field .mdc-radio{padding:0}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{left:-94px;font-size:12px;color:#4a4a4a;position:relative}:host ::ng-deep mat-radio-group mat-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-selected-icon-color)}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:red}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:red}::ng-deep .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:#00000061!important}::ng-deep .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-inner-circle{background-color:#00000061!important}::ng-deep tr.white-background-row{background:#fff}::ng-deep tr.gray-background-row{background:#e9e9e980!important}.remarks-tooltip,.mdi-information,.mdi-information-outline,.seller-tooltip{font-size:.875rem;color:#268bff;position:relative;top:.1875rem;cursor:pointer}.seller-tooltip{top:-1px;float:right}::ng-deep .remarks-info-tooltip .tooltip-inner{max-width:19.25rem!important}.rating-icon,.lur-violation-icon{color:#268bff;cursor:pointer;position:relative;left:-2px}::ng-deep .rating-info-tooltip .tooltip-inner{max-width:800px!important}.spots-info-icon{color:#268bff;cursor:pointer;margin:1px 2px 0 -14px}.spots-info-icon-ol{color:#268bff;cursor:pointer;margin:1px 4px 0 -2px}::ng-deep .spot-info-tooltip .tooltip-inner{position:relative;max-width:220px!important;background:#fff;word-break:break-word;display:flex}::ng-deep .spot-info-tooltip-for-orderlisting-table .tooltip-inner{max-width:220px!important;background:#fff;word-break:break-word;display:flex}p.first-row{padding:.5rem .5rem 0;color:#000;white-space:nowrap;text-align:left}p.second-row{padding:2px .5rem .5rem;color:#000;white-space:nowrap;text-align:left}::ng-deep .gt-total-row-tooltip{opacity:1!important}::ng-deep .gt-total-row-tooltip .tooltip-inner{color:#000;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;background-color:#fff;padding:4px!important;width:100%;border-radius:2px!important}::ng-deep .gt-total-row-tooltip .arrow:before{border-top-color:#fff!important}.info-label{margin-left:4px;color:#268bff;vertical-align:text-top}::ng-deep .hierarchy-tooltip{max-width:fit-content;width:310px!important}::ng-deep .hierarchy-tooltip .tooltip-inner{padding:4px!important;max-width:22.75rem;max-height:11.25rem}table.seller-hierarchy-table{table-layout:fixed}table.seller-hierarchy-table tr th{font-family:Roboto;font-size:.75rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:#5e5e5e;white-space:nowrap;background:#ededed;position:sticky;box-shadow:inset 0 1px #d4d4d4;top:0;z-index:1}table.seller-hierarchy-table tr th:nth-child(1){width:20px}table.seller-hierarchy-table tr th:first-of-type,table.seller-hierarchy-table tr td:first-of-type{width:30px;border-left:1px solid #d4d4d4}table.seller-hierarchy-table tr th:last-of-type,table.seller-hierarchy-table tr td:last-of-type{border-right:1px solid #d4d4d4;width:7.875rem!important}table.seller-hierarchy-table tr th:nth-of-type(2){width:7.75rem!important}table.seller-hierarchy-table tr td{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a;box-shadow:none!important;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4}table.seller-hierarchy-table tr td:nth-of-type(2),table.seller-hierarchy-table tr td:nth-of-type(3){padding-top:.25rem}table.seller-hierarchy-table tr td span{display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}section.hierarchy-table-container,section.table-inside-tooltip-container{max-height:8.75rem;overflow:auto}section.hierarchy-table-container::-webkit-scrollbar-track{margin-top:1.5rem}section.table-inside-tooltip-container::-webkit-scrollbar-track{margin-top:1.1875rem}.difference-text{padding:.5rem;color:#000;text-align:left}::ng-deep .posted-avg-tooltip .tooltip-inner{width:13.8125rem!important}::ng-deep .drrBooked-info-tooltip{transform:translate(26px,6px)}::ng-deep .drrBooked-info-tooltip .tooltip-inner{max-width:307px!important;width:242px!important;background:#fff;word-break:break-word;display:flex;padding:4px!important;text-align:left}::ng-deep .drrBooked-info-tooltip .tooltip-inner p{color:#000}::ng-deep .drrBooked-info-tooltip .arrow:before{border-right-color:#fff!important}.clickable-data{cursor:pointer;color:#268bff!important;display:flex!important;align-items:center}.clickable-data .spot-details-download-icons{font-size:12px}.disabled-clickable-data{pointer-events:none;color:#d4d4d4!important}.spot-column-tooltip-message{color:#000;width:max-content;text-align:left}div.spinner-for-button-directive{position:relative;left:-1px}.clickable-row table tr.mat-row td{cursor:pointer!important}.tooltip-div-container{text-align:left!important;padding:8px 4px;color:#4a4a4a!important;font-size:11px!important;font-family:Roboto;font-size:11px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.notification-tooltip-div-container{text-align:left!important;padding:6px 8px;color:#4a4a4a!important;font-size:12px!important;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.mdi-information,.mdi-information-outline{left:3px;top:1px}.mdi-information-outline{position:static}::ng-deep .team-user-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .team-user-tooltip .tooltip-inner{opacity:1!important;width:fit-content!important;max-width:520px;border-radius:2px;padding:0 4px!important}::ng-deep .team-user-tooltip .tooltip-inner .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:var(--page-message-content-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip{opacity:1!important}::ng-deep .gt-icon-column-tooltip .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:var(--page-message-content-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .gt-icon-column-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip .tooltip-inner{width:100%}.view-link{color:#268bff;padding:0;text-decoration:underline;border:none;background-color:inherit;cursor:pointer;letter-spacing:normal;font-weight:400;margin-left:3px}::ng-deep .tooltip-containing-table{opacity:1!important}::ng-deep .tooltip-containing-table .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:var(--page-message-content-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .tooltip-containing-table.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .tooltip-containing-table li{margin:0!important;padding:0!important}::ng-deep .tooltip-containing-table ul{margin:0!important;padding-left:8px!important}::ng-deep .tooltip-containing-table ul.pl-16{padding-left:16px!important}::ng-deep .tooltip-containing-table .tooltip-inner{width:100%;max-width:230px}table.tooltip-table{table-layout:fixed;margin:4px 0 0;width:100%}table.tooltip-table th,table.tooltip-table td{padding:2px 8px;line-height:normal}table.tooltip-table thead tr th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important;border:none}table.tooltip-table thead tr th{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67;background-color:#ededed;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.tooltip-table thead tr th div.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}table.tooltip-table tbody tr td{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67}table.tooltip-table tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.tooltip-table tbody tr td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.bottom-border{border-bottom:1px solid #d4d4d4!important}i.disabled{pointer-events:none!important}.black-color-text{color:#000}.white-space-nowrap{white-space:nowrap}.ellipsis-tooltip-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}table.ellipsis-tooltip-table{table-layout:fixed;width:100%}table.ellipsis-tooltip-table thead th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important}table.ellipsis-tooltip-table thead th{background:#e9e9e9;padding:3px 8px;line-height:normal;position:sticky;top:0;cursor:default;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.ellipsis-tooltip-table thead th .upper-label{font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}table.ellipsis-tooltip-table tbody td{padding:3px 8px}table.ellipsis-tooltip-table tbody td .upper-label{width:100%;color:#000;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}table.ellipsis-tooltip-table tbody td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.ellipsis-tooltip-table tbody td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.pr-4{padding-right:4px}.status-note-tooltip{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;color:#4a4a4a;white-space:normal!important}.view-more-comments{display:block;color:#268bff;font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;cursor:pointer;margin-left:2px}td.mat-column-isOrderStarred:has(.disabled-starring){pointer-events:none!important}td.mat-column-isOrderStarred .mdi.mdi-star.disabled-starring,td.mat-column-isOrderStarred .mdi.mdi-star-outline.disabled-starring{pointer-events:none!important;color:#dbdbdb80!important}table.disable-table-scrolling{overflow:hidden!important}.icon-tooltip-text{display:inline-block;color:#268bff}.text-with-icon-and-text.reduced-width{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px);margin-bottom:-3.5px}.innrHtml-tooltip-icon-marker{float:right;color:#268bff}.reduced-width-text{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px)}.p-8{padding:8px!important}.anna-icons{cursor:pointer}.anna-icons.color-black{color:#000}.anna-icons.color-primary-color{color:var(--primary-color)}.anna-icons.float-right{float:right}.anna-icons.ml-4{margin-left:4px}.anna-icons.mr-4{margin-right:4px}.anna-icons.disable{pointer-events:none}tr td div:first-of-type.CENTRE{display:flex;justify-content:center;align-items:center;height:100%}input[type=radio].anna-gt-radio{accent-color:var(--primary-blue-color);width:16px;height:16px;display:inline-flex;vertical-align:middle;margin-right:4px}input[type=radio].anna-gt-radio:hover{accent-color:var(--primary-blue-color)!important;opacity:1!important;background-color:var(--primary-blue-color)!important;border-color:initial!important;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i4$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i3.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }, { kind: "directive", type: ShowEllipsisTextOnHoverDirective, selector: "[annaCoreShowEllipsisTextOnHover]", inputs: ["includeFullWidth"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: AnnaIconColumnComponent, selector: "anna-core-icon-column", inputs: ["componentName", "iconToShow", "dataObject"], outputs: ["columnIconClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AnnaNoDataComponent, selector: "anna-core-no-data-lib", inputs: ["width", "marginTop"] }, { kind: "component", type: AnnaColumnCheckboxFilterComponent, selector: "anna-core-anna-column-checkbox-filter", inputs: ["showFilterHeaderTabs", "isLurAndCsrComponent", "tableData", "clonedTableData", "filterTabObjects"], outputs: ["filterAppliedToTable", "sortingAppliedToTable", "getSortType", "closeTooltip"] }, { kind: "component", type: AnnaColumnSliderFilterComponent, selector: "anna-core-anna-column-slider-filter", inputs: ["filterTabObjects", "isLurAndCsrComponent", "tableData", "showFilterHeaderTabs", "clonedTableData"], outputs: ["closeTooltip", "filterAppliedToTable", "getSortType", "sortingAppliedToTable"] }, { kind: "component", type: AnnaColumnDateRangeFilterComponent, selector: "anna-core-anna-column-date-range-filter", inputs: ["tableData", "clonedTableData", "filterTabObjects", "isLurAndCsrComponent", "showFilterHeaderTabs"], outputs: ["filterAppliedToTable", "sortingAppliedToTable", "getSortType", "closeTooltip"] }, { kind: "component", type: AnnaColumnTimeFilterComponent, selector: "anna-core-anna-column-time-filter", inputs: ["tableData", "clonedTableData", "filterTabObjects", "isLurAndCsrComponent", "showFilterHeaderTabs", "showAllTimeRangeCheckboxes", "gtGeneralConfig", "showClearAllFilter", "startFromText", "endToText", "isSortAndFilterAbsent"], outputs: ["timeChanges", "timeChangedEmitter", "filterAppliedToTable", "sortingAppliedToTable", "getSortType", "closeTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: AnnaEstIconTemplateComponent, selector: "anna-core-anna-est-icon-template" }, { kind: "component", type: AnnaSingleSelectComponent, selector: "anna-core-single-select", inputs: ["config", "loading", "showAdditionalDataInSelectedText", "disabled", "items", "selectedItem", "keyToUseForDisplay", "keyToUseForCheckingSelectedItem", "hideDropdownArrow", "borderbottomObject", "defaultDropdownHeight", "itemsToHideInDropdownIds", "showClearSelection"], outputs: ["valueChanged", "dropdownClosedEvent", "dropdownOpenedEvent", "clearSelectionClickedEvent"] }, { kind: "directive", type: DigitOnlyDirective, selector: "[annaCoreDigitOnly]", inputs: ["decimal", "decimalSeparator", "allowNegatives", "allowPaste", "negativeSign", "min", "max", "pattern", "decimalPlaces"] }, { kind: "component", type: AnnaCircularProgressComponent, selector: "anna-core-circular-progress", inputs: ["percent", "radius", "outerStrokeWidth", "innerStrokeWidth", "outerStrokeColor", "innerStrokeColor", "animationDuration"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i7.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i7.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5900
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AnnaNonEditableGenericTableComponent, isStandalone: true, selector: "anna-core-non-editable-generic-table-lib", inputs: { showSkeletonLoading: "showSkeletonLoading", tableHeaders: "tableHeaders", tableData: "tableData", clonedTableData: "clonedTableData", gtGeneralConfig: "gtGeneralConfig", totalRowInfo: "totalRowInfo", gtDimension: "gtDimension", extraHeaderRowForAdjustingColumnWidths: "extraHeaderRowForAdjustingColumnWidths", tableClass: "tableClass", maximumRowsWhichCanBeRenderedWithoutScroll: "maximumRowsWhichCanBeRenderedWithoutScroll", fixNumberOfRowsForPopup: "fixNumberOfRowsForPopup", fixRowsToRender: "fixRowsToRender", includeBorderInTableHeight: "includeBorderInTableHeight", downloadInProgress: "downloadInProgress", percentDone: "percentDone", starredInProgress: "starredInProgress", clickableRow: "clickableRow", setTableHeightWhenRowSizeIsFixed: "setTableHeightWhenRowSizeIsFixed", tableBorderBottomClassRequired: "tableBorderBottomClassRequired", hideSomeTds: "hideSomeTds", tdsHaveRowSpan: "tdsHaveRowSpan", multipleTablesPresent: "multipleTablesPresent", showOrHideToggleForTotalRow: "showOrHideToggleForTotalRow" }, outputs: { toggleCheckbox: "toggleCheckbox", toggleRowCheckbox: "toggleRowCheckbox", toggleHeaderCheckbox: "toggleHeaderCheckbox", undoIconClicked: "undoIconClicked", filterAppliedToTable: "filterAppliedToTable", sortingAppliedToTable: "sortingAppliedToTable", rowClicked: "rowClicked", radioButtonSelected: "radioButtonSelected", columnFilterOpened: "columnFilterOpened", columnFilterClosed: "columnFilterClosed", gtIconClicked: "gtIconClicked", gtSVGIconClicked: "gtSVGIconClicked", gtTextActionClicked: "gtTextActionClicked", gtViewDetailClicked: "gtViewDetailClicked", gtInnerHTMLClicked: "gtInnerHTMLClicked", downloadSpotDetails: "downloadSpotDetails", clickableDataClicked: "clickableDataClicked", totalRowIconClicked: "totalRowIconClicked", notificationIconHover: "notificationIconHover", notificationIconHoverLeave: "notificationIconHoverLeave", editableInputEdited: "editableInputEdited", radioButtonMessageIconClicked: "radioButtonMessageIconClicked", statusNotePopupOpened: "statusNotePopupOpened", textPopupOpened: "textPopupOpened", digitOnlyInputChanged: "digitOnlyInputChanged", singleSelectDropdownValueEmit: "singleSelectDropdownValueEmit", timeSelected: "timeSelected", totalRowRadioButtonClicked: "totalRowRadioButtonClicked", totalRowRadioButtonIconClicked: "totalRowRadioButtonIconClicked" }, viewQueries: [{ propertyName: "tableElementRef", first: true, predicate: ["tableElementRef"], descendants: true, static: true }, { propertyName: "textActionTooltipTemplateRef", first: true, predicate: ["textActionTooltipTemplate"], descendants: true }, { propertyName: "programChangeTooltipTemplateRef", first: true, predicate: ["programChangeTooltipTemplate"], descendants: true }, { propertyName: "viewChildTableHeaders", predicate: ["tableHeader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n id=\"generic-table-conatiner\"\n #tableElementRef\n class=\"table-container {{ gtGeneralConfig?.tableOuterContainerName }} {{ tableBottomBorderClass }}\"\n [ngClass]=\"{\n 'scroll-left-shadow-effect': isScrolledLeft,\n 'scroll-right-shadow-effect': !isScrollEnded,\n 'clickable-row': clickableRow,\n 'no-data-table': (isNoDataToDisplaySubject$ | async),\n 'table-with-show-hide-total-row-toggle': showOrHideToggleForTotalRow\n }\"\n (scroll)=\"onTableContainerScroll($event)\"\n>\n <div\n [class]=\"gtGeneralConfig.tableContainerName\"\n class=\"horizontal-scroll-for-table-container\"\n [ngStyle]=\"{\n height:\n tableData.length < noOfRowsToCheck - 1\n ? 'calc(' +\n (gtDimension.rowHeight * tableData.length +\n (!tableData.length || !gtGeneralConfig.totalRow\n ? gtDimension.headerHeight\n : gtDimension.headerHeight + gtDimension.rowHeight)) +\n 'px)'\n : gtDimension.tableHeight\n }\"\n >\n <button\n *ngIf=\"showOrHideToggleForTotalRow && !showSkeletonLoading && (isNoDataToDisplaySubject$ | async) === false\"\n [ngClass]=\"{\n 'shift-toggle-top-on-total-row-click': !gtGeneralConfig.totalRow\n }\"\n class=\"show-or-hide-toggle-btn\"\n (click)=\"showHideTotalRow()\"\n >\n <i\n class=\"mdi mdi-menu-swap\"\n tooltipClass=\"show-or-hide-toggle-tooltip\"\n placement=\"auto\"\n container=\"body\"\n [ngbTooltip]=\"showOrHideToggleForTotalRowTooltip\"\n ></i>\n </button>\n\n <table\n class=\"gt\"\n [ngClass]=\"tableClass\"\n mat-table\n [dataSource]=\"renderedData\"\n >\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"modifiedExtraHeaderRowForAdjustingColumnWidths?.objectKeys\"\n [style.height.px]=\"'4px'\"\n [class.visibility-collapse]=\"true\"\n ></tr>\n\n <ng-container *ngFor=\"let row of tableColumnsOfEachRow; let i = index\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumnsOfEachRow[i]; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumns; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n\n <tr\n class=\"total-row\"\n mat-header-row\n [style.height.px]=\"gtDimension.rowHeight\"\n *matHeaderRowDef=\"totalRowColumns; sticky: true\"\n [class.hidden]=\"\n showSkeletonLoading ||\n (!showSkeletonLoading && !tableData.length) ||\n (isNoDataToDisplaySubject$ | async) ||\n (!showSkeletonLoading && !gtGeneralConfig.totalRow)\n \"\n ></tr>\n <tr\n [class]=\"rowData.gtClass\"\n [ngClass]=\"{ 'no-border-tr': (isNoDataToDisplaySubject$ | async) }\"\n mat-row\n *matRowDef=\"let rowData; columns: tableColumns\"\n [style.height.px]=\"gtDimension.rowHeight\"\n (click)=\"dataRowClicked(rowData)\"\n ></tr>\n\n <!-- TOTAL ROW -->\n <ng-container\n [matColumnDef]=\"column.colName\"\n *ngFor=\"let column of totalRowInfo; trackBy: trackByFn\"\n >\n <td\n mat-header-cell\n *matHeaderCellDef\n [attr.colspan]=\"column.colspan\"\n class=\"{{ column.class }}\"\n >\n <ng-container\n *ngIf=\"\n column['radioButtonColumnData'] && column['radioButtonColumnData']['isRadioButtonsColumn']\n \"\n >\n <mat-radio-group\n [ngModel]=\"column.radioButtonColumnData?.selectedRadioButton\"\n [disabled]=\"column.radioButtonColumnData?.disableRadioGroup\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of column.radioButtonColumnData?.radioButtonsData;\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n [ngClass]=\"{\n disabled:\n radioButton?.disabled || column.radioButtonColumnData?.disableRadioGroup\n }\"\n (click)=\"totalRowRadioButtonClickedByUser(radioButton.value)\"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngFor=\"let iconClass of radioButton?.iconClass\">\n <i\n class=\" {{ iconClass }}\"\n (click)=\"totalRowRadioButtonIconClickedByUser(radioButton.value)\"\n ></i\n ></ng-container>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n </ng-container>\n <ng-container *ngIf=\"column['isActionColumn']\">\n <a\n *ngFor=\"let data of column.actionData\"\n [class]=\"data.class\"\n (click)=\"onClickableDataClicked({}, data.id)\"\n >\n {{ data.name }}\n </a>\n </ng-container>\n\n <ng-container *ngIf=\"column['isIconColumn']\">\n <i\n class=\"{{ column?.iconData?.class }}\"\n (click)=\"iconClickedInTotalRow(column?.colName)\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!column['isActionColumn']\">\n <strong class=\"upper-label\"\n >{{ column.data }}\n <span\n class=\"red-text-totol-row\"\n *ngIf=\"column.additionalRedTextAfterData\"\n >{{ column.additionalRedTextAfterData }}</span\n ></strong\n >\n <ng-container *ngIf=\"column.lowerData\">\n <p\n *ngIf=\"\n column.colName === 'total-potential-booked-unit' &&\n gtGeneralConfig.component === 'RATING';\n else columnLowerData\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('TOTALROW')\"\n [ngClass]=\"{\n 'disabled-clickable-data': downloadInProgress || column.lowerData === '0'\n }\"\n >\n {{ column.lowerData }}\n <span class=\"material-icons mdi mdi-download spot-details-download-icons\"></span>\n <ng-container *ngIf=\"downloadInProgress && selectedRowTypeForDownload === 'TOTALROW'\">\n <ng-container [ngTemplateOutlet]=\"circularProgressBar\"></ng-container>\n </ng-container>\n </p>\n <ng-template #columnLowerData>\n <p class=\"lower-label\">{{ column.lowerData }}</p>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"column.tooltipMessage && gtGeneralConfig.component !== 'LUR_VIOLATIONS'\">\n <i\n class=\"{{ column.tooltipIconClass }}\"\n container=\"body\"\n [ngbTooltip]=\"column.tooltipMessage\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"top bottom\"\n ></i>\n </ng-container>\n <ng-container *ngIf=\"gtGeneralConfig.component === 'LUR_VIOLATIONS' && column.tooltipMessage\">\n <i\n class=\"mi mdi-info-outline info-label\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationTotalRowToolTip\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n ></i>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <ng-container\n [matColumnDef]=\"columnDef\"\n *ngFor=\"\n let columnDef of modifiedExtraHeaderRowForAdjustingColumnWidths.objectKeys;\n let i = index;\n trackBy: trackByFn\n \"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"modifiedExtraHeaderRowForAdjustingColumnWidths.widths[i]\"\n ></th\n ></ng-container>\n ></ng-container\n >\n\n <!-- MAIN ROW -->\n <ng-container\n [matColumnDef]=\"columnDef.headerInfo[0].objectKey\"\n *ngFor=\"let columnDef of tableHeaders; trackBy: trackByFn\"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"columnDef.width\"\n [attr.rowspan]=\"columnDef.rowspan ? columnDef.rowspan : 1\"\n [attr.colspan]=\"columnDef.colspan ? columnDef.colspan : 1\"\n >\n <div\n class=\"row mx-0\"\n [ngClass]=\"{ 'dummy-header': columnDef.dummyHeader }\"\n *ngFor=\"let header of columnDef.headerInfo; let j = index\"\n >\n <p\n *ngIf=\"header.typeOfHeaderData === 'STRING'\"\n [ngClass]=\"{ 'upper-label': j === 0, 'lower-label': j === 1 }\"\n >\n <ngx-skeleton-loader\n *ngIf=\"header.name == null\"\n count=\"1\"\n [theme]=\"{\n height: '10px',\n display: 'block',\n width: columnDef.width,\n 'max-width': 'calc(100% - 20px)'\n }\"\n >\n </ngx-skeleton-loader>\n <ng-container *ngIf=\"header.name\">\n {{ header.name }}\n </ng-container>\n <ng-container *ngIf=\"header.tooltip && header.tooltip.tooltipMessage\">\n <i\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"header.tooltip.tooltipMessage\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'impsInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"impsInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"\n header.tooltip && header.tooltip.name === 'spotsColumnEquivalizationMessageTooltip'\n \"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"spotsColumnEquivalizationMessageTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'underDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"underDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'overDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"overDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ratingInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ratingInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rateInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rateInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ongoingRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ongoingRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'completedRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"completedRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRate'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRate\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedImps'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedImps\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'automationTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"automationTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rebateImpact'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rebateImpact\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'projectedImpsRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"projectedImpsRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </p>\n\n <ng-container *ngIf=\"header.typeOfHeaderData === 'CHECKBOX'\">\n <span\n *ngIf=\"gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n <span\n *ngIf=\"!gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{ 'disable-checkbox': gtGeneralConfig.disableHeaderCheckbox }\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n </ng-container>\n\n <div\n *ngIf=\"gtGeneralConfig.showAllColumnFilter && header && header.typeOfHeaderData !== ''\"\n class=\"sort-filter-container\"\n >\n <ng-container *ngIf=\"header.showTooltipIcon\">\n <!-- Active tooltip Functionality -->\n <ng-container *ngIf=\"header.filter === 'CHECKBOX'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"filterTooltip\"\n placement=\"{{ filterAlignment }}\"\n container=\"body\"\n tooltipClass=\"non-edit-checkbox-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'SLIDER'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"sliderToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n tooltipClass=\"non-edit-slider-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t1=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t1, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'DATE'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"datePickerTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"non-edit-datepicker-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t2=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t2, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'WEEK'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"weekPickerToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t3=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t3, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'TIME'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"timeFilterToolTip\"\n placement=\"bottom left-top auto\"\n container=\"body\"\n tooltipClass=\"non-edit-time-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t4=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t4, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!header.showTooltipIcon\">\n <span id=\"no-filter-space\"></span><br />\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'lurViolationInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationInfoTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </div>\n </div>\n </th>\n\n <ng-container *matCellDef=\"let ROW_DATA\">\n <td\n mat-cell\n [style.background]=\"ROW_DATA.backgroundColor\"\n [style.border]=\"ROW_DATA.border\"\n class=\"{{ ROW_DATA.rowClass }}\"\n [ngClass]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'TdClass']\"\n [attr.rowspan]=\"tdsHaveRowSpan ? ROW_DATA[columnDef.headerInfo[0].objectKey + 'Rowspan'] : 1\"\n *ngIf=\"\n !hideSomeTds ||\n (hideSomeTds && !ROW_DATA['hide' + columnDef.headerInfo[0].objectKey + 'Td'])\n \"\n >\n <ngx-skeleton-loader\n *ngIf=\"showSkeletonLoading\"\n count=\"1\"\n [theme]=\"{ height: '10px', display: 'block', marginBottom: '0' }\"\n >\n </ngx-skeleton-loader>\n\n <ng-container *ngIf=\"!showSkeletonLoading\">\n <ng-container *ngIf=\"tableData.length > 0 && (isNoDataToDisplaySubject$ | async) === false\">\n <ng-container\n *ngFor=\"\n let subline of columnDef.headerInfo;\n let subLineIndex = index;\n trackBy: trackByFn\n \"\n >\n <div\n annaCoreShowEllipsisTextOnHover\n [includeFullWidth]=\"\n columnDef.headerInfo[subLineIndex].typeOfBodyData !== 'RADIO'\n \"\n [class]=\"columnDef.headerInfo[subLineIndex]?.tdCellClass\"\n >\n <ng-container [ngSwitch]=\"columnDef.headerInfo[subLineIndex].typeOfBodyData\">\n <ng-container *ngSwitchCase=\"'ICON'\">\n <i\n *ngIf=\"\n !(\n starredInProgress &&\n ROW_DATA.orderId === selectedStarredOrderId\n )\n \"\n [class]=\"ROW_DATA.iconClass\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n (click)=\"iconClicked(ROW_DATA, ROW_DATA.iconClass)\"\n ngbTooltip=\"{{ ROW_DATA.iconTitleText }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <ng-container\n *ngIf=\"\n starredInProgress && ROW_DATA.orderId === selectedStarredOrderId\n \"\n >\n <div\n class=\"spinner-for-button-directive\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n ></div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'ICON_CELL'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <ng-container *ngIf=\"action.showObjectKey\">\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </ng-container>\n\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"\n action.showTooltip && action?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action.tooltipData\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML_STRING'\">\n <p\n [innerHTML]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n (click)=\"innerHTMLCellClicked($event, ROW_DATA)\"\n ></p>\n </ng-container>\n <ng-container *ngSwitchCase=\"'HTML_STRING_AND_CLICKABLE_DATA'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n *ngIf=\"text.showText\"\n [innerHtml]=\"text.innerHTMLText\"\n ></span>\n\n <a\n *ngIf=\"text.showLink\"\n class=\"view-link\"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.linkName }}\n </a>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SVG_ICON'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <span\n class=\"pr-4\"\n *ngIf=\"action?.showObjectKey\"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n class=\"pr-4 {{ action?.additionalTextClass }}\"\n *ngIf=\"action?.additionalText\"\n [ngbTooltip]=\"additionalTextTipContent\"\n [disableTooltip]=\"!action?.svgOrIconAdditionalTextTooltipMsg\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [innerHtml]=\"action?.additionalText\"\n >\n <!-- {{ action?.additionalText }} -->\n </span>\n\n <ng-template #additionalTextTipContent>\n <div [innerHTML]=\"action?.svgOrIconAdditionalTextTooltipMsg\"></div\n ></ng-template>\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n [disableTooltip]=\"!action?.svgOrIconTooltipMsg\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n (columnIconClicked)=\"\n svgIconClicked(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].actionKey\n )\n \"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.svgOrIconTooltipMsg\"></div\n ></ng-template>\n </anna-core-icon-column>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'TEXT_ACTIONS'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <button\n *ngIf=\"text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n (mouseenter)=\"\n mouseEnterOnTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [ngbTooltip]=\"textActionTooltipTemplate\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n {{ text.name }}\n </button>\n\n <button\n *ngIf=\"!text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n >\n {{ text.name }}\n </button>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CHECKBOX'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n false\n )\n \"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n ngbTooltip=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CLICKABLE_DATA'\">\n <a\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.name }}</a\n >\n <span\n *ngIf=\"\n subline.objectKey === 'displayBookedUnits' &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('DATAROW', ROW_DATA)\"\n [ngClass]=\"{\n 'disabled-clickable-data':\n downloadInProgress || ROW_DATA.displayBookedUnits === '-'\n }\"\n >{{ ROW_DATA.displayBookedUnits }}\n <span\n class=\"material-icons mdi mdi-download spot-details-download-icons\"\n ></span>\n <ng-container\n *ngIf=\"\n downloadInProgress &&\n ROW_DATA.ProgramId === selectedProgramIdForDownload &&\n ROW_DATA.Demographic === selectedDemographicForDownload\n \"\n >\n <ng-container\n [ngTemplateOutlet]=\"circularProgressBar\"\n ></ng-container>\n </ng-container>\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING___ICON_OR_TEXT_ACTION'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n [class]=\"action.additionalTextBeforeLinkClass\"\n [innerHtml]=\"action.additionalTextBeforeLink\"\n ngbTooltip=\"{{ action.additionalTextBeforeLink }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalText\"\n ></span>\n\n <ng-container *ngIf=\"action && action.typeOfData === 'STRING'\">\n <span\n class=\"text-with-icon-and-text\"\n [ngClass]=\"{ 'reduced-width': action.showIcon }\"\n annaCoreShowEllipsisTextOnHover\n >{{ action.data }}</span\n >\n </ng-container>\n\n <a\n [id]=\"action.id\"\n *ngIf=\"action.showLink\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n [ngClass]=\"{ disabled: action.disabledLink }\"\n >{{ action.data }}</a\n >\n <span\n ngbTooltip=\"{{ action.additionalTextAfterLink }}\"\n placement=\"bottom\"\n container=\"body\"\n [class]=\"action.additionalTextAfterLinkClass\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalAfterText\"\n >\n {{ action.additionalTextAfterLink }}\n </span>\n\n <ng-container *ngIf=\"action.showTooltip\">\n <ng-container *ngIf=\"action.tooltipData.innerHtml\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n [ngbTooltip]=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!action.tooltipData.tooltipTableBody\">\n <span\n *ngIf=\"action.showIcon\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n class=\"icon-tooltip-text\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n >\n <i [class]=\"action.iconClass\"> </i>\n {{ action.additionalTextAfterIcon ?? \"\" }}\n </span>\n <ng-container *ngIf=\"action['showSvgIcon']\">\n <anna-core-anna-est-icon-template\n class=\"float-right\"\n *ngIf=\"action['svgIconName'] === 'anna-icon'\"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex]\n .tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action['tooltipClass']\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n container=\"body\"\n [autoClose]=\"true\"\n >\n </anna-core-anna-est-icon-template>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!action.showTooltip\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n >\n </i>\n </ng-container>\n\n <i\n *ngIf=\"action.showSimpleIcon\"\n [class]=\"action.iconClass\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"\n action?.tooltipDataForSimpleIcon ? tipContent : null\n \"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.tooltipDataForSimpleIcon\"\n >\n <ng-template #tipContent>\n <div\n class=\"p-8\"\n [innerHTML]=\"action.tooltipDataForSimpleIcon\"\n ></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_OR_INPUT'\">\n <ng-container\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.type ===\n 'STRING';\n else inputBox\n \"\n >\n <span\n [innerHtml]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.value\n \"\n ></span>\n </ng-container>\n\n <ng-template #inputBox>\n <span class=\"input-box-container\">\n <input\n placeholder=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.placeholder\n }}\"\n annaCoreShowEllipsisTextOnHover\n class=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .className\n }}\"\n (keydown)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n false\n )\n \"\n (paste)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n true\n )\n \"\n (ngModelChange)=\"\n editableInputValueChanged(\n $event,\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n [ngModel]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .value\n \"\n [disabled]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .disabled\n \"\n [ngClass]=\"{\n 'red-border':\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].hasError\n }\"\n />\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <i\n *ngIf=\"action?.showIcon\"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ action?.iconClass }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.iconTooltip\"></div\n ></ng-template>\n </i>\n <ng-container *ngIf=\"action?.showSvgIcon\">\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action?.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n <ng-template #tipContent>\n <div\n [innerHTML]=\"action?.svgOrIconTooltipMsg\"\n ></div></ng-template\n ></anna-core-icon-column>\n </ng-container>\n <ng-container *ngIf=\"action?.showLink\">\n <a\n [id]=\"action?.id\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action?.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n >{{ action?.linkText }}\n </a>\n </ng-container>\n </ng-container>\n </span>\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML'\">\n <span\n [innerHtml]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n ></span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [disabled]=\"dropdown.isDisabled\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN_AND_ICON'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <div [ngClass]=\"{ 'icon-dropdown': dropdown.showIcon }\">\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n <i\n *ngIf=\"dropdown.showIcon\"\n [class]=\"dropdown.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n dropdown.tooltipClass\n }}\"\n [ngbTooltip]=\"\n dropdown.showTooltip && dropdown?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n dropdown.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!dropdown.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"dropdown.tooltipData\"></div\n ></ng-template>\n </i>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_RADIO'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-radiobox-marked\"\n (click)=\"(null)\"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-radiobox-blank\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'RADIO'\">\n <mat-radio-group\n *ngIf=\"ROW_DATA['RadioButtonConfig']; else showHyphen\"\n [ngModel]=\"ROW_DATA[subline.objectKey]\"\n [disabled]=\"ROW_DATA['RadioButtonConfig'][0].isDisabled\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of ROW_DATA['RadioButtonConfig'];\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n (click)=\"\n radioButtonClicked(\n ROW_DATA,\n radioButton.value,\n ROW_DATA['RadioButtonConfig'][0].isDisabled\n )\n \"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngIf=\"radioButton.icons\">\n <i\n *ngFor=\"let icon of radioButton.icons\"\n class=\" {{ icon.class }}\"\n (click)=\"radioButtonIconClicked(ROW_DATA, icon.name)\"\n ></i>\n </ng-container>\n\n <i\n *ngIf=\"radioButton.tooltipMessage\"\n class=\"mi mdi-info-outline\"\n [ngbTooltip]=\"radioButton.tooltipMessage\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n <ng-template #showHyphen> - </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span class=\"action-data\"> {{ action?.dataToDisplay }}</span>\n <ng-container *ngIf=\"action?.additionalTextWoTooltip\">\n <span\n class=\"additional-text-wo-tooltip\"\n [innerHtml]=\"action.additionalTextWoTooltip\"\n >\n </span>\n </ng-container>\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"stringWithTooltipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithTooltipTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey,\n tooltipWithStringRef\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"action?.tooltipIconClass\"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithStringRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n </span>\n <span>{{ action?.dataToDisplayAfterTooltip }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_ELLIPSIS_WITH_TABLE_TOOLTIP'\">\n <div class=\"new-ellipsis-container\">\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"cell-value\"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .cellValue\n }}\n </span>\n <span\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.showTooltip\n \"\n class=\"tooltip-text\"\n [ngbTooltip]=\"tableInsideTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"table-inside-tooltip remove-on-scroll-class {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipClass\n }}\"\n (mouseenter)=\"\n bindTheValueToTableTooltip(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info\n )\n \"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipHoverText\n }}\n </span>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length <\n 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP_INNER_HTML'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"action-data\"\n [ngClass]=\"action?.showTooltip ? 'reduced-width-text' : ''\"\n >\n {{ action?.dataToDisplay }}</span\n >\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"innerHtmlToolTipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithInnerHtmlTooltipTextActionType(\n ROW_DATA,\n action,\n tooltipWithInnerHtmlRef,\n !action.isManualTrigger\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"\n 'innrHtml-tooltip-icon-marker ' + action?.tooltipIconClass\n \"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithInnerHtmlRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-innerHtml-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n {{ action.tooltipMarkerText }}\n </span>\n <span *ngIf=\"action?.dataToDisplayAfterTooltip\">\n {{ action?.dataToDisplayAfterTooltip }}\n </span>\n </ng-container>\n </ng-container>\n\n <ng-container\n *ngSwitchCase=\"\n 'ICON_CELL_AND_STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\n \"\n >\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n title=\"\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"action.showTooltip ? action.tooltipData : null\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n </i>\n\n <ng-container *ngIf=\"action.showObjectKey\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length < 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n info\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'DIGIT_ONLY_INPUT'\">\n <input\n annaCoreDigitOnly\n [type]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].type\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .type\n : 'text'\n \"\n [decimal]=\"true\"\n [readOnly]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].disabled\n \"\n [decimalPlaces]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .decimalPlaces\n \"\n inputmode=\"numeric\"\n [min]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.min ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min\n : digitInputmin\n \"\n [max]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.max ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max\n : digitInputMax\n \"\n [allowPaste]=\"false\"\n class=\"form-control\"\n [value]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].value\n \"\n [placeholder]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n : 'Enter value'\n \"\n (input)=\"\n onInputChange(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n $event\n )\n \"\n />\n </ng-container>\n <ng-container *ngSwitchCase=\"'TIME_INPUT'\">\n <div\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .showAsInput;\n else timeAsString\n \"\n class=\"time-selected-div {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].class\n }}\"\n [ngbTooltip]=\"timeInputTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"false\"\n triggers=\"manual\"\n #timeInputTooltipInRow=\"ngbTooltip\"\n (click)=\"\n timeInputTooltipClickedInTableBody(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n ROW_DATA\n );\n bindTheValueToTimeInputTooltip(timeInputTooltipInRow)\n \"\n >\n <div class=\"time-selection-menu\">\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n <i\n *ngIf=\"\n !timeTableRowtooltip ||\n !selectedRowForTimeEdit ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id !==\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-down icon\"\n ></i>\n <i\n *ngIf=\"\n timeTableRowtooltip &&\n selectedRowForTimeEdit &&\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id ===\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-up icon\"\n ></i>\n </div>\n </div>\n <ng-template #timeAsString>\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n </ng-template>\n <ng-container\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].icons\"\n >\n <i\n *ngFor=\"\n let icon of ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].icons\n \"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ icon.class }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"icon?.tooltipMessage\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <ng-container *ngIf=\"subline.objectKey !== 'description'\">\n <span annaCoreShowEllipsisTextOnHover>{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n }}</span>\n <!-- <i\n *ngIf=\"\n subline.objectKey === 'inventoryCode' &&\n ROW_DATA['isSellerGroup'] &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n [ngbTooltip]=\"sellerHierarchyTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"hierarchy-tooltip remove-on-scroll-class\"\n (mouseenter)=\"\n bindTheValueToSellerGroupTooltip(\n ROW_DATA.sellerGroupHierarchy,\n info\n )\n \" \n >\n </i>-->\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageRating' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showRatingAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedRatingDifference\"\n >\n </i>\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageImpression' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showImpressionAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedImpDifference\"\n >\n </i>\n </ng-container>\n <ng-container *ngIf=\"subline.objectKey === 'description'\">\n <p\n *ngIf=\"\n ROW_DATA.descriptionMessage ||\n ROW_DATA.descriptionEmailReferenceNum\n \"\n >\n <ng-container *ngIf=\"ROW_DATA.descriptionMessage\">\n {{ ROW_DATA.descriptionMessage }}\n <br />\n </ng-container>\n <ng-container\n *ngIf=\"\n ROW_DATA.descriptionEmailReferenceNum !== '-' &&\n ROW_DATA.descriptionEmailReferenceNum !== ''\n \"\n >\n Email Ref: {{ ROW_DATA.descriptionEmailReferenceNum }}\n <br />\n </ng-container>\n </p>\n <a\n href=\"{{ ROW_DATA.descriptionDetailsUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionDetailsUrlType === 'PDF' ||\n ROW_DATA.descriptionDetailsUrlType === 'EXCEL'\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">Download</button>\n </a>\n <ng-container\n *ngIf=\"\n ROW_DATA.activityname.toLowerCase() === 'order onboarded'\n \"\n >\n <a\n *ngIf=\"ROW_DATA.descriptionDetailsUrlType === 'LINK'\"\n (click)=\"viewDetailsClicked(ROW_DATA)\"\n >\n <button class=\"btn viewDetailsAndEmailBtn order-onboarded\">\n View details\n </button>\n </a>\n </ng-container>\n\n <a\n href=\"{{ ROW_DATA.descriptionEmailUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionEmailUrl !== '-' &&\n ROW_DATA.descriptionEmailUrl !== ''\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">View email</button>\n </a>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"isNoDataToDisplaySubject$ | async\">\n <div>\n {{ null }}\n </div>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n </ng-container>\n </table>\n </div>\n <anna-core-no-data-lib\n [width]=\"noDataWidth\"\n [marginTop]=\"marginTop\"\n *ngIf=\"isNoDataToDisplaySubject$ | async\"\n >\n </anna-core-no-data-lib>\n</div>\n\n<!-- Checkbox template -->\n<ng-template #filterTooltip>\n <anna-core-anna-column-checkbox-filter\n *ngIf=\"filterTabObjects\"\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-checkbox-filter>\n</ng-template>\n\n<!-- Slider template -->\n<ng-template #sliderToolTip>\n <anna-core-anna-column-slider-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-slider-filter>\n</ng-template>\n\n<!-- Date Picker Template -->\n<ng-template #datePickerTooltip>\n <anna-core-anna-column-date-range-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-date-range-filter>\n</ng-template>\n\n<!-- Week Picker Template -->\n<ng-template #weekPickerToolTip>\n <!-- <div class=\"weekpicker-container\">\n <anna-core-week-calendar-filter-lib\n [week-calendar-config]=\"gtGeneralConfig.multiWeekPickerConfig\"\n (apply)=\"applyWeekFilter($event)\"\n [from-date]=\"calendarMinEnabledDate\"\n [to-date]=\"calendarMaxEnabledDate\"\n >\n </anna-core-week-calendar-filter-lib>\n </div> -->\n</ng-template>\n\n<!-- Time Filter Template -->\n<ng-template #timeFilterToolTip>\n <anna-core-anna-column-time-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [showAllTimeRangeCheckboxes]=\"showCheckboxesForTimeFilter\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #timeInputTooltip>\n <anna-core-anna-column-time-filter\n [tableData]=\"timeInputData\"\n [clonedTableData]=\"timeInputData\"\n [showClearAllFilter]=\"false\"\n [startFromText]=\"'Start time'\"\n [endToText]=\"'End time'\"\n [filterTabObjects]=\"filterTabObjects\"\n [showAllTimeRangeCheckboxes]=\"false\"\n [isSortAndFilterAbsent]=\"true\"\n (closeTooltip)=\"closeTimeInputTooltip()\"\n (timeChanges)=\"timeSelectedInTableRow($event)\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #columnInfoTooltip>\n <p class=\"black-color-text white-space-nowrap\">This preemption is rejected and not marked for credit.</p>\n</ng-template>\n\n<ng-template #ratingInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rating' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected Rating' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #impsInfoTooltip>\n <p class=\"first-row\">Shows 'Booked IMPS' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected IMPS' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #spotsColumnEquivalizationMessageTooltip>\n <p class=\"spot-column-tooltip-message\">\n This consists of equivalized spots and un-equivalized Paid Programs & un-equivalized Non-spots.\n </p>\n</ng-template>\n\n<ng-template #underDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Under-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #overDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Over-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #rateInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rate' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected $ Value' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #sellerHierarchyTooltip>\n <ng-container *ngIf=\"sellerGroupHierarchy.length > 0\">\n <section class=\"hierarchy-table-container\">\n <table class=\"seller-hierarchy-table\">\n <thead>\n <tr>\n <th>#</th>\n <th>Inventory Codes</th>\n <th>Program/Description</th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of sellerGroupHierarchy; let tooltipIndex = index\">\n <td>{{ tooltipIndex + 1 }}</td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.InventoryCode }}</span>\n </td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.Program }}</span>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n </ng-container>\n <ng-container *ngIf=\"sellerGroupHierarchy.length === 0\">\n <span class=\"black-color-text\">Seller group not available for this inventory code</span>\n </ng-container>\n</ng-template>\n\n<ng-template #tableInsideTooltip>\n <label class=\"ellipsis-tooltip-heading\">{{ ellipsisWithTooltipHeading }}</label>\n <section class=\"table-inside-tooltip-container\">\n <table class=\"ellipsis-tooltip-table\">\n <thead>\n <tr>\n <th\n [style.width]=\"header.width\"\n *ngFor=\"let header of ellipsisWithTooltipTableHeaders\"\n >\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ header.headerName }}</span\n >\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of ellipsisWithTooltipTableData\">\n <td *ngFor=\"let header of ellipsisWithTooltipTableHeaders\">\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ data[header.objectKey] }}</span\n >\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n</ng-template>\n\n<ng-template #lurViolationInfoTooltip>\n <p class=\"first-row\">The values are for the entire week.</p>\n</ng-template>\n\n<ng-template #postedRatingDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average rating is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #postedImpDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average impression is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #ongoingRevBookedColumnTooltip>\n <p>The Booked $ value, Spots, GRP, CPP, IMPS, CPM corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #completedRevBookedColumnTooltip>\n <p>The Booked $ value corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #avgBookedRate>\n <p>This is the booked average Rate</p>\n</ng-template>\n\n<ng-template #avgBookedRtg>\n <p>This is the booked average RTG</p>\n</ng-template>\n\n<ng-template #avgBookedImps>\n <p>This is the booked average IMP(\u2019000)</p>\n</ng-template>\n\n<ng-template #projectedImpsRtg>\n <p>\n ANNA calculates projected RTG/IMPS values using either the computed estimates or the actual posted data,\n depending on what is available. If posted data has not yet been received, ANNA will use the computed estimates\n as the projected value. Once the actual posted data is received, the projection will automatically update to\n reflect the real, posted values. This ensures that projected data is always based on the most accurate and\n up-to-date information.\n </p>\n</ng-template>\n\n<ng-template #automationTooltip>\n <p>\n Please get the order business rules approved to automate the orders. Only for the automated orders, any approved\n MGs, ADUs, or credited spots on ANNA will be fed into the traffic system i.e. ANNA revisions.\n <!-- removed below line as part of enhancmennt in 14.0 releas -->\n <!-- Additionally, ANNA will only enter buyer revisions into traffic for the selected\n Medialine/WOC orders. -->\n </p>\n</ng-template>\n\n<ng-template #rebateImpact>\n <p>Rebate impact value is for the originally ordered spot length and is not equivalized.</p>\n</ng-template>\n\n<ng-template #lurViolationTotalRowToolTip>\n <ul>\n <li>\n <strong>POLITICAL RATE VIOLATIONS:</strong>\n Violations flagged when non-political spots are booked at a rate lower than the minimum booked rate for\n political candidates for the same week, Inventory Code and Revenue Class.\n </li>\n <li>\n <strong>CANDIDATE TO CANDIDATE VIOLATION:</strong>\n Violations flagged when political spots are booked at different rates to other political spots for the same\n week, Inventory Code and Revenue Class.\n </li>\n </ul>\n</ng-template>\n\n<ng-template #circularProgressBar>\n <anna-core-circular-progress\n [percent]=\"percentDone\"\n [radius]=\"5\"\n [outerStrokeWidth]=\"2\"\n [innerStrokeWidth]=\"2\"\n [outerStrokeColor]=\"'#268bff'\"\n [innerStrokeColor]=\"'#d5d5d5'\"\n [animationDuration]=\"500\"\n ></anna-core-circular-progress>\n</ng-template>\n\n<ng-template #userLoggedInDetails>\n <div class=\"tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n <span *ngIf=\"data.key !== 'read'\">\n {{ data.key }} <b>{{ data.value }}</b>\n </span>\n <span *ngIf=\"data.key === 'read'\">\n {{ data.value }}\n </span>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #markAsReadTip>\n <div class=\"notification-tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.value }}\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b>{{ data.value }}</b>\n </ng-container>\n</ng-template>\n\n<ng-template #programChangeTooltipTemplate>\n <div class=\"program-schedule-tooltip\">\n <h2>Program Change</h2>\n <p class=\"previous\">Previous:</p>\n <b annaCoreShowEllipsisTextOnHover>{{ textActionTooltip.OldProgramName }}</b>\n\n <p class=\"updated\">Updated:</p>\n <b\n *ngIf=\"textActionTooltip.NewProgramNames.length === 1\"\n annaCoreShowEllipsisTextOnHover\n >{{ textActionTooltip.NewProgramNames[0] }}</b\n >\n <ul *ngIf=\"textActionTooltip.NewProgramNames.length > 1\">\n <li *ngFor=\"let item of textActionTooltip.NewProgramNames\">\n <label class=\"dot\"></label>\n <span annaCoreShowEllipsisTextOnHover>{{ item }}</span>\n </li>\n </ul>\n </div>\n</ng-template>\n\n<ng-template #showOrHideToggleForTotalRowTooltip>\n <div>\n {{ showOrHideToggleForTotalRow && !gtGeneralConfig.totalRow ? \"Show Total Row\" : \"Hide Total Row\" }}\n </div>\n</ng-template>\n\n<ng-template #tooltipContainingTableTemplate>\n <div\n *ngIf=\"tooltipContainingTable\"\n [innerHTML]=\"tooltipContainingTable.innerHtml\"\n class=\"notification-tooltip-div-container\"\n >\n <!-- <ul>\n <li *ngFor=\"let headerMsg of tooltipContainingTable.tableHeaderMsg\">\n <b> {{headerMsg}} </b>\n </li>\n </ul>\n\n <table class=\"tooltip-table\">\n <thead>\n <tr>\n <th *ngFor=\"let header of tooltipContainingTable.tooltipTableHeader\">\n {{ header}}\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let rows of tooltipContainingTable.tooltipTableBody\">\n <td *ngFor=\"let data of rows\">\n {{ data }}\n </td>\n </tr>\n </tbody>\n </table>\n\n <ul>\n <li style=\"margin-top:10px; padding:0\" *ngFor=\"let footerMsg of tooltipContainingTable.tableFooterMsg\">\n {{ footerMsg }} \n </li>\n </ul> -->\n </div>\n</ng-template>\n<!-- <ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b> {{data.value}}</b>\n </ng-container>\n</ng-template> -->\n\n<ng-template #statusNoteTooltip>\n <div>\n <span class=\"status-note-tooltip\">{{ statusNoteForTooltip }}</span>\n <span *ngIf=\"statusNoteForPopup.length > 100\"\n >...<a\n class=\"view-more-comments\"\n (click)=\"showEntireStatusNote()\"\n >View more</a\n ></span\n >\n </div>\n</ng-template>\n\n<ng-template #innerHtmlToolTipTemplate>\n <div [innerHtml]=\"toolTipInnerHtmlData\"></div>\n</ng-template>\n", styles: ["::ng-deep .show-or-hide-toggle-tooltip .tooltip-inner{max-width:229px}.show-or-hide-toggle-btn.shift-toggle-top-on-total-row-click{transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),32px)}.show-or-hide-toggle-btn{width:16px;height:16px;padding:0;margin:0;border-radius:50%;position:absolute;transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),52px);z-index:999;background-color:#d9d9d9}.show-or-hide-toggle-btn i.mdi.mdi-menu-swap{font-size:16px;display:flex}#generic-table-conatiner.table-with-show-hide-total-row-toggle .total-row td:nth-of-type(2){padding-left:16px!important}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner{max-width:600px;width:min-content}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner>div{width:max-content}::ng-deep .generic-innerHtml-table-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}::ng-deep .generic-innerHtml-table-container{max-height:8.75rem;width:min-content;overflow:auto}::ng-deep .generic-innerHtml-table-container table{table-layout:fixed;width:100%}::ng-deep .generic-innerHtml-table-container table thead tr th{background:#e9e9e9;height:22px;padding:3px 8px;position:sticky;top:0;cursor:default;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0;box-shadow:inset 1px -1px #d4d4d4,inset 0 1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table thead tr th:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 1px #d4d4d4!important}::ng-deep .generic-innerHtml-table-container table tbody tr td{padding:3px 8px;width:100%;color:#000;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;box-shadow:inset 1px -1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr td:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 0 #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr:first-of-type td{border-top:none}::ng-deep .generic-innerHtml-table-container::-webkit-scrollbar-track{margin-top:22px!important}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:var(--filter-search-icon-fs);color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.5rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666;font-size:var(--page-message-content-fs)}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700;font-size:var(--dropdown-label-fs)}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:var(--filter-clear-select-btn-fs);background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:var(--filter-tab-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:var(--filter-checkbox-label-fs)!important;margin-top:10px!important;cursor:pointer}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.red-text-totol-row{color:#f44336!important}.icon-dropdown{display:flex;align-items:center;gap:3px}.check-mark,.unread-mark{cursor:pointer}.on-hover:hover .unread-mark,.notificationHover .check-mark{opacity:0;cursor:pointer}.on-hover:hover .check-mark{opacity:1;cursor:pointer}table{margin-bottom:0;table-layout:fixed;width:100%}:host ::ng-deep .gt thead{top:.1px!important;position:relative}:host ::ng-deep .gt .header-row th{border:none;background:#ededed;padding:2px 8px;line-height:normal;position:sticky;position:-webkit-sticky;top:0;box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th .upper-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .gt .header-row th .lower-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .gt .header-row th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .gt .header-row th div.dummy-header{justify-content:center;margin-left:50%!important;margin-right:50%!important;width:-webkit-fill-available}:host ::ng-deep .gt .header-row th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .gt .header-row th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .gt .header-row th:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th:last-of-type{box-shadow:inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt tbody tr td{padding:2px 8px;border:none;box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt .custom-column-checkbox-checked,:host ::ng-deep .gt .custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}:host ::ng-deep .gt .custom-column-checkbox-checked{color:#268bff}:host ::ng-deep .gt .custom-column-checkbox-unchecked{color:#2962ff}:host ::ng-deep .gt .cell-value{width:calc(100% - 24px)!important;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt .tooltip-text{color:#268bff;cursor:pointer;float:right}:host ::ng-deep .gt .time-selected-div{display:flex;align-items:center;column-gap:4px}:host ::ng-deep .gt .time-selected-div .time-selection-menu{border:solid 1px #b7b7b7;height:24px;text-overflow:ellipsis;padding:2px;width:99%}:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-down,:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-up{float:right;margin-left:auto}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:first-of-type{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4}.table-container{overflow-x:auto;overflow-y:auto}.rowSelectCheckbox,#selectAllRowsCheckbox{cursor:pointer}.disable-checkbox{color:#dedede!important;pointer-events:none!important}.mdi-warning{color:#f3c639;font-size:16px;line-height:28px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.redcolor-status{color:#c62a2a}#no-filter-space{width:.875rem}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}.hidden{display:none}.visibility-collapse{visibility:collapse}.no-data-div{margin-top:2.5px}.no-data-div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:.3125rem 1.125rem;border-radius:.25rem}.column-values:nth-of-type(2){color:#a7a7a7!important}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#2962ff}.time-filter-checkboxes>div>p{color:#151b1e}::ng-deep .margin-bottom-zero .mat-radio-label{margin-bottom:0}:host ::ng-deep mat-radio-group br{margin-top:0!important}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__background{width:var(--mat-radio-size);height:var(--mat-radio-size)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__inner-circle{border-width:calc(var(--mat-radio-size) / 2)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{margin:0 0 0 4px;padding:0;top:-2px;position:relative;font-size:var(--radio-button-label-fs)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio--disabled+label{color:var(--primary-text-color-dark)!important}:host ::ng-deep mat-radio-group mat-radio-button.mat-mdc-radio-button .mdc-form-field .mdc-radio{padding:0}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{left:-94px;font-size:12px;color:#4a4a4a;position:relative}:host ::ng-deep mat-radio-group mat-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-selected-icon-color)}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:red}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:red}::ng-deep .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:#00000061!important}::ng-deep .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-inner-circle{background-color:#00000061!important}::ng-deep tr.white-background-row{background:#fff}::ng-deep tr.gray-background-row{background:#e9e9e980!important}.remarks-tooltip,.mdi-information,.mdi-information-outline,.seller-tooltip{font-size:.875rem;color:#268bff;position:relative;top:.1875rem;cursor:pointer}.seller-tooltip{top:-1px;float:right}::ng-deep .remarks-info-tooltip .tooltip-inner{max-width:19.25rem!important}.rating-icon,.lur-violation-icon{color:#268bff;cursor:pointer;position:relative;left:-2px}::ng-deep .rating-info-tooltip .tooltip-inner{max-width:800px!important}.spots-info-icon{color:#268bff;cursor:pointer;margin:1px 2px 0 -14px}.spots-info-icon-ol{color:#268bff;cursor:pointer;margin:1px 4px 0 -2px}::ng-deep .spot-info-tooltip .tooltip-inner{position:relative;max-width:220px!important;background:#fff;word-break:break-word;display:flex}::ng-deep .spot-info-tooltip-for-orderlisting-table .tooltip-inner{max-width:220px!important;background:#fff;word-break:break-word;display:flex}p.first-row{padding:.5rem .5rem 0;color:#000;white-space:nowrap;text-align:left}p.second-row{padding:2px .5rem .5rem;color:#000;white-space:nowrap;text-align:left}::ng-deep .gt-total-row-tooltip{opacity:1!important}::ng-deep .gt-total-row-tooltip .tooltip-inner{color:#000;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;background-color:#fff;padding:4px!important;width:100%;border-radius:2px!important}::ng-deep .gt-total-row-tooltip .arrow:before{border-top-color:#fff!important}.info-label{margin-left:4px;color:#268bff;vertical-align:text-top}::ng-deep .hierarchy-tooltip{max-width:fit-content;width:310px!important}::ng-deep .hierarchy-tooltip .tooltip-inner{padding:4px!important;max-width:22.75rem;max-height:11.25rem}table.seller-hierarchy-table{table-layout:fixed}table.seller-hierarchy-table tr th{font-family:Roboto;font-size:.75rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:#5e5e5e;white-space:nowrap;background:#ededed;position:sticky;box-shadow:inset 0 1px #d4d4d4;top:0;z-index:1}table.seller-hierarchy-table tr th:nth-child(1){width:20px}table.seller-hierarchy-table tr th:first-of-type,table.seller-hierarchy-table tr td:first-of-type{width:30px;border-left:1px solid #d4d4d4}table.seller-hierarchy-table tr th:last-of-type,table.seller-hierarchy-table tr td:last-of-type{border-right:1px solid #d4d4d4;width:7.875rem!important}table.seller-hierarchy-table tr th:nth-of-type(2){width:7.75rem!important}table.seller-hierarchy-table tr td{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a;box-shadow:none!important;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4}table.seller-hierarchy-table tr td:nth-of-type(2),table.seller-hierarchy-table tr td:nth-of-type(3){padding-top:.25rem}table.seller-hierarchy-table tr td span{display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}section.hierarchy-table-container,section.table-inside-tooltip-container{max-height:8.75rem;overflow:auto}section.hierarchy-table-container::-webkit-scrollbar-track{margin-top:1.5rem}section.table-inside-tooltip-container::-webkit-scrollbar-track{margin-top:1.1875rem}.difference-text{padding:.5rem;color:#000;text-align:left}::ng-deep .posted-avg-tooltip .tooltip-inner{width:13.8125rem!important}::ng-deep .drrBooked-info-tooltip{transform:translate(26px,6px)}::ng-deep .drrBooked-info-tooltip .tooltip-inner{max-width:307px!important;width:242px!important;background:#fff;word-break:break-word;display:flex;padding:4px!important;text-align:left}::ng-deep .drrBooked-info-tooltip .tooltip-inner p{color:#000}::ng-deep .drrBooked-info-tooltip .arrow:before{border-right-color:#fff!important}.clickable-data{cursor:pointer;color:#268bff!important;display:flex!important;align-items:center}.clickable-data .spot-details-download-icons{font-size:12px}.disabled-clickable-data{pointer-events:none;color:#d4d4d4!important}.spot-column-tooltip-message{color:#000;width:max-content;text-align:left}div.spinner-for-button-directive{position:relative;left:-1px}.clickable-row table tr.mat-row td{cursor:pointer!important}.tooltip-div-container{text-align:left!important;padding:8px 4px;color:#4a4a4a!important;font-size:11px!important;font-family:Roboto;font-size:11px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.notification-tooltip-div-container{text-align:left!important;padding:6px 8px;color:#4a4a4a!important;font-size:12px!important;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.mdi-information,.mdi-information-outline{left:3px;top:1px}.mdi-information-outline{position:static}::ng-deep .team-user-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .team-user-tooltip .tooltip-inner{opacity:1!important;width:fit-content!important;max-width:520px;border-radius:2px;padding:0 4px!important}::ng-deep .team-user-tooltip .tooltip-inner .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:var(--page-message-content-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip{opacity:1!important}::ng-deep .gt-icon-column-tooltip .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:var(--page-message-content-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .gt-icon-column-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip .tooltip-inner{width:100%}.view-link{color:#268bff;padding:0;text-decoration:underline;border:none;background-color:inherit;cursor:pointer;letter-spacing:normal;font-weight:400;margin-left:3px}::ng-deep .tooltip-containing-table{opacity:1!important}::ng-deep .tooltip-containing-table .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:var(--page-message-content-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .tooltip-containing-table.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .tooltip-containing-table li{margin:0!important;padding:0!important}::ng-deep .tooltip-containing-table ul{margin:0!important;padding-left:8px!important}::ng-deep .tooltip-containing-table ul.pl-16{padding-left:16px!important}::ng-deep .tooltip-containing-table .tooltip-inner{width:100%;max-width:230px}table.tooltip-table{table-layout:fixed;margin:4px 0 0;width:100%}table.tooltip-table th,table.tooltip-table td{padding:2px 8px;line-height:normal}table.tooltip-table thead tr th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important;border:none}table.tooltip-table thead tr th{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67;background-color:#ededed;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.tooltip-table thead tr th div.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}table.tooltip-table tbody tr td{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67}table.tooltip-table tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.tooltip-table tbody tr td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.bottom-border{border-bottom:1px solid #d4d4d4!important}i.disabled{pointer-events:none!important}.black-color-text{color:#000}.white-space-nowrap{white-space:nowrap}.ellipsis-tooltip-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}table.ellipsis-tooltip-table{table-layout:fixed;width:100%}table.ellipsis-tooltip-table thead th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important}table.ellipsis-tooltip-table thead th{background:#e9e9e9;padding:3px 8px;line-height:normal;position:sticky;top:0;cursor:default;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.ellipsis-tooltip-table thead th .upper-label{font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}table.ellipsis-tooltip-table tbody td{padding:3px 8px}table.ellipsis-tooltip-table tbody td .upper-label{width:100%;color:#000;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}table.ellipsis-tooltip-table tbody td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.ellipsis-tooltip-table tbody td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.pr-4{padding-right:4px}.status-note-tooltip{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;color:#4a4a4a;white-space:normal!important}.view-more-comments{display:block;color:#268bff;font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;cursor:pointer;margin-left:2px}td.mat-column-isOrderStarred:has(.disabled-starring){pointer-events:none!important}td.mat-column-isOrderStarred .mdi.mdi-star.disabled-starring,td.mat-column-isOrderStarred .mdi.mdi-star-outline.disabled-starring{pointer-events:none!important;color:#dbdbdb80!important}table.disable-table-scrolling{overflow:hidden!important}.icon-tooltip-text{display:inline-block;color:#268bff}.text-with-icon-and-text.reduced-width{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px);margin-bottom:-3.5px}.innrHtml-tooltip-icon-marker{float:right;color:#268bff}.reduced-width-text{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px)}.p-8{padding:8px!important}.anna-icons{cursor:pointer}.anna-icons.color-black{color:#000}.anna-icons.color-primary-color{color:var(--primary-color)}.anna-icons.float-right{float:right}.anna-icons.ml-4{margin-left:4px}.anna-icons.mr-4{margin-right:4px}.anna-icons.disable{pointer-events:none}tr td div:first-of-type.CENTRE{display:flex;justify-content:center;align-items:center;height:100%}input[type=radio].anna-gt-radio{accent-color:var(--primary-blue-color);width:16px;height:16px;display:inline-flex;vertical-align:middle;margin-right:4px}input[type=radio].anna-gt-radio:hover{accent-color:var(--primary-blue-color)!important;opacity:1!important;background-color:var(--primary-blue-color)!important;border-color:initial!important;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i4$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i3.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }, { kind: "directive", type: ShowEllipsisTextOnHoverDirective, selector: "[annaCoreShowEllipsisTextOnHover]", inputs: ["includeFullWidth"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: AnnaIconColumnComponent, selector: "anna-core-icon-column", inputs: ["componentName", "iconToShow", "dataObject"], outputs: ["columnIconClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AnnaNoDataComponent, selector: "anna-core-no-data-lib", inputs: ["width", "marginTop"] }, { kind: "component", type: AnnaColumnCheckboxFilterComponent, selector: "anna-core-anna-column-checkbox-filter", inputs: ["showFilterHeaderTabs", "isLurAndCsrComponent", "tableData", "clonedTableData", "filterTabObjects"], outputs: ["filterAppliedToTable", "sortingAppliedToTable", "getSortType", "closeTooltip"] }, { kind: "component", type: AnnaColumnSliderFilterComponent, selector: "anna-core-anna-column-slider-filter", inputs: ["filterTabObjects", "isLurAndCsrComponent", "tableData", "showFilterHeaderTabs", "clonedTableData"], outputs: ["closeTooltip", "filterAppliedToTable", "getSortType", "sortingAppliedToTable"] }, { kind: "component", type: AnnaColumnDateRangeFilterComponent, selector: "anna-core-anna-column-date-range-filter", inputs: ["tableData", "clonedTableData", "filterTabObjects", "isLurAndCsrComponent", "showFilterHeaderTabs"], outputs: ["filterAppliedToTable", "sortingAppliedToTable", "getSortType", "closeTooltip"] }, { kind: "component", type: AnnaColumnTimeFilterComponent, selector: "anna-core-anna-column-time-filter", inputs: ["tableData", "clonedTableData", "filterTabObjects", "isLurAndCsrComponent", "showFilterHeaderTabs", "showAllTimeRangeCheckboxes", "gtGeneralConfig", "showClearAllFilter", "startFromText", "endToText", "isSortAndFilterAbsent"], outputs: ["timeChanges", "timeChangedEmitter", "filterAppliedToTable", "sortingAppliedToTable", "getSortType", "closeTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: AnnaEstIconTemplateComponent, selector: "anna-core-anna-est-icon-template" }, { kind: "component", type: AnnaSingleSelectComponent, selector: "anna-core-single-select", inputs: ["config", "loading", "showAdditionalDataInSelectedText", "disabled", "items", "selectedItem", "keyToUseForDisplay", "keyToUseForCheckingSelectedItem", "hideDropdownArrow", "borderbottomObject", "defaultDropdownHeight", "itemsToHideInDropdownIds", "showClearSelection"], outputs: ["valueChanged", "dropdownClosedEvent", "dropdownOpenedEvent", "clearSelectionClickedEvent"] }, { kind: "directive", type: DigitOnlyDirective, selector: "[annaCoreDigitOnly]", inputs: ["decimal", "decimalSeparator", "allowNegatives", "allowPaste", "negativeSign", "min", "max", "pattern", "decimalPlaces"] }, { kind: "component", type: AnnaCircularProgressComponent, selector: "anna-core-circular-progress", inputs: ["percent", "radius", "outerStrokeWidth", "innerStrokeWidth", "outerStrokeColor", "innerStrokeColor", "animationDuration"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i7.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i7.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5944
5901
|
}
|
|
5945
5902
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AnnaNonEditableGenericTableComponent, decorators: [{
|
|
5946
5903
|
type: Component,
|
|
@@ -5970,7 +5927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
5970
5927
|
DigitOnlyDirective,
|
|
5971
5928
|
AnnaCircularProgressComponent,
|
|
5972
5929
|
MatRadioModule,
|
|
5973
|
-
], template: "<div\n id=\"generic-table-conatiner\"\n #tableElementRef\n class=\"table-container {{ gtGeneralConfig?.tableOuterContainerName }} {{ tableBottomBorderClass }}\"\n [ngClass]=\"{\n 'scroll-left-shadow-effect': isScrolledLeft,\n 'scroll-right-shadow-effect': !isScrollEnded,\n 'clickable-row': clickableRow,\n 'no-data-table': (isNoDataToDisplaySubject$ | async),\n 'table-with-show-hide-total-row-toggle': showOrHideToggleForTotalRow\n }\"\n (scroll)=\"onTableContainerScroll($event)\"\n>\n <div\n [class]=\"gtGeneralConfig.tableContainerName\"\n class=\"horizontal-scroll-for-table-container\"\n [ngStyle]=\"{\n height:\n tableData.length < noOfRowsToCheck - 1\n ? 'calc(' +\n (gtDimension.rowHeight * tableData.length +\n (!tableData.length || !gtGeneralConfig.totalRow\n ? gtDimension.headerHeight\n : gtDimension.headerHeight + gtDimension.rowHeight)) +\n 'px)'\n : gtDimension.tableHeight\n }\"\n >\n <button\n *ngIf=\"showOrHideToggleForTotalRow && !showSkeletonLoading && (isNoDataToDisplaySubject$ | async) === false\"\n [ngClass]=\"{\n 'shift-toggle-top-on-total-row-click': !gtGeneralConfig.totalRow\n }\"\n class=\"show-or-hide-toggle-btn\"\n (click)=\"showHideTotalRow()\"\n >\n <i\n class=\"mdi mdi-menu-swap\"\n tooltipClass=\"show-or-hide-toggle-tooltip\"\n placement=\"auto\"\n container=\"body\"\n [ngbTooltip]=\"showOrHideToggleForTotalRowTooltip\"\n ></i>\n </button>\n\n <table\n class=\"gt\"\n [ngClass]=\"tableClass\"\n mat-table\n [dataSource]=\"renderedData\"\n >\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"modifiedExtraHeaderRowForAdjustingColumnWidths?.objectKeys\"\n [style.height.px]=\"'4px'\"\n [class.visibility-collapse]=\"true\"\n ></tr>\n\n <ng-container *ngFor=\"let row of tableColumnsOfEachRow; let i = index\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumnsOfEachRow[i]; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumns; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n\n <tr\n class=\"total-row\"\n mat-header-row\n [style.height.px]=\"gtDimension.rowHeight\"\n *matHeaderRowDef=\"totalRowColumns; sticky: true\"\n [class.hidden]=\"\n showSkeletonLoading ||\n (!showSkeletonLoading && !tableData.length) ||\n (isNoDataToDisplaySubject$ | async) ||\n (!showSkeletonLoading && !gtGeneralConfig.totalRow)\n \"\n ></tr>\n <tr\n [class]=\"rowData.gtClass\"\n [ngClass]=\"{ 'no-border-tr': (isNoDataToDisplaySubject$ | async) }\"\n mat-row\n *matRowDef=\"let rowData; columns: tableColumns\"\n [style.height.px]=\"gtDimension.rowHeight\"\n (click)=\"dataRowClicked(rowData)\"\n ></tr>\n\n <!-- TOTAL ROW -->\n <ng-container\n [matColumnDef]=\"column.colName\"\n *ngFor=\"let column of totalRowInfo; trackBy: trackByFn\"\n >\n <td\n mat-header-cell\n *matHeaderCellDef\n [attr.colspan]=\"column.colspan\"\n class=\"{{ column.class }}\"\n >\n <ng-container\n *ngIf=\"\n column['radioButtonColumnData'] && column['radioButtonColumnData']['isRadioButtonsColumn']\n \"\n >\n <mat-radio-group\n [ngModel]=\"column.radioButtonColumnData?.selectedRadioButton\"\n [disabled]=\"column.radioButtonColumnData?.disableRadioGroup\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of column.radioButtonColumnData?.radioButtonsData;\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n [ngClass]=\"{\n disabled:\n radioButton?.disabled || column.radioButtonColumnData?.disableRadioGroup\n }\"\n (click)=\"totalRowRadioButtonClickedByUser(radioButton.value)\"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngFor=\"let iconClass of radioButton?.iconClass\">\n <i\n class=\" {{ iconClass }}\"\n (click)=\"totalRowRadioButtonIconClickedByUser(radioButton.value)\"\n ></i\n ></ng-container>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n </ng-container>\n <ng-container *ngIf=\"column['isActionColumn']\">\n <a\n *ngFor=\"let data of column.actionData\"\n [class]=\"data.class\"\n (click)=\"onClickableDataClicked({}, data.id)\"\n >\n {{ data.name }}\n </a>\n </ng-container>\n\n <ng-container *ngIf=\"column['isIconColumn']\">\n <i\n class=\"{{ column?.iconData?.class }}\"\n (click)=\"iconClickedInTotalRow(column?.colName)\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!column['isActionColumn']\">\n <strong class=\"upper-label\"\n >{{ column.data }}\n <span\n class=\"red-text-totol-row\"\n *ngIf=\"column.additionalRedTextAfterData\"\n >{{ column.additionalRedTextAfterData }}</span\n ></strong\n >\n <ng-container *ngIf=\"column.lowerData\">\n <p\n *ngIf=\"\n column.colName === 'total-potential-booked-unit' &&\n gtGeneralConfig.component === 'RATING';\n else columnLowerData\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('TOTALROW')\"\n [ngClass]=\"{\n 'disabled-clickable-data': downloadInProgress || column.lowerData === '0'\n }\"\n >\n {{ column.lowerData }}\n <span class=\"material-icons mdi mdi-download spot-details-download-icons\"></span>\n <ng-container *ngIf=\"downloadInProgress && selectedRowTypeForDownload === 'TOTALROW'\">\n <ng-container [ngTemplateOutlet]=\"circularProgressBar\"></ng-container>\n </ng-container>\n </p>\n <ng-template #columnLowerData>\n <p class=\"lower-label\">{{ column.lowerData }}</p>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"column.tooltipMessage && gtGeneralConfig.component !== 'LUR_VIOLATIONS'\">\n <i\n class=\"{{ column.tooltipIconClass }}\"\n container=\"body\"\n [ngbTooltip]=\"column.tooltipMessage\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"top bottom\"\n ></i>\n </ng-container>\n <ng-container *ngIf=\"gtGeneralConfig.component === 'LUR_VIOLATIONS' && column.tooltipMessage\">\n <i\n class=\"mi mdi-info-outline info-label\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationTotalRowToolTip\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n ></i>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <ng-container\n [matColumnDef]=\"columnDef\"\n *ngFor=\"\n let columnDef of modifiedExtraHeaderRowForAdjustingColumnWidths.objectKeys;\n let i = index;\n trackBy: trackByFn\n \"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"modifiedExtraHeaderRowForAdjustingColumnWidths.widths[i]\"\n ></th\n ></ng-container>\n ></ng-container\n >\n\n <!-- MAIN ROW -->\n <ng-container\n [matColumnDef]=\"columnDef.headerInfo[0].objectKey\"\n *ngFor=\"let columnDef of tableHeaders; trackBy: trackByFn\"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"columnDef.width\"\n [attr.rowspan]=\"columnDef.rowspan ? columnDef.rowspan : 1\"\n [attr.colspan]=\"columnDef.colspan ? columnDef.colspan : 1\"\n >\n <div\n class=\"row mx-0\"\n [ngClass]=\"{ 'dummy-header': columnDef.dummyHeader }\"\n *ngFor=\"let header of columnDef.headerInfo; let j = index\"\n >\n <p\n *ngIf=\"header.typeOfHeaderData === 'STRING'\"\n [ngClass]=\"{ 'upper-label': j === 0, 'lower-label': j === 1 }\"\n >\n <ngx-skeleton-loader\n *ngIf=\"header.name == null\"\n count=\"1\"\n [theme]=\"{\n height: '10px',\n display: 'block',\n width: columnDef.width,\n 'max-width': 'calc(100% - 20px)'\n }\"\n >\n </ngx-skeleton-loader>\n <ng-container *ngIf=\"header.name\">\n {{ header.name }}\n </ng-container>\n <ng-container *ngIf=\"header.tooltip && header.tooltip.tooltipMessage\">\n <i\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"header.tooltip.tooltipMessage\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'impsInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"impsInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"\n header.tooltip && header.tooltip.name === 'spotsColumnEquivalizationMessageTooltip'\n \"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"spotsColumnEquivalizationMessageTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'underDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"underDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'overDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"overDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ratingInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ratingInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rateInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rateInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ongoingRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ongoingRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'completedRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"completedRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRate'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRate\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedImps'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedImps\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'automationTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"automationTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rebateImpact'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rebateImpact\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'projectedImpsRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"projectedImpsRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </p>\n\n <ng-container *ngIf=\"header.typeOfHeaderData === 'CHECKBOX'\">\n <span\n *ngIf=\"gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n <span\n *ngIf=\"!gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{ 'disable-checkbox': gtGeneralConfig.disableHeaderCheckbox }\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n </ng-container>\n\n <div\n *ngIf=\"gtGeneralConfig.showAllColumnFilter && header && header.typeOfHeaderData !== ''\"\n class=\"sort-filter-container\"\n >\n <ng-container *ngIf=\"header.showTooltipIcon\">\n <!-- Active tooltip Functionality -->\n <ng-container *ngIf=\"header.filter === 'CHECKBOX'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"filterTooltip\"\n placement=\"{{ filterAlignment }}\"\n container=\"body\"\n tooltipClass=\"non-edit-checkbox-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'SLIDER'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"sliderToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n tooltipClass=\"non-edit-slider-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t1=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t1, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'DATE'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"datePickerTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"non-edit-datepicker-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t2=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t2, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'WEEK'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"weekPickerToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t3=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t3, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'TIME'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"timeFilterToolTip\"\n placement=\"bottom left-top auto\"\n container=\"body\"\n tooltipClass=\"non-edit-time-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t4=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t4, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!header.showTooltipIcon\">\n <span id=\"no-filter-space\"></span><br />\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'lurViolationInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationInfoTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </div>\n </div>\n </th>\n\n <ng-container *matCellDef=\"let ROW_DATA\">\n <td\n mat-cell\n [style.background]=\"ROW_DATA.backgroundColor\"\n [style.border]=\"ROW_DATA.border\"\n class=\"{{ ROW_DATA.rowClass }}\"\n [ngClass]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'TdClass']\"\n [attr.rowspan]=\"tdsHaveRowSpan ? ROW_DATA[columnDef.headerInfo[0].objectKey + 'Rowspan'] : 1\"\n *ngIf=\"\n !hideSomeTds ||\n (hideSomeTds && !ROW_DATA['hide' + columnDef.headerInfo[0].objectKey + 'Td'])\n \"\n >\n <ngx-skeleton-loader\n *ngIf=\"showSkeletonLoading\"\n count=\"1\"\n [theme]=\"{ height: '10px', display: 'block', marginBottom: '0' }\"\n >\n </ngx-skeleton-loader>\n\n <ng-container *ngIf=\"!showSkeletonLoading\">\n <ng-container *ngIf=\"tableData.length > 0 && (isNoDataToDisplaySubject$ | async) === false\">\n <ng-container\n *ngFor=\"\n let subline of columnDef.headerInfo;\n let subLineIndex = index;\n trackBy: trackByFn\n \"\n >\n <div\n annaCoreShowEllipsisTextOnHover\n [includeFullWidth]=\"\n columnDef.headerInfo[subLineIndex].typeOfBodyData !== 'RADIO'\n \"\n [class]=\"columnDef.headerInfo[subLineIndex]?.tdCellClass\"\n >\n <ng-container [ngSwitch]=\"columnDef.headerInfo[subLineIndex].typeOfBodyData\">\n <ng-container *ngSwitchCase=\"'ICON'\">\n <i\n *ngIf=\"\n !(\n starredInProgress &&\n ROW_DATA.orderId === selectedStarredOrderId\n )\n \"\n [class]=\"ROW_DATA.iconClass\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n (click)=\"iconClicked(ROW_DATA, ROW_DATA.iconClass)\"\n ngbTooltip=\"{{ ROW_DATA.iconTitleText }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <ng-container\n *ngIf=\"\n starredInProgress && ROW_DATA.orderId === selectedStarredOrderId\n \"\n >\n <div\n class=\"spinner-for-button-directive\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n ></div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'ICON_CELL'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <ng-container *ngIf=\"action.showObjectKey\">\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </ng-container>\n\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"\n action.showTooltip && action?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action.tooltipData\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML_STRING'\">\n <p\n [innerHTML]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n (click)=\"innerHTMLCellClicked($event, ROW_DATA)\"\n ></p>\n </ng-container>\n <ng-container *ngSwitchCase=\"'HTML_STRING_AND_CLICKABLE_DATA'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n *ngIf=\"text.showText\"\n [innerHtml]=\"text.innerHTMLText\"\n ></span>\n\n <a\n *ngIf=\"text.showLink\"\n class=\"view-link\"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.linkName }}\n </a>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SVG_ICON'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <span\n class=\"pr-4\"\n *ngIf=\"action?.showObjectKey\"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n class=\"pr-4 {{ action?.additionalTextClass }}\"\n *ngIf=\"action?.additionalText\"\n >\n {{ action?.additionalText }}\n </span>\n\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n [disableTooltip]=\"!action?.svgOrIconTooltipMsg\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n (columnIconClicked)=\"\n svgIconClicked(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].actionKey\n )\n \"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.svgOrIconTooltipMsg\"></div\n ></ng-template>\n </anna-core-icon-column>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'TEXT_ACTIONS'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <button\n *ngIf=\"text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n (mouseenter)=\"\n mouseEnterOnTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [ngbTooltip]=\"textActionTooltipTemplate\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n {{ text.name }}\n </button>\n\n <button\n *ngIf=\"!text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n >\n {{ text.name }}\n </button>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CHECKBOX'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n false\n )\n \"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n ngbTooltip=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CLICKABLE_DATA'\">\n <a\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.name }}</a\n >\n <span\n *ngIf=\"\n subline.objectKey === 'displayBookedUnits' &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('DATAROW', ROW_DATA)\"\n [ngClass]=\"{\n 'disabled-clickable-data':\n downloadInProgress || ROW_DATA.displayBookedUnits === '-'\n }\"\n >{{ ROW_DATA.displayBookedUnits }}\n <span\n class=\"material-icons mdi mdi-download spot-details-download-icons\"\n ></span>\n <ng-container\n *ngIf=\"\n downloadInProgress &&\n ROW_DATA.ProgramId === selectedProgramIdForDownload &&\n ROW_DATA.Demographic === selectedDemographicForDownload\n \"\n >\n <ng-container\n [ngTemplateOutlet]=\"circularProgressBar\"\n ></ng-container>\n </ng-container>\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING___ICON_OR_TEXT_ACTION'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n [class]=\"action.additionalTextBeforeLinkClass\"\n [innerHtml]=\"action.additionalTextBeforeLink\"\n ngbTooltip=\"{{ action.additionalTextBeforeLink }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalText\"\n ></span>\n\n <ng-container *ngIf=\"action && action.typeOfData === 'STRING'\">\n <span\n class=\"text-with-icon-and-text\"\n [ngClass]=\"{ 'reduced-width': action.showIcon }\"\n annaCoreShowEllipsisTextOnHover\n >{{ action.data }}</span\n >\n </ng-container>\n\n <a\n [id]=\"action.id\"\n *ngIf=\"action.showLink\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n [ngClass]=\"{ disabled: action.disabledLink }\"\n >{{ action.data }}</a\n >\n <span\n ngbTooltip=\"{{ action.additionalTextAfterLink }}\"\n placement=\"bottom\"\n container=\"body\"\n [class]=\"action.additionalTextAfterLinkClass\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalAfterText\"\n >\n {{ action.additionalTextAfterLink }}\n </span>\n\n <ng-container *ngIf=\"action.showTooltip\">\n <ng-container *ngIf=\"action.tooltipData.innerHtml\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n [ngbTooltip]=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!action.tooltipData.tooltipTableBody\">\n <span\n *ngIf=\"action.showIcon\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n class=\"icon-tooltip-text\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n >\n <i [class]=\"action.iconClass\"> </i>\n {{ action.additionalTextAfterIcon ?? \"\" }}\n </span>\n <ng-container *ngIf=\"action['showSvgIcon']\">\n <anna-core-anna-est-icon-template\n class=\"float-right\"\n *ngIf=\"action['svgIconName'] === 'anna-icon'\"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex]\n .tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action['tooltipClass']\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n container=\"body\"\n [autoClose]=\"true\"\n >\n </anna-core-anna-est-icon-template>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!action.showTooltip\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n >\n </i>\n </ng-container>\n\n <i\n *ngIf=\"action.showSimpleIcon\"\n [class]=\"action.iconClass\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"\n action?.tooltipDataForSimpleIcon ? tipContent : null\n \"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.tooltipDataForSimpleIcon\"\n >\n <ng-template #tipContent>\n <div\n class=\"p-8\"\n [innerHTML]=\"action.tooltipDataForSimpleIcon\"\n ></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_OR_INPUT'\">\n <ng-container\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.type ===\n 'STRING';\n else inputBox\n \"\n >\n <span\n [innerHtml]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.value\n \"\n ></span>\n </ng-container>\n\n <ng-template #inputBox>\n <span class=\"input-box-container\">\n <input\n placeholder=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.placeholder\n }}\"\n annaCoreShowEllipsisTextOnHover\n class=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .className\n }}\"\n (keydown)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n false\n )\n \"\n (paste)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n true\n )\n \"\n (ngModelChange)=\"\n editableInputValueChanged(\n $event,\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n [ngModel]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .value\n \"\n [disabled]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .disabled\n \"\n [ngClass]=\"{\n 'red-border':\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].hasError\n }\"\n />\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <i\n *ngIf=\"action?.showIcon\"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ action?.iconClass }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.iconTooltip\"></div\n ></ng-template>\n </i>\n <ng-container *ngIf=\"action?.showSvgIcon\">\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action?.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n <ng-template #tipContent>\n <div\n [innerHTML]=\"action?.svgOrIconTooltipMsg\"\n ></div></ng-template\n ></anna-core-icon-column>\n </ng-container>\n <ng-container *ngIf=\"action?.showLink\">\n <a\n [id]=\"action?.id\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action?.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n >{{ action?.linkText }}\n </a>\n </ng-container>\n </ng-container>\n </span>\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML'\">\n <span\n [innerHtml]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n ></span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [disabled]=\"dropdown.isDisabled\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN_AND_ICON'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <div [ngClass]=\"{ 'icon-dropdown': dropdown.showIcon }\">\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n <i\n *ngIf=\"dropdown.showIcon\"\n [class]=\"dropdown.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n dropdown.tooltipClass\n }}\"\n [ngbTooltip]=\"\n dropdown.showTooltip && dropdown?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n dropdown.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!dropdown.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"dropdown.tooltipData\"></div\n ></ng-template>\n </i>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_RADIO'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-radiobox-marked\"\n (click)=\"(null)\"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-radiobox-blank\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'RADIO'\">\n <mat-radio-group\n *ngIf=\"ROW_DATA['RadioButtonConfig']; else showHyphen\"\n [ngModel]=\"ROW_DATA[subline.objectKey]\"\n [disabled]=\"ROW_DATA['RadioButtonConfig'][0].isDisabled\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of ROW_DATA['RadioButtonConfig'];\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n (click)=\"\n radioButtonClicked(\n ROW_DATA,\n radioButton.value,\n ROW_DATA['RadioButtonConfig'][0].isDisabled\n )\n \"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngIf=\"radioButton.icons\">\n <i\n *ngFor=\"let icon of radioButton.icons\"\n class=\" {{ icon.class }}\"\n (click)=\"radioButtonIconClicked(ROW_DATA, icon.name)\"\n ></i>\n </ng-container>\n\n <i\n *ngIf=\"radioButton.tooltipMessage\"\n class=\"mi mdi-info-outline\"\n [ngbTooltip]=\"radioButton.tooltipMessage\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n <ng-template #showHyphen> - </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span class=\"action-data\"> {{ action?.dataToDisplay }}</span>\n <ng-container *ngIf=\"action?.additionalTextWoTooltip\">\n <span\n class=\"additional-text-wo-tooltip\"\n [innerHtml]=\"action.additionalTextWoTooltip\"\n >\n </span>\n </ng-container>\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"stringWithTooltipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithTooltipTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey,\n tooltipWithStringRef\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"action?.tooltipIconClass\"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithStringRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n </span>\n <span>{{ action?.dataToDisplayAfterTooltip }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_ELLIPSIS_WITH_TABLE_TOOLTIP'\">\n <div class=\"new-ellipsis-container\">\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"cell-value\"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .cellValue\n }}\n </span>\n <span\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.showTooltip\n \"\n class=\"tooltip-text\"\n [ngbTooltip]=\"tableInsideTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"table-inside-tooltip remove-on-scroll-class {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipClass\n }}\"\n (mouseenter)=\"\n bindTheValueToTableTooltip(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info\n )\n \"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipHoverText\n }}\n </span>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length <\n 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP_INNER_HTML'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"action-data\"\n [ngClass]=\"action?.showTooltip ? 'reduced-width-text' : ''\"\n >\n {{ action?.dataToDisplay }}</span\n >\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"innerHtmlToolTipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithInnerHtmlTooltipTextActionType(\n ROW_DATA,\n action,\n tooltipWithInnerHtmlRef,\n !action.isManualTrigger\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"\n 'innrHtml-tooltip-icon-marker ' + action?.tooltipIconClass\n \"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithInnerHtmlRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-innerHtml-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n {{ action.tooltipMarkerText }}\n </span>\n <span *ngIf=\"action?.dataToDisplayAfterTooltip\">\n {{ action?.dataToDisplayAfterTooltip }}\n </span>\n </ng-container>\n </ng-container>\n\n <ng-container\n *ngSwitchCase=\"\n 'ICON_CELL_AND_STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\n \"\n >\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n title=\"\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"action.showTooltip ? action.tooltipData : null\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n </i>\n\n <ng-container *ngIf=\"action.showObjectKey\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length < 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n info\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'DIGIT_ONLY_INPUT'\">\n <input\n annaCoreDigitOnly\n [type]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].type\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .type\n : 'text'\n \"\n [decimal]=\"true\"\n [readOnly]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].disabled\n \"\n [decimalPlaces]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .decimalPlaces\n \"\n inputmode=\"numeric\"\n [min]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.min ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min\n : digitInputmin\n \"\n [max]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.max ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max\n : digitInputMax\n \"\n [allowPaste]=\"false\"\n class=\"form-control\"\n [value]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].value\n \"\n [placeholder]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n : 'Enter value'\n \"\n (input)=\"\n onInputChange(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n $event\n )\n \"\n />\n </ng-container>\n <ng-container *ngSwitchCase=\"'TIME_INPUT'\">\n <div\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .showAsInput;\n else timeAsString\n \"\n class=\"time-selected-div {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].class\n }}\"\n [ngbTooltip]=\"timeInputTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"false\"\n triggers=\"manual\"\n #timeInputTooltipInRow=\"ngbTooltip\"\n (click)=\"\n timeInputTooltipClickedInTableBody(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n ROW_DATA\n );\n bindTheValueToTimeInputTooltip(timeInputTooltipInRow)\n \"\n >\n <div class=\"time-selection-menu\">\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n <i\n *ngIf=\"\n !timeTableRowtooltip ||\n !selectedRowForTimeEdit ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id !==\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-down icon\"\n ></i>\n <i\n *ngIf=\"\n timeTableRowtooltip &&\n selectedRowForTimeEdit &&\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id ===\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-up icon\"\n ></i>\n </div>\n </div>\n <ng-template #timeAsString>\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n </ng-template>\n <ng-container\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].icons\"\n >\n <i\n *ngFor=\"\n let icon of ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].icons\n \"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ icon.class }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"icon?.tooltipMessage\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <ng-container *ngIf=\"subline.objectKey !== 'description'\">\n <span annaCoreShowEllipsisTextOnHover>{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n }}</span>\n <!-- <i\n *ngIf=\"\n subline.objectKey === 'inventoryCode' &&\n ROW_DATA['isSellerGroup'] &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n [ngbTooltip]=\"sellerHierarchyTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"hierarchy-tooltip remove-on-scroll-class\"\n (mouseenter)=\"\n bindTheValueToSellerGroupTooltip(\n ROW_DATA.sellerGroupHierarchy,\n info\n )\n \" \n >\n </i>-->\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageRating' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showRatingAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedRatingDifference\"\n >\n </i>\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageImpression' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showImpressionAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedImpDifference\"\n >\n </i>\n </ng-container>\n <ng-container *ngIf=\"subline.objectKey === 'description'\">\n <p\n *ngIf=\"\n ROW_DATA.descriptionMessage ||\n ROW_DATA.descriptionEmailReferenceNum\n \"\n >\n <ng-container *ngIf=\"ROW_DATA.descriptionMessage\">\n {{ ROW_DATA.descriptionMessage }}\n <br />\n </ng-container>\n <ng-container\n *ngIf=\"\n ROW_DATA.descriptionEmailReferenceNum !== '-' &&\n ROW_DATA.descriptionEmailReferenceNum !== ''\n \"\n >\n Email Ref: {{ ROW_DATA.descriptionEmailReferenceNum }}\n <br />\n </ng-container>\n </p>\n <a\n href=\"{{ ROW_DATA.descriptionDetailsUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionDetailsUrlType === 'PDF' ||\n ROW_DATA.descriptionDetailsUrlType === 'EXCEL'\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">Download</button>\n </a>\n <ng-container\n *ngIf=\"\n ROW_DATA.activityname.toLowerCase() === 'order onboarded'\n \"\n >\n <a\n *ngIf=\"ROW_DATA.descriptionDetailsUrlType === 'LINK'\"\n (click)=\"viewDetailsClicked(ROW_DATA)\"\n >\n <button class=\"btn viewDetailsAndEmailBtn order-onboarded\">\n View details\n </button>\n </a>\n </ng-container>\n\n <a\n href=\"{{ ROW_DATA.descriptionEmailUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionEmailUrl !== '-' &&\n ROW_DATA.descriptionEmailUrl !== ''\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">View email</button>\n </a>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"isNoDataToDisplaySubject$ | async\">\n <div>\n {{ null }}\n </div>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n </ng-container>\n </table>\n </div>\n <anna-core-no-data-lib\n [width]=\"noDataWidth\"\n [marginTop]=\"marginTop\"\n *ngIf=\"isNoDataToDisplaySubject$ | async\"\n >\n </anna-core-no-data-lib>\n</div>\n\n<!-- Checkbox template -->\n<ng-template #filterTooltip>\n <anna-core-anna-column-checkbox-filter\n *ngIf=\"filterTabObjects\"\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-checkbox-filter>\n</ng-template>\n\n<!-- Slider template -->\n<ng-template #sliderToolTip>\n <anna-core-anna-column-slider-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-slider-filter>\n</ng-template>\n\n<!-- Date Picker Template -->\n<ng-template #datePickerTooltip>\n <anna-core-anna-column-date-range-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-date-range-filter>\n</ng-template>\n\n<!-- Week Picker Template -->\n<ng-template #weekPickerToolTip>\n <!-- <div class=\"weekpicker-container\">\n <anna-core-week-calendar-filter-lib\n [week-calendar-config]=\"gtGeneralConfig.multiWeekPickerConfig\"\n (apply)=\"applyWeekFilter($event)\"\n [from-date]=\"calendarMinEnabledDate\"\n [to-date]=\"calendarMaxEnabledDate\"\n >\n </anna-core-week-calendar-filter-lib>\n </div> -->\n</ng-template>\n\n<!-- Time Filter Template -->\n<ng-template #timeFilterToolTip>\n <anna-core-anna-column-time-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [showAllTimeRangeCheckboxes]=\"showCheckboxesForTimeFilter\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #timeInputTooltip>\n <anna-core-anna-column-time-filter\n [tableData]=\"timeInputData\"\n [clonedTableData]=\"timeInputData\"\n [showClearAllFilter]=\"false\"\n [startFromText]=\"'Start time'\"\n [endToText]=\"'End time'\"\n [filterTabObjects]=\"filterTabObjects\"\n [showAllTimeRangeCheckboxes]=\"false\"\n [isSortAndFilterAbsent]=\"true\"\n (closeTooltip)=\"closeTimeInputTooltip()\"\n (timeChanges)=\"timeSelectedInTableRow($event)\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #columnInfoTooltip>\n <p class=\"black-color-text white-space-nowrap\">This preemption is rejected and not marked for credit.</p>\n</ng-template>\n\n<ng-template #ratingInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rating' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected Rating' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #impsInfoTooltip>\n <p class=\"first-row\">Shows 'Booked IMPS' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected IMPS' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #spotsColumnEquivalizationMessageTooltip>\n <p class=\"spot-column-tooltip-message\">\n This consists of equivalized spots and un-equivalized Paid Programs & un-equivalized Non-spots.\n </p>\n</ng-template>\n\n<ng-template #underDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Under-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #overDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Over-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #rateInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rate' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected $ Value' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #sellerHierarchyTooltip>\n <ng-container *ngIf=\"sellerGroupHierarchy.length > 0\">\n <section class=\"hierarchy-table-container\">\n <table class=\"seller-hierarchy-table\">\n <thead>\n <tr>\n <th>#</th>\n <th>Inventory Codes</th>\n <th>Program/Description</th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of sellerGroupHierarchy; let tooltipIndex = index\">\n <td>{{ tooltipIndex + 1 }}</td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.InventoryCode }}</span>\n </td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.Program }}</span>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n </ng-container>\n <ng-container *ngIf=\"sellerGroupHierarchy.length === 0\">\n <span class=\"black-color-text\">Seller group not available for this inventory code</span>\n </ng-container>\n</ng-template>\n\n<ng-template #tableInsideTooltip>\n <label class=\"ellipsis-tooltip-heading\">{{ ellipsisWithTooltipHeading }}</label>\n <section class=\"table-inside-tooltip-container\">\n <table class=\"ellipsis-tooltip-table\">\n <thead>\n <tr>\n <th\n [style.width]=\"header.width\"\n *ngFor=\"let header of ellipsisWithTooltipTableHeaders\"\n >\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ header.headerName }}</span\n >\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of ellipsisWithTooltipTableData\">\n <td *ngFor=\"let header of ellipsisWithTooltipTableHeaders\">\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ data[header.objectKey] }}</span\n >\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n</ng-template>\n\n<ng-template #lurViolationInfoTooltip>\n <p class=\"first-row\">The values are for the entire week.</p>\n</ng-template>\n\n<ng-template #postedRatingDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average rating is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #postedImpDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average impression is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #ongoingRevBookedColumnTooltip>\n <p>The Booked $ value, Spots, GRP, CPP, IMPS, CPM corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #completedRevBookedColumnTooltip>\n <p>The Booked $ value corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #avgBookedRate>\n <p>This is the booked average Rate</p>\n</ng-template>\n\n<ng-template #avgBookedRtg>\n <p>This is the booked average RTG</p>\n</ng-template>\n\n<ng-template #avgBookedImps>\n <p>This is the booked average IMP(\u2019000)</p>\n</ng-template>\n\n<ng-template #projectedImpsRtg>\n <p>\n ANNA calculates projected RTG/IMPS values using either the computed estimates or the actual posted data,\n depending on what is available. If posted data has not yet been received, ANNA will use the computed estimates\n as the projected value. Once the actual posted data is received, the projection will automatically update to\n reflect the real, posted values. This ensures that projected data is always based on the most accurate and\n up-to-date information.\n </p>\n</ng-template>\n\n<ng-template #automationTooltip>\n <p>\n Please get the order business rules approved to automate the orders. Only for the automated orders, any approved\n MGs, ADUs, or credited spots on ANNA will be fed into the traffic system i.e. ANNA revisions.\n <!-- removed below line as part of enhancmennt in 14.0 releas -->\n <!-- Additionally, ANNA will only enter buyer revisions into traffic for the selected\n Medialine/WOC orders. -->\n </p>\n</ng-template>\n\n<ng-template #rebateImpact>\n <p>Rebate impact value is for the originally ordered spot length and is not equivalized.</p>\n</ng-template>\n\n<ng-template #lurViolationTotalRowToolTip>\n <ul>\n <li>\n <strong>POLITICAL RATE VIOLATIONS:</strong>\n Violations flagged when non-political spots are booked at a rate lower than the minimum booked rate for\n political candidates for the same week, Inventory Code and Revenue Class.\n </li>\n <li>\n <strong>CANDIDATE TO CANDIDATE VIOLATION:</strong>\n Violations flagged when political spots are booked at different rates to other political spots for the same\n week, Inventory Code and Revenue Class.\n </li>\n </ul>\n</ng-template>\n\n<ng-template #circularProgressBar>\n <anna-core-circular-progress\n [percent]=\"percentDone\"\n [radius]=\"5\"\n [outerStrokeWidth]=\"2\"\n [innerStrokeWidth]=\"2\"\n [outerStrokeColor]=\"'#268bff'\"\n [innerStrokeColor]=\"'#d5d5d5'\"\n [animationDuration]=\"500\"\n ></anna-core-circular-progress>\n</ng-template>\n\n<ng-template #userLoggedInDetails>\n <div class=\"tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n <span *ngIf=\"data.key !== 'read'\">\n {{ data.key }} <b>{{ data.value }}</b>\n </span>\n <span *ngIf=\"data.key === 'read'\">\n {{ data.value }}\n </span>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #markAsReadTip>\n <div class=\"notification-tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.value }}\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b>{{ data.value }}</b>\n </ng-container>\n</ng-template>\n\n<ng-template #programChangeTooltipTemplate>\n <div class=\"program-schedule-tooltip\">\n <h2>Program Change</h2>\n <p class=\"previous\">Previous:</p>\n <b annaCoreShowEllipsisTextOnHover>{{ textActionTooltip.OldProgramName }}</b>\n\n <p class=\"updated\">Updated:</p>\n <b\n *ngIf=\"textActionTooltip.NewProgramNames.length === 1\"\n annaCoreShowEllipsisTextOnHover\n >{{ textActionTooltip.NewProgramNames[0] }}</b\n >\n <ul *ngIf=\"textActionTooltip.NewProgramNames.length > 1\">\n <li *ngFor=\"let item of textActionTooltip.NewProgramNames\">\n <label class=\"dot\"></label>\n <span annaCoreShowEllipsisTextOnHover>{{ item }}</span>\n </li>\n </ul>\n </div>\n</ng-template>\n\n<ng-template #showOrHideToggleForTotalRowTooltip>\n <div>\n {{ showOrHideToggleForTotalRow && !gtGeneralConfig.totalRow ? \"Show Total Row\" : \"Hide Total Row\" }}\n </div>\n</ng-template>\n\n<ng-template #tooltipContainingTableTemplate>\n <div\n *ngIf=\"tooltipContainingTable\"\n [innerHTML]=\"tooltipContainingTable.innerHtml\"\n class=\"notification-tooltip-div-container\"\n >\n <!-- <ul>\n <li *ngFor=\"let headerMsg of tooltipContainingTable.tableHeaderMsg\">\n <b> {{headerMsg}} </b>\n </li>\n </ul>\n\n <table class=\"tooltip-table\">\n <thead>\n <tr>\n <th *ngFor=\"let header of tooltipContainingTable.tooltipTableHeader\">\n {{ header}}\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let rows of tooltipContainingTable.tooltipTableBody\">\n <td *ngFor=\"let data of rows\">\n {{ data }}\n </td>\n </tr>\n </tbody>\n </table>\n\n <ul>\n <li style=\"margin-top:10px; padding:0\" *ngFor=\"let footerMsg of tooltipContainingTable.tableFooterMsg\">\n {{ footerMsg }} \n </li>\n </ul> -->\n </div>\n</ng-template>\n<!-- <ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b> {{data.value}}</b>\n </ng-container>\n</ng-template> -->\n\n<ng-template #statusNoteTooltip>\n <div>\n <span class=\"status-note-tooltip\">{{ statusNoteForTooltip }}</span>\n <span *ngIf=\"statusNoteForPopup.length > 100\"\n >...<a\n class=\"view-more-comments\"\n (click)=\"showEntireStatusNote()\"\n >View more</a\n ></span\n >\n </div>\n</ng-template>\n\n<ng-template #innerHtmlToolTipTemplate>\n <div [innerHtml]=\"toolTipInnerHtmlData\"></div>\n</ng-template>\n", styles: ["::ng-deep .show-or-hide-toggle-tooltip .tooltip-inner{max-width:229px}.show-or-hide-toggle-btn.shift-toggle-top-on-total-row-click{transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),32px)}.show-or-hide-toggle-btn{width:16px;height:16px;padding:0;margin:0;border-radius:50%;position:absolute;transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),52px);z-index:999;background-color:#d9d9d9}.show-or-hide-toggle-btn i.mdi.mdi-menu-swap{font-size:16px;display:flex}#generic-table-conatiner.table-with-show-hide-total-row-toggle .total-row td:nth-of-type(2){padding-left:16px!important}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner{max-width:600px;width:min-content}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner>div{width:max-content}::ng-deep .generic-innerHtml-table-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}::ng-deep .generic-innerHtml-table-container{max-height:8.75rem;width:min-content;overflow:auto}::ng-deep .generic-innerHtml-table-container table{table-layout:fixed;width:100%}::ng-deep .generic-innerHtml-table-container table thead tr th{background:#e9e9e9;height:22px;padding:3px 8px;position:sticky;top:0;cursor:default;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0;box-shadow:inset 1px -1px #d4d4d4,inset 0 1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table thead tr th:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 1px #d4d4d4!important}::ng-deep .generic-innerHtml-table-container table tbody tr td{padding:3px 8px;width:100%;color:#000;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;box-shadow:inset 1px -1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr td:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 0 #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr:first-of-type td{border-top:none}::ng-deep .generic-innerHtml-table-container::-webkit-scrollbar-track{margin-top:22px!important}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:var(--filter-search-icon-fs);color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.5rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666;font-size:var(--page-message-content-fs)}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700;font-size:var(--dropdown-label-fs)}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:var(--filter-clear-select-btn-fs);background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:var(--filter-tab-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:var(--filter-checkbox-label-fs)!important;margin-top:10px!important;cursor:pointer}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.red-text-totol-row{color:#f44336!important}.icon-dropdown{display:flex;align-items:center;gap:3px}.check-mark,.unread-mark{cursor:pointer}.on-hover:hover .unread-mark,.notificationHover .check-mark{opacity:0;cursor:pointer}.on-hover:hover .check-mark{opacity:1;cursor:pointer}table{margin-bottom:0;table-layout:fixed;width:100%}:host ::ng-deep .gt thead{top:.1px!important;position:relative}:host ::ng-deep .gt .header-row th{border:none;background:#ededed;padding:2px 8px;line-height:normal;position:sticky;position:-webkit-sticky;top:0;box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th .upper-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .gt .header-row th .lower-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .gt .header-row th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .gt .header-row th div.dummy-header{justify-content:center;margin-left:50%!important;margin-right:50%!important;width:-webkit-fill-available}:host ::ng-deep .gt .header-row th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .gt .header-row th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .gt .header-row th:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th:last-of-type{box-shadow:inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt tbody tr td{padding:2px 8px;border:none;box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt .custom-column-checkbox-checked,:host ::ng-deep .gt .custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}:host ::ng-deep .gt .custom-column-checkbox-checked{color:#268bff}:host ::ng-deep .gt .custom-column-checkbox-unchecked{color:#2962ff}:host ::ng-deep .gt .cell-value{width:calc(100% - 24px)!important;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt .tooltip-text{color:#268bff;cursor:pointer;float:right}:host ::ng-deep .gt .time-selected-div{display:flex;align-items:center;column-gap:4px}:host ::ng-deep .gt .time-selected-div .time-selection-menu{border:solid 1px #b7b7b7;height:24px;text-overflow:ellipsis;padding:2px;width:99%}:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-down,:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-up{float:right;margin-left:auto}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:first-of-type{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4}.table-container{overflow-x:auto;overflow-y:auto}.rowSelectCheckbox,#selectAllRowsCheckbox{cursor:pointer}.disable-checkbox{color:#dedede!important;pointer-events:none!important}.mdi-warning{color:#f3c639;font-size:16px;line-height:28px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.redcolor-status{color:#c62a2a}#no-filter-space{width:.875rem}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}.hidden{display:none}.visibility-collapse{visibility:collapse}.no-data-div{margin-top:2.5px}.no-data-div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:.3125rem 1.125rem;border-radius:.25rem}.column-values:nth-of-type(2){color:#a7a7a7!important}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#2962ff}.time-filter-checkboxes>div>p{color:#151b1e}::ng-deep .margin-bottom-zero .mat-radio-label{margin-bottom:0}:host ::ng-deep mat-radio-group br{margin-top:0!important}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__background{width:var(--mat-radio-size);height:var(--mat-radio-size)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__inner-circle{border-width:calc(var(--mat-radio-size) / 2)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{margin:0 0 0 4px;padding:0;top:-2px;position:relative;font-size:var(--radio-button-label-fs)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio--disabled+label{color:var(--primary-text-color-dark)!important}:host ::ng-deep mat-radio-group mat-radio-button.mat-mdc-radio-button .mdc-form-field .mdc-radio{padding:0}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{left:-94px;font-size:12px;color:#4a4a4a;position:relative}:host ::ng-deep mat-radio-group mat-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-selected-icon-color)}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:red}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:red}::ng-deep .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:#00000061!important}::ng-deep .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-inner-circle{background-color:#00000061!important}::ng-deep tr.white-background-row{background:#fff}::ng-deep tr.gray-background-row{background:#e9e9e980!important}.remarks-tooltip,.mdi-information,.mdi-information-outline,.seller-tooltip{font-size:.875rem;color:#268bff;position:relative;top:.1875rem;cursor:pointer}.seller-tooltip{top:-1px;float:right}::ng-deep .remarks-info-tooltip .tooltip-inner{max-width:19.25rem!important}.rating-icon,.lur-violation-icon{color:#268bff;cursor:pointer;position:relative;left:-2px}::ng-deep .rating-info-tooltip .tooltip-inner{max-width:800px!important}.spots-info-icon{color:#268bff;cursor:pointer;margin:1px 2px 0 -14px}.spots-info-icon-ol{color:#268bff;cursor:pointer;margin:1px 4px 0 -2px}::ng-deep .spot-info-tooltip .tooltip-inner{position:relative;max-width:220px!important;background:#fff;word-break:break-word;display:flex}::ng-deep .spot-info-tooltip-for-orderlisting-table .tooltip-inner{max-width:220px!important;background:#fff;word-break:break-word;display:flex}p.first-row{padding:.5rem .5rem 0;color:#000;white-space:nowrap;text-align:left}p.second-row{padding:2px .5rem .5rem;color:#000;white-space:nowrap;text-align:left}::ng-deep .gt-total-row-tooltip{opacity:1!important}::ng-deep .gt-total-row-tooltip .tooltip-inner{color:#000;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;background-color:#fff;padding:4px!important;width:100%;border-radius:2px!important}::ng-deep .gt-total-row-tooltip .arrow:before{border-top-color:#fff!important}.info-label{margin-left:4px;color:#268bff;vertical-align:text-top}::ng-deep .hierarchy-tooltip{max-width:fit-content;width:310px!important}::ng-deep .hierarchy-tooltip .tooltip-inner{padding:4px!important;max-width:22.75rem;max-height:11.25rem}table.seller-hierarchy-table{table-layout:fixed}table.seller-hierarchy-table tr th{font-family:Roboto;font-size:.75rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:#5e5e5e;white-space:nowrap;background:#ededed;position:sticky;box-shadow:inset 0 1px #d4d4d4;top:0;z-index:1}table.seller-hierarchy-table tr th:nth-child(1){width:20px}table.seller-hierarchy-table tr th:first-of-type,table.seller-hierarchy-table tr td:first-of-type{width:30px;border-left:1px solid #d4d4d4}table.seller-hierarchy-table tr th:last-of-type,table.seller-hierarchy-table tr td:last-of-type{border-right:1px solid #d4d4d4;width:7.875rem!important}table.seller-hierarchy-table tr th:nth-of-type(2){width:7.75rem!important}table.seller-hierarchy-table tr td{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a;box-shadow:none!important;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4}table.seller-hierarchy-table tr td:nth-of-type(2),table.seller-hierarchy-table tr td:nth-of-type(3){padding-top:.25rem}table.seller-hierarchy-table tr td span{display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}section.hierarchy-table-container,section.table-inside-tooltip-container{max-height:8.75rem;overflow:auto}section.hierarchy-table-container::-webkit-scrollbar-track{margin-top:1.5rem}section.table-inside-tooltip-container::-webkit-scrollbar-track{margin-top:1.1875rem}.difference-text{padding:.5rem;color:#000;text-align:left}::ng-deep .posted-avg-tooltip .tooltip-inner{width:13.8125rem!important}::ng-deep .drrBooked-info-tooltip{transform:translate(26px,6px)}::ng-deep .drrBooked-info-tooltip .tooltip-inner{max-width:307px!important;width:242px!important;background:#fff;word-break:break-word;display:flex;padding:4px!important;text-align:left}::ng-deep .drrBooked-info-tooltip .tooltip-inner p{color:#000}::ng-deep .drrBooked-info-tooltip .arrow:before{border-right-color:#fff!important}.clickable-data{cursor:pointer;color:#268bff!important;display:flex!important;align-items:center}.clickable-data .spot-details-download-icons{font-size:12px}.disabled-clickable-data{pointer-events:none;color:#d4d4d4!important}.spot-column-tooltip-message{color:#000;width:max-content;text-align:left}div.spinner-for-button-directive{position:relative;left:-1px}.clickable-row table tr.mat-row td{cursor:pointer!important}.tooltip-div-container{text-align:left!important;padding:8px 4px;color:#4a4a4a!important;font-size:11px!important;font-family:Roboto;font-size:11px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.notification-tooltip-div-container{text-align:left!important;padding:6px 8px;color:#4a4a4a!important;font-size:12px!important;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.mdi-information,.mdi-information-outline{left:3px;top:1px}.mdi-information-outline{position:static}::ng-deep .team-user-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .team-user-tooltip .tooltip-inner{opacity:1!important;width:fit-content!important;max-width:520px;border-radius:2px;padding:0 4px!important}::ng-deep .team-user-tooltip .tooltip-inner .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:var(--page-message-content-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip{opacity:1!important}::ng-deep .gt-icon-column-tooltip .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:var(--page-message-content-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .gt-icon-column-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip .tooltip-inner{width:100%}.view-link{color:#268bff;padding:0;text-decoration:underline;border:none;background-color:inherit;cursor:pointer;letter-spacing:normal;font-weight:400;margin-left:3px}::ng-deep .tooltip-containing-table{opacity:1!important}::ng-deep .tooltip-containing-table .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:var(--page-message-content-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .tooltip-containing-table.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .tooltip-containing-table li{margin:0!important;padding:0!important}::ng-deep .tooltip-containing-table ul{margin:0!important;padding-left:8px!important}::ng-deep .tooltip-containing-table ul.pl-16{padding-left:16px!important}::ng-deep .tooltip-containing-table .tooltip-inner{width:100%;max-width:230px}table.tooltip-table{table-layout:fixed;margin:4px 0 0;width:100%}table.tooltip-table th,table.tooltip-table td{padding:2px 8px;line-height:normal}table.tooltip-table thead tr th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important;border:none}table.tooltip-table thead tr th{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67;background-color:#ededed;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.tooltip-table thead tr th div.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}table.tooltip-table tbody tr td{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67}table.tooltip-table tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.tooltip-table tbody tr td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.bottom-border{border-bottom:1px solid #d4d4d4!important}i.disabled{pointer-events:none!important}.black-color-text{color:#000}.white-space-nowrap{white-space:nowrap}.ellipsis-tooltip-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}table.ellipsis-tooltip-table{table-layout:fixed;width:100%}table.ellipsis-tooltip-table thead th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important}table.ellipsis-tooltip-table thead th{background:#e9e9e9;padding:3px 8px;line-height:normal;position:sticky;top:0;cursor:default;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.ellipsis-tooltip-table thead th .upper-label{font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}table.ellipsis-tooltip-table tbody td{padding:3px 8px}table.ellipsis-tooltip-table tbody td .upper-label{width:100%;color:#000;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}table.ellipsis-tooltip-table tbody td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.ellipsis-tooltip-table tbody td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.pr-4{padding-right:4px}.status-note-tooltip{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;color:#4a4a4a;white-space:normal!important}.view-more-comments{display:block;color:#268bff;font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;cursor:pointer;margin-left:2px}td.mat-column-isOrderStarred:has(.disabled-starring){pointer-events:none!important}td.mat-column-isOrderStarred .mdi.mdi-star.disabled-starring,td.mat-column-isOrderStarred .mdi.mdi-star-outline.disabled-starring{pointer-events:none!important;color:#dbdbdb80!important}table.disable-table-scrolling{overflow:hidden!important}.icon-tooltip-text{display:inline-block;color:#268bff}.text-with-icon-and-text.reduced-width{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px);margin-bottom:-3.5px}.innrHtml-tooltip-icon-marker{float:right;color:#268bff}.reduced-width-text{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px)}.p-8{padding:8px!important}.anna-icons{cursor:pointer}.anna-icons.color-black{color:#000}.anna-icons.color-primary-color{color:var(--primary-color)}.anna-icons.float-right{float:right}.anna-icons.ml-4{margin-left:4px}.anna-icons.mr-4{margin-right:4px}.anna-icons.disable{pointer-events:none}tr td div:first-of-type.CENTRE{display:flex;justify-content:center;align-items:center;height:100%}input[type=radio].anna-gt-radio{accent-color:var(--primary-blue-color);width:16px;height:16px;display:inline-flex;vertical-align:middle;margin-right:4px}input[type=radio].anna-gt-radio:hover{accent-color:var(--primary-blue-color)!important;opacity:1!important;background-color:var(--primary-blue-color)!important;border-color:initial!important;box-shadow:none!important}\n"] }]
|
|
5930
|
+
], template: "<div\n id=\"generic-table-conatiner\"\n #tableElementRef\n class=\"table-container {{ gtGeneralConfig?.tableOuterContainerName }} {{ tableBottomBorderClass }}\"\n [ngClass]=\"{\n 'scroll-left-shadow-effect': isScrolledLeft,\n 'scroll-right-shadow-effect': !isScrollEnded,\n 'clickable-row': clickableRow,\n 'no-data-table': (isNoDataToDisplaySubject$ | async),\n 'table-with-show-hide-total-row-toggle': showOrHideToggleForTotalRow\n }\"\n (scroll)=\"onTableContainerScroll($event)\"\n>\n <div\n [class]=\"gtGeneralConfig.tableContainerName\"\n class=\"horizontal-scroll-for-table-container\"\n [ngStyle]=\"{\n height:\n tableData.length < noOfRowsToCheck - 1\n ? 'calc(' +\n (gtDimension.rowHeight * tableData.length +\n (!tableData.length || !gtGeneralConfig.totalRow\n ? gtDimension.headerHeight\n : gtDimension.headerHeight + gtDimension.rowHeight)) +\n 'px)'\n : gtDimension.tableHeight\n }\"\n >\n <button\n *ngIf=\"showOrHideToggleForTotalRow && !showSkeletonLoading && (isNoDataToDisplaySubject$ | async) === false\"\n [ngClass]=\"{\n 'shift-toggle-top-on-total-row-click': !gtGeneralConfig.totalRow\n }\"\n class=\"show-or-hide-toggle-btn\"\n (click)=\"showHideTotalRow()\"\n >\n <i\n class=\"mdi mdi-menu-swap\"\n tooltipClass=\"show-or-hide-toggle-tooltip\"\n placement=\"auto\"\n container=\"body\"\n [ngbTooltip]=\"showOrHideToggleForTotalRowTooltip\"\n ></i>\n </button>\n\n <table\n class=\"gt\"\n [ngClass]=\"tableClass\"\n mat-table\n [dataSource]=\"renderedData\"\n >\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"modifiedExtraHeaderRowForAdjustingColumnWidths?.objectKeys\"\n [style.height.px]=\"'4px'\"\n [class.visibility-collapse]=\"true\"\n ></tr>\n\n <ng-container *ngFor=\"let row of tableColumnsOfEachRow; let i = index\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumnsOfEachRow[i]; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <tr\n class=\"header-row\"\n mat-header-row\n *matHeaderRowDef=\"tableColumns; sticky: true\"\n [style.height.px]=\"gtDimension.headerHeight\"\n ></tr>\n </ng-container>\n\n <tr\n class=\"total-row\"\n mat-header-row\n [style.height.px]=\"gtDimension.rowHeight\"\n *matHeaderRowDef=\"totalRowColumns; sticky: true\"\n [class.hidden]=\"\n showSkeletonLoading ||\n (!showSkeletonLoading && !tableData.length) ||\n (isNoDataToDisplaySubject$ | async) ||\n (!showSkeletonLoading && !gtGeneralConfig.totalRow)\n \"\n ></tr>\n <tr\n [class]=\"rowData.gtClass\"\n [ngClass]=\"{ 'no-border-tr': (isNoDataToDisplaySubject$ | async) }\"\n mat-row\n *matRowDef=\"let rowData; columns: tableColumns\"\n [style.height.px]=\"gtDimension.rowHeight\"\n (click)=\"dataRowClicked(rowData)\"\n ></tr>\n\n <!-- TOTAL ROW -->\n <ng-container\n [matColumnDef]=\"column.colName\"\n *ngFor=\"let column of totalRowInfo; trackBy: trackByFn\"\n >\n <td\n mat-header-cell\n *matHeaderCellDef\n [attr.colspan]=\"column.colspan\"\n class=\"{{ column.class }}\"\n >\n <ng-container\n *ngIf=\"\n column['radioButtonColumnData'] && column['radioButtonColumnData']['isRadioButtonsColumn']\n \"\n >\n <mat-radio-group\n [ngModel]=\"column.radioButtonColumnData?.selectedRadioButton\"\n [disabled]=\"column.radioButtonColumnData?.disableRadioGroup\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of column.radioButtonColumnData?.radioButtonsData;\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n [ngClass]=\"{\n disabled:\n radioButton?.disabled || column.radioButtonColumnData?.disableRadioGroup\n }\"\n (click)=\"totalRowRadioButtonClickedByUser(radioButton.value)\"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngFor=\"let iconClass of radioButton?.iconClass\">\n <i\n class=\" {{ iconClass }}\"\n (click)=\"totalRowRadioButtonIconClickedByUser(radioButton.value)\"\n ></i\n ></ng-container>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n </ng-container>\n <ng-container *ngIf=\"column['isActionColumn']\">\n <a\n *ngFor=\"let data of column.actionData\"\n [class]=\"data.class\"\n (click)=\"onClickableDataClicked({}, data.id)\"\n >\n {{ data.name }}\n </a>\n </ng-container>\n\n <ng-container *ngIf=\"column['isIconColumn']\">\n <i\n class=\"{{ column?.iconData?.class }}\"\n (click)=\"iconClickedInTotalRow(column?.colName)\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!column['isActionColumn']\">\n <strong class=\"upper-label\"\n >{{ column.data }}\n <span\n class=\"red-text-totol-row\"\n *ngIf=\"column.additionalRedTextAfterData\"\n >{{ column.additionalRedTextAfterData }}</span\n ></strong\n >\n <ng-container *ngIf=\"column.lowerData\">\n <p\n *ngIf=\"\n column.colName === 'total-potential-booked-unit' &&\n gtGeneralConfig.component === 'RATING';\n else columnLowerData\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('TOTALROW')\"\n [ngClass]=\"{\n 'disabled-clickable-data': downloadInProgress || column.lowerData === '0'\n }\"\n >\n {{ column.lowerData }}\n <span class=\"material-icons mdi mdi-download spot-details-download-icons\"></span>\n <ng-container *ngIf=\"downloadInProgress && selectedRowTypeForDownload === 'TOTALROW'\">\n <ng-container [ngTemplateOutlet]=\"circularProgressBar\"></ng-container>\n </ng-container>\n </p>\n <ng-template #columnLowerData>\n <p class=\"lower-label\">{{ column.lowerData }}</p>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"column.tooltipMessage && gtGeneralConfig.component !== 'LUR_VIOLATIONS'\">\n <i\n class=\"{{ column.tooltipIconClass }}\"\n container=\"body\"\n [ngbTooltip]=\"column.tooltipMessage\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"top bottom\"\n ></i>\n </ng-container>\n <ng-container *ngIf=\"gtGeneralConfig.component === 'LUR_VIOLATIONS' && column.tooltipMessage\">\n <i\n class=\"mi mdi-info-outline info-label\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationTotalRowToolTip\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n ></i>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n\n <ng-container *ngIf=\"gtGeneralConfig?.hasMultipleTableHeaderRows\">\n <ng-container\n [matColumnDef]=\"columnDef\"\n *ngFor=\"\n let columnDef of modifiedExtraHeaderRowForAdjustingColumnWidths.objectKeys;\n let i = index;\n trackBy: trackByFn\n \"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"modifiedExtraHeaderRowForAdjustingColumnWidths.widths[i]\"\n ></th\n ></ng-container>\n ></ng-container\n >\n\n <!-- MAIN ROW -->\n <ng-container\n [matColumnDef]=\"columnDef.headerInfo[0].objectKey\"\n *ngFor=\"let columnDef of tableHeaders; trackBy: trackByFn\"\n >\n <th\n #tableHeader\n nowrap\n mat-header-cell\n *matHeaderCellDef\n [style.width]=\"columnDef.width\"\n [attr.rowspan]=\"columnDef.rowspan ? columnDef.rowspan : 1\"\n [attr.colspan]=\"columnDef.colspan ? columnDef.colspan : 1\"\n >\n <div\n class=\"row mx-0\"\n [ngClass]=\"{ 'dummy-header': columnDef.dummyHeader }\"\n *ngFor=\"let header of columnDef.headerInfo; let j = index\"\n >\n <p\n *ngIf=\"header.typeOfHeaderData === 'STRING'\"\n [ngClass]=\"{ 'upper-label': j === 0, 'lower-label': j === 1 }\"\n >\n <ngx-skeleton-loader\n *ngIf=\"header.name == null\"\n count=\"1\"\n [theme]=\"{\n height: '10px',\n display: 'block',\n width: columnDef.width,\n 'max-width': 'calc(100% - 20px)'\n }\"\n >\n </ngx-skeleton-loader>\n <ng-container *ngIf=\"header.name\">\n {{ header.name }}\n </ng-container>\n <ng-container *ngIf=\"header.tooltip && header.tooltip.tooltipMessage\">\n <i\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"header.tooltip.tooltipMessage\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'impsInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"impsInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"\n header.tooltip && header.tooltip.name === 'spotsColumnEquivalizationMessageTooltip'\n \"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"spotsColumnEquivalizationMessageTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'underDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"underDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'overDeliveryTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n container=\"body\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"overDeliveryTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ratingInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ratingInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rateInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rateInfoTooltip\"\n container=\"body\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'ongoingRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"ongoingRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'completedRevBookedColumnTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"completedRevBookedColumnTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRate'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRate\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'avgBookedImps'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"avgBookedImps\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'automationTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"automationTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'rebateImpact'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"rebateImpact\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'projectedImpsRtg'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"projectedImpsRtg\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </p>\n\n <ng-container *ngIf=\"header.typeOfHeaderData === 'CHECKBOX'\">\n <span\n *ngIf=\"gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n <span\n *ngIf=\"!gtGeneralConfig.isHeaderChecked\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{ 'disable-checkbox': gtGeneralConfig.disableHeaderCheckbox }\"\n (click)=\"selectUnselectAllRows()\"\n >\n </span>\n </ng-container>\n\n <div\n *ngIf=\"gtGeneralConfig.showAllColumnFilter && header && header.typeOfHeaderData !== ''\"\n class=\"sort-filter-container\"\n >\n <ng-container *ngIf=\"header.showTooltipIcon\">\n <!-- Active tooltip Functionality -->\n <ng-container *ngIf=\"header.filter === 'CHECKBOX'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"filterTooltip\"\n placement=\"{{ filterAlignment }}\"\n container=\"body\"\n tooltipClass=\"non-edit-checkbox-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'SLIDER'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"sliderToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n tooltipClass=\"non-edit-slider-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t1=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t1, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'DATE'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"datePickerTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"non-edit-datepicker-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t2=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t2, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'WEEK'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"weekPickerToolTip\"\n placement=\"bottom left-top\"\n container=\"body\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t3=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t3, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n <ng-container *ngIf=\"header.filter === 'TIME'\">\n <span\n class=\"mdi mdi-filter-variant\"\n [ngClass]=\"{\n active:\n annaFilterService.isFilterSortActive &&\n annaFilterService.isFilterSortActive[header.joinedFilterSortObjectKeys],\n disabled: header.disableTooltipIcon || showSkeletonLoading\n }\"\n [ngbTooltip]=\"timeFilterToolTip\"\n placement=\"bottom left-top auto\"\n container=\"body\"\n tooltipClass=\"non-edit-time-tooltip\"\n [autoClose]=\"'outside'\"\n triggers=\"manual\"\n #t4=\"ngbTooltip\"\n (click)=\"bindTheValueToToolTip(t4, header)\"\n (hidden)=\"closeTooltip()\"\n >\n </span\n ><br />\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!header.showTooltipIcon\">\n <span id=\"no-filter-space\"></span><br />\n </ng-container>\n <i\n *ngIf=\"header.tooltip && header.tooltip.name === 'lurViolationInfoTooltip'\"\n class=\"{{ header['tooltip'].iconClass }}\"\n [ngStyle]=\"{ float: header['tooltip'].iconPosition }\"\n #t=\"ngbTooltip\"\n container=\"body\"\n [ngbTooltip]=\"lurViolationInfoTooltip\"\n placement=\"{{ header['tooltip'].tooltipPosition }}\"\n tooltipClass=\"{{ header['tooltip'].tooltipClass }}\"\n >\n </i>\n </div>\n </div>\n </th>\n\n <ng-container *matCellDef=\"let ROW_DATA\">\n <td\n mat-cell\n [style.background]=\"ROW_DATA.backgroundColor\"\n [style.border]=\"ROW_DATA.border\"\n class=\"{{ ROW_DATA.rowClass }}\"\n [ngClass]=\"ROW_DATA[columnDef.headerInfo[0].objectKey + 'TdClass']\"\n [attr.rowspan]=\"tdsHaveRowSpan ? ROW_DATA[columnDef.headerInfo[0].objectKey + 'Rowspan'] : 1\"\n *ngIf=\"\n !hideSomeTds ||\n (hideSomeTds && !ROW_DATA['hide' + columnDef.headerInfo[0].objectKey + 'Td'])\n \"\n >\n <ngx-skeleton-loader\n *ngIf=\"showSkeletonLoading\"\n count=\"1\"\n [theme]=\"{ height: '10px', display: 'block', marginBottom: '0' }\"\n >\n </ngx-skeleton-loader>\n\n <ng-container *ngIf=\"!showSkeletonLoading\">\n <ng-container *ngIf=\"tableData.length > 0 && (isNoDataToDisplaySubject$ | async) === false\">\n <ng-container\n *ngFor=\"\n let subline of columnDef.headerInfo;\n let subLineIndex = index;\n trackBy: trackByFn\n \"\n >\n <div\n annaCoreShowEllipsisTextOnHover\n [includeFullWidth]=\"\n columnDef.headerInfo[subLineIndex].typeOfBodyData !== 'RADIO'\n \"\n [class]=\"columnDef.headerInfo[subLineIndex]?.tdCellClass\"\n >\n <ng-container [ngSwitch]=\"columnDef.headerInfo[subLineIndex].typeOfBodyData\">\n <ng-container *ngSwitchCase=\"'ICON'\">\n <i\n *ngIf=\"\n !(\n starredInProgress &&\n ROW_DATA.orderId === selectedStarredOrderId\n )\n \"\n [class]=\"ROW_DATA.iconClass\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n (click)=\"iconClicked(ROW_DATA, ROW_DATA.iconClass)\"\n ngbTooltip=\"{{ ROW_DATA.iconTitleText }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <ng-container\n *ngIf=\"\n starredInProgress && ROW_DATA.orderId === selectedStarredOrderId\n \"\n >\n <div\n class=\"spinner-for-button-directive\"\n [ngClass]=\"{ 'disabled-starring': starredInProgress }\"\n ></div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'ICON_CELL'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <ng-container *ngIf=\"action.showObjectKey\">\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </ng-container>\n\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"\n action.showTooltip && action?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action.tooltipData\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML_STRING'\">\n <p\n [innerHTML]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n (click)=\"innerHTMLCellClicked($event, ROW_DATA)\"\n ></p>\n </ng-container>\n <ng-container *ngSwitchCase=\"'HTML_STRING_AND_CLICKABLE_DATA'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n *ngIf=\"text.showText\"\n [innerHtml]=\"text.innerHTMLText\"\n ></span>\n\n <a\n *ngIf=\"text.showLink\"\n class=\"view-link\"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.linkName }}\n </a>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SVG_ICON'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <span\n class=\"pr-4\"\n *ngIf=\"action?.showObjectKey\"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n class=\"pr-4 {{ action?.additionalTextClass }}\"\n *ngIf=\"action?.additionalText\"\n [ngbTooltip]=\"additionalTextTipContent\"\n [disableTooltip]=\"!action?.svgOrIconAdditionalTextTooltipMsg\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [innerHtml]=\"action?.additionalText\"\n >\n <!-- {{ action?.additionalText }} -->\n </span>\n\n <ng-template #additionalTextTipContent>\n <div [innerHTML]=\"action?.svgOrIconAdditionalTextTooltipMsg\"></div\n ></ng-template>\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n [disableTooltip]=\"!action?.svgOrIconTooltipMsg\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n (columnIconClicked)=\"\n svgIconClicked(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].actionKey\n )\n \"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.svgOrIconTooltipMsg\"></div\n ></ng-template>\n </anna-core-icon-column>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'TEXT_ACTIONS'\">\n <ng-container\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <button\n *ngIf=\"text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n (mouseenter)=\"\n mouseEnterOnTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [ngbTooltip]=\"textActionTooltipTemplate\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n {{ text.name }}\n </button>\n\n <button\n *ngIf=\"!text.showTooltip\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n text.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disabled]=\"text.isDisabled\"\n class=\"{{ text.class }}\"\n >\n {{ text.name }}\n </button>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CHECKBOX'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-checkbox-marked custom-column-checkbox-checked\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n false\n )\n \"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-checkbox-blank-outline custom-column-checkbox-unchecked\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n ngbTooltip=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'CLICKABLE_DATA'\">\n <a\n *ngFor=\"\n let text of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n [class]=\"text.class\"\n (click)=\"onClickableDataClicked(ROW_DATA, text.id)\"\n >{{ text.name }}</a\n >\n <span\n *ngIf=\"\n subline.objectKey === 'displayBookedUnits' &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"clickable-data\"\n (click)=\"spotDetailsDownloadClicked('DATAROW', ROW_DATA)\"\n [ngClass]=\"{\n 'disabled-clickable-data':\n downloadInProgress || ROW_DATA.displayBookedUnits === '-'\n }\"\n >{{ ROW_DATA.displayBookedUnits }}\n <span\n class=\"material-icons mdi mdi-download spot-details-download-icons\"\n ></span>\n <ng-container\n *ngIf=\"\n downloadInProgress &&\n ROW_DATA.ProgramId === selectedProgramIdForDownload &&\n ROW_DATA.Demographic === selectedDemographicForDownload\n \"\n >\n <ng-container\n [ngTemplateOutlet]=\"circularProgressBar\"\n ></ng-container>\n </ng-container>\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING___ICON_OR_TEXT_ACTION'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n [class]=\"action.additionalTextBeforeLinkClass\"\n [innerHtml]=\"action.additionalTextBeforeLink\"\n ngbTooltip=\"{{ action.additionalTextBeforeLink }}\"\n placement=\"bottom\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalText\"\n ></span>\n\n <ng-container *ngIf=\"action && action.typeOfData === 'STRING'\">\n <span\n class=\"text-with-icon-and-text\"\n [ngClass]=\"{ 'reduced-width': action.showIcon }\"\n annaCoreShowEllipsisTextOnHover\n >{{ action.data }}</span\n >\n </ng-container>\n\n <a\n [id]=\"action.id\"\n *ngIf=\"action.showLink\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n [ngClass]=\"{ disabled: action.disabledLink }\"\n >{{ action.data }}</a\n >\n <span\n ngbTooltip=\"{{ action.additionalTextAfterLink }}\"\n placement=\"bottom\"\n container=\"body\"\n [class]=\"action.additionalTextAfterLinkClass\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n [disableTooltip]=\"!action.enableTooltipForAdditionalAfterText\"\n >\n {{ action.additionalTextAfterLink }}\n </span>\n\n <ng-container *ngIf=\"action.showTooltip\">\n <ng-container *ngIf=\"action.tooltipData.innerHtml\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionTypeContainingTable(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"tooltip-containing-table remove-on-scroll-class\"\n [ngbTooltip]=\"tooltipContainingTableTemplate\"\n >\n </i>\n </ng-container>\n\n <ng-container *ngIf=\"!action.tooltipData.tooltipTableBody\">\n <span\n *ngIf=\"action.showIcon\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n class=\"icon-tooltip-text\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action.tooltipClass\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n >\n <i [class]=\"action.iconClass\"> </i>\n {{ action.additionalTextAfterIcon ?? \"\" }}\n </span>\n <ng-container *ngIf=\"action['showSvgIcon']\">\n <anna-core-anna-est-icon-template\n class=\"float-right\"\n *ngIf=\"action['svgIconName'] === 'anna-icon'\"\n (mouseleave)=\"mouseLeaveTextActionType(ROW_DATA)\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex]\n .tooltipKey\n )\n \"\n [placement]=\"\n action.tooltipPlacement\n ? action.tooltipPlacement\n : 'bottom auto'\n \"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n action['tooltipClass']\n }}\"\n [ngbTooltip]=\"userLoggedInDetails\"\n container=\"body\"\n [autoClose]=\"true\"\n >\n </anna-core-anna-est-icon-template>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!action.showTooltip\">\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n [ngClass]=\"{ disabled: action.disabledIcon }\"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n >\n </i>\n </ng-container>\n\n <i\n *ngIf=\"action.showSimpleIcon\"\n [class]=\"action.iconClass\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"\n action?.tooltipDataForSimpleIcon ? tipContent : null\n \"\n (click)=\"\n iconClickedOnStringIconActionType(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.tooltipDataForSimpleIcon\"\n >\n <ng-template #tipContent>\n <div\n class=\"p-8\"\n [innerHTML]=\"action.tooltipDataForSimpleIcon\"\n ></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_OR_INPUT'\">\n <ng-container\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.type ===\n 'STRING';\n else inputBox\n \"\n >\n <span\n [innerHtml]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.value\n \"\n ></span>\n </ng-container>\n\n <ng-template #inputBox>\n <span class=\"input-box-container\">\n <input\n placeholder=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.placeholder\n }}\"\n annaCoreShowEllipsisTextOnHover\n class=\"{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .className\n }}\"\n (keydown)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n false\n )\n \"\n (paste)=\"\n changesMadeInEditableInputBox(\n $event,\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n true\n )\n \"\n (ngModelChange)=\"\n editableInputValueChanged(\n $event,\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n [ngModel]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .value\n \"\n [disabled]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .disabled\n \"\n [ngClass]=\"{\n 'red-border':\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].hasError\n }\"\n />\n\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let isLast = last\n \"\n >\n <i\n *ngIf=\"action?.showIcon\"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ action?.iconClass }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"action?.iconTooltip\"></div\n ></ng-template>\n </i>\n <ng-container *ngIf=\"action?.showSvgIcon\">\n <anna-core-icon-column\n [ngClass]=\"{ 'pr-4': !isLast }\"\n *ngIf=\"action?.svgOrIconName\"\n [componentName]=\"gtGeneralConfig.component\"\n [dataObject]=\"ROW_DATA\"\n [iconToShow]=\"action?.svgOrIconName\"\n data-html=\"true\"\n [ngbTooltip]=\"tipContent\"\n placement=\"auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n >\n <ng-template #tipContent>\n <div\n [innerHTML]=\"action?.svgOrIconTooltipMsg\"\n ></div></ng-template\n ></anna-core-icon-column>\n </ng-container>\n <ng-container *ngIf=\"action?.showLink\">\n <a\n [id]=\"action?.id\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action?.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [class]=\"action.linkClass\"\n >{{ action?.linkText }}\n </a>\n </ng-container>\n </ng-container>\n </span>\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'HTML'\">\n <span\n [innerHtml]=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n ></span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [disabled]=\"dropdown.isDisabled\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_SELECT_DROPDOWN_AND_ICON'\">\n <ng-container\n *ngFor=\"\n let dropdown of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ];\n let dropdownIndex = index\n \"\n >\n <div [ngClass]=\"{ 'icon-dropdown': dropdown.showIcon }\">\n <anna-core-single-select\n class=\"gt-single-select dropdown {{ dropdown?.className }}\"\n [ngClass]=\"{ error: !dropdown?.selectedItem }\"\n [items]=\"dropdown?.itemList\"\n [selectedItem]=\"dropdown?.selectedItem\"\n [config]=\"dropdown?.dropdownConfig\"\n (valueChanged)=\"\n onDropdownChanged($event, ROW_DATA, dropdownIndex)\n \"\n >\n </anna-core-single-select>\n <i\n *ngIf=\"dropdown.showIcon\"\n [class]=\"dropdown.iconClass\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class {{\n dropdown.tooltipClass\n }}\"\n [ngbTooltip]=\"\n dropdown.showTooltip && dropdown?.tooltipData\n ? tipContent\n : null\n \"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n dropdown.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!dropdown.showTooltip\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"dropdown.tooltipData\"></div\n ></ng-template>\n </i>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'SINGLE_RADIO'\">\n <span\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n class=\"mdi mdi-radiobox-marked\"\n (click)=\"(null)\"\n >\n </span>\n <span\n *ngIf=\"!ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\"\n class=\"mdi mdi-radiobox-blank\"\n [ngClass]=\"{\n 'disable-checkbox':\n ROW_DATA[columnDef.headerInfo[subLineIndex].isDisabledKey]\n }\"\n (click)=\"\n selectOrUnselectCheckbox(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n true\n )\n \"\n >\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'RADIO'\">\n <mat-radio-group\n *ngIf=\"ROW_DATA['RadioButtonConfig']; else showHyphen\"\n [ngModel]=\"ROW_DATA[subline.objectKey]\"\n [disabled]=\"ROW_DATA['RadioButtonConfig'][0].isDisabled\"\n >\n <ng-container\n *ngFor=\"\n let radioButton of ROW_DATA['RadioButtonConfig'];\n let last = last\n \"\n >\n <mat-radio-button\n value=\"{{ radioButton.value }}\"\n class=\"{{ radioButton.class }}\"\n (click)=\"\n radioButtonClicked(\n ROW_DATA,\n radioButton.value,\n ROW_DATA['RadioButtonConfig'][0].isDisabled\n )\n \"\n >{{ radioButton.label }}\n </mat-radio-button>\n <ng-container *ngIf=\"radioButton.icons\">\n <i\n *ngFor=\"let icon of radioButton.icons\"\n class=\" {{ icon.class }}\"\n (click)=\"radioButtonIconClicked(ROW_DATA, icon.name)\"\n ></i>\n </ng-container>\n\n <i\n *ngIf=\"radioButton.tooltipMessage\"\n class=\"mi mdi-info-outline\"\n [ngbTooltip]=\"radioButton.tooltipMessage\"\n placement=\"bottom auto\"\n container=\"body\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class\"\n ></i>\n <br *ngIf=\"!last\" />\n </ng-container>\n </mat-radio-group>\n <ng-template #showHyphen> - </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span class=\"action-data\"> {{ action?.dataToDisplay }}</span>\n <ng-container *ngIf=\"action?.additionalTextWoTooltip\">\n <span\n class=\"additional-text-wo-tooltip\"\n [innerHtml]=\"action.additionalTextWoTooltip\"\n >\n </span>\n </ng-container>\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"stringWithTooltipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithTooltipTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey,\n tooltipWithStringRef\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"action?.tooltipIconClass\"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithStringRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-column-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n </span>\n <span>{{ action?.dataToDisplayAfterTooltip }}</span>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_ELLIPSIS_WITH_TABLE_TOOLTIP'\">\n <div class=\"new-ellipsis-container\">\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"cell-value\"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .cellValue\n }}\n </span>\n <span\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.showTooltip\n \"\n class=\"tooltip-text\"\n [ngbTooltip]=\"tableInsideTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"table-inside-tooltip remove-on-scroll-class {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipClass\n }}\"\n (mouseenter)=\"\n bindTheValueToTableTooltip(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info\n )\n \"\n >\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.tooltipHoverText\n }}\n </span>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length <\n 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n info,\n columnDef.headerInfo[subLineIndex].objectKey\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].length >\n 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'STRING_WITH_TOOLTIP_INNER_HTML'\">\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"action-data\"\n [ngClass]=\"action?.showTooltip ? 'reduced-width-text' : ''\"\n >\n {{ action?.dataToDisplay }}</span\n >\n <span\n *ngIf=\"action?.showTooltip\"\n [ngbTooltip]=\"innerHtmlToolTipTemplate\"\n (mouseenter)=\"\n mouseEnterOnStringWithInnerHtmlTooltipTextActionType(\n ROW_DATA,\n action,\n tooltipWithInnerHtmlRef,\n !action.isManualTrigger\n )\n \"\n [placement]=\"action?.tooltipPosition\"\n container=\"body\"\n [class]=\"\n 'innrHtml-tooltip-icon-marker ' + action?.tooltipIconClass\n \"\n [autoClose]=\"'outside'\"\n [triggers]=\"action.isManualTrigger ? 'manual' : 'hover focus'\"\n #tooltipWithInnerHtmlRef=\"ngbTooltip\"\n tooltipClass=\"gt-icon-innerHtml-tooltip remove-on-scroll-class {{\n action?.tooltipInnerClass\n }}\"\n [disableTooltip]=\"action?.disableTooltip\"\n >\n {{ action.tooltipMarkerText }}\n </span>\n <span *ngIf=\"action?.dataToDisplayAfterTooltip\">\n {{ action?.dataToDisplayAfterTooltip }}\n </span>\n </ng-container>\n </ng-container>\n\n <ng-container\n *ngSwitchCase=\"\n 'ICON_CELL_AND_STRING_WITH_ELLIPSIS_AND_READ_MORE_TOOLTIP'\n \"\n >\n <ng-container\n *ngFor=\"\n let action of ROW_DATA[\n columnDef.headerInfo[subLineIndex].actionKey\n ]\n \"\n >\n <i\n *ngIf=\"action.showIcon\"\n [class]=\"action.iconClass\"\n title=\"\"\n (mouseenter)=\"\n mouseEnterOnStringTextActionType(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].tooltipKey\n )\n \"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n tooltipClass=\"team-user-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"action.showTooltip ? action.tooltipData : null\"\n (click)=\"\n textActionClicked(\n ROW_DATA,\n action.id,\n columnDef.headerInfo[subLineIndex]\n )\n \"\n [disableTooltip]=\"!action.showTooltip\"\n >\n </i>\n\n <ng-container *ngIf=\"action.showObjectKey\">\n <span\n title=\"\"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length < 26\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n\n <span\n title=\"\"\n [ngbTooltip]=\"statusNoteTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n [triggers]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 100\n ? 'manual'\n : 'hover focus'\n \"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"status-note-tooltip\"\n (mouseenter)=\"\n bindTheValueToStatusNote(\n ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ],\n info\n )\n \"\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .length > 25\n \"\n >\n {{ ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey] }}\n </span>\n </ng-container>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'DIGIT_ONLY_INPUT'\">\n <input\n annaCoreDigitOnly\n [type]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].type\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .type\n : 'text'\n \"\n [decimal]=\"true\"\n [readOnly]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].disabled\n \"\n [decimalPlaces]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .decimalPlaces\n \"\n inputmode=\"numeric\"\n [min]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.min ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].min\n : digitInputmin\n \"\n [max]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]?.max ===\n 0\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].max\n : digitInputMax\n \"\n [allowPaste]=\"false\"\n class=\"form-control\"\n [value]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].value\n \"\n [placeholder]=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n ? ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .placeholder\n : 'Enter value'\n \"\n (input)=\"\n onInputChange(\n ROW_DATA,\n columnDef.headerInfo[subLineIndex].objectKey,\n $event\n )\n \"\n />\n </ng-container>\n <ng-container *ngSwitchCase=\"'TIME_INPUT'\">\n <div\n *ngIf=\"\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .showAsInput;\n else timeAsString\n \"\n class=\"time-selected-div {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].class\n }}\"\n [ngbTooltip]=\"timeInputTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"false\"\n triggers=\"manual\"\n #timeInputTooltipInRow=\"ngbTooltip\"\n (click)=\"\n timeInputTooltipClickedInTableBody(\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey],\n ROW_DATA\n );\n bindTheValueToTimeInputTooltip(timeInputTooltipInRow)\n \"\n >\n <div class=\"time-selection-menu\">\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n <i\n *ngIf=\"\n !timeTableRowtooltip ||\n !selectedRowForTimeEdit ||\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id !==\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-down icon\"\n ></i>\n <i\n *ngIf=\"\n timeTableRowtooltip &&\n selectedRowForTimeEdit &&\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n ?.id ===\n selectedRowForTimeEdit[\n columnDef.headerInfo[subLineIndex].objectKey\n ]?.id\n \"\n class=\"mdi mdi-menu-up icon\"\n ></i>\n </div>\n </div>\n <ng-template #timeAsString>\n {{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n .selectedTimeAsAString\n }}\n </ng-template>\n <ng-container\n *ngIf=\"ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey].icons\"\n >\n <i\n *ngFor=\"\n let icon of ROW_DATA[\n columnDef.headerInfo[subLineIndex].objectKey\n ].icons\n \"\n container=\"body\"\n [ngbTooltip]=\"tipContent\"\n tooltipClass=\"gt-total-row-tooltip\"\n placement=\"bottom\"\n class=\"{{ icon.class }}\"\n >\n <ng-template #tipContent>\n <div [innerHTML]=\"icon?.tooltipMessage\"></div\n ></ng-template>\n </i>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <ng-container *ngIf=\"subline.objectKey !== 'description'\">\n <span annaCoreShowEllipsisTextOnHover>{{\n ROW_DATA[columnDef.headerInfo[subLineIndex].objectKey]\n }}</span>\n <!-- <i\n *ngIf=\"\n subline.objectKey === 'inventoryCode' &&\n ROW_DATA['isSellerGroup'] &&\n gtGeneralConfig.component === 'RATING'\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n [ngbTooltip]=\"sellerHierarchyTooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n triggers=\"manual\"\n (hidden)=\"closeTooltip()\"\n #info=\"ngbTooltip\"\n tooltipClass=\"hierarchy-tooltip remove-on-scroll-class\"\n (mouseenter)=\"\n bindTheValueToSellerGroupTooltip(\n ROW_DATA.sellerGroupHierarchy,\n info\n )\n \" \n >\n </i>-->\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageRating' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showRatingAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedRatingDifference\"\n >\n </i>\n\n <i\n *ngIf=\"\n subline.objectKey === 'displayBookedAverageImpression' &&\n gtGeneralConfig.component === 'RATING' &&\n ROW_DATA['showImpressionAverageIcon']\n \"\n class=\"mi mdi-info-outline seller-tooltip\"\n placement=\"bottom auto\"\n container=\"body\"\n [autoClose]=\"true\"\n (mouseenter)=\"\n setIsDifference(ROW_DATA.isDifferenceLessThan25Percent)\n \"\n tooltipClass=\"posted-avg-tooltip remove-on-scroll-class\"\n [ngbTooltip]=\"postedImpDifference\"\n >\n </i>\n </ng-container>\n <ng-container *ngIf=\"subline.objectKey === 'description'\">\n <p\n *ngIf=\"\n ROW_DATA.descriptionMessage ||\n ROW_DATA.descriptionEmailReferenceNum\n \"\n >\n <ng-container *ngIf=\"ROW_DATA.descriptionMessage\">\n {{ ROW_DATA.descriptionMessage }}\n <br />\n </ng-container>\n <ng-container\n *ngIf=\"\n ROW_DATA.descriptionEmailReferenceNum !== '-' &&\n ROW_DATA.descriptionEmailReferenceNum !== ''\n \"\n >\n Email Ref: {{ ROW_DATA.descriptionEmailReferenceNum }}\n <br />\n </ng-container>\n </p>\n <a\n href=\"{{ ROW_DATA.descriptionDetailsUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionDetailsUrlType === 'PDF' ||\n ROW_DATA.descriptionDetailsUrlType === 'EXCEL'\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">Download</button>\n </a>\n <ng-container\n *ngIf=\"\n ROW_DATA.activityname.toLowerCase() === 'order onboarded'\n \"\n >\n <a\n *ngIf=\"ROW_DATA.descriptionDetailsUrlType === 'LINK'\"\n (click)=\"viewDetailsClicked(ROW_DATA)\"\n >\n <button class=\"btn viewDetailsAndEmailBtn order-onboarded\">\n View details\n </button>\n </a>\n </ng-container>\n\n <a\n href=\"{{ ROW_DATA.descriptionEmailUrl }}\"\n target=\"_blank\"\n *ngIf=\"\n ROW_DATA.descriptionEmailUrl !== '-' &&\n ROW_DATA.descriptionEmailUrl !== ''\n \"\n >\n <button class=\"btn viewDetailsAndEmailBtn\">View email</button>\n </a>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"isNoDataToDisplaySubject$ | async\">\n <div>\n {{ null }}\n </div>\n </ng-container>\n </ng-container>\n </td>\n </ng-container>\n </ng-container>\n </table>\n </div>\n <anna-core-no-data-lib\n [width]=\"noDataWidth\"\n [marginTop]=\"marginTop\"\n *ngIf=\"isNoDataToDisplaySubject$ | async\"\n >\n </anna-core-no-data-lib>\n</div>\n\n<!-- Checkbox template -->\n<ng-template #filterTooltip>\n <anna-core-anna-column-checkbox-filter\n *ngIf=\"filterTabObjects\"\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-checkbox-filter>\n</ng-template>\n\n<!-- Slider template -->\n<ng-template #sliderToolTip>\n <anna-core-anna-column-slider-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-slider-filter>\n</ng-template>\n\n<!-- Date Picker Template -->\n<ng-template #datePickerTooltip>\n <anna-core-anna-column-date-range-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-date-range-filter>\n</ng-template>\n\n<!-- Week Picker Template -->\n<ng-template #weekPickerToolTip>\n <!-- <div class=\"weekpicker-container\">\n <anna-core-week-calendar-filter-lib\n [week-calendar-config]=\"gtGeneralConfig.multiWeekPickerConfig\"\n (apply)=\"applyWeekFilter($event)\"\n [from-date]=\"calendarMinEnabledDate\"\n [to-date]=\"calendarMaxEnabledDate\"\n >\n </anna-core-week-calendar-filter-lib>\n </div> -->\n</ng-template>\n\n<!-- Time Filter Template -->\n<ng-template #timeFilterToolTip>\n <anna-core-anna-column-time-filter\n [tableData]=\"tableData\"\n [showFilterHeaderTabs]=\"showFilterTooltipTabs\"\n [isLurAndCsrComponent]=\"false\"\n [showAllTimeRangeCheckboxes]=\"showCheckboxesForTimeFilter\"\n [clonedTableData]=\"clonedTableData\"\n [filterTabObjects]=\"filterTabObjects\"\n (filterAppliedToTable)=\"filterApplied($event)\"\n (sortingAppliedToTable)=\"sortingApplied($event)\"\n (closeTooltip)=\"closeTooltip()\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #timeInputTooltip>\n <anna-core-anna-column-time-filter\n [tableData]=\"timeInputData\"\n [clonedTableData]=\"timeInputData\"\n [showClearAllFilter]=\"false\"\n [startFromText]=\"'Start time'\"\n [endToText]=\"'End time'\"\n [filterTabObjects]=\"filterTabObjects\"\n [showAllTimeRangeCheckboxes]=\"false\"\n [isSortAndFilterAbsent]=\"true\"\n (closeTooltip)=\"closeTimeInputTooltip()\"\n (timeChanges)=\"timeSelectedInTableRow($event)\"\n >\n </anna-core-anna-column-time-filter>\n</ng-template>\n\n<ng-template #columnInfoTooltip>\n <p class=\"black-color-text white-space-nowrap\">This preemption is rejected and not marked for credit.</p>\n</ng-template>\n\n<ng-template #ratingInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rating' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected Rating' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #impsInfoTooltip>\n <p class=\"first-row\">Shows 'Booked IMPS' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected IMPS' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #spotsColumnEquivalizationMessageTooltip>\n <p class=\"spot-column-tooltip-message\">\n This consists of equivalized spots and un-equivalized Paid Programs & un-equivalized Non-spots.\n </p>\n</ng-template>\n\n<ng-template #underDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Under-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #overDeliveryTooltip>\n <p class=\"spot-column-tooltip-message\">\n Indicates the Over-delivery percentage based on booked and posted RTG/IMPS.\n </p>\n</ng-template>\n\n<ng-template #rateInfoTooltip>\n <p class=\"first-row\">Shows 'Booked Rate' for Preemptions & MakeGood Offered spot(s).</p>\n <p class=\"second-row\">Shows 'Projected $ Value' for ADU Offered spot(s).</p>\n</ng-template>\n\n<ng-template #sellerHierarchyTooltip>\n <ng-container *ngIf=\"sellerGroupHierarchy.length > 0\">\n <section class=\"hierarchy-table-container\">\n <table class=\"seller-hierarchy-table\">\n <thead>\n <tr>\n <th>#</th>\n <th>Inventory Codes</th>\n <th>Program/Description</th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of sellerGroupHierarchy; let tooltipIndex = index\">\n <td>{{ tooltipIndex + 1 }}</td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.InventoryCode }}</span>\n </td>\n <td>\n <span annaCoreShowEllipsisTextOnHover>{{ data.Program }}</span>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n </ng-container>\n <ng-container *ngIf=\"sellerGroupHierarchy.length === 0\">\n <span class=\"black-color-text\">Seller group not available for this inventory code</span>\n </ng-container>\n</ng-template>\n\n<ng-template #tableInsideTooltip>\n <label class=\"ellipsis-tooltip-heading\">{{ ellipsisWithTooltipHeading }}</label>\n <section class=\"table-inside-tooltip-container\">\n <table class=\"ellipsis-tooltip-table\">\n <thead>\n <tr>\n <th\n [style.width]=\"header.width\"\n *ngFor=\"let header of ellipsisWithTooltipTableHeaders\"\n >\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ header.headerName }}</span\n >\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let data of ellipsisWithTooltipTableData\">\n <td *ngFor=\"let header of ellipsisWithTooltipTableHeaders\">\n <div>\n <span\n annaCoreShowEllipsisTextOnHover\n class=\"upper-label\"\n >{{ data[header.objectKey] }}</span\n >\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n</ng-template>\n\n<ng-template #lurViolationInfoTooltip>\n <p class=\"first-row\">The values are for the entire week.</p>\n</ng-template>\n\n<ng-template #postedRatingDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average rating is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #postedImpDifference>\n <p class=\"difference-text\">\n The difference between posted and booked average impression is\n {{ isDifferenceLessThan25Percent ? \"less\" : \"more\" }} than 25%.\n </p>\n</ng-template>\n\n<ng-template #ongoingRevBookedColumnTooltip>\n <p>The Booked $ value, Spots, GRP, CPP, IMPS, CPM corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #completedRevBookedColumnTooltip>\n <p>The Booked $ value corresponds on the last permanent revision generated</p>\n</ng-template>\n\n<ng-template #avgBookedRate>\n <p>This is the booked average Rate</p>\n</ng-template>\n\n<ng-template #avgBookedRtg>\n <p>This is the booked average RTG</p>\n</ng-template>\n\n<ng-template #avgBookedImps>\n <p>This is the booked average IMP(\u2019000)</p>\n</ng-template>\n\n<ng-template #projectedImpsRtg>\n <p>\n ANNA calculates projected RTG/IMPS values using either the computed estimates or the actual posted data,\n depending on what is available. If posted data has not yet been received, ANNA will use the computed estimates\n as the projected value. Once the actual posted data is received, the projection will automatically update to\n reflect the real, posted values. This ensures that projected data is always based on the most accurate and\n up-to-date information.\n </p>\n</ng-template>\n\n<ng-template #automationTooltip>\n <p>\n Please get the order business rules approved to automate the orders. Only for the automated orders, any approved\n MGs, ADUs, or credited spots on ANNA will be fed into the traffic system i.e. ANNA revisions.\n <!-- removed below line as part of enhancmennt in 14.0 releas -->\n <!-- Additionally, ANNA will only enter buyer revisions into traffic for the selected\n Medialine/WOC orders. -->\n </p>\n</ng-template>\n\n<ng-template #rebateImpact>\n <p>Rebate impact value is for the originally ordered spot length and is not equivalized.</p>\n</ng-template>\n\n<ng-template #lurViolationTotalRowToolTip>\n <ul>\n <li>\n <strong>POLITICAL RATE VIOLATIONS:</strong>\n Violations flagged when non-political spots are booked at a rate lower than the minimum booked rate for\n political candidates for the same week, Inventory Code and Revenue Class.\n </li>\n <li>\n <strong>CANDIDATE TO CANDIDATE VIOLATION:</strong>\n Violations flagged when political spots are booked at different rates to other political spots for the same\n week, Inventory Code and Revenue Class.\n </li>\n </ul>\n</ng-template>\n\n<ng-template #circularProgressBar>\n <anna-core-circular-progress\n [percent]=\"percentDone\"\n [radius]=\"5\"\n [outerStrokeWidth]=\"2\"\n [innerStrokeWidth]=\"2\"\n [outerStrokeColor]=\"'#268bff'\"\n [innerStrokeColor]=\"'#d5d5d5'\"\n [animationDuration]=\"500\"\n ></anna-core-circular-progress>\n</ng-template>\n\n<ng-template #userLoggedInDetails>\n <div class=\"tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n <span *ngIf=\"data.key !== 'read'\">\n {{ data.key }} <b>{{ data.value }}</b>\n </span>\n <span *ngIf=\"data.key === 'read'\">\n {{ data.value }}\n </span>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #markAsReadTip>\n <div class=\"notification-tooltip-div-container\">\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.value }}\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b>{{ data.value }}</b>\n </ng-container>\n</ng-template>\n\n<ng-template #programChangeTooltipTemplate>\n <div class=\"program-schedule-tooltip\">\n <h2>Program Change</h2>\n <p class=\"previous\">Previous:</p>\n <b annaCoreShowEllipsisTextOnHover>{{ textActionTooltip.OldProgramName }}</b>\n\n <p class=\"updated\">Updated:</p>\n <b\n *ngIf=\"textActionTooltip.NewProgramNames.length === 1\"\n annaCoreShowEllipsisTextOnHover\n >{{ textActionTooltip.NewProgramNames[0] }}</b\n >\n <ul *ngIf=\"textActionTooltip.NewProgramNames.length > 1\">\n <li *ngFor=\"let item of textActionTooltip.NewProgramNames\">\n <label class=\"dot\"></label>\n <span annaCoreShowEllipsisTextOnHover>{{ item }}</span>\n </li>\n </ul>\n </div>\n</ng-template>\n\n<ng-template #showOrHideToggleForTotalRowTooltip>\n <div>\n {{ showOrHideToggleForTotalRow && !gtGeneralConfig.totalRow ? \"Show Total Row\" : \"Hide Total Row\" }}\n </div>\n</ng-template>\n\n<ng-template #tooltipContainingTableTemplate>\n <div\n *ngIf=\"tooltipContainingTable\"\n [innerHTML]=\"tooltipContainingTable.innerHtml\"\n class=\"notification-tooltip-div-container\"\n >\n <!-- <ul>\n <li *ngFor=\"let headerMsg of tooltipContainingTable.tableHeaderMsg\">\n <b> {{headerMsg}} </b>\n </li>\n </ul>\n\n <table class=\"tooltip-table\">\n <thead>\n <tr>\n <th *ngFor=\"let header of tooltipContainingTable.tooltipTableHeader\">\n {{ header}}\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let rows of tooltipContainingTable.tooltipTableBody\">\n <td *ngFor=\"let data of rows\">\n {{ data }}\n </td>\n </tr>\n </tbody>\n </table>\n\n <ul>\n <li style=\"margin-top:10px; padding:0\" *ngFor=\"let footerMsg of tooltipContainingTable.tableFooterMsg\">\n {{ footerMsg }} \n </li>\n </ul> -->\n </div>\n</ng-template>\n<!-- <ng-template #textActionTooltipTemplate>\n <ng-container *ngFor=\"let data of textActionTooltip\">\n {{ data.key }} <b> {{data.value}}</b>\n </ng-container>\n</ng-template> -->\n\n<ng-template #statusNoteTooltip>\n <div>\n <span class=\"status-note-tooltip\">{{ statusNoteForTooltip }}</span>\n <span *ngIf=\"statusNoteForPopup.length > 100\"\n >...<a\n class=\"view-more-comments\"\n (click)=\"showEntireStatusNote()\"\n >View more</a\n ></span\n >\n </div>\n</ng-template>\n\n<ng-template #innerHtmlToolTipTemplate>\n <div [innerHtml]=\"toolTipInnerHtmlData\"></div>\n</ng-template>\n", styles: ["::ng-deep .show-or-hide-toggle-tooltip .tooltip-inner{max-width:229px}.show-or-hide-toggle-btn.shift-toggle-top-on-total-row-click{transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),32px)}.show-or-hide-toggle-btn{width:16px;height:16px;padding:0;margin:0;border-radius:50%;position:absolute;transform:translate(calc(var(--app-left-space-show-hide-total-row-icon) - 12px),52px);z-index:999;background-color:#d9d9d9}.show-or-hide-toggle-btn i.mdi.mdi-menu-swap{font-size:16px;display:flex}#generic-table-conatiner.table-with-show-hide-total-row-toggle .total-row td:nth-of-type(2){padding-left:16px!important}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner{max-width:600px;width:min-content}::ng-deep .gt-icon-innerHtml-tooltip .tooltip-inner>div{width:max-content}::ng-deep .generic-innerHtml-table-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}::ng-deep .generic-innerHtml-table-container{max-height:8.75rem;width:min-content;overflow:auto}::ng-deep .generic-innerHtml-table-container table{table-layout:fixed;width:100%}::ng-deep .generic-innerHtml-table-container table thead tr th{background:#e9e9e9;height:22px;padding:3px 8px;position:sticky;top:0;cursor:default;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0;box-shadow:inset 1px -1px #d4d4d4,inset 0 1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table thead tr th:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 1px #d4d4d4!important}::ng-deep .generic-innerHtml-table-container table tbody tr td{padding:3px 8px;width:100%;color:#000;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px;box-shadow:inset 1px -1px #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr td:last-of-type{box-shadow:inset 1px -1px #d4d4d4,inset -1px 0 #d4d4d4}::ng-deep .generic-innerHtml-table-container table tbody tr:first-of-type td{border-top:none}::ng-deep .generic-innerHtml-table-container::-webkit-scrollbar-track{margin-top:22px!important}.sort-btn{background:#fff;border:none;border-right:1px solid #1b88ff;text-decoration:underline;font-family:Roboto;font-size:var(--sort-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;color:#1b88ff;cursor:pointer;flex:1;text-align:center}.sort-btn:last-of-type{border-right:none}.sort-btn.active{color:#202b47;text-decoration:none}p.sort-container{margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e6e6e6;margin-bottom:0;display:flex}::ng-deep .tooltip-inner{max-height:22rem;background-color:#fff;border:1px solid white;border-radius:5px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;max-width:251px;width:100%;padding:0!important}::ng-deep .tooltip-inner div.radio-container{flex-wrap:wrap}::ng-deep .md-drppicker{box-shadow:unset!important}::ng-deep .available{color:#999}::ng-deep .bs-tooltip-bottom .arrow:before{border-bottom-color:#fff!important}::ng-deep .bs-tooltip-left .arrow:before{border-left-color:#fff!important}::ng-deep .tooltip.show{opacity:1}.input{text-align:left;margin:5px 10px 5px 5px;display:flex;align-items:center;width:230px;white-space:nowrap}.data{color:#000;font-weight:700;margin-left:5px;margin-right:5px}span.data{display:inline-block;text-overflow:ellipsis;white-space:pre;width:100%;overflow:hidden}.check-box{font-size:14px;cursor:pointer;position:relative;top:-1px}span.mdi-filter.active{color:#000;opacity:1!important;pointer-events:all!important}p{margin-bottom:0;line-height:initial}span.mdi-filter{color:#cbcbcb}::ng-deep .ngx-slider-pointer{top:-5px!important;width:12px!important;height:12px!important;background:#bdbdbd!important;border:1px solid #ffffff!important;box-shadow:0 1px 3px #0000004d!important;border-radius:16px!important}input:focus{outline:none}input::placeholder{color:#c8c8c8}.cancel-btn{background:#c7e1ff;color:#268bff}.apply-btn{background:#268bff;color:#fff;margin-left:.3125rem}div.radio-container{display:flex;white-space:nowrap;justify-content:space-between;background-color:#f4f4f4;border-radius:.125rem;margin:.4375rem .4375rem .25rem}div.radio-container div{flex:1;width:50%}div.radio-container div.full-width{width:100%}div.radio-container input{position:relative;top:.125rem;margin-right:.25rem}div.radio-container label{font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:0;color:#4a4a4a;margin:0;padding-left:.125rem}div.radio-container label:first-of-type{margin-right:.188rem}div.radio-container input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:.9375rem;height:.9375rem;padding:.125rem;background-clip:content-box;border:.125rem solid #268bff;background-color:transparent;border-radius:50%}div.radio-container input[type=radio]:checked{background-color:#268bff}.checkbox-filter-buttons-container{padding:0 8px!important}.buttons-container{display:flex;margin:0px auto .4375rem;justify-content:center;padding:0 12px}.buttons-container .button{padding:0 10px;width:100%;margin:8px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons-container button:last-of-type{background-color:#268bff;color:#fff;margin-left:.5rem}.buttons-container button.disabled{background:#bdbdbd;opacity:.5;color:#4a4a4a}.button{display:inline-block;margin:8px 4px 0 8px;padding:0 16px;border-radius:4px;text-align:center;outline:none;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;border:none;color:#268bff;background-color:#e5f1ff}.search-box{display:flex;align-items:center;color:#c8c8c8;border:1px solid #e6e6e6;border-radius:.125rem;margin:.25rem .4375rem .188rem;height:1.5rem;padding:.188rem 8px .188rem .5rem}.search-box .search-bar-close{margin-left:auto;float:right}.search-icon{margin:0 4px 0 0;font-size:var(--filter-search-icon-fs);color:#9b9b9b}.filter-icon{justify-content:right;margin-left:auto;color:#d4d4d4;color:#a1a1a1;font-size:16px;cursor:pointer}.data{margin:0 13px 0 8px;font-family:Roboto;font-size:var(--filter-checkbox-label-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:\"\";color:#4a4a4a}.search-input{font-family:Roboto;font-size:var(--filter-search-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#c8c8c8;width:calc(100% - 38px);margin:1px 0 1px 2px;border:none;padding:0}.check-box{color:#268bff}.tooltip-data-container{overflow-y:scroll;max-height:8rem}.searchbar{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.clear-button{opacity:.5;font-family:Roboto;font-size:.9375rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;border:none;background-color:#fff;color:#4a4a4a;margin-left:.625rem;padding:0}.clear-button:focus{outline:none;box-shadow:none}.unchecked{color:#268bff}cdk-virtual-scroll-viewport.dropdown-data-container{max-height:12.3rem;width:100%;overflow-y:auto;overflow-x:hidden}cdk-virtual-scroll-viewport.dropdown-data-container p.input{margin-left:0}cdk-virtual-scroll-viewport.dropdown-data-container p.input span.mi{padding-left:.4375rem}cdk-virtual-scroll-viewport.dropdown-data-container p.input:hover{background-color:#ebebeb;cursor:pointer}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar{width:.188rem}cdk-virtual-scroll-viewport.dropdown-data-container::-webkit-scrollbar-thumb{color:#d3d3d3;background:#d3d3d3}section.min-maxContainer{display:flex;justify-content:center;margin-bottom:-.125rem;margin-top:.5rem;width:100%}section.min-maxContainer input{width:30%;height:1.5rem;border:1px solid lightgray;color:gray}section.min-maxContainer span{display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;top:.3125rem;color:#666;font-size:var(--page-message-content-fs)}.time-container{width:100%;display:flex;padding:0 .75rem}.time-container input.form-control:disabled{background-color:#fff;width:2.813rem}.time-container input.numberInput:focus{box-shadow:none;border-color:#c2cfd6}.time-container .dot{color:#cbcbcb;position:relative;left:-7px;font-size:17px}.time-container div.arrow-container{flex-direction:column;display:flex;margin-top:.375rem;width:9px;height:18px;margin-right:.875rem}.time-container div.arrow-container i{color:#000;cursor:pointer;max-height:9px;font-size:20px;width:10px}.time-container div.arrow-container i:before{width:0;height:0;pointer-events:none;position:relative;left:-9px;top:-11px}.mdi-filter{cursor:pointer}.time-label-container{display:flex;justify-content:flex-start}.time-label-container label{margin-bottom:0;color:#4a4a4a;margin-top:.125rem;margin-left:.75rem;font-weight:700;font-size:var(--dropdown-label-fs)}.time-heading{color:#000;font-size:.8125rem;text-align:left;padding-left:.625rem;margin-top:.625rem;font-weight:700}.column-clear-all{width:94%;text-align:center;border:none;font-size:var(--filter-clear-select-btn-fs);background:none;text-decoration:underline;color:#268bff}.checkbox-container{display:flex;padding-inline:.625rem}.checkbox-container .data{text-align:left}.checkbox-container:first-of-type{margin-top:.625rem;font-weight:500}.column-clear-all{width:94%;text-align:center;border:none;background:none;text-decoration:underline;color:#268bff}.column-clear-all:disabled{opacity:.5;color:#4a4a4a;font-weight:400}.column-clear-all.align-center{text-align:center}span.mdi-filter-variant.disabled{pointer-events:none;opacity:.5}.datepicker-container{width:100%}span.mdi-filter-variant{color:#cbcbcb;cursor:pointer;font-size:.875rem}span.mdi-filter-variant.active{color:#000}p.filter-tab{font-family:Roboto;font-size:var(--filter-tab-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#1b88ff;border-radius:5px;background-color:#f4f4f4;padding-inline:8px;cursor:pointer;overflow:hidden;text-align:center;text-overflow:ellipsis;padding-block:3px}p.filter-tab.active{color:#fff;background-color:#1b88ff}button.filter-text-btn{background:#fff;text-decoration:underline;font-family:Roboto;font-size:var(--filter-clear-select-btn-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;border:none;color:#268bff;margin-inline:4px;margin-top:2px}button.filter-text-btn:disabled{color:#b1b1b1;cursor:not-allowed}::ng-deep .non-edit-datepicker-tooltip .tooltip-inner{max-width:310px!important;width:283px!important;overflow-y:initial!important;padding:0!important}input.slider-text::-webkit-outer-spin-button,input.slider-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.slider-text{-moz-appearance:textfield}input.slider-text.red-border{border:1px solid #f44336!important}::ng-deep .checkbox-sort p.sort-container{margin-top:8px!important;padding-bottom:8px!important}i.mdi-close{cursor:pointer}i.mdi-close.disable-close-icon{pointer-events:none;cursor:not-allowed}input.error-border{border:1px solid #f44336!important}::ng-deep .non-edit-checkbox-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-slider-tooltip .tooltip-inner{width:238px!important;padding:0!important}::ng-deep .non-edit-time-tooltip .tooltip-inner{width:250px!important;padding:0!important}::ng-deep .non-edit-time-tooltip.bs-tooltip-start{padding:.4rem}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow{right:0;top:5px!important;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}::ng-deep .non-edit-time-tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#fff;left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height)}::ng-deep .no-bottom-border p.sort-container{border-bottom:none!important}::ng-deep .ngx-slider-pointer-min:after{display:none}::ng-deep .ngx-slider-pointer-max:after{display:none}::ng-deep .ngx-slider span.ngx-slider-pointer{width:12px;height:12px;top:-5px;background-color:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bar{height:3px;background:#ededed}::ng-deep .ngx-slider span.ngx-slider-selection{background:#bdbdbd}::ng-deep .ngx-slider span.ngx-slider-bubble{bottom:-22px;font-size:12px;color:#333}::ng-deep .show-min.ngx-slider span.ngx-slider-model-value{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .show-max.ngx-slider span.ngx-slider-model-high{background:#fff;box-shadow:none}::ng-deep .ngx-slider span.ngx-slider-combined{background:#fff;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003}::ng-deep .ngx-slider{top:10px!important;margin:5px 0 2px!important}::ng-deep .ngx-slider-animate{top:0!important}.sidebar-slider{margin-bottom:35px!important;margin-left:5px;margin-right:5px}.slider-placeholder{height:14px}::ng-deep .filter-calendar select.form-select:focus{border-color:#c2cfd6;box-shadow:none}::ng-deep .filter-calendar select.form-select{background-color:#fff}.no-data-case{padding-left:.4375rem!important;font-size:var(--filter-checkbox-label-fs)!important;margin-top:10px!important;cursor:pointer}.virtual-scroll-div{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.red-text-totol-row{color:#f44336!important}.icon-dropdown{display:flex;align-items:center;gap:3px}.check-mark,.unread-mark{cursor:pointer}.on-hover:hover .unread-mark,.notificationHover .check-mark{opacity:0;cursor:pointer}.on-hover:hover .check-mark{opacity:1;cursor:pointer}table{margin-bottom:0;table-layout:fixed;width:100%}:host ::ng-deep .gt thead{top:.1px!important;position:relative}:host ::ng-deep .gt .header-row th{border:none;background:#ededed;padding:2px 8px;line-height:normal;position:sticky;position:-webkit-sticky;top:0;box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th .upper-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}:host ::ng-deep .gt .header-row th .lower-label{font-family:Roboto;font-size:var(--table-header-fs);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#a7a7a7;margin-bottom:0}:host ::ng-deep .gt .header-row th div.row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:max-content}:host ::ng-deep .gt .header-row th div.dummy-header{justify-content:center;margin-left:50%!important;margin-right:50%!important;width:-webkit-fill-available}:host ::ng-deep .gt .header-row th div.sort-filter-container{display:flex;flex-wrap:nowrap;align-items:center;margin-left:.25rem;margin-right:auto}:host ::ng-deep .gt .header-row th span.mdi-filter-variant{font-size:13px!important;top:-1px!important;position:relative}:host ::ng-deep .gt .header-row th:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row th:last-of-type{box-shadow:inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4,inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt .header-row br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt tbody tr td{padding:2px 8px;border:none;box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td div:nth-child(1){color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td div:nth-child(2){color:#a7a7a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Roboto;font-size:var(--table-body-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}:host ::ng-deep .gt tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4}:host ::ng-deep .gt tbody tr br{display:block;content:\"\";margin-top:-8px}:host ::ng-deep .gt .custom-column-checkbox-checked,:host ::ng-deep .gt .custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}:host ::ng-deep .gt .custom-column-checkbox-checked{color:#268bff}:host ::ng-deep .gt .custom-column-checkbox-unchecked{color:#2962ff}:host ::ng-deep .gt .cell-value{width:calc(100% - 24px)!important;display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .gt .tooltip-text{color:#268bff;cursor:pointer;float:right}:host ::ng-deep .gt .time-selected-div{display:flex;align-items:center;column-gap:4px}:host ::ng-deep .gt .time-selected-div .time-selection-menu{border:solid 1px #b7b7b7;height:24px;text-overflow:ellipsis;padding:2px;width:99%}:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-down,:host ::ng-deep .gt .time-selected-div .time-selection-menu i.mdi.mdi-menu-up{float:right;margin-left:auto}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:first-of-type{box-shadow:inset 1px 0 #d4d4d4}:host ::ng-deep .bottom-border .gt tbody tr:last-of-type td:last-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4}.table-container{overflow-x:auto;overflow-y:auto}.rowSelectCheckbox,#selectAllRowsCheckbox{cursor:pointer}.disable-checkbox{color:#dedede!important;pointer-events:none!important}.mdi-warning{color:#f3c639;font-size:16px;line-height:28px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.redcolor-status{color:#c62a2a}#no-filter-space{width:.875rem}input.numberInput{margin-right:-.8125rem;padding:0 0 0 .625rem;height:1.875rem}.hidden{display:none}.visibility-collapse{visibility:collapse}.no-data-div{margin-top:2.5px}.no-data-div label{margin:0;width:auto;font-weight:500;background-color:#d3d3d3;padding:.3125rem 1.125rem;border-radius:.25rem}.column-values:nth-of-type(2){color:#a7a7a7!important}.custom-column-checkbox-checked,.custom-column-checkbox-unchecked{font-size:.875rem;cursor:pointer}.custom-column-checkbox-checked{color:#268bff}.custom-column-checkbox-unchecked{color:#2962ff}.time-filter-checkboxes>div>p{color:#151b1e}::ng-deep .margin-bottom-zero .mat-radio-label{margin-bottom:0}:host ::ng-deep mat-radio-group br{margin-top:0!important}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__background{width:var(--mat-radio-size);height:var(--mat-radio-size)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio__inner-circle{border-width:calc(var(--mat-radio-size) / 2)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{margin:0 0 0 4px;padding:0;top:-2px;position:relative;font-size:var(--radio-button-label-fs)}:host ::ng-deep mat-radio-group mat-radio-button .mdc-radio--disabled+label{color:var(--primary-text-color-dark)!important}:host ::ng-deep mat-radio-group mat-radio-button.mat-mdc-radio-button .mdc-form-field .mdc-radio{padding:0}:host ::ng-deep mat-radio-group mat-radio-button .mdc-form-field>label{left:-94px;font-size:12px;color:#4a4a4a;position:relative}:host ::ng-deep mat-radio-group mat-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-selected-icon-color)}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .reject.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff0}::ng-deep .resubmit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:#ff0}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .noAction.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:green}::ng-deep .approve.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:green}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:red}::ng-deep .credit.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle{background-color:red}::ng-deep .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:#00000061!important}::ng-deep .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-inner-circle{background-color:#00000061!important}::ng-deep tr.white-background-row{background:#fff}::ng-deep tr.gray-background-row{background:#e9e9e980!important}.remarks-tooltip,.mdi-information,.mdi-information-outline,.seller-tooltip{font-size:.875rem;color:#268bff;position:relative;top:.1875rem;cursor:pointer}.seller-tooltip{top:-1px;float:right}::ng-deep .remarks-info-tooltip .tooltip-inner{max-width:19.25rem!important}.rating-icon,.lur-violation-icon{color:#268bff;cursor:pointer;position:relative;left:-2px}::ng-deep .rating-info-tooltip .tooltip-inner{max-width:800px!important}.spots-info-icon{color:#268bff;cursor:pointer;margin:1px 2px 0 -14px}.spots-info-icon-ol{color:#268bff;cursor:pointer;margin:1px 4px 0 -2px}::ng-deep .spot-info-tooltip .tooltip-inner{position:relative;max-width:220px!important;background:#fff;word-break:break-word;display:flex}::ng-deep .spot-info-tooltip-for-orderlisting-table .tooltip-inner{max-width:220px!important;background:#fff;word-break:break-word;display:flex}p.first-row{padding:.5rem .5rem 0;color:#000;white-space:nowrap;text-align:left}p.second-row{padding:2px .5rem .5rem;color:#000;white-space:nowrap;text-align:left}::ng-deep .gt-total-row-tooltip{opacity:1!important}::ng-deep .gt-total-row-tooltip .tooltip-inner{color:#000;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;background-color:#fff;padding:4px!important;width:100%;border-radius:2px!important}::ng-deep .gt-total-row-tooltip .arrow:before{border-top-color:#fff!important}.info-label{margin-left:4px;color:#268bff;vertical-align:text-top}::ng-deep .hierarchy-tooltip{max-width:fit-content;width:310px!important}::ng-deep .hierarchy-tooltip .tooltip-inner{padding:4px!important;max-width:22.75rem;max-height:11.25rem}table.seller-hierarchy-table{table-layout:fixed}table.seller-hierarchy-table tr th{font-family:Roboto;font-size:.75rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:#5e5e5e;white-space:nowrap;background:#ededed;position:sticky;box-shadow:inset 0 1px #d4d4d4;top:0;z-index:1}table.seller-hierarchy-table tr th:nth-child(1){width:20px}table.seller-hierarchy-table tr th:first-of-type,table.seller-hierarchy-table tr td:first-of-type{width:30px;border-left:1px solid #d4d4d4}table.seller-hierarchy-table tr th:last-of-type,table.seller-hierarchy-table tr td:last-of-type{border-right:1px solid #d4d4d4;width:7.875rem!important}table.seller-hierarchy-table tr th:nth-of-type(2){width:7.75rem!important}table.seller-hierarchy-table tr td{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a;box-shadow:none!important;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4}table.seller-hierarchy-table tr td:nth-of-type(2),table.seller-hierarchy-table tr td:nth-of-type(3){padding-top:.25rem}table.seller-hierarchy-table tr td span{display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}section.hierarchy-table-container,section.table-inside-tooltip-container{max-height:8.75rem;overflow:auto}section.hierarchy-table-container::-webkit-scrollbar-track{margin-top:1.5rem}section.table-inside-tooltip-container::-webkit-scrollbar-track{margin-top:1.1875rem}.difference-text{padding:.5rem;color:#000;text-align:left}::ng-deep .posted-avg-tooltip .tooltip-inner{width:13.8125rem!important}::ng-deep .drrBooked-info-tooltip{transform:translate(26px,6px)}::ng-deep .drrBooked-info-tooltip .tooltip-inner{max-width:307px!important;width:242px!important;background:#fff;word-break:break-word;display:flex;padding:4px!important;text-align:left}::ng-deep .drrBooked-info-tooltip .tooltip-inner p{color:#000}::ng-deep .drrBooked-info-tooltip .arrow:before{border-right-color:#fff!important}.clickable-data{cursor:pointer;color:#268bff!important;display:flex!important;align-items:center}.clickable-data .spot-details-download-icons{font-size:12px}.disabled-clickable-data{pointer-events:none;color:#d4d4d4!important}.spot-column-tooltip-message{color:#000;width:max-content;text-align:left}div.spinner-for-button-directive{position:relative;left:-1px}.clickable-row table tr.mat-row td{cursor:pointer!important}.tooltip-div-container{text-align:left!important;padding:8px 4px;color:#4a4a4a!important;font-size:11px!important;font-family:Roboto;font-size:11px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.notification-tooltip-div-container{text-align:left!important;padding:6px 8px;color:#4a4a4a!important;font-size:12px!important;font-family:Roboto;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.mdi-information,.mdi-information-outline{left:3px;top:1px}.mdi-information-outline{position:static}::ng-deep .team-user-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .team-user-tooltip .tooltip-inner{opacity:1!important;width:fit-content!important;max-width:520px;border-radius:2px;padding:0 4px!important}::ng-deep .team-user-tooltip .tooltip-inner .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:var(--page-message-content-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .team-user-tooltip .tooltip-inner.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip{opacity:1!important}::ng-deep .gt-icon-column-tooltip .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:var(--page-message-content-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .gt-icon-column-tooltip.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .gt-icon-column-tooltip.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .gt-icon-column-tooltip .tooltip-inner{width:100%}.view-link{color:#268bff;padding:0;text-decoration:underline;border:none;background-color:inherit;cursor:pointer;letter-spacing:normal;font-weight:400;margin-left:3px}::ng-deep .tooltip-containing-table{opacity:1!important}::ng-deep .tooltip-containing-table .tooltip-inner{color:#4a4a4a;text-align:left;padding:8px!important;border-radius:2px;background:#fff!important;box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;font-family:Roboto;font-size:var(--page-message-content-fs);font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}::ng-deep .tooltip-containing-table.bs-tooltip-top .arrow:before{border-top:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-left .arrow:before{border-left:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-bottom .arrow:before{border-bottom:6px solid white}::ng-deep .tooltip-containing-table.bs-tooltip-right .arrow:before{border-right:5px solid white}::ng-deep .tooltip-containing-table li{margin:0!important;padding:0!important}::ng-deep .tooltip-containing-table ul{margin:0!important;padding-left:8px!important}::ng-deep .tooltip-containing-table ul.pl-16{padding-left:16px!important}::ng-deep .tooltip-containing-table .tooltip-inner{width:100%;max-width:230px}table.tooltip-table{table-layout:fixed;margin:4px 0 0;width:100%}table.tooltip-table th,table.tooltip-table td{padding:2px 8px;line-height:normal}table.tooltip-table thead tr th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important;border:none}table.tooltip-table thead tr th{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67;background-color:#ededed;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.tooltip-table thead tr th div.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}table.tooltip-table tbody tr td{color:#5e5e5e!important;font-size:12px;font-weight:500;font-family:Roboto;line-height:1.67}table.tooltip-table tbody tr td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.tooltip-table tbody tr td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.bottom-border{border-bottom:1px solid #d4d4d4!important}i.disabled{pointer-events:none!important}.black-color-text{color:#000}.white-space-nowrap{white-space:nowrap}.ellipsis-tooltip-heading{margin-bottom:2px;font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a}table.ellipsis-tooltip-table{table-layout:fixed;width:100%}table.ellipsis-tooltip-table thead th:first-of-type{box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4,inset 1px 0 #d4d4d4!important}table.ellipsis-tooltip-table thead th{background:#e9e9e9;padding:3px 8px;line-height:normal;position:sticky;top:0;cursor:default;box-shadow:inset 0 1px #d4d4d4,inset 0 -1px #d4d4d4,inset -1px 0 #d4d4d4}table.ellipsis-tooltip-table thead th .upper-label{font-family:Roboto;font-size:.6875rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.3px;color:#4a4a4a;margin-bottom:0}table.ellipsis-tooltip-table tbody td{padding:3px 8px}table.ellipsis-tooltip-table tbody td .upper-label{width:100%;color:#000;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:0px}table.ellipsis-tooltip-table tbody td:first-of-type{box-shadow:inset 1px 0 #d4d4d4,inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}table.ellipsis-tooltip-table tbody td:nth-of-type(n+2){box-shadow:inset -1px 0 #d4d4d4,inset 0 -1px #d4d4d4;border:none}.pr-4{padding-right:4px}.status-note-tooltip{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;color:#4a4a4a;white-space:normal!important}.view-more-comments{display:block;color:#268bff;font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:14px;letter-spacing:normal;cursor:pointer;margin-left:2px}td.mat-column-isOrderStarred:has(.disabled-starring){pointer-events:none!important}td.mat-column-isOrderStarred .mdi.mdi-star.disabled-starring,td.mat-column-isOrderStarred .mdi.mdi-star-outline.disabled-starring{pointer-events:none!important;color:#dbdbdb80!important}table.disable-table-scrolling{overflow:hidden!important}.icon-tooltip-text{display:inline-block;color:#268bff}.text-with-icon-and-text.reduced-width{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px);margin-bottom:-3.5px}.innrHtml-tooltip-icon-marker{float:right;color:#268bff}.reduced-width-text{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:calc(100% - 25px)}.p-8{padding:8px!important}.anna-icons{cursor:pointer}.anna-icons.color-black{color:#000}.anna-icons.color-primary-color{color:var(--primary-color)}.anna-icons.float-right{float:right}.anna-icons.ml-4{margin-left:4px}.anna-icons.mr-4{margin-right:4px}.anna-icons.disable{pointer-events:none}tr td div:first-of-type.CENTRE{display:flex;justify-content:center;align-items:center;height:100%}input[type=radio].anna-gt-radio{accent-color:var(--primary-blue-color);width:16px;height:16px;display:inline-flex;vertical-align:middle;margin-right:4px}input[type=radio].anna-gt-radio:hover{accent-color:var(--primary-blue-color)!important;opacity:1!important;background-color:var(--primary-blue-color)!important;border-color:initial!important;box-shadow:none!important}\n"] }]
|
|
5974
5931
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: AnnaSortService }, { type: AnnaDateTimeFormatService }, { type: AnnaFilterService }], propDecorators: { showSkeletonLoading: [{
|
|
5975
5932
|
type: Input
|
|
5976
5933
|
}], tableHeaders: [{
|
|
@@ -6776,6 +6733,7 @@ var SvgOrIconNames;
|
|
|
6776
6733
|
SvgOrIconNames["ALPHA_E_CIRCLE"] = "ALPHA_E_CIRCLE";
|
|
6777
6734
|
SvgOrIconNames["ALPHA_A_CIRCLE"] = "ALPHA_A_CIRCLE";
|
|
6778
6735
|
SvgOrIconNames["CALENDAR"] = "CALENDAR";
|
|
6736
|
+
SvgOrIconNames["TRENDING_UP"] = "TRENDING_UP";
|
|
6779
6737
|
})(SvgOrIconNames || (SvgOrIconNames = {}));
|
|
6780
6738
|
class ClickableItem {
|
|
6781
6739
|
constructor(typeOfActionLinkForGt, name, className, showTooltip, tooltipData) {
|