@annalib/anna-feature-spots-approval 0.0.5 → 43.0.0-final-ng-19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/drr-listing/src/daily-revision-filter-modal/daily-revision-filter-modal.component.d.ts +2 -3
- package/fesm2022/annalib-anna-feature-spots-approval-all-offers-listing.mjs +6 -6
- package/fesm2022/annalib-anna-feature-spots-approval-all-offers-listing.mjs.map +1 -1
- package/fesm2022/annalib-anna-feature-spots-approval-anna-feature-shared-lib.mjs +18 -18
- package/fesm2022/annalib-anna-feature-spots-approval-drr-listing.mjs +16 -20
- package/fesm2022/annalib-anna-feature-spots-approval-drr-listing.mjs.map +1 -1
- package/fesm2022/annalib-anna-feature-spots-approval-spot-approval-seller-or-buyer-revision.mjs +3 -3
- package/fesm2022/annalib-anna-feature-spots-approval-spot-approval-seller-or-buyer-revision.mjs.map +1 -1
- package/fesm2022/annalib-anna-feature-spots-approval-spot-approval-shared-lib.mjs +6 -6
- package/fesm2022/annalib-anna-feature-spots-approval-spots-approval.mjs +317 -238
- package/fesm2022/annalib-anna-feature-spots-approval-spots-approval.mjs.map +1 -1
- package/fesm2022/annalib-anna-feature-spots-approval.mjs +4 -4
- package/package.json +4 -4
- package/spots-approval/src/models/anna-revisions-response.model.d.ts +1 -0
- package/spots-approval/src/services/spots-approval.service.d.ts +1 -5
|
@@ -25,10 +25,10 @@ class RevisionOfferStatusProgressViewComponent {
|
|
|
25
25
|
ngAfterViewChecked() {
|
|
26
26
|
this.tooltip?.open();
|
|
27
27
|
}
|
|
28
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
29
|
-
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 }); }
|
|
28
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: RevisionOfferStatusProgressViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", 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 }); }
|
|
30
30
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: RevisionOfferStatusProgressViewComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
33
|
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"] }]
|
|
34
34
|
}], propDecorators: { revisionStatues: [{
|
|
@@ -69,10 +69,10 @@ class RevisionSummaryPanelComponent {
|
|
|
69
69
|
this.summaryExpanded = param;
|
|
70
70
|
this.summaryIsExpanded.emit(param);
|
|
71
71
|
}
|
|
72
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
73
|
-
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 }); }
|
|
72
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: RevisionSummaryPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", 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 }); }
|
|
74
74
|
}
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: RevisionSummaryPanelComponent, decorators: [{
|
|
76
76
|
type: Component,
|
|
77
77
|
args: [{ selector: "anna-feature-revision-summary-panel", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
78
78
|
MatExpansionModule,
|