@annalib/anna-core 1.2.7 → 1.2.8

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

@@ -1,5 +1,5 @@
 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';
@@ -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.pfpIconClicked = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    svgIconClicked(rowData, key) {
+        this.pfpIconClicked.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"] }] });
+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
+            }], pfpIconClicked: [{
+                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
                     ]
                 }]
         }] });
@@ -683,6 +714,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;
@@ -1108,9 +1140,6 @@ class AnnaFilterService {
         // 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 +1185,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 +1223,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 +1268,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 });
@@ -1341,5 +1381,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