@annalib/anna-feature-spots-approval 0.0.2

package/fesm2022/annalib-anna-feature-spots-approval-spot-approval-shared-lib.mjs

@@ -0,0 +1,112 @@
+import { NgClass, NgIf, NgFor, NgStyle, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, ViewChild, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i2 from '@annalib/anna-core';
+import { AnnaCoreModule, ANNAIconNames, AnnaPayForPerformanceIconTemplateComponent } from '@annalib/anna-core';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import * as i1 from 'ngx-skeleton-loader';
+import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
+import * as i1$1 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { SkeletonLoaderComponent } from '@annalib/anna-design-components-lib';
+
+class RevisionOfferStatusProgressViewComponent {
+    constructor() {
+        this.previousOrderClicked = new EventEmitter();
+        this.nextOrderClicked = new EventEmitter();
+        this.noDataWidth = "55%";
+    }
+    selectNextOrder() {
+        this.nextOrderClicked.emit();
+    }
+    selectPreviousOrder() {
+        this.previousOrderClicked.emit();
+    }
+    ngAfterViewChecked() {
+        this.tooltip?.open();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RevisionOfferStatusProgressViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: RevisionOfferStatusProgressViewComponent, isStandalone: true, selector: "anna-feature-revision-offer-status-progress-view", inputs: { revisionStatues: "revisionStatues", skeletonLoading: "skeletonLoading", headerInfo: "headerInfo", showPath: "showPath" }, outputs: { previousOrderClicked: "previousOrderClicked", nextOrderClicked: "nextOrderClicked" }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["radioButtonTooltip"], descendants: true }], ngImport: i0, template: "<section [ngClass]=\"{ 'daily-completed-rev-revision-headers': !showPath, 'ongoing-rev-revision-headers': showPath }\">\n    <div [ngClass]=\"{ highlight: headerInfo?.currentOrderIndex > 0, 'order-spinner': showPath }\">\n        <div [ngClass]=\"{ 'previous-button-horizontal': !showPath, 'previous-button-vertical': showPath }\">\n            <div\n                class=\"order-pinner-text\"\n                (click)=\"selectPreviousOrder()\"\n            >\n                Previous Revision\n            </div>\n            <div\n                class=\"order-count\"\n                *ngIf=\"headerInfo?.totalOrders && headerInfo?.currentOrderIndex + 1 !== 1\"\n            >\n                <span> ({{ headerInfo?.currentOrderIndex }}/{{ headerInfo?.totalOrders }})</span>\n            </div>\n        </div>\n    </div>\n\n    <!-- <div\n        *ngIf=\"showMessage\"\n        class=\"revision-info\"\n    >\n        <p *ngIf=\"!skeletonLoading\">\n            <span *ngIf=\"revisedInfo\">\n                This revision was generated on\n                <b>{{ revisedInfo }}</b>\n            </span>\n            <ngx-skeleton-loader\n                *ngIf=\"skeletonLoading\"\n                count=\"1\"\n                [theme]=\"{ width: '400px', height: '17px', float: 'right' }\"\n            >\n            </ngx-skeleton-loader>\n        </p>\n    </div> -->\n\n    <div\n        id=\"path\"\n        *ngIf=\"!skeletonLoading && showPath\"\n    >\n        <ng-container *ngIf=\"skeletonLoading && showPath\">\n            <ngx-skeleton-loader\n                count=\"5\"\n                [theme]=\"{\n                    width: '130px',\n                    height: '40px',\n                    display: 'inline-block',\n                    'margin-top': '10px',\n                    'margin-right': '40px',\n                    'margin-bottom': '5px'\n                }\"\n            >\n            </ngx-skeleton-loader>\n        </ng-container>\n        <ng-container *ngIf=\"!skeletonLoading && revisionStatues && showPath\">\n            <div\n                class=\"status-pathline-message\"\n                [ngStyle]=\"{ flex: last ? 0 : 1 }\"\n                *ngFor=\"let status of revisionStatues; let last = last\"\n            >\n                <div>\n                    <span class=\"{{ status.class }}\">\n                        {{ status.status }}\n                        <i\n                            *ngIf=\"status.showNeedsAttentionIcon\"\n                            class=\"mdi mdi-alert\"\n                        ></i>\n                    </span>\n                    <i\n                        *ngIf=\"status.state === 'PASSED'\"\n                        class=\"mdi mdi-check-circle\"\n                    ></i>\n                    <span\n                        *ngIf=\"status.bubbleCount\"\n                        class=\"bubble-count\"\n                    >\n                        {{ status.bubbleCount }}\n                    </span>\n                    <i\n                        *ngIf=\"status.state === 'SKIPPED'\"\n                        class=\"mdi mdi-close-circle\"\n                    ></i>\n                    <div\n                        *ngIf=\"!last\"\n                        class=\"path-line\"\n                    >\n                        <i\n                            *ngIf=\"status.timelineRadioButtonMessage\"\n                            class=\"mdi cursor-pointer {{ status.timelineRadioButtonIconClass }}\"\n                            #radioButtonTooltip=\"ngbTooltip\"\n                            [autoClose]=\"false\"\n                            ngbTooltip=\"{{ status.timelineRadioButtonMessage }}\"\n                            placement=\"bottom\"\n                            container=\"body\"\n                            tooltipClass=\"gt-icon-column-tooltip entry-status-tooltip keep-on-scroll-tooltip\"\n                        ></i>\n                        <i\n                            *ngIf=\"!status.timelineRadioButtonMessage\"\n                            class=\"mdi cursor-default {{ status.timelineRadioButtonIconClass }}\"\n                        ></i>\n                    </div>\n                </div>\n                <span\n                    class=\"time-text {{ status.messageClass }}\"\n                    *ngIf=\"status.message !== ''\"\n                >\n                    {{ status.message }}\n                </span>\n            </div>\n        </ng-container>\n        <anna-core-no-data-lib\n            [width]=\"noDataWidth\"\n            [marginTop]=\"'0.2rem'\"\n            *ngIf=\"showPath && !skeletonLoading && !revisionStatues\"\n        >\n        </anna-core-no-data-lib>\n    </div>\n    <div\n        [ngClass]=\"{\n            highlight: headerInfo?.currentOrderIndex + 1 < headerInfo?.totalOrders,\n            'order-spinner': showPath\n        }\"\n    >\n        <div [ngClass]=\"{ 'next-button-horizontal': !showPath, 'next-button-vertical': showPath }\">\n            <div\n                class=\"order-pinner-text\"\n                (click)=\"selectNextOrder()\"\n            >\n                Next Revision\n            </div>\n            <div\n                class=\"order-count\"\n                *ngIf=\"headerInfo?.totalOrders && headerInfo?.currentOrderIndex + 1 !== headerInfo?.totalOrders\"\n            >\n                <span>({{ headerInfo?.currentOrderIndex + 2 }}/{{ headerInfo?.totalOrders }})</span>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: ["section{height:4.5rem;border-radius:2px;border:1px solid #b5b5b5;width:100%}::ng-deep .entry-status-tooltip{z-index:2}::ng-deep .entry-status-tooltip .tooltip-inner{box-shadow:0 2px 5px #0000004d,0 2px 12px #0003!important}.daily-completed-rev-revision-headers{border:0!important;height:auto!important;margin:.25rem 0 .5rem;display:flex;justify-content:space-between}.ongoing-rev-revision-headers{display:flex;justify-content:space-between}.previous-button-horizontal{display:flex;gap:5px}.previous-button-vertical,.next-button-vertical{display:flex;flex-direction:column;align-items:center;margin:0 1.5rem 1rem}.next-button-horizontal{display:flex;flex-direction:row-reverse;gap:5px}.order-spinner{display:flex;margin-top:1rem;align-items:center}.order-pinner-text{color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;opacity:.5;cursor:default}p{margin-bottom:0}.right-icon{transform:rotate(270deg)}.left-icon{transform:rotate(90deg)}.expand-icon{font-size:1.6875rem}.highlight .order-pinner-text{color:#268bff;cursor:pointer;opacity:1}.order-count{font-family:Roboto;font-size:.625rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#979797;margin-left:.25rem;margin-right:.25rem}#path{display:flex;padding-top:1rem;width:calc(100% - 282.5px)}#path .status-pathline-message{flex:1}#path .status-pathline-message div{display:flex}#path div:last-child{flex:auto}.round-btn{border-radius:50%;width:1.5rem;height:1.5rem;outline:none;border:1px solid #268bff;background:#fff;cursor:pointer;position:relative}.path-line{height:1px;background:#268bff;margin-top:.75rem;position:relative}.path-line .mdi{margin:auto;position:relative;bottom:8px;color:#268bff;background:#fff;left:-1px}.align-on-line{color:#268bff;top:-13px;right:calc(50% - 14px);position:absolute}.time-text{font-family:Roboto;font-size:.6875rem;font-weight:400;font-stretch:normal;font-style:italic;line-height:1;letter-spacing:0;color:#767676;margin-top:.25rem;white-space:nowrap}.red-text{color:#f44336}.revision-info{display:flex;justify-content:center}.revision-info p b{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:italic;line-height:normal;letter-spacing:normal;color:#4a4a4a}.revision-info p span{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:italic;line-height:normal;letter-spacing:normal;color:#767676}.ASA-UPCOMING,.ASR-UPCOMING,.ABA-UPCOMING,.ASMA-UPCOMING,.RG-UPCOMING{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #979797;color:#979797;background-color:#fff;padding:.25rem}.ASA-CURRENT,.ASR-CURRENT{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #f3bd18;color:#fff;background-color:#f3bd18;padding:.25rem}.ABA-CURRENT{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #208be1;color:#fff;background-color:#208be1;padding:.25rem}.ASMA-CURRENT{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #f36618;color:#fff;background-color:#f36618;padding:.25rem}.RG-CURRENT{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #00c853;color:#fff;background-color:#00c853;padding:.25rem}.RD-CURRENT{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #f31818;color:#fff;background-color:#f31818;padding:.25rem}.NRF-CURRENT{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #a2a8ad;color:#fff;background-color:#a2a8ad;padding:.25rem}.ASA-PASSED,.ASR-PASSED,.ABA-PASSED,.ASMA-PASSED{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #979797;color:#4a4a4a;background-color:#bdbdbd;padding:.25rem;opacity:.5}.ASA-SKIPPED,.ASR-SKIPPED,.ABA-SKIPPED,.ASMA-SKIPPED{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #f31818;color:#f31818;background-color:#fff;padding:.25rem}.mdi-check-circle{position:relative;color:#00c853;top:-10px;left:-7px;border-radius:50%;height:14px;width:14px;background:#fff;margin-right:-14px}.mdi-close-circle{position:relative;color:#f44336;top:-10px;left:-7px;border-radius:50%;height:14px;width:14px;background:#fff;margin-right:-14px}.bubble-count{position:relative;color:#fff;top:-10px;border-radius:50%;height:14px;width:14px;background:#fff;width:20px;height:20px;left:-9px;margin-right:-20px;background-color:#bb9c99;font-size:11px;font-size:10px!important;line-height:14px!important;display:flex;justify-content:center;align-items:center;cursor:default}.mdi.mdi-alert{color:#ffb300;margin-left:4px}:host ::ng-deep .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}i.cursor-pointer{cursor:pointer}i.cursor-default{cursor:default}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i1.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: AnnaCoreModule }, { kind: "component", type: i2.AnnaNoDataComponent, selector: "anna-core-no-data-lib", inputs: ["width", "marginTop"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RevisionOfferStatusProgressViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "anna-feature-revision-offer-status-progress-view", standalone: true, imports: [NgClass, NgIf, NgxSkeletonLoaderModule, NgFor, NgStyle, NgbTooltip, AnnaCoreModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section [ngClass]=\"{ 'daily-completed-rev-revision-headers': !showPath, 'ongoing-rev-revision-headers': showPath }\">\n    <div [ngClass]=\"{ highlight: headerInfo?.currentOrderIndex > 0, 'order-spinner': showPath }\">\n        <div [ngClass]=\"{ 'previous-button-horizontal': !showPath, 'previous-button-vertical': showPath }\">\n            <div\n                class=\"order-pinner-text\"\n                (click)=\"selectPreviousOrder()\"\n            >\n                Previous Revision\n            </div>\n            <div\n                class=\"order-count\"\n                *ngIf=\"headerInfo?.totalOrders && headerInfo?.currentOrderIndex + 1 !== 1\"\n            >\n                <span> ({{ headerInfo?.currentOrderIndex }}/{{ headerInfo?.totalOrders }})</span>\n            </div>\n        </div>\n    </div>\n\n    <!-- <div\n        *ngIf=\"showMessage\"\n        class=\"revision-info\"\n    >\n        <p *ngIf=\"!skeletonLoading\">\n            <span *ngIf=\"revisedInfo\">\n                This revision was generated on\n                <b>{{ revisedInfo }}</b>\n            </span>\n            <ngx-skeleton-loader\n                *ngIf=\"skeletonLoading\"\n                count=\"1\"\n                [theme]=\"{ width: '400px', height: '17px', float: 'right' }\"\n            >\n            </ngx-skeleton-loader>\n        </p>\n    </div> -->\n\n    <div\n        id=\"path\"\n        *ngIf=\"!skeletonLoading && showPath\"\n    >\n        <ng-container *ngIf=\"skeletonLoading && showPath\">\n            <ngx-skeleton-loader\n                count=\"5\"\n                [theme]=\"{\n                    width: '130px',\n                    height: '40px',\n                    display: 'inline-block',\n                    'margin-top': '10px',\n                    'margin-right': '40px',\n                    'margin-bottom': '5px'\n                }\"\n            >\n            </ngx-skeleton-loader>\n        </ng-container>\n        <ng-container *ngIf=\"!skeletonLoading && revisionStatues && showPath\">\n            <div\n                class=\"status-pathline-message\"\n                [ngStyle]=\"{ flex: last ? 0 : 1 }\"\n                *ngFor=\"let status of revisionStatues; let last = last\"\n            >\n                <div>\n                    <span class=\"{{ status.class }}\">\n                        {{ status.status }}\n                        <i\n                            *ngIf=\"status.showNeedsAttentionIcon\"\n                            class=\"mdi mdi-alert\"\n                        ></i>\n                    </span>\n                    <i\n                        *ngIf=\"status.state === 'PASSED'\"\n                        class=\"mdi mdi-check-circle\"\n                    ></i>\n                    <span\n                        *ngIf=\"status.bubbleCount\"\n                        class=\"bubble-count\"\n                    >\n                        {{ status.bubbleCount }}\n                    </span>\n                    <i\n                        *ngIf=\"status.state === 'SKIPPED'\"\n                        class=\"mdi mdi-close-circle\"\n                    ></i>\n                    <div\n                        *ngIf=\"!last\"\n                        class=\"path-line\"\n                    >\n                        <i\n                            *ngIf=\"status.timelineRadioButtonMessage\"\n                            class=\"mdi cursor-pointer {{ status.timelineRadioButtonIconClass }}\"\n                            #radioButtonTooltip=\"ngbTooltip\"\n                            [autoClose]=\"false\"\n                            ngbTooltip=\"{{ status.timelineRadioButtonMessage }}\"\n                            placement=\"bottom\"\n                            container=\"body\"\n                            tooltipClass=\"gt-icon-column-tooltip entry-status-tooltip keep-on-scroll-tooltip\"\n                        ></i>\n                        <i\n                            *ngIf=\"!status.timelineRadioButtonMessage\"\n                            class=\"mdi cursor-default {{ status.timelineRadioButtonIconClass }}\"\n                        ></i>\n                    </div>\n                </div>\n                <span\n                    class=\"time-text {{ status.messageClass }}\"\n                    *ngIf=\"status.message !== ''\"\n                >\n                    {{ status.message }}\n                </span>\n            </div>\n        </ng-container>\n        <anna-core-no-data-lib\n            [width]=\"noDataWidth\"\n            [marginTop]=\"'0.2rem'\"\n            *ngIf=\"showPath && !skeletonLoading && !revisionStatues\"\n        >\n        </anna-core-no-data-lib>\n    </div>\n    <div\n        [ngClass]=\"{\n            highlight: headerInfo?.currentOrderIndex + 1 < headerInfo?.totalOrders,\n            'order-spinner': showPath\n        }\"\n    >\n        <div [ngClass]=\"{ 'next-button-horizontal': !showPath, 'next-button-vertical': showPath }\">\n            <div\n                class=\"order-pinner-text\"\n                (click)=\"selectNextOrder()\"\n            >\n                Next Revision\n            </div>\n            <div\n                class=\"order-count\"\n                *ngIf=\"headerInfo?.totalOrders && headerInfo?.currentOrderIndex + 1 !== headerInfo?.totalOrders\"\n            >\n                <span>({{ headerInfo?.currentOrderIndex + 2 }}/{{ headerInfo?.totalOrders }})</span>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: ["section{height:4.5rem;border-radius:2px;border:1px solid #b5b5b5;width:100%}::ng-deep .entry-status-tooltip{z-index:2}::ng-deep .entry-status-tooltip .tooltip-inner{box-shadow:0 2px 5px #0000004d,0 2px 12px #0003!important}.daily-completed-rev-revision-headers{border:0!important;height:auto!important;margin:.25rem 0 .5rem;display:flex;justify-content:space-between}.ongoing-rev-revision-headers{display:flex;justify-content:space-between}.previous-button-horizontal{display:flex;gap:5px}.previous-button-vertical,.next-button-vertical{display:flex;flex-direction:column;align-items:center;margin:0 1.5rem 1rem}.next-button-horizontal{display:flex;flex-direction:row-reverse;gap:5px}.order-spinner{display:flex;margin-top:1rem;align-items:center}.order-pinner-text{color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline;opacity:.5;cursor:default}p{margin-bottom:0}.right-icon{transform:rotate(270deg)}.left-icon{transform:rotate(90deg)}.expand-icon{font-size:1.6875rem}.highlight .order-pinner-text{color:#268bff;cursor:pointer;opacity:1}.order-count{font-family:Roboto;font-size:.625rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#979797;margin-left:.25rem;margin-right:.25rem}#path{display:flex;padding-top:1rem;width:calc(100% - 282.5px)}#path .status-pathline-message{flex:1}#path .status-pathline-message div{display:flex}#path div:last-child{flex:auto}.round-btn{border-radius:50%;width:1.5rem;height:1.5rem;outline:none;border:1px solid #268bff;background:#fff;cursor:pointer;position:relative}.path-line{height:1px;background:#268bff;margin-top:.75rem;position:relative}.path-line .mdi{margin:auto;position:relative;bottom:8px;color:#268bff;background:#fff;left:-1px}.align-on-line{color:#268bff;top:-13px;right:calc(50% - 14px);position:absolute}.time-text{font-family:Roboto;font-size:.6875rem;font-weight:400;font-stretch:normal;font-style:italic;line-height:1;letter-spacing:0;color:#767676;margin-top:.25rem;white-space:nowrap}.red-text{color:#f44336}.revision-info{display:flex;justify-content:center}.revision-info p b{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:italic;line-height:normal;letter-spacing:normal;color:#4a4a4a}.revision-info p span{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:italic;line-height:normal;letter-spacing:normal;color:#767676}.ASA-UPCOMING,.ASR-UPCOMING,.ABA-UPCOMING,.ASMA-UPCOMING,.RG-UPCOMING{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #979797;color:#979797;background-color:#fff;padding:.25rem}.ASA-CURRENT,.ASR-CURRENT{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #f3bd18;color:#fff;background-color:#f3bd18;padding:.25rem}.ABA-CURRENT{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #208be1;color:#fff;background-color:#208be1;padding:.25rem}.ASMA-CURRENT{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #f36618;color:#fff;background-color:#f36618;padding:.25rem}.RG-CURRENT{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #00c853;color:#fff;background-color:#00c853;padding:.25rem}.RD-CURRENT{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #f31818;color:#fff;background-color:#f31818;padding:.25rem}.NRF-CURRENT{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #a2a8ad;color:#fff;background-color:#a2a8ad;padding:.25rem}.ASA-PASSED,.ASR-PASSED,.ABA-PASSED,.ASMA-PASSED{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #979797;color:#4a4a4a;background-color:#bdbdbd;padding:.25rem;opacity:.5}.ASA-SKIPPED,.ASR-SKIPPED,.ABA-SKIPPED,.ASMA-SKIPPED{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:1.5;white-space:nowrap;width:fit-content;flex-wrap:nowrap;display:flex;align-items:center;border-radius:2px;border:1px solid #f31818;color:#f31818;background-color:#fff;padding:.25rem}.mdi-check-circle{position:relative;color:#00c853;top:-10px;left:-7px;border-radius:50%;height:14px;width:14px;background:#fff;margin-right:-14px}.mdi-close-circle{position:relative;color:#f44336;top:-10px;left:-7px;border-radius:50%;height:14px;width:14px;background:#fff;margin-right:-14px}.bubble-count{position:relative;color:#fff;top:-10px;border-radius:50%;height:14px;width:14px;background:#fff;width:20px;height:20px;left:-9px;margin-right:-20px;background-color:#bb9c99;font-size:11px;font-size:10px!important;line-height:14px!important;display:flex;justify-content:center;align-items:center;cursor:default}.mdi.mdi-alert{color:#ffb300;margin-left:4px}:host ::ng-deep .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}i.cursor-pointer{cursor:pointer}i.cursor-default{cursor:default}\n"] }]
+        }], propDecorators: { revisionStatues: [{
+                type: Input
+            }], skeletonLoading: [{
+                type: Input
+            }], headerInfo: [{
+                type: Input
+            }], showPath: [{
+                type: Input
+            }], previousOrderClicked: [{
+                type: Output
+            }], nextOrderClicked: [{
+                type: Output
+            }], tooltip: [{
+                type: ViewChild,
+                args: ["radioButtonTooltip"]
+            }] } });
+
+// Angular import statements
+// User defined import statements
+class RevisionSummaryPanelComponent {
+    constructor() {
+        this.isSummaryExpandable = false;
+        this.isWriteEnabled = false;
+        this.showAAIcon = true;
+        this.summaryIsExpanded = new EventEmitter();
+        this.ANNAIconNames = ANNAIconNames;
+        this.noDataWidth = "55%";
+        this.summaryExpanded = false;
+    }
+    ngOnChanges(changes) {
+        if (changes.summaryInfo && changes.summaryInfo.currentValue) {
+            this.itemsCountVisibleWithoutExpansion = this.summaryInfo.filter((n) => !n.expandedRow).length;
+        }
+    }
+    openClose(param) {
+        this.summaryExpanded = param;
+        this.summaryIsExpanded.emit(param);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RevisionSummaryPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: RevisionSummaryPanelComponent, isStandalone: true, selector: "anna-feature-revision-summary-panel", inputs: { summaryInfo: "summaryInfo", skeletonLoading: "skeletonLoading", showImpressions: "showImpressions", isSummaryExpandable: "isSummaryExpandable", isWriteEnabled: "isWriteEnabled", isPoD: "isPoD", showAAIcon: "showAAIcon" }, outputs: { summaryIsExpanded: "summaryIsExpanded" }, usesOnChanges: true, ngImport: i0, template: "<ng-container>\n    <mat-accordion>\n        <mat-expansion-panel\n            [expanded]=\"summaryExpanded\"\n            class=\"custom-mat-expansion-panel revision-summary-mat-expansion-panel\"\n            (afterCollapse)=\"openClose(false)\"\n            (afterExpand)=\"openClose(true)\"\n            [disabled]=\"!isSummaryExpandable\"\n        >\n            <mat-expansion-panel-header\n                collapsedHeight=\"*\"\n                expandedHeight=\"*\"\n                [ngStyle]=\"{ cursor: isSummaryExpandable ? 'pointer !important' : 'default !important' }\"\n                [ngClass]=\"{ 'non-expandable-mat-panel': !isSummaryExpandable }\"\n            >\n                <mat-panel-title>\n                    <section>\n                        <ng-container\n                            *ngIf=\"skeletonLoading\"\n                            [ngTemplateOutlet]=\"loader\"\n                        >\n                        </ng-container>\n                        <ng-container *ngIf=\"1; skeletonLoading\">\n                            <!-- <h3>Summary</h3> -->\n                            <i\n                                *ngIf=\"!skeletonLoading && showAAIcon && isWriteEnabled\"\n                                class=\"{{ ANNAIconNames.AutomationActivatedIconName }}\"\n                                ngbTooltip=\"Automated\"\n                                placement=\"bottom\"\n                                container=\"body\"\n                            ></i>\n                            <anna-core-pay-for-performance-icon-template\n                                *ngIf=\"!skeletonLoading && isPoD\"\n                                [color]=\"'#9B1B93'\"\n                                [width]=\"'16px'\"\n                                [height]=\"'16px'\"\n                                ngbTooltip=\"Payment on delivery\"\n                                container=\"body\"\n                            >\n                            </anna-core-pay-for-performance-icon-template>\n                            <div\n                                *ngIf=\"!skeletonLoading && summaryInfo\"\n                                class=\"summary-values-container\"\n                            >\n                                <ng-container *ngFor=\"let detail of summaryInfo\">\n                                    <ng-container *ngIf=\"!detail.expandedRow\">\n                                        <!-- [ngStyle]=\"{ width: 'calc(100% / ' + itemsCountVisibleWithoutExpansion + ')' }\" -->\n                                        <div class=\"{{ detail.class }}\">\n                                            <p class=\"heading\">\n                                                <span>\n                                                    {{ detail.heading }}\n                                                    <i\n                                                        class=\"mi mdi-info-outline pending-tooltip\"\n                                                        [ngbTooltip]=\"detail.tooltip\"\n                                                        placement=\"bottom left\"\n                                                        container=\"body\"\n                                                        *ngIf=\"detail.tooltip\"\n                                                        tooltipClass=\"pending-info-tooltip\"\n                                                        #t=\"ngbTooltip\"\n                                                    ></i>\n                                                </span>\n                                            </p>\n                                            <p\n                                                class=\"bold-text d-flex\"\n                                                *ngIf=\"detail.firstValue && detail.secondValue\"\n                                            >\n                                                <span\n                                                    class=\"advertiser-agency\"\n                                                    annaCoreShowEllipsisTextOnHover\n                                                >\n                                                    {{ detail.firstValue }}\n                                                </span>\n                                                <span class=\"divider\"> | </span>\n                                                <span\n                                                    class=\"advertiser-agency\"\n                                                    annaCoreShowEllipsisTextOnHover\n                                                >\n                                                    {{ detail.secondValue }}\n                                                </span>\n                                            </p>\n                                            <p\n                                                *ngIf=\"!detail.firstValue\"\n                                                class=\"bold-text\"\n                                                annaCoreShowEllipsisTextOnHover\n                                            >\n                                                <span>{{ detail.value ? detail.value : \"-\" }}</span>\n                                                <span *ngIf=\"detail.rating\"> | {{ detail.rating }}</span>\n                                                <span *ngIf=\"detail.CPPOrCPM\"> | {{ detail.CPPOrCPM }}</span>\n                                            </p>\n                                        </div>\n                                        <div\n                                            class=\"border-right-mid\"\n                                            *ngIf=\"detail.showRightBorder\"\n                                        ></div>\n                                    </ng-container>\n                                </ng-container>\n                            </div>\n                            <anna-core-no-data-lib\n                                [width]=\"noDataWidth\"\n                                [marginTop]=\"'-15px'\"\n                                *ngIf=\"!skeletonLoading && !summaryInfo\"\n                            >\n                            </anna-core-no-data-lib>\n                        </ng-container>\n                    </section>\n                </mat-panel-title>\n            </mat-expansion-panel-header>\n            <div>\n                <section class=\"summary-value-section\">\n                    <!-- <div style=\"width: 85px;\"></div> -->\n                    <div\n                        *ngIf=\"!skeletonLoading && summaryInfo\"\n                        class=\"summary-values-container\"\n                    >\n                        <ng-container *ngFor=\"let detail of summaryInfo\">\n                            <ng-container *ngIf=\"detail.expandedRow\">\n                                <div class=\"mr-20 {{ detail.class }}\">\n                                    <p\n                                        class=\"heading\"\n                                        title=\"{{ detail.heading }}\"\n                                    >\n                                        <span>\n                                            {{ detail.heading }}\n                                            <i\n                                                class=\"mi mdi-info-outline pending-tooltip\"\n                                                [ngbTooltip]=\"detail.tooltip\"\n                                                placement=\"bottom left\"\n                                                container=\"body\"\n                                                *ngIf=\"detail.tooltip\"\n                                                tooltipClass=\"pending-info-tooltip\"\n                                                #t=\"ngbTooltip\"\n                                            ></i>\n                                        </span>\n                                    </p>\n                                    <p\n                                        class=\"bold-text d-flex\"\n                                        *ngIf=\"detail.firstValue && detail.secondValue\"\n                                    >\n                                        <span\n                                            class=\"advertiser-agency\"\n                                            annaCoreShowEllipsisTextOnHover\n                                        >\n                                            {{ detail.firstValue }}\n                                        </span>\n                                        <span class=\"divider\">| </span>\n                                        <span\n                                            class=\"advertiser-agency\"\n                                            annaCoreShowEllipsisTextOnHover\n                                        >\n                                            {{ detail.secondValue }}\n                                        </span>\n                                    </p>\n                                    <p\n                                        *ngIf=\"!detail.firstValue\"\n                                        class=\"bold-text\"\n                                        title=\"{{ detail.value ? detail.value : '-' }} {{\n                                            detail.showValueRTG ? '|' : ''\n                                        }} {{ detail.rating }}{{ detail.CPPOrCPM ? ' | ' + detail.CPPOrCPM : '' }}\"\n                                    >\n                                        <span>{{ detail.value ? detail.value : \"-\" }}</span>\n                                        <span *ngIf=\"detail.rating\"> | {{ detail.rating }}</span>\n                                        <span *ngIf=\"detail.CPPOrCPM\"> | {{ detail.CPPOrCPM }}</span>\n                                    </p>\n                                </div>\n                                <div\n                                    class=\"border-right-mid\"\n                                    *ngIf=\"detail.showRightBorder\"\n                                ></div>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </section>\n            </div>\n        </mat-expansion-panel>\n    </mat-accordion>\n</ng-container>\n<ng-template #pendingInfo>\n    <p class=\"tooltip-pending-info-msg\">\n        A -ve value indicates Overdelivery, while a +ve value indicates Underdelivery.\n    </p>\n</ng-template>\n\n<ng-template #loader>\n    <anna-design-skt-loader\n        [theme]=\"{\n            height: '24px',\n            width: '200px',\n            margin: '0 40px 0 0'\n        }\"\n    >\n    </anna-design-skt-loader>\n    <anna-design-skt-loader\n        [theme]=\"{\n            height: '24px',\n            width: '200px',\n            margin: '0 40px 0 0'\n        }\"\n    >\n    </anna-design-skt-loader>\n    <anna-design-skt-loader\n        [theme]=\"{\n            height: '24px',\n            width: '200px',\n            margin: '0 40px 0 0'\n        }\"\n    >\n    </anna-design-skt-loader>\n    <anna-design-skt-loader\n        [theme]=\"{\n            height: '24px',\n            width: '200px',\n            margin: '0 40px 0 0'\n        }\"\n    >\n    </anna-design-skt-loader>\n</ng-template>\n", styles: [".bold-text{font-weight:500}::ng-deep .mat-expansion-panel-header-title{margin-right:0!important;width:100%}section{display:flex;height:50px;max-width:100%;width:100%;background:#f4f4f4;padding:10px 0;justify-content:space-between;align-items:center}section .anna-automation-activated-icon.mdi.mdi-cog-refresh{margin-right:8px;font-size:16px}section .summary-values-container{display:flex;width:-webkit-fill-available;float:left;margin-right:auto;justify-content:space-between;overflow:hidden;text-overflow:ellipsis}section .summary-values-container div{max-width:fit-content;overflow:hidden}h3{font-family:Roboto;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a;margin-top:0}div.border-right-mid{display:none;margin:0 10px;min-width:1px!important;width:1px!important;height:100%;background:#b7b7b7}p{margin-bottom:0}p.heading{line-height:.875rem;margin:0}p.heading span{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:.875rem;letter-spacing:0;color:#000;width:100%;display:block;cursor:default;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.advertiser-agency{max-width:50%;overflow:hidden;text-overflow:ellipsis}.divider{white-space:pre!important}p.bold-text{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:0;color:#000;white-space:nowrap;text-overflow:ellipsis;cursor:default;overflow:hidden}i.pending-tooltip{color:#268bff;cursor:pointer;font-size:.8125rem;position:relative;top:.125rem}::ng-deep .pending-info-tooltip .tooltip-inner{max-width:26.875rem}.posted-audience-delta,.pending-audience-delta{position:relative;top:-2px}.mat-expansion-panel{padding:0!important}:host::ng-deep .custom-mat-expansion-panel{background:#f4f4f4;box-shadow:none;border:1px solid #b5b5b5;border-radius:2px!important}:host::ng-deep .custom-mat-expansion-panel mat-expansion-panel-header .mat-content{width:100%}::ng-deep .revision-summary-mat-expansion-panel{box-shadow:none!important}:host ::ng-deep .custom-mat-expansion-panel .mat-expansion-panel-body{background:#f4f4f4!important;padding:0 16px}:host ::ng-deep .mat-expansion-panel-header:not([aria-disabled=true]):hover{background:#f4f4f4!important}:host ::ng-deep .mat-content{flex:inherit}:host ::ng-deep .mat-expansion-indicator{border-left:5px solid transparent;border-top:5px solid black;border-right:5px solid transparent;width:5px;margin:20px;content-visibility:hidden}:host ::ng-deep .mat-accordion{background:#f4f4f4}:host ::ng-deep .mat-expansion-panel-header{padding:0 16px!important;justify-content:space-between;cursor:pointer;padding-right:0}::ng-deep .non-expandable-mat-panel{cursor:default!important}section.summary-value-section{justify-content:left;max-width:max-content}.mr-20{margin-right:20px}.tooltip-pending-info-msg{padding:.5rem;color:#000;white-space:nowrap}:host ::ng-deep anna-core-pay-for-performance-icon-template svg{margin-right:8px}:host ::ng-deep anna-core-no-data-lib div{margin-right:53%!important}\n"], dependencies: [{ kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i1$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i1$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i1$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: AnnaCoreModule }, { kind: "component", type: i2.AnnaNoDataComponent, selector: "anna-core-no-data-lib", inputs: ["width", "marginTop"] }, { kind: "component", type: i2.AnnaPayForPerformanceIconTemplateComponent, selector: "anna-core-pay-for-performance-icon-template", inputs: ["isTitle", "color", "width", "height"] }, { kind: "directive", type: i2.ShowEllipsisTextOnHoverDirective, selector: "[annaCoreShowEllipsisTextOnHover]", inputs: ["includeFullWidth"] }, { 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: "component", type: SkeletonLoaderComponent, selector: "anna-design-skt-loader", inputs: ["theme", "count"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RevisionSummaryPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "anna-feature-revision-summary-panel", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        MatExpansionModule,
+                        NgStyle,
+                        NgClass,
+                        NgIf,
+                        NgFor,
+                        AnnaCoreModule,
+                        NgbTooltip,
+                        AnnaPayForPerformanceIconTemplateComponent,
+                        SkeletonLoaderComponent,
+                        NgTemplateOutlet,
+                    ], template: "<ng-container>\n    <mat-accordion>\n        <mat-expansion-panel\n            [expanded]=\"summaryExpanded\"\n            class=\"custom-mat-expansion-panel revision-summary-mat-expansion-panel\"\n            (afterCollapse)=\"openClose(false)\"\n            (afterExpand)=\"openClose(true)\"\n            [disabled]=\"!isSummaryExpandable\"\n        >\n            <mat-expansion-panel-header\n                collapsedHeight=\"*\"\n                expandedHeight=\"*\"\n                [ngStyle]=\"{ cursor: isSummaryExpandable ? 'pointer !important' : 'default !important' }\"\n                [ngClass]=\"{ 'non-expandable-mat-panel': !isSummaryExpandable }\"\n            >\n                <mat-panel-title>\n                    <section>\n                        <ng-container\n                            *ngIf=\"skeletonLoading\"\n                            [ngTemplateOutlet]=\"loader\"\n                        >\n                        </ng-container>\n                        <ng-container *ngIf=\"1; skeletonLoading\">\n                            <!-- <h3>Summary</h3> -->\n                            <i\n                                *ngIf=\"!skeletonLoading && showAAIcon && isWriteEnabled\"\n                                class=\"{{ ANNAIconNames.AutomationActivatedIconName }}\"\n                                ngbTooltip=\"Automated\"\n                                placement=\"bottom\"\n                                container=\"body\"\n                            ></i>\n                            <anna-core-pay-for-performance-icon-template\n                                *ngIf=\"!skeletonLoading && isPoD\"\n                                [color]=\"'#9B1B93'\"\n                                [width]=\"'16px'\"\n                                [height]=\"'16px'\"\n                                ngbTooltip=\"Payment on delivery\"\n                                container=\"body\"\n                            >\n                            </anna-core-pay-for-performance-icon-template>\n                            <div\n                                *ngIf=\"!skeletonLoading && summaryInfo\"\n                                class=\"summary-values-container\"\n                            >\n                                <ng-container *ngFor=\"let detail of summaryInfo\">\n                                    <ng-container *ngIf=\"!detail.expandedRow\">\n                                        <!-- [ngStyle]=\"{ width: 'calc(100% / ' + itemsCountVisibleWithoutExpansion + ')' }\" -->\n                                        <div class=\"{{ detail.class }}\">\n                                            <p class=\"heading\">\n                                                <span>\n                                                    {{ detail.heading }}\n                                                    <i\n                                                        class=\"mi mdi-info-outline pending-tooltip\"\n                                                        [ngbTooltip]=\"detail.tooltip\"\n                                                        placement=\"bottom left\"\n                                                        container=\"body\"\n                                                        *ngIf=\"detail.tooltip\"\n                                                        tooltipClass=\"pending-info-tooltip\"\n                                                        #t=\"ngbTooltip\"\n                                                    ></i>\n                                                </span>\n                                            </p>\n                                            <p\n                                                class=\"bold-text d-flex\"\n                                                *ngIf=\"detail.firstValue && detail.secondValue\"\n                                            >\n                                                <span\n                                                    class=\"advertiser-agency\"\n                                                    annaCoreShowEllipsisTextOnHover\n                                                >\n                                                    {{ detail.firstValue }}\n                                                </span>\n                                                <span class=\"divider\"> | </span>\n                                                <span\n                                                    class=\"advertiser-agency\"\n                                                    annaCoreShowEllipsisTextOnHover\n                                                >\n                                                    {{ detail.secondValue }}\n                                                </span>\n                                            </p>\n                                            <p\n                                                *ngIf=\"!detail.firstValue\"\n                                                class=\"bold-text\"\n                                                annaCoreShowEllipsisTextOnHover\n                                            >\n                                                <span>{{ detail.value ? detail.value : \"-\" }}</span>\n                                                <span *ngIf=\"detail.rating\"> | {{ detail.rating }}</span>\n                                                <span *ngIf=\"detail.CPPOrCPM\"> | {{ detail.CPPOrCPM }}</span>\n                                            </p>\n                                        </div>\n                                        <div\n                                            class=\"border-right-mid\"\n                                            *ngIf=\"detail.showRightBorder\"\n                                        ></div>\n                                    </ng-container>\n                                </ng-container>\n                            </div>\n                            <anna-core-no-data-lib\n                                [width]=\"noDataWidth\"\n                                [marginTop]=\"'-15px'\"\n                                *ngIf=\"!skeletonLoading && !summaryInfo\"\n                            >\n                            </anna-core-no-data-lib>\n                        </ng-container>\n                    </section>\n                </mat-panel-title>\n            </mat-expansion-panel-header>\n            <div>\n                <section class=\"summary-value-section\">\n                    <!-- <div style=\"width: 85px;\"></div> -->\n                    <div\n                        *ngIf=\"!skeletonLoading && summaryInfo\"\n                        class=\"summary-values-container\"\n                    >\n                        <ng-container *ngFor=\"let detail of summaryInfo\">\n                            <ng-container *ngIf=\"detail.expandedRow\">\n                                <div class=\"mr-20 {{ detail.class }}\">\n                                    <p\n                                        class=\"heading\"\n                                        title=\"{{ detail.heading }}\"\n                                    >\n                                        <span>\n                                            {{ detail.heading }}\n                                            <i\n                                                class=\"mi mdi-info-outline pending-tooltip\"\n                                                [ngbTooltip]=\"detail.tooltip\"\n                                                placement=\"bottom left\"\n                                                container=\"body\"\n                                                *ngIf=\"detail.tooltip\"\n                                                tooltipClass=\"pending-info-tooltip\"\n                                                #t=\"ngbTooltip\"\n                                            ></i>\n                                        </span>\n                                    </p>\n                                    <p\n                                        class=\"bold-text d-flex\"\n                                        *ngIf=\"detail.firstValue && detail.secondValue\"\n                                    >\n                                        <span\n                                            class=\"advertiser-agency\"\n                                            annaCoreShowEllipsisTextOnHover\n                                        >\n                                            {{ detail.firstValue }}\n                                        </span>\n                                        <span class=\"divider\">| </span>\n                                        <span\n                                            class=\"advertiser-agency\"\n                                            annaCoreShowEllipsisTextOnHover\n                                        >\n                                            {{ detail.secondValue }}\n                                        </span>\n                                    </p>\n                                    <p\n                                        *ngIf=\"!detail.firstValue\"\n                                        class=\"bold-text\"\n                                        title=\"{{ detail.value ? detail.value : '-' }} {{\n                                            detail.showValueRTG ? '|' : ''\n                                        }} {{ detail.rating }}{{ detail.CPPOrCPM ? ' | ' + detail.CPPOrCPM : '' }}\"\n                                    >\n                                        <span>{{ detail.value ? detail.value : \"-\" }}</span>\n                                        <span *ngIf=\"detail.rating\"> | {{ detail.rating }}</span>\n                                        <span *ngIf=\"detail.CPPOrCPM\"> | {{ detail.CPPOrCPM }}</span>\n                                    </p>\n                                </div>\n                                <div\n                                    class=\"border-right-mid\"\n                                    *ngIf=\"detail.showRightBorder\"\n                                ></div>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </section>\n            </div>\n        </mat-expansion-panel>\n    </mat-accordion>\n</ng-container>\n<ng-template #pendingInfo>\n    <p class=\"tooltip-pending-info-msg\">\n        A -ve value indicates Overdelivery, while a +ve value indicates Underdelivery.\n    </p>\n</ng-template>\n\n<ng-template #loader>\n    <anna-design-skt-loader\n        [theme]=\"{\n            height: '24px',\n            width: '200px',\n            margin: '0 40px 0 0'\n        }\"\n    >\n    </anna-design-skt-loader>\n    <anna-design-skt-loader\n        [theme]=\"{\n            height: '24px',\n            width: '200px',\n            margin: '0 40px 0 0'\n        }\"\n    >\n    </anna-design-skt-loader>\n    <anna-design-skt-loader\n        [theme]=\"{\n            height: '24px',\n            width: '200px',\n            margin: '0 40px 0 0'\n        }\"\n    >\n    </anna-design-skt-loader>\n    <anna-design-skt-loader\n        [theme]=\"{\n            height: '24px',\n            width: '200px',\n            margin: '0 40px 0 0'\n        }\"\n    >\n    </anna-design-skt-loader>\n</ng-template>\n", styles: [".bold-text{font-weight:500}::ng-deep .mat-expansion-panel-header-title{margin-right:0!important;width:100%}section{display:flex;height:50px;max-width:100%;width:100%;background:#f4f4f4;padding:10px 0;justify-content:space-between;align-items:center}section .anna-automation-activated-icon.mdi.mdi-cog-refresh{margin-right:8px;font-size:16px}section .summary-values-container{display:flex;width:-webkit-fill-available;float:left;margin-right:auto;justify-content:space-between;overflow:hidden;text-overflow:ellipsis}section .summary-values-container div{max-width:fit-content;overflow:hidden}h3{font-family:Roboto;font-size:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#4a4a4a;margin-top:0}div.border-right-mid{display:none;margin:0 10px;min-width:1px!important;width:1px!important;height:100%;background:#b7b7b7}p{margin-bottom:0}p.heading{line-height:.875rem;margin:0}p.heading span{font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:.875rem;letter-spacing:0;color:#000;width:100%;display:block;cursor:default;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.advertiser-agency{max-width:50%;overflow:hidden;text-overflow:ellipsis}.divider{white-space:pre!important}p.bold-text{font-family:Roboto;font-size:.75rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:0;color:#000;white-space:nowrap;text-overflow:ellipsis;cursor:default;overflow:hidden}i.pending-tooltip{color:#268bff;cursor:pointer;font-size:.8125rem;position:relative;top:.125rem}::ng-deep .pending-info-tooltip .tooltip-inner{max-width:26.875rem}.posted-audience-delta,.pending-audience-delta{position:relative;top:-2px}.mat-expansion-panel{padding:0!important}:host::ng-deep .custom-mat-expansion-panel{background:#f4f4f4;box-shadow:none;border:1px solid #b5b5b5;border-radius:2px!important}:host::ng-deep .custom-mat-expansion-panel mat-expansion-panel-header .mat-content{width:100%}::ng-deep .revision-summary-mat-expansion-panel{box-shadow:none!important}:host ::ng-deep .custom-mat-expansion-panel .mat-expansion-panel-body{background:#f4f4f4!important;padding:0 16px}:host ::ng-deep .mat-expansion-panel-header:not([aria-disabled=true]):hover{background:#f4f4f4!important}:host ::ng-deep .mat-content{flex:inherit}:host ::ng-deep .mat-expansion-indicator{border-left:5px solid transparent;border-top:5px solid black;border-right:5px solid transparent;width:5px;margin:20px;content-visibility:hidden}:host ::ng-deep .mat-accordion{background:#f4f4f4}:host ::ng-deep .mat-expansion-panel-header{padding:0 16px!important;justify-content:space-between;cursor:pointer;padding-right:0}::ng-deep .non-expandable-mat-panel{cursor:default!important}section.summary-value-section{justify-content:left;max-width:max-content}.mr-20{margin-right:20px}.tooltip-pending-info-msg{padding:.5rem;color:#000;white-space:nowrap}:host ::ng-deep anna-core-pay-for-performance-icon-template svg{margin-right:8px}:host ::ng-deep anna-core-no-data-lib div{margin-right:53%!important}\n"] }]
+        }], propDecorators: { summaryInfo: [{
+                type: Input
+            }], skeletonLoading: [{
+                type: Input
+            }], showImpressions: [{
+                type: Input
+            }], isSummaryExpandable: [{
+                type: Input
+            }], isWriteEnabled: [{
+                type: Input
+            }], isPoD: [{
+                type: Input
+            }], showAAIcon: [{
+                type: Input
+            }], summaryIsExpanded: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RevisionOfferStatusProgressViewComponent, RevisionSummaryPanelComponent };
+//# sourceMappingURL=annalib-anna-feature-spots-approval-spot-approval-shared-lib.mjs.map

package/fesm2022/annalib-anna-feature-spots-approval-spot-approval-shared-lib.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"annalib-anna-feature-spots-approval-spot-approval-shared-lib.mjs","sources":["../../../projects/anna-feature-spots-approval/spot-approval-shared-lib/src/revision-offer-status-progress-view/revision-offer-status-progress-view.component.ts","../../../projects/anna-feature-spots-approval/spot-approval-shared-lib/src/revision-offer-status-progress-view/revision-offer-status-progress-view.component.html","../../../projects/anna-feature-spots-approval/spot-approval-shared-lib/src/revision-summary-panel/revision-summary-panel.component.ts","../../../projects/anna-feature-spots-approval/spot-approval-shared-lib/src/revision-summary-panel/revision-summary-panel.component.html","../../../projects/anna-feature-spots-approval/spot-approval-shared-lib/annalib-anna-feature-spots-approval-spot-approval-shared-lib.ts"],"sourcesContent":["import { NgClass, NgFor, NgIf, NgStyle } from \"@angular/common\";\nimport {\n    AfterViewChecked,\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    Input,\n    Output,\n    ViewChild,\n} from \"@angular/core\";\nimport { AnnaCoreModule } from \"@annalib/anna-core\";\nimport { HeaderInfo } from \"@annalib/anna-feature-lib/spots-approval\";\nimport { NgbTooltip } from \"@ng-bootstrap/ng-bootstrap\";\nimport { NgxSkeletonLoaderModule } from \"ngx-skeleton-loader\";\n\n@Component({\n    selector: \"anna-feature-revision-offer-status-progress-view\",\n    standalone: true,\n    imports: [NgClass, NgIf, NgxSkeletonLoaderModule, NgFor, NgStyle, NgbTooltip, AnnaCoreModule],\n    templateUrl: \"./revision-offer-status-progress-view.component.html\",\n    styleUrls: [\"./revision-offer-status-progress-view.component.scss\"],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RevisionOfferStatusProgressViewComponent implements AfterViewChecked {\n    @Input() revisionStatues: any;\n    @Input() skeletonLoading: boolean;\n    @Input() headerInfo: HeaderInfo;\n    @Input() showPath: boolean;\n    @Output() previousOrderClicked: EventEmitter<any> = new EventEmitter();\n    @Output() nextOrderClicked: EventEmitter<any> = new EventEmitter();\n    noDataWidth: string = \"55%\";\n\n    @ViewChild(\"radioButtonTooltip\") public tooltip: NgbTooltip;\n\n    selectNextOrder() {\n        this.nextOrderClicked.emit();\n    }\n\n    selectPreviousOrder() {\n        this.previousOrderClicked.emit();\n    }\n\n    ngAfterViewChecked() {\n        this.tooltip?.open();\n    }\n}\n","<section [ngClass]=\"{ 'daily-completed-rev-revision-headers': !showPath, 'ongoing-rev-revision-headers': showPath }\">\n    <div [ngClass]=\"{ highlight: headerInfo?.currentOrderIndex > 0, 'order-spinner': showPath }\">\n        <div [ngClass]=\"{ 'previous-button-horizontal': !showPath, 'previous-button-vertical': showPath }\">\n            <div\n                class=\"order-pinner-text\"\n                (click)=\"selectPreviousOrder()\"\n            >\n                Previous Revision\n            </div>\n            <div\n                class=\"order-count\"\n                *ngIf=\"headerInfo?.totalOrders && headerInfo?.currentOrderIndex + 1 !== 1\"\n            >\n                <span> ({{ headerInfo?.currentOrderIndex }}/{{ headerInfo?.totalOrders }})</span>\n            </div>\n        </div>\n    </div>\n\n    <!-- <div\n        *ngIf=\"showMessage\"\n        class=\"revision-info\"\n    >\n        <p *ngIf=\"!skeletonLoading\">\n            <span *ngIf=\"revisedInfo\">\n                This revision was generated on\n                <b>{{ revisedInfo }}</b>\n            </span>\n            <ngx-skeleton-loader\n                *ngIf=\"skeletonLoading\"\n                count=\"1\"\n                [theme]=\"{ width: '400px', height: '17px', float: 'right' }\"\n            >\n            </ngx-skeleton-loader>\n        </p>\n    </div> -->\n\n    <div\n        id=\"path\"\n        *ngIf=\"!skeletonLoading && showPath\"\n    >\n        <ng-container *ngIf=\"skeletonLoading && showPath\">\n            <ngx-skeleton-loader\n                count=\"5\"\n                [theme]=\"{\n                    width: '130px',\n                    height: '40px',\n                    display: 'inline-block',\n                    'margin-top': '10px',\n                    'margin-right': '40px',\n                    'margin-bottom': '5px'\n                }\"\n            >\n            </ngx-skeleton-loader>\n        </ng-container>\n        <ng-container *ngIf=\"!skeletonLoading && revisionStatues && showPath\">\n            <div\n                class=\"status-pathline-message\"\n                [ngStyle]=\"{ flex: last ? 0 : 1 }\"\n                *ngFor=\"let status of revisionStatues; let last = last\"\n            >\n                <div>\n                    <span class=\"{{ status.class }}\">\n                        {{ status.status }}\n                        <i\n                            *ngIf=\"status.showNeedsAttentionIcon\"\n                            class=\"mdi mdi-alert\"\n                        ></i>\n                    </span>\n                    <i\n                        *ngIf=\"status.state === 'PASSED'\"\n                        class=\"mdi mdi-check-circle\"\n                    ></i>\n                    <span\n                        *ngIf=\"status.bubbleCount\"\n                        class=\"bubble-count\"\n                    >\n                        {{ status.bubbleCount }}\n                    </span>\n                    <i\n                        *ngIf=\"status.state === 'SKIPPED'\"\n                        class=\"mdi mdi-close-circle\"\n                    ></i>\n                    <div\n                        *ngIf=\"!last\"\n                        class=\"path-line\"\n                    >\n                        <i\n                            *ngIf=\"status.timelineRadioButtonMessage\"\n                            class=\"mdi cursor-pointer {{ status.timelineRadioButtonIconClass }}\"\n                            #radioButtonTooltip=\"ngbTooltip\"\n                            [autoClose]=\"false\"\n                            ngbTooltip=\"{{ status.timelineRadioButtonMessage }}\"\n                            placement=\"bottom\"\n                            container=\"body\"\n                            tooltipClass=\"gt-icon-column-tooltip entry-status-tooltip keep-on-scroll-tooltip\"\n                        ></i>\n                        <i\n                            *ngIf=\"!status.timelineRadioButtonMessage\"\n                            class=\"mdi cursor-default {{ status.timelineRadioButtonIconClass }}\"\n                        ></i>\n                    </div>\n                </div>\n                <span\n                    class=\"time-text {{ status.messageClass }}\"\n                    *ngIf=\"status.message !== ''\"\n                >\n                    {{ status.message }}\n                </span>\n            </div>\n        </ng-container>\n        <anna-core-no-data-lib\n            [width]=\"noDataWidth\"\n            [marginTop]=\"'0.2rem'\"\n            *ngIf=\"showPath && !skeletonLoading && !revisionStatues\"\n        >\n        </anna-core-no-data-lib>\n    </div>\n    <div\n        [ngClass]=\"{\n            highlight: headerInfo?.currentOrderIndex + 1 < headerInfo?.totalOrders,\n            'order-spinner': showPath\n        }\"\n    >\n        <div [ngClass]=\"{ 'next-button-horizontal': !showPath, 'next-button-vertical': showPath }\">\n            <div\n                class=\"order-pinner-text\"\n                (click)=\"selectNextOrder()\"\n            >\n                Next Revision\n            </div>\n            <div\n                class=\"order-count\"\n                *ngIf=\"headerInfo?.totalOrders && headerInfo?.currentOrderIndex + 1 !== headerInfo?.totalOrders\"\n            >\n                <span>({{ headerInfo?.currentOrderIndex + 2 }}/{{ headerInfo?.totalOrders }})</span>\n            </div>\n        </div>\n    </div>\n</section>\n","// Angular import statements\nimport { NgClass, NgFor, NgIf, NgStyle, NgTemplateOutlet } from \"@angular/common\";\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    Input,\n    OnChanges,\n    Output,\n    SimpleChanges,\n} from \"@angular/core\";\nimport { MatExpansionModule } from \"@angular/material/expansion\";\nimport { AnnaCoreModule, ANNAIconNames, AnnaPayForPerformanceIconTemplateComponent } from \"@annalib/anna-core\";\nimport { SkeletonLoaderComponent } from \"@annalib/anna-design-components-lib\";\nimport { NgbTooltip } from \"@ng-bootstrap/ng-bootstrap\";\n\n// User defined import statements\n\n@Component({\n    selector: \"anna-feature-revision-summary-panel\",\n    templateUrl: \"./revision-summary-panel.component.html\",\n    styleUrls: [\"./revision-summary-panel.component.scss\"],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [\n        MatExpansionModule,\n        NgStyle,\n        NgClass,\n        NgIf,\n        NgFor,\n        AnnaCoreModule,\n        NgbTooltip,\n        AnnaPayForPerformanceIconTemplateComponent,\n        SkeletonLoaderComponent,\n        NgTemplateOutlet,\n    ],\n})\nexport class RevisionSummaryPanelComponent implements OnChanges {\n    @Input() summaryInfo: any[];\n    @Input() skeletonLoading: boolean;\n    @Input() showImpressions: boolean;\n    @Input() isSummaryExpandable: boolean = false;\n    @Input() isWriteEnabled: boolean = false;\n    @Input() isPoD: boolean;\n    @Input() showAAIcon: boolean = true;\n    @Output() summaryIsExpanded = new EventEmitter<boolean>();\n\n    ANNAIconNames = ANNAIconNames;\n\n    noDataWidth: string = \"55%\";\n    summaryExpanded: boolean = false;\n    itemsCountVisibleWithoutExpansion: number;\n\n    ngOnChanges(changes: SimpleChanges) {\n        if (changes.summaryInfo && changes.summaryInfo.currentValue) {\n            this.itemsCountVisibleWithoutExpansion = this.summaryInfo.filter((n) => !n.expandedRow).length;\n        }\n    }\n    openClose(param: boolean) {\n        this.summaryExpanded = param;\n        this.summaryIsExpanded.emit(param);\n    }\n}\n","<ng-container>\n    <mat-accordion>\n        <mat-expansion-panel\n            [expanded]=\"summaryExpanded\"\n            class=\"custom-mat-expansion-panel revision-summary-mat-expansion-panel\"\n            (afterCollapse)=\"openClose(false)\"\n            (afterExpand)=\"openClose(true)\"\n            [disabled]=\"!isSummaryExpandable\"\n        >\n            <mat-expansion-panel-header\n                collapsedHeight=\"*\"\n                expandedHeight=\"*\"\n                [ngStyle]=\"{ cursor: isSummaryExpandable ? 'pointer !important' : 'default !important' }\"\n                [ngClass]=\"{ 'non-expandable-mat-panel': !isSummaryExpandable }\"\n            >\n                <mat-panel-title>\n                    <section>\n                        <ng-container\n                            *ngIf=\"skeletonLoading\"\n                            [ngTemplateOutlet]=\"loader\"\n                        >\n                        </ng-container>\n                        <ng-container *ngIf=\"1; skeletonLoading\">\n                            <!-- <h3>Summary</h3> -->\n                            <i\n                                *ngIf=\"!skeletonLoading && showAAIcon && isWriteEnabled\"\n                                class=\"{{ ANNAIconNames.AutomationActivatedIconName }}\"\n                                ngbTooltip=\"Automated\"\n                                placement=\"bottom\"\n                                container=\"body\"\n                            ></i>\n                            <anna-core-pay-for-performance-icon-template\n                                *ngIf=\"!skeletonLoading && isPoD\"\n                                [color]=\"'#9B1B93'\"\n                                [width]=\"'16px'\"\n                                [height]=\"'16px'\"\n                                ngbTooltip=\"Payment on delivery\"\n                                container=\"body\"\n                            >\n                            </anna-core-pay-for-performance-icon-template>\n                            <div\n                                *ngIf=\"!skeletonLoading && summaryInfo\"\n                                class=\"summary-values-container\"\n                            >\n                                <ng-container *ngFor=\"let detail of summaryInfo\">\n                                    <ng-container *ngIf=\"!detail.expandedRow\">\n                                        <!-- [ngStyle]=\"{ width: 'calc(100% / ' + itemsCountVisibleWithoutExpansion + ')' }\" -->\n                                        <div class=\"{{ detail.class }}\">\n                                            <p class=\"heading\">\n                                                <span>\n                                                    {{ detail.heading }}\n                                                    <i\n                                                        class=\"mi mdi-info-outline pending-tooltip\"\n                                                        [ngbTooltip]=\"detail.tooltip\"\n                                                        placement=\"bottom left\"\n                                                        container=\"body\"\n                                                        *ngIf=\"detail.tooltip\"\n                                                        tooltipClass=\"pending-info-tooltip\"\n                                                        #t=\"ngbTooltip\"\n                                                    ></i>\n                                                </span>\n                                            </p>\n                                            <p\n                                                class=\"bold-text d-flex\"\n                                                *ngIf=\"detail.firstValue && detail.secondValue\"\n                                            >\n                                                <span\n                                                    class=\"advertiser-agency\"\n                                                    annaCoreShowEllipsisTextOnHover\n                                                >\n                                                    {{ detail.firstValue }}\n                                                </span>\n                                                <span class=\"divider\"> | </span>\n                                                <span\n                                                    class=\"advertiser-agency\"\n                                                    annaCoreShowEllipsisTextOnHover\n                                                >\n                                                    {{ detail.secondValue }}\n                                                </span>\n                                            </p>\n                                            <p\n                                                *ngIf=\"!detail.firstValue\"\n                                                class=\"bold-text\"\n                                                annaCoreShowEllipsisTextOnHover\n                                            >\n                                                <span>{{ detail.value ? detail.value : \"-\" }}</span>\n                                                <span *ngIf=\"detail.rating\"> | {{ detail.rating }}</span>\n                                                <span *ngIf=\"detail.CPPOrCPM\"> | {{ detail.CPPOrCPM }}</span>\n                                            </p>\n                                        </div>\n                                        <div\n                                            class=\"border-right-mid\"\n                                            *ngIf=\"detail.showRightBorder\"\n                                        ></div>\n                                    </ng-container>\n                                </ng-container>\n                            </div>\n                            <anna-core-no-data-lib\n                                [width]=\"noDataWidth\"\n                                [marginTop]=\"'-15px'\"\n                                *ngIf=\"!skeletonLoading && !summaryInfo\"\n                            >\n                            </anna-core-no-data-lib>\n                        </ng-container>\n                    </section>\n                </mat-panel-title>\n            </mat-expansion-panel-header>\n            <div>\n                <section class=\"summary-value-section\">\n                    <!-- <div style=\"width: 85px;\"></div> -->\n                    <div\n                        *ngIf=\"!skeletonLoading && summaryInfo\"\n                        class=\"summary-values-container\"\n                    >\n                        <ng-container *ngFor=\"let detail of summaryInfo\">\n                            <ng-container *ngIf=\"detail.expandedRow\">\n                                <div class=\"mr-20 {{ detail.class }}\">\n                                    <p\n                                        class=\"heading\"\n                                        title=\"{{ detail.heading }}\"\n                                    >\n                                        <span>\n                                            {{ detail.heading }}\n                                            <i\n                                                class=\"mi mdi-info-outline pending-tooltip\"\n                                                [ngbTooltip]=\"detail.tooltip\"\n                                                placement=\"bottom left\"\n                                                container=\"body\"\n                                                *ngIf=\"detail.tooltip\"\n                                                tooltipClass=\"pending-info-tooltip\"\n                                                #t=\"ngbTooltip\"\n                                            ></i>\n                                        </span>\n                                    </p>\n                                    <p\n                                        class=\"bold-text d-flex\"\n                                        *ngIf=\"detail.firstValue && detail.secondValue\"\n                                    >\n                                        <span\n                                            class=\"advertiser-agency\"\n                                            annaCoreShowEllipsisTextOnHover\n                                        >\n                                            {{ detail.firstValue }}\n                                        </span>\n                                        <span class=\"divider\">| </span>\n                                        <span\n                                            class=\"advertiser-agency\"\n                                            annaCoreShowEllipsisTextOnHover\n                                        >\n                                            {{ detail.secondValue }}\n                                        </span>\n                                    </p>\n                                    <p\n                                        *ngIf=\"!detail.firstValue\"\n                                        class=\"bold-text\"\n                                        title=\"{{ detail.value ? detail.value : '-' }} {{\n                                            detail.showValueRTG ? '|' : ''\n                                        }} {{ detail.rating }}{{ detail.CPPOrCPM ? ' | ' + detail.CPPOrCPM : '' }}\"\n                                    >\n                                        <span>{{ detail.value ? detail.value : \"-\" }}</span>\n                                        <span *ngIf=\"detail.rating\"> | {{ detail.rating }}</span>\n                                        <span *ngIf=\"detail.CPPOrCPM\"> | {{ detail.CPPOrCPM }}</span>\n                                    </p>\n                                </div>\n                                <div\n                                    class=\"border-right-mid\"\n                                    *ngIf=\"detail.showRightBorder\"\n                                ></div>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </section>\n            </div>\n        </mat-expansion-panel>\n    </mat-accordion>\n</ng-container>\n<ng-template #pendingInfo>\n    <p class=\"tooltip-pending-info-msg\">\n        A -ve value indicates Overdelivery, while a +ve value indicates Underdelivery.\n    </p>\n</ng-template>\n\n<ng-template #loader>\n    <anna-design-skt-loader\n        [theme]=\"{\n            height: '24px',\n            width: '200px',\n            margin: '0 40px 0 0'\n        }\"\n    >\n    </anna-design-skt-loader>\n    <anna-design-skt-loader\n        [theme]=\"{\n            height: '24px',\n            width: '200px',\n            margin: '0 40px 0 0'\n        }\"\n    >\n    </anna-design-skt-loader>\n    <anna-design-skt-loader\n        [theme]=\"{\n            height: '24px',\n            width: '200px',\n            margin: '0 40px 0 0'\n        }\"\n    >\n    </anna-design-skt-loader>\n    <anna-design-skt-loader\n        [theme]=\"{\n            height: '24px',\n            width: '200px',\n            margin: '0 40px 0 0'\n        }\"\n    >\n    </anna-design-skt-loader>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}