import { Component, Input, EventEmitter, Output } from '@angular/core';
import { ASSETS } from '../../constants/assets.constants';
import * as i0 from "@angular/core";
import * as i1 from "../../workflow-services/responsibility.service";
import * as i2 from "./service/assessment.service";
import * as i3 from "../../workflow-services/auth.service";
import * as i4 from "@angular/forms";
import * as i5 from "@angular/common";
import * as i6 from "../../formgroup/cs-radio/cs-radio.component";
import * as i7 from "../../ui-kit/tooltip/tooltip.directive";
import * as i8 from "../no-data/no-data.component";
import * as i9 from "../assessment-preview/preview/preview.component";
import * as i10 from "../floating-bar/floating-bar.component";
import * as i11 from "../../workflow-pagination/workflow-pagination.component";
import * as i12 from "./assessment-list-loader/assessment-list-loader.component";
import * as i13 from "./assessment-list-sub-loader/assessment-list-sub-loader.component";
export class AssessmentListComponent {
    constructor(responsibilityService, assessmentService, auth) {
        this.responsibilityService = responsibilityService;
        this.assessmentService = assessmentService;
        this.auth = auth;
        this.ASSETS = ASSETS;
        this.animation = false;
        this.subList = false;
        this.isEdit = false;
        this.mode = '';
        this.openedCategory = [];
        this.assessmentPayload = {
            search_title: '',
            page_no: '1',
            state: 'ACTIVE',
            search_text: '',
            alphabet_filter: '',
        };
        this.dataPerPage = 0;
        this.assessmentCategory = {
            data: [],
            totalPage: 0,
            totalRecords: 0,
            start_value: 0,
            end_value: 0,
            currentPage: 0,
        };
        this.isLoader = false;
        this.selectedAssessment = {
            assessment_id: '',
            category_id: '',
            assessmentDetails: undefined,
            category_details: undefined,
        };
        this.isDeleted = false;
        this.searchAssessments = '';
        this.isPreview = false;
        this.program_ids = '';
        this.onAssessmentSelect = new EventEmitter();
        this.cancelAssessment = new EventEmitter();
        this.dataPerPage = this.responsibilityService.dataPerPage;
    }
    ngOnInit() {
        this.animation = true;
        this.getAssessmentCategoryList();
        setTimeout(() => {
            this.animation = false;
        }, 300);
    }
    onAssessmentSelected(event) {
        this.selectedData = event;
    }
    preview(evt) {
        this.assessmentService.getAssessmentQuestions(evt?.id).subscribe({
            next: (res) => {
                this.auth.previewPanel.next(true);
                this.isPreview = true;
                this.previewQuestionData = res;
            },
        });
    }
    previewBack() {
        this.isPreview = false;
        this.previewQuestionData = {};
        this.auth.previewPanel.next(false);
    }
    /**
     *
     * @param index : Accept index of elementPosition
     *
     */
    showSubList(index, id) {
        if (this.openedCategory.includes(index)) {
            this.openedCategory = this.openedCategory.filter((ele) => ele !== index);
        }
        else {
            this.openedCategory.push(index);
            this.getAssessmentList(index, id);
        }
        return this.openedCategory;
    }
    // TODO: Pagination
    /**
     *
     * @param event : page number that has been selected
     */
    onPageSelection(event) {
        this.openedCategory = [];
        this.assessmentPayload.page_no = event.toString();
        this.getAssessmentCategoryList();
    }
    // TODO: Search
    /**
     *
     * @param search : search text
     */
    onAssessmentSearch(search) {
        this.openedCategory = [];
        this.assessmentPayload.page_no = '1';
        this.assessmentPayload.search_title = search;
        this.assessmentPayload.search_text = search;
        this.getAssessmentCategoryList();
    }
    // TODO: Filter by alphabet
    /**
     *
     * @param event : Assessment category filter of Alphabet
     */
    onAlphabetSelected(event) {
        this.openedCategory = [];
        this.assessmentPayload.page_no = '1';
        this.assessmentPayload.alphabet_filter = event;
        this.assessmentPayload.search_text = '';
        this.getAssessmentCategoryList();
    }
    // TODO: Call API method
    getAssessmentCategoryList() {
        this.isLoader = true;
        this.responsibilityService
            .getAssessmentCategory(this.assessmentPayload, this.program_ids)
            .subscribe((res) => {
            this.assessmentCategory = res;
            this.isLoader = false;
        });
    }
    // TODO: Call Sub data API method
    /**
     *
     * @param id : Assessment category id
     */
    getAssessmentList(index, id) {
        const payload = {
            search_title: '',
        };
        this.responsibilityService
            .getAssessmentList(payload, id, this.program_ids)
            .subscribe((res) => {
            this.assessmentCategory.data[index].assessmentData = [...new Set(res)];
        });
    }
    //  TODO: Select data
    /**
     *
     * @param category_id :selected assessment's category's object id
     * @param assessment_id : Selected assessment's object id
     */
    setAssessment(category_details, assessmentDetails) {
        this.selectedAssessment = {
            category_id: category_details?.id,
            assessment_id: assessmentDetails.id,
            assessmentDetails: assessmentDetails,
            category_details: category_details,
        };
    }
    // TODO: Display selected data in bottom floating bar with next enabled button having
    // TODO: Send data in payload of create Responsibility form
    save() {
        this.onAssessmentSelect.emit(this.selectedAssessment);
    }
    close() {
        this.cancelAssessment.emit();
    }
    deleteEvent(event) {
        this.selectedAssessment = {
            assessment_id: '',
            category_id: '',
            assessmentDetails: undefined,
            category_details: undefined,
        };
        this.isDeleted = true;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AssessmentListComponent, deps: [{ token: i1.ResponsibilityService }, { token: i2.AssessmentService }, { token: i3.AuthService }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AssessmentListComponent, selector: "app-assessment-list", inputs: { isEdit: "isEdit", mode: "mode", selectedAssessment: "selectedAssessment", selectedAssessmentData: "selectedAssessmentData", program_ids: "program_ids" }, outputs: { onAssessmentSelect: "onAssessmentSelect", cancelAssessment: "cancelAssessment" }, ngImport: i0, template: "<app-preview\n  *ngIf=\"isPreview\"\n  [questionData]=\"previewQuestionData\"\n  (previewBack)=\"previewBack()\"\n></app-preview>\n<div class=\"assessment-list\" [class.animate]=\"animation\">\n  <div\n    class=\"assessment-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select an Assessment</div>\n  </div>\n  <div class=\"assessment-list-body\">\n    <div class=\"search-block\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"searchAssessments\"\n        (change)=\"onAssessmentSearch($event.target.value)\"\n        placeholder=\"Search Assessment Category\"\n      />\n    </div>\n    <app-workflow-pagination\n      [pageCount]=\"assessmentCategory?.totalPage\"\n      [total]=\"assessmentCategory?.totalRecords\"\n      [start]=\"assessmentCategory?.start_value\"\n      [end]=\"assessmentCategory?.end_value\"\n      [activeAlphabet]=\"''\"\n      (selectedAlphabet)=\"onAlphabetSelected($event)\"\n      (selectedPage)=\"onPageSelection($event)\"\n    ></app-workflow-pagination>\n    <div\n      *ngIf=\"\n        assessmentCategory.data.length === 0 && !isLoader && searchAssessments\n      \"\n      class=\"assessment-list-part vx-mb-4\"\n    >\n      <app-no-data\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"'No Assessments Found.'\"\n      ></app-no-data>\n    </div>\n    <div\n      *ngIf=\"assessmentCategory.data.length || isLoader\"\n      class=\"assessment-list-part vx-mb-4\"\n    >\n      <div\n        *ngIf=\"isEdit && selectedAssessment?.assessmentDetails?.assessment_name\"\n        class=\"assessment-list-selected\"\n      >\n        <div class=\"assessment-list-heading\">\n          {{\n            mode === \"policy\"\n              ? \"Assessment already selected\"\n              : \"Assessment already selected for this responsibility\"\n          }}\n        </div>\n        <div class=\"assessment-list-item\">\n          <div class=\"table-row\">\n            <div class=\"table-column serial disabled\">\n              <app-cs-radio\n                [disabled]=\"true\"\n                class=\"disabled\"\n                [checked]=\"true\"\n                [readonly]=\"true\"\n              ></app-cs-radio>\n            </div>\n            <div class=\"table-column sub-name\">\n              <div class=\"name-inner\">\n                <div\n                  class=\"value\"\n                  [appTooltip]=\"\n                    selectedAssessment?.assessmentDetails?.assessment_name\n                  \"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ selectedAssessment?.assessmentDetails?.assessment_name }}\n                </div>\n                <div class=\"within-part\">\n                  <span class=\"within-box\">Within</span>\n                  <span\n                    class=\"value\"\n                    [appTooltip]=\"\n                      selectedAssessment?.category_details?.category_name +\n                      (selectedAssessment?.category_details?.parent_tree\n                        ? ' > ' +\n                          selectedAssessment?.category_details?.parent_tree\n                        : '')\n                    \"\n                    placement=\"bottom-left\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"false\"\n                    >{{\n                      selectedAssessment?.category_details?.category_name +\n                        (selectedAssessment?.category_details?.parent_tree\n                          ? \" > \" +\n                            selectedAssessment?.category_details?.parent_tree\n                          : \"\")\n                    }}</span\n                  >\n                </div>\n              </div>\n            </div>\n            <div class=\"table-column question\">\n              <div class=\"buttons\">\n                <button\n                  class=\"action-btn\"\n                  (click)=\"preview(selectedAssessment?.assessmentDetails)\"\n                >\n                  <i class=\"icons\">&#xeae5;</i> Preview\n                </button>\n                <!-- <button class=\"action-btn\"><i class=\"icons\">&#xe90c;</i> Edit</button> -->\n              </div>\n              <div class=\"label\">\n                {{ selectedAssessment?.assessmentDetails?.questions }}\n                {{\n                  selectedAssessment?.assessmentDetails?.questions > 1\n                    ? \"Questions\"\n                    : \"Question\"\n                }}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"assessment-list-heading\">\n        {{\n          mode === \"policy\"\n            ? \"Select an Assessment\"\n            : \"Select an Assessment for this responsibility\"\n        }}\n      </div>\n\n      <!--\n                    Assessment category list \n                    active class is used for highlighting opened element\n            -->\n      <ng-container *ngIf=\"!isLoader\">\n        <div\n          *ngFor=\"let data of assessmentCategory.data; let i = index\"\n          class=\"assessment-list-item\"\n          [class.active]=\"\n            openedCategory.includes(i) ||\n            data.id === selectedAssessment?.category_id\n          \"\n        >\n          <div\n            class=\"table-row main-list\"\n            (click)=\"showSubList(i, data?.id)\"\n            [class.disabled]=\"data?.assessmentcount < 1\"\n          >\n            <div class=\"table-column serial\">\n              <div\n                [id]=\"'sr-no' + i\"\n                class=\"sr-no\"\n                [appTooltip]=\"i + 1\"\n                placement=\"bottom\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"true\"\n              >\n                {{ dataPerPage * (assessmentPayload.page_no - 1) + (i + 1) }}\n              </div>\n            </div>\n            <div class=\"table-column name\">\n              <div class=\"name-inner\">\n                <div\n                  class=\"value\"\n                  [appTooltip]=\"data.category_name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ data?.category_name }}\n                </div>\n                <div class=\"within-part\" *ngIf=\"data?.parent_tree\">\n                  <span class=\"within-box\">Within</span>\n                  <span\n                    class=\"value\"\n                    [appTooltip]=\"data.parent_tree\"\n                    placement=\"bottom-left\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"false\"\n                    >{{ data?.parent_tree }}</span\n                  >\n                </div>\n              </div>\n            </div>\n            <div class=\"table-column action\">\n              <button\n                [id]=\"'arrow' + i\"\n                class=\"arrow\"\n                [class.disabled]=\"data?.assessmentcount < 1\"\n                [disabled]=\"data?.assessmentcount < 1\"\n              >\n                <i *ngIf=\"!openedCategory.includes(i)\" class=\"icons\"\n                  >&#xe970;</i\n                >\n                <i *ngIf=\"openedCategory.includes(i)\" class=\"icons\">&#xe9e8;</i>\n              </button>\n            </div>\n          </div>\n\n          <!-- Assessment list start from here -->\n          <div *ngIf=\"openedCategory.includes(i)\" class=\"sub-list\">\n            <ng-container *ngIf=\"data.assessmentData?.length > 0\">\n              <div\n                class=\"table-row\"\n                *ngFor=\"let assessment of data.assessmentData; let j = index\"\n                [class.active]=\"\n                  assessment.id === selectedAssessment?.assessment_id &&\n                  data.id === selectedAssessment?.category_id\n                \"\n              >\n                <div class=\"table-column serial\">\n                  <div\n                    [id]=\"'sub-sr-no' + i + j\"\n                    class=\"sr-no\"\n                    appTooltip=\"{{\n                      dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)\n                    }}.{{ j + 1 }}\"\n                    placement=\"bottom\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"true\"\n                  >\n                    {{\n                      dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)\n                    }}.{{ j + 1 }}\n                    <app-cs-radio\n                      name=\"assessment\"\n                      [value]=\"assessment.id\"\n                      [checked]=\"\n                        assessment?.id === selectedAssessment?.assessment_id &&\n                        data?.id === selectedAssessment?.category_id\n                      \"\n                      (checkedEvent)=\"setAssessment(data, assessment)\"\n                    ></app-cs-radio>\n                  </div>\n                </div>\n                <div class=\"table-column sub-name\">\n                  <div\n                    class=\"value\"\n                    [appTooltip]=\"\n                      'Mission and message, communications to external audiences'\n                    \"\n                    placement=\"bottom-left\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"false\"\n                  >\n                    {{ assessment?.assessment_name }}\n                  </div>\n                </div>\n                <div class=\"table-column question\">\n                  <div class=\"buttons\">\n                    <button class=\"action-btn\" (click)=\"preview(assessment)\">\n                      <i class=\"icons\">&#xeae5;</i> Preview\n                    </button>\n                    <!-- <button class=\"action-btn\"><i class=\"icons\">&#xe9ba;</i> Edit</button> -->\n                  </div>\n                  <div class=\"label\">\n                    {{ assessment?.questions }}\n                    {{ assessment?.questions > 1 ? \"Questions\" : \"Question\" }}\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n            <!-- Loader loading isLoader  -->\n            <app-assessment-list-sub-loader\n              *ngIf=\"!data.assessmentData?.length\"\n            ></app-assessment-list-sub-loader>\n            <!-- <app-line-loader *ngIf=\"!data.assessmentData?.length\" [loaderHeight]=\"'5'\"></app-line-loader> -->\n          </div>\n        </div>\n      </ng-container>\n      <!-- Loader loading isLoader  -->\n      <app-assessment-list-loader *ngIf=\"isLoader\"></app-assessment-list-loader>\n    </div>\n    <!-- No data image  -->\n    <app-no-data\n      *ngIf=\"!assessmentCategory.data.length && !isLoader && !searchAssessments\"\n      [noDataImage]=\"ASSETS.search_data\"\n      [noDataText]=\"'No Data to Display'\"\n    ></app-no-data>\n\n    <app-floating-bar\n      [selectedData]=\"[]\"\n      (closeEvent)=\"save()\"\n      (closeList)=\"close()\"\n      [isDisabled]=\"!selectedAssessment?.assessment_id && !isDeleted\"\n      [selectedData]=\"\n        selectedAssessment?.assessment_id\n          ? [selectedAssessment?.assessmentDetails]\n          : []\n      \"\n      [displayElementKey]=\"'assessment_name'\"\n      [pluralText]=\"'Risk Categories selected'\"\n      (closeEvent)=\"save()\"\n      (deleteEvent)=\"deleteEvent($event)\"\n    >\n    </app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .assessment-list{position:fixed;inset:0 500px 0 0}::ng-deep .assessment-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .assessment-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .assessment-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .assessment-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .assessment-list-body .search-block{position:relative}::ng-deep .assessment-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .assessment-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .assessment-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .assessment-list-body app-workflow-pagination .pagination-sec{padding-bottom:0!important}::ng-deep .assessment-list-body .assessment-list-part{height:calc(100vh - 242px);overflow:auto;padding:8px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-selected{margin-bottom:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-heading{color:#161b2f;font-size:12px;font-weight:600;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item{border:1px solid #f1f1f1;border-radius:2px;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .main-list{cursor:pointer}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item.active{border-color:#1e5dd3;box-shadow:0 3px 6px #4681ef26}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row.disabled{pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column{color:#747576;height:48px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:10px;font-weight:500;display:flex;height:100%;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio{position:absolute;top:8px;left:0;opacity:0;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio .radio-item{position:absolute;left:8px;top:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.arrow{background:transparent;border:none;border-radius:0;color:#747576;font-size:12px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.disabled{opacity:.5!important;pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name{width:calc(100% - 232px);min-width:calc(100% - 232px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .value{color:#747576;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question{width:200px;max-width:200px;justify-content:flex-end}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px;margin-left:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons{display:flex;opacity:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:22px;text-transform:uppercase;padding:0 8px;display:flex;align-items:center;margin:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row:hover .table-column.question .buttons{opacity:1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row{border-top:1px solid #f1f1f1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no{color:#f8f8f8}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no app-cs-radio,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row .table-column{height:32px}::ng-deep .assessment-list-body ul{padding:0;margin:0}::ng-deep .assessment-list-body ul.assessment{max-height:calc(100vh - 240px);overflow:auto;padding:16px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body ul.assessment li{padding:0 0 12px;list-style:none;display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body ul.assessment li app-cs-radio{width:calc(100% - 260px)}::ng-deep .assessment-list-body ul.assessment li app-cs-radio .radio-item .value .name{font-size:12px;color:#161b2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assessment-list-body ul.assessment li .right{display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px}::ng-deep .assessment-list-body ul.assessment li .right .buttons{display:flex;width:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:24px;text-transform:uppercase;padding:0 8px;margin-left:12px;display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body ul.assessment li:hover .right .buttons{width:156px}::ng-deep .assessment-list-body app-no-data .no-data-wrapper{height:calc(100% - 118px)}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#747576}.within-box{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding:0 4px;margin-right:8px;line-height:12px}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: i7.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i9.PreviewComponent, selector: "app-preview", inputs: ["questionData"], outputs: ["previewBack"] }, { kind: "component", type: i10.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i11.WorkflowPaginationComponent, selector: "app-workflow-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "noFilter", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: i12.AssessmentListLoaderComponent, selector: "app-assessment-list-loader" }, { kind: "component", type: i13.AssessmentListSubLoaderComponent, selector: "app-assessment-list-sub-loader" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AssessmentListComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-assessment-list', template: "<app-preview\n  *ngIf=\"isPreview\"\n  [questionData]=\"previewQuestionData\"\n  (previewBack)=\"previewBack()\"\n></app-preview>\n<div class=\"assessment-list\" [class.animate]=\"animation\">\n  <div\n    class=\"assessment-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select an Assessment</div>\n  </div>\n  <div class=\"assessment-list-body\">\n    <div class=\"search-block\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"searchAssessments\"\n        (change)=\"onAssessmentSearch($event.target.value)\"\n        placeholder=\"Search Assessment Category\"\n      />\n    </div>\n    <app-workflow-pagination\n      [pageCount]=\"assessmentCategory?.totalPage\"\n      [total]=\"assessmentCategory?.totalRecords\"\n      [start]=\"assessmentCategory?.start_value\"\n      [end]=\"assessmentCategory?.end_value\"\n      [activeAlphabet]=\"''\"\n      (selectedAlphabet)=\"onAlphabetSelected($event)\"\n      (selectedPage)=\"onPageSelection($event)\"\n    ></app-workflow-pagination>\n    <div\n      *ngIf=\"\n        assessmentCategory.data.length === 0 && !isLoader && searchAssessments\n      \"\n      class=\"assessment-list-part vx-mb-4\"\n    >\n      <app-no-data\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"'No Assessments Found.'\"\n      ></app-no-data>\n    </div>\n    <div\n      *ngIf=\"assessmentCategory.data.length || isLoader\"\n      class=\"assessment-list-part vx-mb-4\"\n    >\n      <div\n        *ngIf=\"isEdit && selectedAssessment?.assessmentDetails?.assessment_name\"\n        class=\"assessment-list-selected\"\n      >\n        <div class=\"assessment-list-heading\">\n          {{\n            mode === \"policy\"\n              ? \"Assessment already selected\"\n              : \"Assessment already selected for this responsibility\"\n          }}\n        </div>\n        <div class=\"assessment-list-item\">\n          <div class=\"table-row\">\n            <div class=\"table-column serial disabled\">\n              <app-cs-radio\n                [disabled]=\"true\"\n                class=\"disabled\"\n                [checked]=\"true\"\n                [readonly]=\"true\"\n              ></app-cs-radio>\n            </div>\n            <div class=\"table-column sub-name\">\n              <div class=\"name-inner\">\n                <div\n                  class=\"value\"\n                  [appTooltip]=\"\n                    selectedAssessment?.assessmentDetails?.assessment_name\n                  \"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ selectedAssessment?.assessmentDetails?.assessment_name }}\n                </div>\n                <div class=\"within-part\">\n                  <span class=\"within-box\">Within</span>\n                  <span\n                    class=\"value\"\n                    [appTooltip]=\"\n                      selectedAssessment?.category_details?.category_name +\n                      (selectedAssessment?.category_details?.parent_tree\n                        ? ' > ' +\n                          selectedAssessment?.category_details?.parent_tree\n                        : '')\n                    \"\n                    placement=\"bottom-left\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"false\"\n                    >{{\n                      selectedAssessment?.category_details?.category_name +\n                        (selectedAssessment?.category_details?.parent_tree\n                          ? \" > \" +\n                            selectedAssessment?.category_details?.parent_tree\n                          : \"\")\n                    }}</span\n                  >\n                </div>\n              </div>\n            </div>\n            <div class=\"table-column question\">\n              <div class=\"buttons\">\n                <button\n                  class=\"action-btn\"\n                  (click)=\"preview(selectedAssessment?.assessmentDetails)\"\n                >\n                  <i class=\"icons\">&#xeae5;</i> Preview\n                </button>\n                <!-- <button class=\"action-btn\"><i class=\"icons\">&#xe90c;</i> Edit</button> -->\n              </div>\n              <div class=\"label\">\n                {{ selectedAssessment?.assessmentDetails?.questions }}\n                {{\n                  selectedAssessment?.assessmentDetails?.questions > 1\n                    ? \"Questions\"\n                    : \"Question\"\n                }}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"assessment-list-heading\">\n        {{\n          mode === \"policy\"\n            ? \"Select an Assessment\"\n            : \"Select an Assessment for this responsibility\"\n        }}\n      </div>\n\n      <!--\n                    Assessment category list \n                    active class is used for highlighting opened element\n            -->\n      <ng-container *ngIf=\"!isLoader\">\n        <div\n          *ngFor=\"let data of assessmentCategory.data; let i = index\"\n          class=\"assessment-list-item\"\n          [class.active]=\"\n            openedCategory.includes(i) ||\n            data.id === selectedAssessment?.category_id\n          \"\n        >\n          <div\n            class=\"table-row main-list\"\n            (click)=\"showSubList(i, data?.id)\"\n            [class.disabled]=\"data?.assessmentcount < 1\"\n          >\n            <div class=\"table-column serial\">\n              <div\n                [id]=\"'sr-no' + i\"\n                class=\"sr-no\"\n                [appTooltip]=\"i + 1\"\n                placement=\"bottom\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"true\"\n              >\n                {{ dataPerPage * (assessmentPayload.page_no - 1) + (i + 1) }}\n              </div>\n            </div>\n            <div class=\"table-column name\">\n              <div class=\"name-inner\">\n                <div\n                  class=\"value\"\n                  [appTooltip]=\"data.category_name\"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"false\"\n                >\n                  {{ data?.category_name }}\n                </div>\n                <div class=\"within-part\" *ngIf=\"data?.parent_tree\">\n                  <span class=\"within-box\">Within</span>\n                  <span\n                    class=\"value\"\n                    [appTooltip]=\"data.parent_tree\"\n                    placement=\"bottom-left\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"false\"\n                    >{{ data?.parent_tree }}</span\n                  >\n                </div>\n              </div>\n            </div>\n            <div class=\"table-column action\">\n              <button\n                [id]=\"'arrow' + i\"\n                class=\"arrow\"\n                [class.disabled]=\"data?.assessmentcount < 1\"\n                [disabled]=\"data?.assessmentcount < 1\"\n              >\n                <i *ngIf=\"!openedCategory.includes(i)\" class=\"icons\"\n                  >&#xe970;</i\n                >\n                <i *ngIf=\"openedCategory.includes(i)\" class=\"icons\">&#xe9e8;</i>\n              </button>\n            </div>\n          </div>\n\n          <!-- Assessment list start from here -->\n          <div *ngIf=\"openedCategory.includes(i)\" class=\"sub-list\">\n            <ng-container *ngIf=\"data.assessmentData?.length > 0\">\n              <div\n                class=\"table-row\"\n                *ngFor=\"let assessment of data.assessmentData; let j = index\"\n                [class.active]=\"\n                  assessment.id === selectedAssessment?.assessment_id &&\n                  data.id === selectedAssessment?.category_id\n                \"\n              >\n                <div class=\"table-column serial\">\n                  <div\n                    [id]=\"'sub-sr-no' + i + j\"\n                    class=\"sr-no\"\n                    appTooltip=\"{{\n                      dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)\n                    }}.{{ j + 1 }}\"\n                    placement=\"bottom\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"true\"\n                  >\n                    {{\n                      dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)\n                    }}.{{ j + 1 }}\n                    <app-cs-radio\n                      name=\"assessment\"\n                      [value]=\"assessment.id\"\n                      [checked]=\"\n                        assessment?.id === selectedAssessment?.assessment_id &&\n                        data?.id === selectedAssessment?.category_id\n                      \"\n                      (checkedEvent)=\"setAssessment(data, assessment)\"\n                    ></app-cs-radio>\n                  </div>\n                </div>\n                <div class=\"table-column sub-name\">\n                  <div\n                    class=\"value\"\n                    [appTooltip]=\"\n                      'Mission and message, communications to external audiences'\n                    \"\n                    placement=\"bottom-left\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"false\"\n                  >\n                    {{ assessment?.assessment_name }}\n                  </div>\n                </div>\n                <div class=\"table-column question\">\n                  <div class=\"buttons\">\n                    <button class=\"action-btn\" (click)=\"preview(assessment)\">\n                      <i class=\"icons\">&#xeae5;</i> Preview\n                    </button>\n                    <!-- <button class=\"action-btn\"><i class=\"icons\">&#xe9ba;</i> Edit</button> -->\n                  </div>\n                  <div class=\"label\">\n                    {{ assessment?.questions }}\n                    {{ assessment?.questions > 1 ? \"Questions\" : \"Question\" }}\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n            <!-- Loader loading isLoader  -->\n            <app-assessment-list-sub-loader\n              *ngIf=\"!data.assessmentData?.length\"\n            ></app-assessment-list-sub-loader>\n            <!-- <app-line-loader *ngIf=\"!data.assessmentData?.length\" [loaderHeight]=\"'5'\"></app-line-loader> -->\n          </div>\n        </div>\n      </ng-container>\n      <!-- Loader loading isLoader  -->\n      <app-assessment-list-loader *ngIf=\"isLoader\"></app-assessment-list-loader>\n    </div>\n    <!-- No data image  -->\n    <app-no-data\n      *ngIf=\"!assessmentCategory.data.length && !isLoader && !searchAssessments\"\n      [noDataImage]=\"ASSETS.search_data\"\n      [noDataText]=\"'No Data to Display'\"\n    ></app-no-data>\n\n    <app-floating-bar\n      [selectedData]=\"[]\"\n      (closeEvent)=\"save()\"\n      (closeList)=\"close()\"\n      [isDisabled]=\"!selectedAssessment?.assessment_id && !isDeleted\"\n      [selectedData]=\"\n        selectedAssessment?.assessment_id\n          ? [selectedAssessment?.assessmentDetails]\n          : []\n      \"\n      [displayElementKey]=\"'assessment_name'\"\n      [pluralText]=\"'Risk Categories selected'\"\n      (closeEvent)=\"save()\"\n      (deleteEvent)=\"deleteEvent($event)\"\n    >\n    </app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .assessment-list{position:fixed;inset:0 500px 0 0}::ng-deep .assessment-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .assessment-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .assessment-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .assessment-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .assessment-list-body .search-block{position:relative}::ng-deep .assessment-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .assessment-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .assessment-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .assessment-list-body app-workflow-pagination .pagination-sec{padding-bottom:0!important}::ng-deep .assessment-list-body .assessment-list-part{height:calc(100vh - 242px);overflow:auto;padding:8px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-selected{margin-bottom:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-heading{color:#161b2f;font-size:12px;font-weight:600;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item{border:1px solid #f1f1f1;border-radius:2px;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .main-list{cursor:pointer}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item.active{border-color:#1e5dd3;box-shadow:0 3px 6px #4681ef26}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row.disabled{pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column{color:#747576;height:48px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:10px;font-weight:500;display:flex;height:100%;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio{position:absolute;top:8px;left:0;opacity:0;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio .radio-item{position:absolute;left:8px;top:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.arrow{background:transparent;border:none;border-radius:0;color:#747576;font-size:12px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.disabled{opacity:.5!important;pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name{width:calc(100% - 232px);min-width:calc(100% - 232px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .value{color:#747576;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question{width:200px;max-width:200px;justify-content:flex-end}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px;margin-left:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons{display:flex;opacity:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:22px;text-transform:uppercase;padding:0 8px;display:flex;align-items:center;margin:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row:hover .table-column.question .buttons{opacity:1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row{border-top:1px solid #f1f1f1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no{color:#f8f8f8}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no app-cs-radio,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row .table-column{height:32px}::ng-deep .assessment-list-body ul{padding:0;margin:0}::ng-deep .assessment-list-body ul.assessment{max-height:calc(100vh - 240px);overflow:auto;padding:16px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body ul.assessment li{padding:0 0 12px;list-style:none;display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body ul.assessment li app-cs-radio{width:calc(100% - 260px)}::ng-deep .assessment-list-body ul.assessment li app-cs-radio .radio-item .value .name{font-size:12px;color:#161b2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assessment-list-body ul.assessment li .right{display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px}::ng-deep .assessment-list-body ul.assessment li .right .buttons{display:flex;width:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:24px;text-transform:uppercase;padding:0 8px;margin-left:12px;display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body ul.assessment li:hover .right .buttons{width:156px}::ng-deep .assessment-list-body app-no-data .no-data-wrapper{height:calc(100% - 118px)}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#747576}.within-box{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding:0 4px;margin-right:8px;line-height:12px}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.ResponsibilityService }, { type: i2.AssessmentService }, { type: i3.AuthService }]; }, propDecorators: { isEdit: [{
                type: Input
            }], mode: [{
                type: Input
            }], selectedAssessment: [{
                type: Input
            }], selectedAssessmentData: [{
                type: Input
            }], program_ids: [{
                type: Input
            }], onAssessmentSelect: [{
                type: Output
            }], cancelAssessment: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 