import { Component, Input, EventEmitter, Output, } from '@angular/core';
import { MULTIPLE_RISKS } from '../../constants/multiple-risks.constants';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../ui-kit/tooltip/tooltip.directive";
import * as i3 from "../v-loader/loader-inline/loader-inline.component";
export class BulkViewComponent {
    constructor() {
        this.loader = false;
        this.ffLinkedGrcObjects = false;
        this.submitRiskBulkUpload = new EventEmitter();
        this.cancel = new EventEmitter();
        this.finalRisks = 0;
        this.showCompleteAssessmentButton = false;
        this.LINKED_GRC = MULTIPLE_RISKS.LINKED_GRC;
        this.GRC_ERROR_MESSAGE = MULTIPLE_RISKS.GRC_ERROR_MESSAGE;
    }
    ngOnChanges() {
        if (this.riskBulkUpload) {
            this.finalRisks = 0;
            this.riskBulkUpload.risks.forEach((risk) => {
                if (risk.isValid) {
                    this.finalRisks += 1;
                }
            });
        }
        this.riskBulkUpload.risks.forEach((risk) => {
            if (this.riskBulkUpload?.weightFactors?.length == 4) {
                if (risk?.likelihood && risk?.impact) {
                    this.showCompleteAssessmentButton = true;
                }
            }
            else if (this.riskBulkUpload?.weightFactors?.length == 5) {
                if (risk?.likelihood &&
                    risk?.impact &&
                    (risk?.velocity || risk?.vulnerability)) {
                    this.showCompleteAssessmentButton = true;
                }
            }
            else if (this.riskBulkUpload?.weightFactors?.length == 6) {
                if (risk?.likelihood &&
                    risk?.impact &&
                    risk?.velocity &&
                    risk?.vulnerability) {
                    this.showCompleteAssessmentButton = true;
                }
            }
        });
    }
    submit(completeAssessment) {
        this.submitRiskBulkUpload.emit(completeAssessment);
    }
    close() {
        this.cancel.emit();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BulkViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BulkViewComponent, selector: "app-bulk-view", inputs: { riskBulkUpload: "riskBulkUpload", templateInfo: "templateInfo", fileName: "fileName", assessmentDaysEnable: "assessmentDaysEnable", defaultOwner: "defaultOwner", loader: "loader", ffLinkedGrcObjects: "ffLinkedGrcObjects" }, outputs: { submitRiskBulkUpload: "submitRiskBulkUpload", cancel: "cancel" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"bulk-view\">\n  <div class=\"bulk-view-head\">\n    <h2 class=\"bulk-view-title\">\n      {{ fileName }}\n    </h2>\n  </div>\n  <div class=\"bulk-view-body\">\n    <div class=\"exel-view\">\n      <div class=\"exel-view-row head\">\n        <div class=\"exel-view-column sl-no\">#</div>\n        <div\n          class=\"exel-view-column\"\n          [class.two-column]=\"heading && i === 5\"\n          *ngFor=\"let heading of riskBulkUpload?.header; let i = index\"\n          [class.large]=\"heading && heading.startsWith('Inherent')\"\n        >\n          <ng-container\n            *ngIf=\"heading && !heading.startsWith('Inherent') && !(i === 5)\"\n          >\n            {{ heading.includes(\"*\") ? heading.replace(\"*\", \"\") : heading }}\n            <span *ngIf=\"heading.includes('*')\" class=\"required\">*</span>\n          </ng-container>\n          <ng-container *ngIf=\"heading && heading.startsWith('Inherent')\">\n            <div class=\"exel-view-row\">\n              <div class=\"exel-view-column large\">Inherent Risk Assessment</div>\n            </div>\n            <div class=\"exel-view-row multi-column\">\n              <div\n                class=\"exel-view-column\"\n                *ngFor=\"\n                  let weightAgeFactor of riskBulkUpload.weightFactors\n                    | slice : 2\n                \"\n              >\n                {{ weightAgeFactor }}\n              </div>\n            </div>\n          </ng-container>\n          <ng-container *ngIf=\"heading && i === 5\">\n            <div class=\"exel-view-row\">\n              <div class=\"exel-view-column large\">\n                {{ heading.includes(\"*\") ? heading.replace(\"*\", \"\") : heading }}\n                <span *ngIf=\"heading.includes('*')\" class=\"required\">*</span>\n              </div>\n            </div>\n            <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\n              <div\n                class=\"exel-view-column\"\n                *ngFor=\"\n                  let weightAgeFactor of riskBulkUpload?.weightFactors\n                    | slice : 0 : 2\n                \"\n              >\n                {{\n                  weightAgeFactor.includes(\"*\")\n                    ? weightAgeFactor.replace(\"*\", \"\")\n                    : weightAgeFactor\n                }}\n                <span *ngIf=\"weightAgeFactor.includes('*')\" class=\"required\"\n                  >*</span\n                >\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n      <div\n        class=\"exel-view-row\"\n        *ngFor=\"let risk of riskBulkUpload.risks; let i = index\"\n      >\n        <div class=\"exel-view-column sl-no\" [class.error]=\"!risk.isValid\">\n          {{ i + 1 }}\n        </div>\n\n        <div class=\"exel-view-column\" [class.error]=\"!risk?.riskName\">\n          {{ risk?.riskName }}\n          <i\n            *ngIf=\"!risk?.riskName\"\n            class=\"icons\"\n            [appTooltip]=\"'Risk Name must be populated.'\"\n            placement=\"bottom-right\"\n            type=\"white\"\n            delay=\"0\"\n            [tooltipMandatory]=\"true\"\n            >&#xe932;</i\n          >\n        </div>\n\n        <div class=\"exel-view-column\">{{ risk?.description }}</div>\n\n        <div class=\"exel-view-column\" [class.error]=\"!risk?.rcName\">\n          {{ risk?.rcName }}\n          <i\n            *ngIf=\"!risk?.rcName\"\n            class=\"icons\"\n            [appTooltip]=\"'Assign this risk to a Responsibility Center.'\"\n            placement=\"bottom-right\"\n            type=\"white\"\n            delay=\"0\"\n            [tooltipMandatory]=\"true\"\n            >&#xe932;</i\n          >\n        </div>\n        <div class=\"exel-view-column\">{{ risk?.owner }}</div>\n        <div class=\"exel-view-column\">{{ risk?.riskOwner }}</div>\n        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\n          <div class=\"exel-view-column\" [class.error]=\"!risk?.isValidFrequency\">\n            {{ risk?.frequency }}\n            <i\n              *ngIf=\"!risk?.isValidFrequency\"\n              class=\"icons\"\n              [appTooltip]=\"\n                'Set a frequency for the completion of the inherent risk assessment.'\n              \"\n              placement=\"bottom-right\"\n              type=\"white\"\n              delay=\"0\"\n              [tooltipMandatory]=\"true\"\n              >&#xe932;</i\n            >\n          </div>\n          <div class=\"exel-view-column\" [class.error]=\"false\">\n            {{ risk?.emailReminder }}\n          </div>\n        </div>\n        <div\n          class=\"exel-view-column\"\n          [class.error]=\"\n            (risk?.owner && risk?.owner == risk?.overseer) ||\n            (!risk?.owner && defaultOwner == risk?.overseer)\n          \"\n        >\n          {{ risk?.overseer }}\n          <i\n            *ngIf=\"\n              (risk?.owner && risk?.owner == risk?.overseer) ||\n              (!risk?.owner && defaultOwner == risk?.overseer)\n            \"\n            class=\"icons\"\n            [appTooltip]=\"\n              (risk?.owner\n                ? 'The Risk Owner cannot also be the'\n                : 'You cannot be a') +\n              ' Oversight of the risk. Select another user as the Oversight of this risk.'\n            \"\n            placement=\"bottom-right\"\n            type=\"white\"\n            delay=\"0\"\n            [tooltipMandatory]=\"true\"\n            >&#xe932;</i\n          >\n        </div>\n        <div\n          *ngIf=\"\n            riskBulkUpload?.header &&\n            riskBulkUpload?.header?.includes('Recommended Mitigation Priority')\n          \"\n          class=\"exel-view-column\"\n        >\n          {{ risk?.mitigationPriority }}\n        </div>\n        <div class=\"exel-view-column\">{{ risk?.mitigationPlans }}</div>\n        <div class=\"exel-view-column\">{{ risk?.riskLabel }}</div>\n        <!-- <div class=\"exel-view-column\" *ngIf=\"assessmentDaysEnable\" [class.error]=\"!risk?.assessmentDeadLine\">\n                  {{risk?.assessmentDeadLine}}\n                  <i *ngIf=\"!risk?.assessmentDeadLine\" class=\"icons\"\n                      [appTooltip]=\"'Set a deadline for the completion of the inherent risk assessment.'\"\n                      placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=\"true\">&#xe932;</i>\n              </div> -->\n        <div class=\"exel-view-row multi-column\">\n          <div\n            class=\"exel-view-column\"\n            [class.error]=\"\n              risk?.likelihood &&\n              !templateInfo?.likelihood.includes(risk?.likelihood)\n            \"\n          >\n            {{ risk?.likelihood }}\n          </div>\n          <div\n            class=\"exel-view-column\"\n            [class.error]=\"\n              risk?.impact && !templateInfo?.impact.includes(risk?.impact)\n            \"\n          >\n            {{ risk?.impact }}\n          </div>\n          <div\n            class=\"exel-view-column\"\n            [class.error]=\"\n              risk?.velocity && !templateInfo?.velocity.includes(risk?.velocity)\n            \"\n            *ngIf=\"riskBulkUpload?.weightFactors?.includes('Velocity')\"\n          >\n            {{ risk?.velocity }}\n          </div>\n          <div\n            class=\"exel-view-column\"\n            [class.error]=\"\n              risk?.vulnerability &&\n              !templateInfo?.vulnerability.includes(risk?.vulnerability)\n            \"\n            *ngIf=\"riskBulkUpload?.weightFactors?.includes('Vulnerability')\"\n          >\n            {{ risk?.vulnerability }}\n          </div>\n        </div>\n        <div\n          *ngIf=\"\n            riskBulkUpload?.header &&\n            riskBulkUpload?.header?.includes(\n              'Do you want to apply the same risk ratings for all Responsibility Centers?'\n            )\n          \"\n          class=\"exel-view-column\"\n        >\n          {{ risk?.applySameRiskRating }}\n        </div>\n        <div\n          *ngIf=\"\n            ffLinkedGrcObjects &&\n            riskBulkUpload?.header &&\n            riskBulkUpload?.header?.includes(LINKED_GRC)\n          \"\n          class=\"exel-view-column\"\n          [class.error]=\"risk?.isGrcNotValid\"\n        >\n          {{ risk?.linkedGrcObject }}\n          <i\n            *ngIf=\"risk?.isGrcNotValid\"\n            class=\"icons\"\n            [appTooltip]=\"GRC_ERROR_MESSAGE\"\n            placement=\"bottom-right\"\n            type=\"white\"\n            delay=\"0\"\n            [tooltipMandatory]=\"true\"\n            >&#xe932;</i\n          >\n        </div>\n        <!-- <div class=\"exel-view-column\">{{risk?.customField1}}</div>\n              <div class=\"exel-view-column\">{{risk?.customField2}}</div> -->\n\n        <ng-container *ngIf=\"risk?.customTag\">\n          <div class=\"exel-view-column\" *ngFor=\"let tag of risk?.customTag\">\n            {{ tag?.custom_tag_value }}\n          </div>\n        </ng-container>\n      </div>\n    </div>\n    <div class=\"bulk-view-footer\">\n      <div class=\"left\">\n        <p>\n          {{ finalRisks }} out of {{ riskBulkUpload?.risks?.length }} risks will\n          be added to the Risk Register.\n        </p>\n      </div>\n      <div class=\"right\">\n        <button (click)=\"close()\">Cancel</button>\n        <button\n          (click)=\"submit(false)\"\n          [disabled]=\"finalRisks < 1\"\n          class=\"blue\"\n        >\n          Add Risks\n        </button>\n        <button\n          (click)=\"submit(true)\"\n          *ngIf=\"showCompleteAssessmentButton\"\n          [disabled]=\"finalRisks < 1\"\n          class=\"blue\"\n        >\n          Add Risks And Complete Assessment\n        </button>\n      </div>\n    </div>\n  </div>\n  <app-loader-inline *ngIf=\"loader\"></app-loader-inline>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#747576;border-radius:16px}::-webkit-scrollbar{height:15px}.bulk-view{position:fixed;inset:0;z-index:11}.bulk-view-head{height:60px;padding:20px 24px;background:#161b2f;display:flex;justify-content:flex-start}.bulk-view-title{font-size:16px;line-height:20px;font-weight:400;margin:0;color:#fff}.bulk-view-body{height:calc(100vh - 110px);overflow:auto;width:100%;background:#fff}.bulk-view-body .exel-view{display:block}.bulk-view-body .exel-view-row{display:flex;width:100%}.bulk-view-body .exel-view-row.head .exel-view-column{font-weight:500;font-size:14px;min-height:26px;background:#f1f1f1;padding:0}.bulk-view-body .exel-view-row.two-column .exel-view-column,.bulk-view-body .exel-view-row.three-column .exel-view-column,.bulk-view-body .exel-view-row.four-column .exel-view-column{min-width:250px!important}.bulk-view-body .exel-view-row.multi-column .exel-view-column{width:140px;min-width:140px}.bulk-view-body .exel-view-column{width:300px;min-width:300px;padding:0 10px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;display:flex;align-items:center;justify-content:center;text-align:center;word-break:break-all;line-height:16px;font-size:12px;color:#161b2f;flex-wrap:wrap;position:relative}.bulk-view-body .exel-view-column.two-column{width:500px;min-width:500px!important}.bulk-view-body .exel-view-column.three-column{width:750px;min-width:750px!important}.bulk-view-body .exel-view-column.four-column{width:1000px;min-width:1000px!important}.bulk-view-body .exel-view-column i.icons{position:absolute;top:8px;right:10px;cursor:pointer;color:#d93b41}.bulk-view-body .exel-view-column.large{width:100%;min-width:auto}.bulk-view-body .exel-view-column.error{border:1px solid #eb2424}.bulk-view-body .exel-view-column span.required{color:#eb2424}.bulk-view-body .exel-view-column .exel-view-row .exel-view-column{width:100%}.bulk-view-body .exel-view-column.sl-no{background:#f1f1f1;width:60px;min-width:60px;min-height:30px;font-weight:400}.bulk-view-footer{height:50px;box-shadow:0 0 15px #1e5dd259;padding:10px 20px;position:fixed;width:100%;bottom:0;display:flex;align-items:center;justify-content:space-between;background:#fff}.bulk-view-footer .left p{color:#747576;font-size:13px;font-weight:500;margin:0}.bulk-view-footer .right button{font-size:12px;background:#fff;border:1px solid #dcdcdc;color:#747576;border-radius:2px;padding:8px 18px;cursor:pointer;text-transform:uppercase}.bulk-view-footer .right button+button{margin-left:4px}.bulk-view-footer .right button.blue{color:#fff;background:#1e5dd3}.bulk-view-footer .right button:disabled{background:#f1f1f1;border-color:#f1f1f1;pointer-events:none;cursor:not-allowed;color:#747576}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BulkViewComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-bulk-view', template: "<div class=\"bulk-view\">\n  <div class=\"bulk-view-head\">\n    <h2 class=\"bulk-view-title\">\n      {{ fileName }}\n    </h2>\n  </div>\n  <div class=\"bulk-view-body\">\n    <div class=\"exel-view\">\n      <div class=\"exel-view-row head\">\n        <div class=\"exel-view-column sl-no\">#</div>\n        <div\n          class=\"exel-view-column\"\n          [class.two-column]=\"heading && i === 5\"\n          *ngFor=\"let heading of riskBulkUpload?.header; let i = index\"\n          [class.large]=\"heading && heading.startsWith('Inherent')\"\n        >\n          <ng-container\n            *ngIf=\"heading && !heading.startsWith('Inherent') && !(i === 5)\"\n          >\n            {{ heading.includes(\"*\") ? heading.replace(\"*\", \"\") : heading }}\n            <span *ngIf=\"heading.includes('*')\" class=\"required\">*</span>\n          </ng-container>\n          <ng-container *ngIf=\"heading && heading.startsWith('Inherent')\">\n            <div class=\"exel-view-row\">\n              <div class=\"exel-view-column large\">Inherent Risk Assessment</div>\n            </div>\n            <div class=\"exel-view-row multi-column\">\n              <div\n                class=\"exel-view-column\"\n                *ngFor=\"\n                  let weightAgeFactor of riskBulkUpload.weightFactors\n                    | slice : 2\n                \"\n              >\n                {{ weightAgeFactor }}\n              </div>\n            </div>\n          </ng-container>\n          <ng-container *ngIf=\"heading && i === 5\">\n            <div class=\"exel-view-row\">\n              <div class=\"exel-view-column large\">\n                {{ heading.includes(\"*\") ? heading.replace(\"*\", \"\") : heading }}\n                <span *ngIf=\"heading.includes('*')\" class=\"required\">*</span>\n              </div>\n            </div>\n            <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\n              <div\n                class=\"exel-view-column\"\n                *ngFor=\"\n                  let weightAgeFactor of riskBulkUpload?.weightFactors\n                    | slice : 0 : 2\n                \"\n              >\n                {{\n                  weightAgeFactor.includes(\"*\")\n                    ? weightAgeFactor.replace(\"*\", \"\")\n                    : weightAgeFactor\n                }}\n                <span *ngIf=\"weightAgeFactor.includes('*')\" class=\"required\"\n                  >*</span\n                >\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n      <div\n        class=\"exel-view-row\"\n        *ngFor=\"let risk of riskBulkUpload.risks; let i = index\"\n      >\n        <div class=\"exel-view-column sl-no\" [class.error]=\"!risk.isValid\">\n          {{ i + 1 }}\n        </div>\n\n        <div class=\"exel-view-column\" [class.error]=\"!risk?.riskName\">\n          {{ risk?.riskName }}\n          <i\n            *ngIf=\"!risk?.riskName\"\n            class=\"icons\"\n            [appTooltip]=\"'Risk Name must be populated.'\"\n            placement=\"bottom-right\"\n            type=\"white\"\n            delay=\"0\"\n            [tooltipMandatory]=\"true\"\n            >&#xe932;</i\n          >\n        </div>\n\n        <div class=\"exel-view-column\">{{ risk?.description }}</div>\n\n        <div class=\"exel-view-column\" [class.error]=\"!risk?.rcName\">\n          {{ risk?.rcName }}\n          <i\n            *ngIf=\"!risk?.rcName\"\n            class=\"icons\"\n            [appTooltip]=\"'Assign this risk to a Responsibility Center.'\"\n            placement=\"bottom-right\"\n            type=\"white\"\n            delay=\"0\"\n            [tooltipMandatory]=\"true\"\n            >&#xe932;</i\n          >\n        </div>\n        <div class=\"exel-view-column\">{{ risk?.owner }}</div>\n        <div class=\"exel-view-column\">{{ risk?.riskOwner }}</div>\n        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\n          <div class=\"exel-view-column\" [class.error]=\"!risk?.isValidFrequency\">\n            {{ risk?.frequency }}\n            <i\n              *ngIf=\"!risk?.isValidFrequency\"\n              class=\"icons\"\n              [appTooltip]=\"\n                'Set a frequency for the completion of the inherent risk assessment.'\n              \"\n              placement=\"bottom-right\"\n              type=\"white\"\n              delay=\"0\"\n              [tooltipMandatory]=\"true\"\n              >&#xe932;</i\n            >\n          </div>\n          <div class=\"exel-view-column\" [class.error]=\"false\">\n            {{ risk?.emailReminder }}\n          </div>\n        </div>\n        <div\n          class=\"exel-view-column\"\n          [class.error]=\"\n            (risk?.owner && risk?.owner == risk?.overseer) ||\n            (!risk?.owner && defaultOwner == risk?.overseer)\n          \"\n        >\n          {{ risk?.overseer }}\n          <i\n            *ngIf=\"\n              (risk?.owner && risk?.owner == risk?.overseer) ||\n              (!risk?.owner && defaultOwner == risk?.overseer)\n            \"\n            class=\"icons\"\n            [appTooltip]=\"\n              (risk?.owner\n                ? 'The Risk Owner cannot also be the'\n                : 'You cannot be a') +\n              ' Oversight of the risk. Select another user as the Oversight of this risk.'\n            \"\n            placement=\"bottom-right\"\n            type=\"white\"\n            delay=\"0\"\n            [tooltipMandatory]=\"true\"\n            >&#xe932;</i\n          >\n        </div>\n        <div\n          *ngIf=\"\n            riskBulkUpload?.header &&\n            riskBulkUpload?.header?.includes('Recommended Mitigation Priority')\n          \"\n          class=\"exel-view-column\"\n        >\n          {{ risk?.mitigationPriority }}\n        </div>\n        <div class=\"exel-view-column\">{{ risk?.mitigationPlans }}</div>\n        <div class=\"exel-view-column\">{{ risk?.riskLabel }}</div>\n        <!-- <div class=\"exel-view-column\" *ngIf=\"assessmentDaysEnable\" [class.error]=\"!risk?.assessmentDeadLine\">\n                  {{risk?.assessmentDeadLine}}\n                  <i *ngIf=\"!risk?.assessmentDeadLine\" class=\"icons\"\n                      [appTooltip]=\"'Set a deadline for the completion of the inherent risk assessment.'\"\n                      placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=\"true\">&#xe932;</i>\n              </div> -->\n        <div class=\"exel-view-row multi-column\">\n          <div\n            class=\"exel-view-column\"\n            [class.error]=\"\n              risk?.likelihood &&\n              !templateInfo?.likelihood.includes(risk?.likelihood)\n            \"\n          >\n            {{ risk?.likelihood }}\n          </div>\n          <div\n            class=\"exel-view-column\"\n            [class.error]=\"\n              risk?.impact && !templateInfo?.impact.includes(risk?.impact)\n            \"\n          >\n            {{ risk?.impact }}\n          </div>\n          <div\n            class=\"exel-view-column\"\n            [class.error]=\"\n              risk?.velocity && !templateInfo?.velocity.includes(risk?.velocity)\n            \"\n            *ngIf=\"riskBulkUpload?.weightFactors?.includes('Velocity')\"\n          >\n            {{ risk?.velocity }}\n          </div>\n          <div\n            class=\"exel-view-column\"\n            [class.error]=\"\n              risk?.vulnerability &&\n              !templateInfo?.vulnerability.includes(risk?.vulnerability)\n            \"\n            *ngIf=\"riskBulkUpload?.weightFactors?.includes('Vulnerability')\"\n          >\n            {{ risk?.vulnerability }}\n          </div>\n        </div>\n        <div\n          *ngIf=\"\n            riskBulkUpload?.header &&\n            riskBulkUpload?.header?.includes(\n              'Do you want to apply the same risk ratings for all Responsibility Centers?'\n            )\n          \"\n          class=\"exel-view-column\"\n        >\n          {{ risk?.applySameRiskRating }}\n        </div>\n        <div\n          *ngIf=\"\n            ffLinkedGrcObjects &&\n            riskBulkUpload?.header &&\n            riskBulkUpload?.header?.includes(LINKED_GRC)\n          \"\n          class=\"exel-view-column\"\n          [class.error]=\"risk?.isGrcNotValid\"\n        >\n          {{ risk?.linkedGrcObject }}\n          <i\n            *ngIf=\"risk?.isGrcNotValid\"\n            class=\"icons\"\n            [appTooltip]=\"GRC_ERROR_MESSAGE\"\n            placement=\"bottom-right\"\n            type=\"white\"\n            delay=\"0\"\n            [tooltipMandatory]=\"true\"\n            >&#xe932;</i\n          >\n        </div>\n        <!-- <div class=\"exel-view-column\">{{risk?.customField1}}</div>\n              <div class=\"exel-view-column\">{{risk?.customField2}}</div> -->\n\n        <ng-container *ngIf=\"risk?.customTag\">\n          <div class=\"exel-view-column\" *ngFor=\"let tag of risk?.customTag\">\n            {{ tag?.custom_tag_value }}\n          </div>\n        </ng-container>\n      </div>\n    </div>\n    <div class=\"bulk-view-footer\">\n      <div class=\"left\">\n        <p>\n          {{ finalRisks }} out of {{ riskBulkUpload?.risks?.length }} risks will\n          be added to the Risk Register.\n        </p>\n      </div>\n      <div class=\"right\">\n        <button (click)=\"close()\">Cancel</button>\n        <button\n          (click)=\"submit(false)\"\n          [disabled]=\"finalRisks < 1\"\n          class=\"blue\"\n        >\n          Add Risks\n        </button>\n        <button\n          (click)=\"submit(true)\"\n          *ngIf=\"showCompleteAssessmentButton\"\n          [disabled]=\"finalRisks < 1\"\n          class=\"blue\"\n        >\n          Add Risks And Complete Assessment\n        </button>\n      </div>\n    </div>\n  </div>\n  <app-loader-inline *ngIf=\"loader\"></app-loader-inline>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#747576;border-radius:16px}::-webkit-scrollbar{height:15px}.bulk-view{position:fixed;inset:0;z-index:11}.bulk-view-head{height:60px;padding:20px 24px;background:#161b2f;display:flex;justify-content:flex-start}.bulk-view-title{font-size:16px;line-height:20px;font-weight:400;margin:0;color:#fff}.bulk-view-body{height:calc(100vh - 110px);overflow:auto;width:100%;background:#fff}.bulk-view-body .exel-view{display:block}.bulk-view-body .exel-view-row{display:flex;width:100%}.bulk-view-body .exel-view-row.head .exel-view-column{font-weight:500;font-size:14px;min-height:26px;background:#f1f1f1;padding:0}.bulk-view-body .exel-view-row.two-column .exel-view-column,.bulk-view-body .exel-view-row.three-column .exel-view-column,.bulk-view-body .exel-view-row.four-column .exel-view-column{min-width:250px!important}.bulk-view-body .exel-view-row.multi-column .exel-view-column{width:140px;min-width:140px}.bulk-view-body .exel-view-column{width:300px;min-width:300px;padding:0 10px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;display:flex;align-items:center;justify-content:center;text-align:center;word-break:break-all;line-height:16px;font-size:12px;color:#161b2f;flex-wrap:wrap;position:relative}.bulk-view-body .exel-view-column.two-column{width:500px;min-width:500px!important}.bulk-view-body .exel-view-column.three-column{width:750px;min-width:750px!important}.bulk-view-body .exel-view-column.four-column{width:1000px;min-width:1000px!important}.bulk-view-body .exel-view-column i.icons{position:absolute;top:8px;right:10px;cursor:pointer;color:#d93b41}.bulk-view-body .exel-view-column.large{width:100%;min-width:auto}.bulk-view-body .exel-view-column.error{border:1px solid #eb2424}.bulk-view-body .exel-view-column span.required{color:#eb2424}.bulk-view-body .exel-view-column .exel-view-row .exel-view-column{width:100%}.bulk-view-body .exel-view-column.sl-no{background:#f1f1f1;width:60px;min-width:60px;min-height:30px;font-weight:400}.bulk-view-footer{height:50px;box-shadow:0 0 15px #1e5dd259;padding:10px 20px;position:fixed;width:100%;bottom:0;display:flex;align-items:center;justify-content:space-between;background:#fff}.bulk-view-footer .left p{color:#747576;font-size:13px;font-weight:500;margin:0}.bulk-view-footer .right button{font-size:12px;background:#fff;border:1px solid #dcdcdc;color:#747576;border-radius:2px;padding:8px 18px;cursor:pointer;text-transform:uppercase}.bulk-view-footer .right button+button{margin-left:4px}.bulk-view-footer .right button.blue{color:#fff;background:#1e5dd3}.bulk-view-footer .right button:disabled{background:#f1f1f1;border-color:#f1f1f1;pointer-events:none;cursor:not-allowed;color:#747576}\n"] }]
        }], propDecorators: { riskBulkUpload: [{
                type: Input
            }], templateInfo: [{
                type: Input
            }], fileName: [{
                type: Input
            }], assessmentDaysEnable: [{
                type: Input
            }], defaultOwner: [{
                type: Input
            }], loader: [{
                type: Input
            }], ffLinkedGrcObjects: [{
                type: Input
            }], submitRiskBulkUpload: [{
                type: Output
            }], cancel: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 