@annalib/anna-core 1.2.8 → 1.2.9

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

@@ -2,7 +2,7 @@ import * as i0 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';
 
@@ -149,16 +149,16 @@ class AnnaIconColumnComponent {
     constructor() {
         this.PfpIconActiveColor = "#9B1B93";
         this.PfpIconDisableColor = "rgba(189,189,189,0.5)";
-        this.pfpIconClicked = new EventEmitter();
+        this.onColumnIconClicked = new EventEmitter();
     }
     ngOnInit() {
     }
     svgIconClicked(rowData, key) {
-        this.pfpIconClicked.emit({ data: rowData, key: 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: { pfpIconClicked: "pfpIconClicked" }, 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"] }] });
+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: [""] }]
@@ -168,7 +168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                 type: Input
             }], dataObject: [{
                 type: Input
-            }], pfpIconClicked: [{
+            }], onColumnIconClicked: [{
                 type: Output
             }] } });
 
@@ -534,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
@@ -807,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,
@@ -851,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 = [];
@@ -974,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);
@@ -1132,13 +924,6 @@ 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);
         let isObjTimeSameAsSelectedFromTime = momentTime.isSame(selectedFromTime);
         let isObjTimeSameAsSelectedToTime = momentTime.isSame(selectedToTime);
@@ -1341,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";