@annalib/anna-core 1.2.6 → 1.2.9

package/fesm2020/annalib-anna-core-src-lib-anna-core-shared-lib.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, Pipe, Directive, HostListener, NgModule, Injectable } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, Pipe, Directive, HostListener, EventEmitter, Output, NgModule, Injectable } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { memoize, min, max, sortBy, map, uniq, cloneDeep, isEqual } from 'lodash-es';
+import { memoize, min, max, uniq, cloneDeep, isEqual, map, sortBy } from 'lodash-es';
 import moment from 'moment';
 import { Subject } from 'rxjs';
 
@@ -120,7 +120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
             args: [{ selector: 'anna-rejected-icon-template', template: "<ng-container [ngTemplateOutlet]=\"rejectedIcon\"></ng-container>\r\n\r\n<ng-template #rejectedIcon>\r\n    <svg width=\"15px\" height=\"15px\" viewBox=\"0 0 20 20\">\r\n        <g id=\"Buyer-rejected-icon\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n            <path\r\n                d=\"M15.7822266,4.21777344 C14.3671875,2.80276367 12.4951465,2 10.5,2 C6.37918945,2 3,5.37253906 3,9.5 C3,13.6296289 6.37133789,17 10.5,17 C14.6105273,17 18,13.6429004 18,9.5 C18,7.50485352 17.1972656,5.6327832 15.7822266,4.21777344 Z M10.5,15.2128906 C7.34220703,15.2128906 4.78710938,12.664502 4.78710938,9.5 C4.78710938,8.26950195 5.17382812,7.10055664 5.88574219,6.13375977 L13.8662402,14.1054395 C12.8993848,14.8261719 11.730498,15.2128906 10.5,15.2128906 Z M15.1054688,12.8661816 L7.13375977,4.88574219 C8.10061523,4.17382813 9.26950195,3.78710938 10.5,3.78710938 C13.6578809,3.78710938 16.2128906,6.33549805 16.2128906,9.5 C16.2128906,10.7304395 15.8261719,11.8993848 15.1054688,12.8661816 Z\"\r\n                id=\"Shape\"\r\n                fill=\"#4A4A4A\"\r\n                fill-rule=\"nonzero\"\r\n            ></path>\r\n        </g>\r\n    </svg>\r\n</ng-template>\r\n", styles: [""] }]
         }], ctorParameters: function () { return []; } });
 
-class ShowTooltipDirective {
+class showEllipsisTextOnHoverDirective {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
@@ -133,18 +133,45 @@ class ShowTooltipDirective {
             element.removeAttribute('title');
     }
 }
-ShowTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ShowTooltipDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ShowTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: ShowTooltipDirective, selector: "[showTooltip]", host: { listeners: { "mouseenter": "onMouseEnter()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ShowTooltipDirective, decorators: [{
+showEllipsisTextOnHoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: showEllipsisTextOnHoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+showEllipsisTextOnHoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: showEllipsisTextOnHoverDirective, selector: "[showEllipsisTextOnHover]", host: { listeners: { "mouseenter": "onMouseEnter()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: showEllipsisTextOnHoverDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[showTooltip]'
+                    selector: '[showEllipsisTextOnHover]'
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onMouseEnter: [{
                 type: HostListener,
                 args: ['mouseenter']
             }] } });
 
+class AnnaIconColumnComponent {
+    constructor() {
+        this.PfpIconActiveColor = "#9B1B93";
+        this.PfpIconDisableColor = "rgba(189,189,189,0.5)";
+        this.onColumnIconClicked = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    svgIconClicked(rowData, key) {
+        this.onColumnIconClicked.emit({ data: rowData, key: key });
+    }
+}
+AnnaIconColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaIconColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AnnaIconColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: AnnaIconColumnComponent, selector: "anna-core-anna-icon-column", inputs: { componentName: "componentName", objectKey: "objectKey", dataObject: "dataObject" }, outputs: { onColumnIconClicked: "onColumnIconClicked" }, ngImport: i0, template: "<ng-container *ngIf=\"componentName == 'ORDER_LISTING_INFLIGHT'\">\n    <span\n        *ngIf=\"dataObject.payForPerformance && objectKey == 'payForPerformance'\"\n        class=\"cursor-not-allowed\"\n        (click)=\"$event.stopPropagation()\"\n    >\n        <anna-pay-for-performance-icon-template\n            [color]=\"PfpIconActiveColor\"\n            [width]=\"'15px'\"\n            [height]=\"'15px'\"\n        >\n        </anna-pay-for-performance-icon-template>\n    </span>\n    <span\n        *ngIf=\"dataObject.orderStatus != 'LIVE' && !dataObject.payForPerformance && objectKey == 'payForPerformance'\"\n        (click)=\"svgIconClicked(dataObject,'payForPerformance')\"\n    >\n        <anna-pay-for-performance-icon-template\n            [color]=\"PfpIconDisableColor\"\n            [width]=\"'15px'\"\n            [height]=\"'15px'\"\n        >\n        </anna-pay-for-performance-icon-template>\n    </span>\n\n    <anna-live-icon-template *ngIf=\"dataObject.orderStatus == 'LIVE' && objectKey == 'orderStatus' \"></anna-live-icon-template>\n</ng-container>\n<ng-container *ngIf=\"componentName == 'ORDER_LISTING_COMPLETED'\">\n    <span *ngIf=\"dataObject.payForPerformance && objectKey == 'payForPerformance'\" (click)=\"$event.stopPropagation()\">\n        <anna-pay-for-performance-icon-template\n            [color]=\"PfpIconActiveColor\"\n            [width]=\"'20px'\"\n            [height]=\"'20px'\"\n        >\n        </anna-pay-for-performance-icon-template>\n    </span>\n</ng-container>\n<ng-container *ngIf=\"objectKey == 'bizRuleStatus'\">\n    <anna-rejected-icon-template *ngIf=\"dataObject.bizRuleStatus == 'REJECTED'\"></anna-rejected-icon-template>\n    <anna-notify-icon-template *ngIf=\"dataObject.bizRuleStatus == 'NOTIFY'\"></anna-notify-icon-template>\n    <anna-buyer-approval-icon-template *ngIf=\"dataObject.bizRuleStatus == 'AWAITING_APPROVAL'\"></anna-buyer-approval-icon-template>\n</ng-container>\n", styles: [""], components: [{ type: AnnaPayForPerformanceIconTemplateComponent, selector: "anna-pay-for-performance-icon-template", inputs: ["color", "width", "height"] }, { type: AnnaLiveIconTemplateComponent, selector: "anna-live-icon-template" }, { type: AnnaRejectedIconTemplateComponent, selector: "anna-rejected-icon-template" }, { type: AnnaNotifyIconTemplateComponent, selector: "anna-notify-icon-template" }, { type: AnnaBuyerApprovalIconTemplateComponent, selector: "anna-buyer-approval-icon-template" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaIconColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anna-core-anna-icon-column', template: "<ng-container *ngIf=\"componentName == 'ORDER_LISTING_INFLIGHT'\">\n    <span\n        *ngIf=\"dataObject.payForPerformance && objectKey == 'payForPerformance'\"\n        class=\"cursor-not-allowed\"\n        (click)=\"$event.stopPropagation()\"\n    >\n        <anna-pay-for-performance-icon-template\n            [color]=\"PfpIconActiveColor\"\n            [width]=\"'15px'\"\n            [height]=\"'15px'\"\n        >\n        </anna-pay-for-performance-icon-template>\n    </span>\n    <span\n        *ngIf=\"dataObject.orderStatus != 'LIVE' && !dataObject.payForPerformance && objectKey == 'payForPerformance'\"\n        (click)=\"svgIconClicked(dataObject,'payForPerformance')\"\n    >\n        <anna-pay-for-performance-icon-template\n            [color]=\"PfpIconDisableColor\"\n            [width]=\"'15px'\"\n            [height]=\"'15px'\"\n        >\n        </anna-pay-for-performance-icon-template>\n    </span>\n\n    <anna-live-icon-template *ngIf=\"dataObject.orderStatus == 'LIVE' && objectKey == 'orderStatus' \"></anna-live-icon-template>\n</ng-container>\n<ng-container *ngIf=\"componentName == 'ORDER_LISTING_COMPLETED'\">\n    <span *ngIf=\"dataObject.payForPerformance && objectKey == 'payForPerformance'\" (click)=\"$event.stopPropagation()\">\n        <anna-pay-for-performance-icon-template\n            [color]=\"PfpIconActiveColor\"\n            [width]=\"'20px'\"\n            [height]=\"'20px'\"\n        >\n        </anna-pay-for-performance-icon-template>\n    </span>\n</ng-container>\n<ng-container *ngIf=\"objectKey == 'bizRuleStatus'\">\n    <anna-rejected-icon-template *ngIf=\"dataObject.bizRuleStatus == 'REJECTED'\"></anna-rejected-icon-template>\n    <anna-notify-icon-template *ngIf=\"dataObject.bizRuleStatus == 'NOTIFY'\"></anna-notify-icon-template>\n    <anna-buyer-approval-icon-template *ngIf=\"dataObject.bizRuleStatus == 'AWAITING_APPROVAL'\"></anna-buyer-approval-icon-template>\n</ng-container>\n", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { componentName: [{
+                type: Input
+            }], objectKey: [{
+                type: Input
+            }], dataObject: [{
+                type: Input
+            }], onColumnIconClicked: [{
+                type: Output
+            }] } });
+
 // Angular import statements
 class AnnaCoreSharedLibModule {
 }
@@ -156,14 +183,16 @@ AnnaCoreSharedLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         AnnaNotifyIconTemplateComponent,
         AnnaPayForPerformanceIconTemplateComponent,
         AnnaRejectedIconTemplateComponent,
-        ShowTooltipDirective], imports: [CommonModule], exports: [AnnaNoDataComponent,
+        showEllipsisTextOnHoverDirective,
+        AnnaIconColumnComponent], imports: [CommonModule], exports: [AnnaNoDataComponent,
         AnnaFilterSearchedTextPipe,
         AnnaBuyerApprovalIconTemplateComponent,
         AnnaLiveIconTemplateComponent,
         AnnaNotifyIconTemplateComponent,
         AnnaPayForPerformanceIconTemplateComponent,
         AnnaRejectedIconTemplateComponent,
-        ShowTooltipDirective] });
+        showEllipsisTextOnHoverDirective,
+        AnnaIconColumnComponent] });
 AnnaCoreSharedLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaCoreSharedLibModule, imports: [[
             CommonModule
         ]] });
@@ -178,7 +207,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                         AnnaNotifyIconTemplateComponent,
                         AnnaPayForPerformanceIconTemplateComponent,
                         AnnaRejectedIconTemplateComponent,
-                        ShowTooltipDirective
+                        showEllipsisTextOnHoverDirective,
+                        AnnaIconColumnComponent,
                     ],
                     imports: [
                         CommonModule
@@ -191,7 +221,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                         AnnaNotifyIconTemplateComponent,
                         AnnaPayForPerformanceIconTemplateComponent,
                         AnnaRejectedIconTemplateComponent,
-                        ShowTooltipDirective
+                        showEllipsisTextOnHoverDirective,
+                        AnnaIconColumnComponent
                     ]
                 }]
         }] });
@@ -503,36 +534,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                 }]
         }], ctorParameters: function () { return []; } });
 
-class TooltipModel {
-    constructor(obj, id) {
-        this.label = obj ? obj.toString() : null;
-        this.value = obj;
-        this.isSelected = false;
-        this.id = id;
-    }
-}
-class tooltipModelForColumnLevelFiltering {
-    constructor(data) {
-        this.data = data;
-        this.isSelected = true;
-        this.isHidden = false;
-    }
-}
-class radioButtonModel {
-    constructor(key, value, sort, filter) {
-        this.key = key;
-        this.label = value;
-        this.isSortRequired = sort;
-        this.isFilterRequired = filter;
-    }
-}
-var AllSelectedStatus;
-(function (AllSelectedStatus) {
-    AllSelectedStatus[AllSelectedStatus["none"] = 0] = "none";
-    AllSelectedStatus[AllSelectedStatus["allSelected"] = 1] = "allSelected";
-    AllSelectedStatus[AllSelectedStatus["fewSelected"] = 2] = "fewSelected";
-})(AllSelectedStatus || (AllSelectedStatus = {}));
-
 // Angular import statements
 // Third party import statements
 // User defined import statements
@@ -683,6 +684,7 @@ class AnnaFilterService {
         this.tooltipSelectedMap = new Map();
         this.appliedFiltersArray = [];
         this.sliderCurrencySet = new Set(["booked", "cpp", "cpm", "rcvPreempt", "osPreempt", "postedAdu", "scheduledAdu", "audienceDeficit", "Rate"]);
+        this.isFilterSortActive = null;
         this.percentTranslateFunction = (data) => {
             const val = data.toFixed(1) + "%";
             return val;
@@ -775,42 +777,6 @@ class AnnaFilterService {
             this.annaSortService.columnSortState.set(this.selectedRadio, "DEFAULT");
         }
     }
-    populateSliderTooltip(completeData, filteredData) {
-        let minValue;
-        let maxValue;
-        if (this.appliedFiltersArray.length > 0 &&
-            this.appliedFiltersArray[this.appliedFiltersArray.length - 1] === this.selectedRadio) {
-            let subsetData;
-            let subfilterApplied = false;
-            //applying all filterexcept the current filter
-            if (this.selectedRadio === "postedAdu" && this.tooltipSelectedMap.has("isAudRequired")) {
-                this.tooltipSelectedMap.delete("isAudRequired");
-                subfilterApplied = true;
-            }
-            subsetData = this.filterData(completeData, this.selectedRadio);
-            //need to find min and max value for
-            minValue = this.returnMaxAndMinValue(subsetData, this.selectedRadio, true);
-            maxValue = this.returnMaxAndMinValue(subsetData, this.selectedRadio, false);
-            if (this.selectedRadio === "postedAdu" && subfilterApplied) {
-                this.tooltipSelectedMap.set("isAudRequired", [false]);
-            }
-        }
-        else {
-            minValue = this.returnMaxAndMinValue(filteredData, this.selectedRadio, true);
-            maxValue = this.returnMaxAndMinValue(filteredData, this.selectedRadio, false);
-        }
-        this.ngxSliderObj = this.setOptionValues(minValue, maxValue);
-        if (this.translateFunc === "normal") {
-            this.ngxSliderObj.translate = this.normalTranslateFunction;
-        }
-        else if (this.translateFunc === "percent") {
-            this.ngxSliderObj.translate = this.percentTranslateFunction;
-        }
-        else if (this.translateFunc === "currency") {
-            this.ngxSliderObj.translate = this.currencyTranslateFunction;
-        }
-        return this.ngxSliderObj;
-    }
     setOptionValues(minValue, maxValue) {
         return {
             floor: minValue,
@@ -819,121 +785,6 @@ class AnnaFilterService {
             translate: this.normalTranslateFunction
         };
     }
-    populateTooltip(selectedColumnName, completeData, filteredData) {
-        let tooltipData;
-        if (this.appliedFiltersArray.length === 0) {
-            tooltipData = this.populateTooltipDataBasedOnSelectedRadio([selectedColumnName], completeData);
-            tooltipData.forEach((item) => (item.isHidden = false));
-        }
-        else if (selectedColumnName === this.appliedFiltersArray[this.appliedFiltersArray.length - 1]) {
-            let subsetData = this.filterData(completeData, selectedColumnName); //filter the data without applying the latest filter
-            tooltipData = this.showHideFilterCheckbox(subsetData, selectedColumnName);
-        }
-        else {
-            //if it is not the latest filter
-            //then filtered Data will be used
-            //create the option data
-            if (!this.tooltipMap.has(selectedColumnName)) {
-                this.populateTooltipDataBasedOnSelectedRadio([selectedColumnName], completeData);
-            }
-            tooltipData = this.showHideFilterCheckbox(filteredData, selectedColumnName);
-        }
-        return tooltipData;
-    }
-    populateTooltipDataBasedOnSelectedRadio(value, originalData) {
-        //if the initial tooltip data is already present fetch from the map
-        if (this.tooltipMap.has(value[0])) {
-            return this.tooltipMap.get(value[0]);
-        }
-        else {
-            //get the unique values from the column and save it in the map
-            this.selectedRadio = value[0];
-            const data = sortBy(originalData.map((u) => u[this.selectedRadio])).filter((n) => n !== null); //sorting the data in alphabetical order
-            const dataSet = new Set(data); //created a set from the data
-            const toolTipdata = [...dataSet].map((x) => new tooltipModelForColumnLevelFiltering(x));
-            this.tooltipMap.set(value[0], toolTipdata); //setting the key value pair in the tooltipMap
-            this.tooltipSelectedMap.set(value[0], map(toolTipdata, "data")); //setting the key value pair in tooltipSelectedMap
-            return toolTipdata;
-        }
-    }
-    showHideFilterCheckbox(arr, selectedColumnName) {
-        let currentSubsetData = uniq(arr.map((u) => u[selectedColumnName]));
-        //get the initial tooltip Data
-        let tooltipData = this.tooltipMap.get(selectedColumnName);
-        //show or hide the value
-        tooltipData.forEach((value) => {
-            //if the element is not present then hide the element
-            let elementToFindIndex = currentSubsetData.findIndex((n) => n === value.data);
-            if (elementToFindIndex === -1) {
-                value.isHidden = true;
-            }
-            else {
-                //show the element
-                value.isHidden = false;
-            }
-        });
-        return tooltipData;
-    }
-    isAllOptionsSelected() {
-        let allSelected;
-        let totalOptionsCount = this.tooltipMap.get(this.selectedRadio).filter((x) => !x.isHidden).length;
-        let selectedOptionsCount = this.tooltipMap.get(this.selectedRadio).filter((x) => !x.isHidden && x.isSelected).length;
-        if (selectedOptionsCount === 0) {
-            allSelected = AllSelectedStatus.none;
-        }
-        else if (selectedOptionsCount > 0 && selectedOptionsCount < totalOptionsCount) {
-            allSelected = AllSelectedStatus.fewSelected;
-        }
-        else {
-            allSelected = AllSelectedStatus.allSelected;
-        }
-        return allSelected;
-    }
-    populateDatePickerTooltipWithData(completeData, filteredData) {
-        let enabledDates;
-        //some filter is applied and the latest filter is the date filter
-        if (this.appliedFiltersArray.length > 0 &&
-            this.appliedFiltersArray[this.appliedFiltersArray.length - 1] === this.selectedRadio) {
-            let subsetData;
-            //applying all filterexcept thec current  filter
-            if (this.selectedRadio === "period") {
-                subsetData = this.filterData(completeData, "period");
-                let minStartDate = this.returnMinAndMaxDate(subsetData, "startDate");
-                let maxEndDate = this.returnMinAndMaxDate(subsetData, "endDate");
-                enabledDates = { minStartDate: minStartDate[0], maxEndDate: maxEndDate[1] };
-            }
-            else if (this.selectedRadio === "AirDate" || this.selectedRadio === "flightStartDate" ||
-                this.selectedRadio === "flightEndDate" || this.selectedRadio == "date") {
-                subsetData = this.filterData(completeData, this.selectedRadio);
-                let minAndMaxDate = this.returnMinAndMaxDate(subsetData, this.selectedRadio);
-                enabledDates = { minStartDate: minAndMaxDate[0], maxEndDate: minAndMaxDate[1] };
-            }
-            else {
-                subsetData = this.filterData(completeData, this.selectedRadio);
-                //need to find min and max date for start and end date
-                //enabledDates is an arr of minDate and maxDate
-                enabledDates = this.returnMinAndMaxDate(subsetData, this.selectedRadio);
-            }
-        }
-        else {
-            if (this.selectedRadio === "period") {
-                let minStartDate = this.returnMinAndMaxDate(filteredData, "startDate");
-                let maxEndDate = this.returnMinAndMaxDate(filteredData, "endDate");
-                enabledDates = { minStartDate: minStartDate[0], maxEndDate: maxEndDate[1] };
-            }
-            else if (this.selectedRadio === "AirDate" || this.selectedRadio === "flightStartDate" ||
-                this.selectedRadio === "flightEndDate" || this.selectedRadio == "date") {
-                let minAndMaxDate = this.returnMinAndMaxDate(filteredData, this.selectedRadio);
-                enabledDates = { minStartDate: minAndMaxDate[0], maxEndDate: minAndMaxDate[1] };
-            }
-            else {
-                //need to find min and max date for start and end date.
-                // enabledDates is an arr of minDate and maxDate
-                enabledDates = this.returnMinAndMaxDate(filteredData, this.selectedRadio);
-            }
-        }
-        return enabledDates;
-    }
     findUniqueDatesWithData(data) {
         let uniqueDates = uniq(data.map((u) => u["date"]));
         let uniqueDatesInNgbDateFormat = [];
@@ -942,33 +793,6 @@ class AnnaFilterService {
         });
         return uniqueDatesInNgbDateFormat;
     }
-    isCheckboxSelected(selectedData) {
-        selectedData.isSelected = !selectedData.isSelected;
-        let allSelected = this.isAllOptionsSelected();
-        return allSelected;
-    }
-    allOptionsClicked(status) {
-        let header = this.selectedRadio;
-        if (status === 1) {
-            this.tooltipMap.get(header).forEach((item) => {
-                if (!item.isHidden) {
-                    item.isSelected = true;
-                }
-            });
-            this.tooltipSelectedMap.set(header, this.tooltipMap
-                .get(header)
-                .filter((x) => x.isSelected)
-                .map((x) => x.data));
-        }
-        else {
-            this.tooltipMap.get(header).forEach((item) => {
-                if (!item.isHidden) {
-                    item.isSelected = false;
-                }
-            });
-            this.tooltipSelectedMap.delete(header);
-        }
-    }
     reOrderAppliedFiltersArray(isHierarchialUserFiltered, date) {
         let isFiltered = true;
         isFiltered = this.checkIfDataIsFiltered(isFiltered, isHierarchialUserFiltered, date);
@@ -1100,17 +924,7 @@ class AnnaFilterService {
         if (!selectedData.includeTimeRange) {
             return false;
         }
-        // objTime = this.dateTimeFormatService.formatToTwelveHrs(objTime, true);
-        // objTime = this.dateTimeFormatService.convertTotwentyFourHrsFormat(
-        //   objTime[0] + ":" + objTime[1] + " " + objTime[2],
-        //   true
-        // );
-        // objTime = objTime[0] + ":" + objTime[1] + ":00";
-        // objTime = moment(objTime, format);
         let momentTime = moment(objTime, format);
-        console.log(momentTime);
-        console.log(selectedFromTime);
-        console.log(selectedToTime);
         let isObjTimeSameAsSelectedFromTime = momentTime.isSame(selectedFromTime);
         let isObjTimeSameAsSelectedToTime = momentTime.isSame(selectedToTime);
         let isObjTimeBetweenSelectedFromTimeAndToTime = momentTime.isBetween(selectedFromTime, selectedToTime);
@@ -1156,7 +970,6 @@ class AnnaFilterService {
             let momentEndDate = moment(obj.endDate);
             let startDateIsBetweenSelDate = momentStartDate.isBetween(value.fromDate, value.toDate);
             let endDateIsBetweenSelDate = momentEndDate.isBetween(value.fromDate, value.toDate);
-            console.log(moment(obj.startDate, parsingFormat));
             let startDateIsSameAsSelStartDate = value.fromDate.isSame(momentStartDate);
             let endDateIsSameAsSelEndDate = value.toDate.isSame(momentEndDate);
             return ((startDateIsBetweenSelDate || startDateIsSameAsSelStartDate) &&
@@ -1195,8 +1008,6 @@ class AnnaFilterService {
     }
     getFilterOptionsData(data, clonedData) {
         let appliedFilterSet = new Set(this.appliedFiltersArray);
-        console.log("appliedFilterSet");
-        console.log(appliedFilterSet);
         if (appliedFilterSet.has(this.selectedRadio)) {
             return this.filterData(clonedData, this.selectedRadio);
         }
@@ -1242,13 +1053,27 @@ class AnnaFilterService {
     isObjectInTheRange(obj, value, key) {
         let objVal = obj[key];
         let momentDate = moment(objVal);
-        console.log(objVal);
-        console.log(value.fromDate);
         let isDateSameAsStartOfTheRange = value.fromDate.isSame(objVal);
         let isDateSameAsEndOfTheRange = value.toDate.isSame(objVal);
         let isDateBetweenTheStartAndEndOfRange = momentDate.isBetween(value.fromDate, value.toDate);
         return isDateSameAsStartOfTheRange || isDateSameAsEndOfTheRange || isDateBetweenTheStartAndEndOfRange;
     }
+    updateStateOfTheCurrentFilterTab(sortMap) {
+        let activeKey = this.selectedRadio;
+        let keyArr = [];
+        Object.keys(this.isFilterSortActive).forEach(key => {
+            if (key.includes(activeKey)) {
+                keyArr = key.split(",");
+                this.isFilterSortActive[key] = this.isTooltipActive(keyArr, sortMap);
+            }
+        });
+    }
+    updateStateOfAllTheKeys(sortMap) {
+        Object.keys(this.isFilterSortActive).forEach(key => {
+            let keyArr = key.split(",");
+            this.isFilterSortActive[key] = this.isTooltipActive(keyArr, sortMap);
+        });
+    }
 }
 AnnaFilterService.bufferSize = 20;
 AnnaFilterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AnnaFilterService, deps: [{ token: AnnaDateTimeFormatService }, { token: AnnaSortService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -1301,6 +1126,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
 
 ;
 
+class TooltipModel {
+    constructor(obj, id) {
+        this.label = obj ? obj.toString() : null;
+        this.value = obj;
+        this.isSelected = false;
+        this.id = id;
+    }
+}
+class tooltipModelForColumnLevelFiltering {
+    constructor(data) {
+        this.data = data;
+        this.isSelected = true;
+        this.isHidden = false;
+    }
+}
+class radioButtonModel {
+    constructor(key, value, sort, filter) {
+        this.key = key;
+        this.label = value;
+        this.isSortRequired = sort;
+        this.isFilterRequired = filter;
+    }
+}
+var AllSelectedStatus;
+(function (AllSelectedStatus) {
+    AllSelectedStatus[AllSelectedStatus["none"] = 0] = "none";
+    AllSelectedStatus[AllSelectedStatus["allSelected"] = 1] = "allSelected";
+    AllSelectedStatus[AllSelectedStatus["fewSelected"] = 2] = "fewSelected";
+})(AllSelectedStatus || (AllSelectedStatus = {}));
+
 class Constants {
 }
 Constants.SUCCESS_STRING = "success";
@@ -1341,5 +1196,5 @@ var Days;
  * Generated bundle index. Do not edit.
  */
 
-export { AllSelectedStatus, AnnaBuyerApprovalIconTemplateComponent, AnnaCoreSharedLibModule, AnnaDateTimeFormatService, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaGenericTableService, AnnaGlobalConfigService, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNotifyIconTemplateComponent, AnnaPayForPerformanceIconTemplateComponent, AnnaRejectedIconTemplateComponent, AnnaSortService, Constants, Days, ErrorCodes, ShowTooltipDirective, TooltipModel, radioButtonModel, tooltipModelForColumnLevelFiltering };
+export { AllSelectedStatus, AnnaBuyerApprovalIconTemplateComponent, AnnaCoreSharedLibModule, AnnaDateTimeFormatService, AnnaFilterSearchedTextPipe, AnnaFilterService, AnnaGenericTableService, AnnaGlobalConfigService, AnnaIconColumnComponent, AnnaLiveIconTemplateComponent, AnnaNoDataComponent, AnnaNotifyIconTemplateComponent, AnnaPayForPerformanceIconTemplateComponent, AnnaRejectedIconTemplateComponent, AnnaSortService, Constants, Days, ErrorCodes, TooltipModel, radioButtonModel, showEllipsisTextOnHoverDirective, tooltipModelForColumnLevelFiltering };
 //# sourceMappingURL=annalib-anna-core-src-lib-anna-core-shared-lib.mjs.map