import { Component, EventEmitter, Input, Output } from '@angular/core';
import { cloneDeep } from 'lodash';
import { LINK_RESPONSIBILITY_CONSTANTS } from '../../constants/link-responsibility.constants';
import * as i0 from "@angular/core";
import * as i1 from "../frequency/frequency.service";
import * as i2 from "@angular/common";
import * as i3 from "@angular/forms";
import * as i4 from "../floating-bar/floating-bar.component";
import * as i5 from "../../formgroup/cs-checkbox/cs-checkbox.component";
import * as i6 from "../no-data/no-data.component";
import * as i7 from "../v-loader/loader-inline/loader-inline.component";
import * as i8 from "../../ui-kit/popover/popover.component";
import * as i9 from "../../ui-kit/popover/popover.directive";
import * as i10 from "../../ui-kit/pagination/pagination/pagination.component";
export class LinkResponsibilityListComponent {
    constructor(frequencyService) {
        this.frequencyService = frequencyService;
        this.respIdKey = '';
        this.selectedResponsibilityValues = [];
        this.radioSelection = false;
        this.closeButton = new EventEmitter();
        this.selectedResponsibility = new EventEmitter();
        this.animation = false;
        this.responsibilityLoader = false;
        this.isValidObj = false;
        this.isOnCompletionRc = false;
        this.responsibilitiesData = {};
        this.responsibilityTabCount = {
            regulationCount: 0,
            standardCount: 0,
            internalCount: 0,
            othersCount: 0,
        };
        this.typeToCountProperty = {
            0: 'othersCount',
            1: 'regulationCount',
            2: 'standardCount',
            3: 'internalCount',
        };
        this.responsibilityPayload = {
            type: 'all',
            paginationType: 'large',
            a: '',
            searchText: '',
            filterData: {
                appList: [],
                riskIds: [],
                reviewerId: [],
                responsibilityCenter: [],
                entrustedBy: [],
                entrustedTo: [],
                responsibilityCategory: [],
                complianceType: [1],
            },
            pageNo: 1,
            sortObj: {
                sortBy: '',
                type: '',
            },
            pageName: 'overview',
        };
        this.selectedResponsibilityId = [];
        this.responsibilityTabs = [
            { name: 'REGULATIONS', type: 1 },
            { name: 'STANDARDS', type: 2 },
            { name: 'INTERNAL CONTROLS', type: 3 },
            { name: 'OTHERS', type: 0 },
        ];
        this.currentTab = 1;
        this.responsibilityCurrentPage = 1;
        this.regulationCount = 0;
        this.standardsCount = 0;
        this.internalsCount = 0;
        this.othersCount = 0;
        this.responsibilitySearchText = '';
        this.noDataMessage = LINK_RESPONSIBILITY_CONSTANTS.NO_DATA_MESSAGE.NO_DATA;
        this.noDataImagePath = LINK_RESPONSIBILITY_CONSTANTS.NO_DATA.IMAGE;
    }
    ngOnInit() {
        this.getResponsibilityValues();
        this.getResponsibilityList();
        this.setResponsibilitiesCount();
    }
    back() {
        this.closeButton.emit();
    }
    getResponsibilityValues() {
        if (this.selectedResponsibilityValues) {
            this.selectedResponsibilityId = this.selectedResponsibilityValues.map((ele) => {
                if (ele[this.respIdKey]) {
                    return ele[this.respIdKey];
                }
            });
            this.selectedResponsibilityValues = Object.keys(this.selectedResponsibilityValues)?.length
                ? this.selectedResponsibilityValues
                : {};
            this.isValidObj = this.selectedResponsibilityValues
                ? Object.keys(this.selectedResponsibilityValues)?.length > 0
                : false;
        }
        this.animation = true;
        setTimeout(() => {
            this.animation = false;
        }, 300);
    }
    getResponsibilityList() {
        this.responsibilityLoader = true;
        this.frequencyService
            ?.getResponsibilityList(this.responsibilityPayload)
            .subscribe((res) => {
            this.responsibilitiesData = res[0];
            this.responsibilityLoader = false;
        }, (error) => {
            this.responsibilityLoader = false;
        });
    }
    responsibilityPageChange(pageNumber) {
        this.responsibilityCurrentPage = pageNumber;
        this.responsibilityPayload.pageNo = this.responsibilityCurrentPage;
        this.responsibilityPayload.searchText = this.responsibilitySearchText;
        this.getResponsibilityList();
    }
    deleteItem(item) {
        const index = this.selectedResponsibilityId.findIndex((element) => element == item[this.respIdKey]);
        this.selectedResponsibilityId.splice(index, 1);
        this.selectedResponsibilityValues = this.selectedResponsibilityValues.filter((ele) => ele[this.respIdKey] !== item[this.respIdKey]);
        this.isValidObj = false;
        this.setList();
    }
    save(event) {
        this.closeButton.emit();
        this.selectedResponsibility.emit(this.selectedResponsibilityValues);
    }
    onClickTabChange(tab) {
        this.currentTab = tab?.type;
        this.responsibilityPayload.filterData.complianceType = [this.currentTab];
        this.responsibilityCurrentPage = 1;
        this.responsibilityPayload.pageNo = this.responsibilityCurrentPage;
        this.responsibilityPayload.searchText = this.responsibilitySearchText;
        this.selectedResponsibilityValues = this.selectedResponsibilityValues;
        this.getResponsibilityList();
    }
    search() {
        this.responsibilityPayload.searchText = this.responsibilitySearchText;
        this.responsibilityCurrentPage = 1;
        this.responsibilityPayload.pageNo = this.responsibilityCurrentPage;
        this.getResponsibilityList();
        this.setResponsibilitiesCount();
    }
    setResponsibilitiesCount() {
        const payload = JSON.parse(JSON.stringify(this.responsibilityPayload));
        payload.filterData.complianceType = [0, 1, 2, 3];
        this.frequencyService
            ?.getResponsibilitiesCount(payload)
            .subscribe((res) => {
            this.responsibilityTabCount.regulationCount = res?.regulation_count;
            this.responsibilityTabCount.standardCount = res?.standard_count;
            this.responsibilityTabCount.internalCount = res?.internal_count;
            this.responsibilityTabCount.othersCount = res?.others_count;
        });
    }
    // This function is used to initialize all the Feature flag based variables
    featureFlagInitialization() {
        this.featureFlag_on_completion_of = this.feature.isFeatureEnabled('ff_frequency_on_completion_of');
        this.isOnCompletionRc = this.feature.isFeatureEnabled('ff_on_completion_rc');
    }
    selectResp(resp, mode) {
        const index = this.selectedResponsibilityId.findIndex((element) => element == resp);
        if (index === -1 && mode) {
            this.selectedResponsibilityId.push(resp);
            this.setList();
        }
        else {
            this.selectedResponsibilityId.splice(index, 1);
            this.selectedResponsibilityValues = this.selectedResponsibilityValues.filter((ele) => ele[this.respIdKey] !== resp);
            this.setList();
        }
    }
    setList() {
        const data = [];
        const respValues = cloneDeep(this.selectedResponsibilityValues);
        const respList = cloneDeep(this.responsibilitiesData.data);
        const selectedResponsibilityId = cloneDeep(this.selectedResponsibilityId);
        selectedResponsibilityId.forEach((element) => {
            const foundResponsibility = respList.find((ele) => ele[this.respIdKey] === element);
            if (foundResponsibility) {
                data.push(foundResponsibility);
            }
        });
        if (this.selectedResponsibilityValues?.length > 0) {
            const newData = data.filter(element => !respValues.some((value) => value[this.respIdKey] === element[this.respIdKey]));
            this.selectedResponsibilityValues = [...respValues, ...newData];
        }
        else {
            this.selectedResponsibilityValues = data;
        }
        this.isValidObj = this.selectedResponsibilityValues
            ? Object.keys(this.selectedResponsibilityValues)?.length > 0
            : false;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LinkResponsibilityListComponent, deps: [{ token: i1.FrequencyService }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LinkResponsibilityListComponent, selector: "app-link-responsibility-list", inputs: { onCompletionOfResponsibility: "onCompletionOfResponsibility", feature: "feature", respIdKey: "respIdKey", selectedResponsibilityValues: "selectedResponsibilityValues", radioSelection: "radioSelection" }, outputs: { closeButton: "closeButton", selectedResponsibility: "selectedResponsibility" }, ngImport: i0, template: "<div class=\"frequency-responsibility-list\" [class.animate]=\"animation\">\n  <div\n    class=\"frequency-responsibility-list-head vx-p-3 vx-d-flex vx-align-center vx-justify-between\"\n  >\n    <div class=\"vx-d-flex vx-align-center\">\n      <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select a Responsibility</div>\n    </div>\n  </div>\n  <div class=\"frequency-responsibility-list-body\">\n    <div\n      *ngIf=\"responsibilitiesData?.allResponsibilityCount > 0\"\n      class=\"vx-d-flex vx-align-center vx-justify-between vx-mb-2\"\n    >\n      <ng-container *ngFor=\"let tab of responsibilityTabs; let i = index\">\n        <div\n          class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n          [class.active]=\"currentTab === i + 1 || (currentTab === 0 && i === 3)\"\n          (click)=\"onClickTabChange(tab)\"\n          [class.pointer-none]=\"responsibilityLoader\"\n        >\n          <div class=\"left vx-d-block vx-w-100\">\n            <div class=\"label vx-d-flex vx-align-center\">\n              <label\n                class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n                >{{ tab.name }}</label\n              >\n            </div>\n          </div>\n          <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\n            <span\n              class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\"\n              >{{\n                responsibilityTabCount[typeToCountProperty[tab.type]] || 0\n              }}</span\n            >\n          </div>\n        </div>\n      </ng-container>\n    </div>\n\n    <div class=\"frequency-responsibility-list-search vx-mb-2\">\n      <i class=\"icons vx-fs-12\">&#xe90b;</i>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"responsibilitySearchText\"\n        (keyup.enter)=\"search()\"\n        placeholder=\"Search Responsibilities\"\n      />\n    </div>\n    <app-pagination\n      *ngIf=\"!responsibilityLoader && responsibilitiesData?.total_pages > 1\"\n      [start]=\"responsibilitiesData?.responsibilities_from\"\n      [end]=\"responsibilitiesData?.responsibilities_to\"\n      [total]=\"responsibilitiesData?.total_responsibilities\"\n      [pageCount]=\"responsibilitiesData?.total_pages\"\n      [currentPage]=\"responsibilityCurrentPage\"\n      (selectedPage)=\"responsibilityPageChange($event)\"\n    >\n    </app-pagination>\n    <app-loader-inline *ngIf=\"responsibilityLoader\"></app-loader-inline>\n    <div\n      class=\"frequency-responsibility-list-mid vx-mb-4\"\n      [class.with-pagination]=\"\n        !responsibilityLoader && responsibilitiesData?.total_pages > 1\n      \"\n    >\n      <app-no-data\n        *ngIf=\"\n          responsibilitiesData?.data?.length === 0 && !responsibilityLoader\n        \"\n        [noDataImage]=\"noDataImagePath\"\n        [noDataText]=\"noDataMessage\"\n      ></app-no-data>\n      <ng-container\n        *ngIf=\"responsibilitiesData?.data?.length > 0 && !responsibilityLoader\"\n      >\n        <div class=\"table-header\">\n          <div class=\"table-row\">\n            <div\n              class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n            >\n              #\n            </div>\n            <div\n              class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center responsibility\"\n              [class.with-rc]=\"isOnCompletionRc\"\n            >\n              RESPONSIBILITIES\n            </div>\n            <div\n              class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center responsibility-center\"\n              *ngIf=\"isOnCompletionRc\"\n            >\n              RESPONSIBILITY CENTER\n            </div>\n            <div\n              class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center program\"\n            >\n              PROGRAMS\n            </div>\n          </div>\n        </div>\n        <div class=\"table-body\">\n          <div\n            class=\"table-row\"\n            [class.active]=\"\n              selectedResponsibilityId?.includes(responsibility?.ReportId)\n            \"\n            *ngFor=\"\n              let responsibility of responsibilitiesData?.data;\n              let i = index\n            \"\n          >\n            <div\n              class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n            >\n              <div\n                class=\"sr-no\"\n                [appTooltip]=\"responsibilitiesData?.responsibilities_from + i\"\n                placement=\"bottom\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"true\"\n              >\n                {{ responsibilitiesData?.responsibilities_from + i }}\n              </div>\n              <app-cs-checkbox\n                [ngValue]=\"\n                  selectedResponsibilityId?.includes(responsibility?.ReportId)\n                \"\n                (ngValueChange)=\"selectResp(responsibility?.ReportId, $event)\"\n              >\n              </app-cs-checkbox>\n            </div>\n            <div\n              class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center responsibility\"\n              [class.with-rc]=\"isOnCompletionRc\"\n            >\n              <div\n                class=\"value vx-fs-12 vx-label-txt vx-pr-5\"\n                [appTooltip]=\"responsibility?.ReportName\"\n                placement=\"bottom-left\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"true\"\n              >\n                {{ responsibility?.ControlId }} {{ responsibility?.ReportName }}\n              </div>\n            </div>\n\n            <div\n              *ngIf=\"\n                responsibility?.category_details_array[0]\n                  ?.category_name as categoryName\n              \"\n              class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center program\"\n            >\n              <div class=\"program-inner vx-d-block\">\n                <div\n                  class=\"program-value vx-fs-11 vx-label-txt vx-pr-5\"\n                  [appTooltip]=\"\n                    responsibility?.category_details_array[0]?.category_name ??\n                    '--'\n                  \"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"true\"\n                >\n                  {{ categoryName ?? \"--\" }}\n                </div>\n                <div\n                  *ngIf=\"\n                    responsibility?.category_details_array[0]\n                      ?.parent_category_name?.length\n                  \"\n                  class=\"within-part vx-d-flex vx-align-center vx-pr-3\"\n                >\n                  <div\n                    class=\"within-box vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3 vx-txt-blue\"\n                  >\n                    Within\n                  </div>\n                  <div\n                    *ngIf=\"\n                      responsibility?.category_details_array[0]?.parent_category_name\n                        ?.slice()\n                        ?.reverse()\n                        ?.join(' < ') as parent_category\n                    \"\n                    class=\"within-value vx-fs-11 vx-paragraph-txt\"\n                    [appTooltip]=\"parent_category\"\n                    placement=\"bottom-left\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"true\"\n                  >\n                    {{ parent_category }}\n                  </div>\n                </div>\n              </div>\n              <button\n                *ngIf=\"responsibility?.category_details_array?.length >= 2\"\n                appPopover\n                (click)=\"programPopup.popover()\"\n                placement=\"right\"\n                class=\"program-count vx-fs-11 vx-fw-500 vx-txt-white vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"\n              >\n                +{{ responsibility?.category_details_array?.length - 1 }}\n              </button>\n              <app-popover #programPopup>\n                <div class=\"wf-action-list\">\n                  <ul class=\"action-item\">\n                    <li\n                      *ngFor=\"\n                        let subCategory of responsibility?.category_details_array\n                          | slice : 1\n                      \"\n                    >\n                      <div class=\"avatar-card\">\n                        <div class=\"vx-d-block vx-w-100\">\n                          <span\n                            class=\"value\"\n                            [appTooltip]=\"subCategory?.category_name\"\n                            placement=\"bottom-left\"\n                            delay=\"0\"\n                            type=\"black\"\n                            [tooltipMandatory]=\"true\"\n                            >{{ subCategory?.category_name }}</span\n                          >\n                          <div\n                            *ngIf=\"\n                              responsibility?.category_details_array[0]\n                                ?.parent_category_name?.length\n                            \"\n                            class=\"within-part vx-d-flex vx-align-center vx-pr-3\"\n                          >\n                            <div\n                              class=\"within-box vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3 vx-txt-blue\"\n                            >\n                              Within\n                            </div>\n                            <div\n                              *ngIf=\"\n                                responsibility?.category_details_array[0]?.parent_category_name\n                                  ?.slice()\n                                  ?.reverse()\n                                  ?.join(' < ') as parent_category\n                              \"\n                              class=\"within-value vx-fs-11 vx-paragraph-txt\"\n                              [appTooltip]=\"parent_category\"\n                              placement=\"bottom-left\"\n                              delay=\"0\"\n                              type=\"black\"\n                              [tooltipMandatory]=\"true\"\n                            >\n                              {{ parent_category }}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </li>\n                  </ul>\n                </div>\n              </app-popover>\n            </div>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n    <app-floating-bar\n      *ngIf=\"!responsibilityLoader\"\n      [selectedData]=\"isValidObj ? selectedResponsibilityValues : []\"\n      [displayElementKey]=\"'ReportName'\"\n      (closeList)=\"back()\"\n      (closeEvent)=\"save($event)\"\n      (deleteEvent)=\"deleteItem($event)\"\n      [isDisabled]=\"!isValidObj\"\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/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-top.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/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.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\";@import\"https://cdn.v-comply.com/design-system/css/table-card/table-card.css\";::ng-deep .frequency-responsibility-list{border-top:3px solid #1e5dd3;position:fixed;top:0;right:31.25rem;bottom:0;left:0}::ng-deep .frequency-responsibility-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .frequency-responsibility-list-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .frequency-responsibility-list-head .arrow{cursor:pointer}::ng-deep .frequency-responsibility-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:1.5rem .75rem 1.5rem 2rem}::ng-deep .frequency-responsibility-list-body app-pagination .wk-pagination-sec-ds{border-radius:0;padding:0 0 .5rem}::ng-deep .frequency-responsibility-list-body app-floating-bar .floating-bar{padding:0;position:relative;left:-1rem;width:calc(100% + 2rem)}::ng-deep .frequency-responsibility-list-body app-floating-bar .userGroup-floating-bar{padding-left:0!important;padding-right:0!important}::ng-deep .frequency-responsibility-list-body app-floating-bar .userGroup-floating-bar .userGroup-floating-bar-container .left .chip span{max-width:240px}::ng-deep .frequency-responsibility-list-search{position:relative}::ng-deep .frequency-responsibility-list-search input{height:2.75rem;line-height:1.5rem;padding:.75rem .75rem .75rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .frequency-responsibility-list-search input::placeholder{color:#747576;opacity:1}::ng-deep .frequency-responsibility-list-search i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .frequency-responsibility-list-mid{height:calc(100vh - 17.5rem);overflow:auto}::ng-deep .frequency-responsibility-list-mid::-webkit-scrollbar-track{background-color:#fff}::ng-deep .frequency-responsibility-list-mid.with-pagination{height:calc(100vh - 19.5rem)}::ng-deep .frequency-responsibility-list-mid .table-header{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .frequency-responsibility-list-mid .table-header .table-column{color:#161b2f!important;line-height:.75rem!important;min-height:1.875rem!important}::ng-deep .frequency-responsibility-list-mid .table-body{position:relative}::ng-deep .frequency-responsibility-list-mid .table-body .table-row{background:#fff;border-radius:.25rem;border:1px solid #f1f1f1;margin-bottom:.25rem}::ng-deep .frequency-responsibility-list-mid .table-body .table-row:hover .table-column.serial .sr-no,::ng-deep .frequency-responsibility-list-mid .table-body .table-row.active .table-column.serial .sr-no{opacity:0}::ng-deep .frequency-responsibility-list-mid .table-body .table-row:hover .table-column.serial app-cs-checkbox,::ng-deep .frequency-responsibility-list-mid .table-body .table-row.active .table-column.serial app-cs-checkbox{opacity:1}::ng-deep .frequency-responsibility-list-mid .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .frequency-responsibility-list-mid .table-row .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.serial .sr-no{width:1rem;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.serial app-cs-checkbox{position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.serial app-cs-checkbox .radio-item{position:absolute}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.serial app-cs-checkbox{display:flex}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility{width:calc(100% - 15.5rem);min-width:calc(100% - 15.5rem)}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility.with-rc{width:calc(100% - 31rem);min-width:calc(100% - 31rem)}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility-center{width:15.5rem;min-width:15.5rem}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility-center .program-inner{max-width:calc(100% - 2rem)}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility-center .program-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility-center button.program-count{background:#1e5dd3;border-radius:.125rem;border:none;min-width:1.5rem;height:1.25rem}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.program{width:13.5rem;min-width:13.5rem}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.program .program-inner{max-width:calc(100% - 2rem)}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.program .program-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.program button.program-count{background:#1e5dd3;border-radius:.125rem;border:none;min-width:1.5rem;height:1.25rem}@keyframes animate-right{0%{transform:translate(5px);opacity:0}to{transform:translate(0);opacity:1}}.wf-action-list{width:220px}.wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.wf-action-list ul.action-item{display:block}.wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.wf-action-list ul.action-item li .avatar-card.within-con{display:block}.wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.wf-action-list ul.action-item li .avatar-card .avatar img{width:100%}.wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.wf-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:5px}.wf-action-list ul.action-item li .avatar-card.no-image{display:block}.wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.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: i5.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i6.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i7.LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "component", type: i8.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i9.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "component", type: i10.PaginationComponentUI, selector: "app-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "pipe", type: i2.SlicePipe, name: "slice" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LinkResponsibilityListComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-link-responsibility-list', template: "<div class=\"frequency-responsibility-list\" [class.animate]=\"animation\">\n  <div\n    class=\"frequency-responsibility-list-head vx-p-3 vx-d-flex vx-align-center vx-justify-between\"\n  >\n    <div class=\"vx-d-flex vx-align-center\">\n      <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select a Responsibility</div>\n    </div>\n  </div>\n  <div class=\"frequency-responsibility-list-body\">\n    <div\n      *ngIf=\"responsibilitiesData?.allResponsibilityCount > 0\"\n      class=\"vx-d-flex vx-align-center vx-justify-between vx-mb-2\"\n    >\n      <ng-container *ngFor=\"let tab of responsibilityTabs; let i = index\">\n        <div\n          class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\"\n          [class.active]=\"currentTab === i + 1 || (currentTab === 0 && i === 3)\"\n          (click)=\"onClickTabChange(tab)\"\n          [class.pointer-none]=\"responsibilityLoader\"\n        >\n          <div class=\"left vx-d-block vx-w-100\">\n            <div class=\"label vx-d-flex vx-align-center\">\n              <label\n                class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\"\n                >{{ tab.name }}</label\n              >\n            </div>\n          </div>\n          <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\n            <span\n              class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\"\n              >{{\n                responsibilityTabCount[typeToCountProperty[tab.type]] || 0\n              }}</span\n            >\n          </div>\n        </div>\n      </ng-container>\n    </div>\n\n    <div class=\"frequency-responsibility-list-search vx-mb-2\">\n      <i class=\"icons vx-fs-12\">&#xe90b;</i>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"responsibilitySearchText\"\n        (keyup.enter)=\"search()\"\n        placeholder=\"Search Responsibilities\"\n      />\n    </div>\n    <app-pagination\n      *ngIf=\"!responsibilityLoader && responsibilitiesData?.total_pages > 1\"\n      [start]=\"responsibilitiesData?.responsibilities_from\"\n      [end]=\"responsibilitiesData?.responsibilities_to\"\n      [total]=\"responsibilitiesData?.total_responsibilities\"\n      [pageCount]=\"responsibilitiesData?.total_pages\"\n      [currentPage]=\"responsibilityCurrentPage\"\n      (selectedPage)=\"responsibilityPageChange($event)\"\n    >\n    </app-pagination>\n    <app-loader-inline *ngIf=\"responsibilityLoader\"></app-loader-inline>\n    <div\n      class=\"frequency-responsibility-list-mid vx-mb-4\"\n      [class.with-pagination]=\"\n        !responsibilityLoader && responsibilitiesData?.total_pages > 1\n      \"\n    >\n      <app-no-data\n        *ngIf=\"\n          responsibilitiesData?.data?.length === 0 && !responsibilityLoader\n        \"\n        [noDataImage]=\"noDataImagePath\"\n        [noDataText]=\"noDataMessage\"\n      ></app-no-data>\n      <ng-container\n        *ngIf=\"responsibilitiesData?.data?.length > 0 && !responsibilityLoader\"\n      >\n        <div class=\"table-header\">\n          <div class=\"table-row\">\n            <div\n              class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n            >\n              #\n            </div>\n            <div\n              class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center responsibility\"\n              [class.with-rc]=\"isOnCompletionRc\"\n            >\n              RESPONSIBILITIES\n            </div>\n            <div\n              class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center responsibility-center\"\n              *ngIf=\"isOnCompletionRc\"\n            >\n              RESPONSIBILITY CENTER\n            </div>\n            <div\n              class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center program\"\n            >\n              PROGRAMS\n            </div>\n          </div>\n        </div>\n        <div class=\"table-body\">\n          <div\n            class=\"table-row\"\n            [class.active]=\"\n              selectedResponsibilityId?.includes(responsibility?.ReportId)\n            \"\n            *ngFor=\"\n              let responsibility of responsibilitiesData?.data;\n              let i = index\n            \"\n          >\n            <div\n              class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\n            >\n              <div\n                class=\"sr-no\"\n                [appTooltip]=\"responsibilitiesData?.responsibilities_from + i\"\n                placement=\"bottom\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"true\"\n              >\n                {{ responsibilitiesData?.responsibilities_from + i }}\n              </div>\n              <app-cs-checkbox\n                [ngValue]=\"\n                  selectedResponsibilityId?.includes(responsibility?.ReportId)\n                \"\n                (ngValueChange)=\"selectResp(responsibility?.ReportId, $event)\"\n              >\n              </app-cs-checkbox>\n            </div>\n            <div\n              class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center responsibility\"\n              [class.with-rc]=\"isOnCompletionRc\"\n            >\n              <div\n                class=\"value vx-fs-12 vx-label-txt vx-pr-5\"\n                [appTooltip]=\"responsibility?.ReportName\"\n                placement=\"bottom-left\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"true\"\n              >\n                {{ responsibility?.ControlId }} {{ responsibility?.ReportName }}\n              </div>\n            </div>\n\n            <div\n              *ngIf=\"\n                responsibility?.category_details_array[0]\n                  ?.category_name as categoryName\n              \"\n              class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center program\"\n            >\n              <div class=\"program-inner vx-d-block\">\n                <div\n                  class=\"program-value vx-fs-11 vx-label-txt vx-pr-5\"\n                  [appTooltip]=\"\n                    responsibility?.category_details_array[0]?.category_name ??\n                    '--'\n                  \"\n                  placement=\"bottom-left\"\n                  delay=\"0\"\n                  type=\"black\"\n                  [tooltipMandatory]=\"true\"\n                >\n                  {{ categoryName ?? \"--\" }}\n                </div>\n                <div\n                  *ngIf=\"\n                    responsibility?.category_details_array[0]\n                      ?.parent_category_name?.length\n                  \"\n                  class=\"within-part vx-d-flex vx-align-center vx-pr-3\"\n                >\n                  <div\n                    class=\"within-box vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3 vx-txt-blue\"\n                  >\n                    Within\n                  </div>\n                  <div\n                    *ngIf=\"\n                      responsibility?.category_details_array[0]?.parent_category_name\n                        ?.slice()\n                        ?.reverse()\n                        ?.join(' < ') as parent_category\n                    \"\n                    class=\"within-value vx-fs-11 vx-paragraph-txt\"\n                    [appTooltip]=\"parent_category\"\n                    placement=\"bottom-left\"\n                    delay=\"0\"\n                    type=\"black\"\n                    [tooltipMandatory]=\"true\"\n                  >\n                    {{ parent_category }}\n                  </div>\n                </div>\n              </div>\n              <button\n                *ngIf=\"responsibility?.category_details_array?.length >= 2\"\n                appPopover\n                (click)=\"programPopup.popover()\"\n                placement=\"right\"\n                class=\"program-count vx-fs-11 vx-fw-500 vx-txt-white vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"\n              >\n                +{{ responsibility?.category_details_array?.length - 1 }}\n              </button>\n              <app-popover #programPopup>\n                <div class=\"wf-action-list\">\n                  <ul class=\"action-item\">\n                    <li\n                      *ngFor=\"\n                        let subCategory of responsibility?.category_details_array\n                          | slice : 1\n                      \"\n                    >\n                      <div class=\"avatar-card\">\n                        <div class=\"vx-d-block vx-w-100\">\n                          <span\n                            class=\"value\"\n                            [appTooltip]=\"subCategory?.category_name\"\n                            placement=\"bottom-left\"\n                            delay=\"0\"\n                            type=\"black\"\n                            [tooltipMandatory]=\"true\"\n                            >{{ subCategory?.category_name }}</span\n                          >\n                          <div\n                            *ngIf=\"\n                              responsibility?.category_details_array[0]\n                                ?.parent_category_name?.length\n                            \"\n                            class=\"within-part vx-d-flex vx-align-center vx-pr-3\"\n                          >\n                            <div\n                              class=\"within-box vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3 vx-txt-blue\"\n                            >\n                              Within\n                            </div>\n                            <div\n                              *ngIf=\"\n                                responsibility?.category_details_array[0]?.parent_category_name\n                                  ?.slice()\n                                  ?.reverse()\n                                  ?.join(' < ') as parent_category\n                              \"\n                              class=\"within-value vx-fs-11 vx-paragraph-txt\"\n                              [appTooltip]=\"parent_category\"\n                              placement=\"bottom-left\"\n                              delay=\"0\"\n                              type=\"black\"\n                              [tooltipMandatory]=\"true\"\n                            >\n                              {{ parent_category }}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </li>\n                  </ul>\n                </div>\n              </app-popover>\n            </div>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n    <app-floating-bar\n      *ngIf=\"!responsibilityLoader\"\n      [selectedData]=\"isValidObj ? selectedResponsibilityValues : []\"\n      [displayElementKey]=\"'ReportName'\"\n      (closeList)=\"back()\"\n      (closeEvent)=\"save($event)\"\n      (deleteEvent)=\"deleteItem($event)\"\n      [isDisabled]=\"!isValidObj\"\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/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-top.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/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.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\";@import\"https://cdn.v-comply.com/design-system/css/table-card/table-card.css\";::ng-deep .frequency-responsibility-list{border-top:3px solid #1e5dd3;position:fixed;top:0;right:31.25rem;bottom:0;left:0}::ng-deep .frequency-responsibility-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .frequency-responsibility-list-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .frequency-responsibility-list-head .arrow{cursor:pointer}::ng-deep .frequency-responsibility-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:1.5rem .75rem 1.5rem 2rem}::ng-deep .frequency-responsibility-list-body app-pagination .wk-pagination-sec-ds{border-radius:0;padding:0 0 .5rem}::ng-deep .frequency-responsibility-list-body app-floating-bar .floating-bar{padding:0;position:relative;left:-1rem;width:calc(100% + 2rem)}::ng-deep .frequency-responsibility-list-body app-floating-bar .userGroup-floating-bar{padding-left:0!important;padding-right:0!important}::ng-deep .frequency-responsibility-list-body app-floating-bar .userGroup-floating-bar .userGroup-floating-bar-container .left .chip span{max-width:240px}::ng-deep .frequency-responsibility-list-search{position:relative}::ng-deep .frequency-responsibility-list-search input{height:2.75rem;line-height:1.5rem;padding:.75rem .75rem .75rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .frequency-responsibility-list-search input::placeholder{color:#747576;opacity:1}::ng-deep .frequency-responsibility-list-search i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .frequency-responsibility-list-mid{height:calc(100vh - 17.5rem);overflow:auto}::ng-deep .frequency-responsibility-list-mid::-webkit-scrollbar-track{background-color:#fff}::ng-deep .frequency-responsibility-list-mid.with-pagination{height:calc(100vh - 19.5rem)}::ng-deep .frequency-responsibility-list-mid .table-header{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .frequency-responsibility-list-mid .table-header .table-column{color:#161b2f!important;line-height:.75rem!important;min-height:1.875rem!important}::ng-deep .frequency-responsibility-list-mid .table-body{position:relative}::ng-deep .frequency-responsibility-list-mid .table-body .table-row{background:#fff;border-radius:.25rem;border:1px solid #f1f1f1;margin-bottom:.25rem}::ng-deep .frequency-responsibility-list-mid .table-body .table-row:hover .table-column.serial .sr-no,::ng-deep .frequency-responsibility-list-mid .table-body .table-row.active .table-column.serial .sr-no{opacity:0}::ng-deep .frequency-responsibility-list-mid .table-body .table-row:hover .table-column.serial app-cs-checkbox,::ng-deep .frequency-responsibility-list-mid .table-body .table-row.active .table-column.serial app-cs-checkbox{opacity:1}::ng-deep .frequency-responsibility-list-mid .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .frequency-responsibility-list-mid .table-row .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.serial .sr-no{width:1rem;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.serial app-cs-checkbox{position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.serial app-cs-checkbox .radio-item{position:absolute}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.serial app-cs-checkbox{display:flex}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility{width:calc(100% - 15.5rem);min-width:calc(100% - 15.5rem)}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility.with-rc{width:calc(100% - 31rem);min-width:calc(100% - 31rem)}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility-center{width:15.5rem;min-width:15.5rem}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility-center .program-inner{max-width:calc(100% - 2rem)}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility-center .program-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility-center button.program-count{background:#1e5dd3;border-radius:.125rem;border:none;min-width:1.5rem;height:1.25rem}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.program{width:13.5rem;min-width:13.5rem}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.program .program-inner{max-width:calc(100% - 2rem)}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.program .program-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.program button.program-count{background:#1e5dd3;border-radius:.125rem;border:none;min-width:1.5rem;height:1.25rem}@keyframes animate-right{0%{transform:translate(5px);opacity:0}to{transform:translate(0);opacity:1}}.wf-action-list{width:220px}.wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.wf-action-list ul.action-item{display:block}.wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.wf-action-list ul.action-item li .avatar-card.within-con{display:block}.wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.wf-action-list ul.action-item li .avatar-card .avatar img{width:100%}.wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.wf-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:5px}.wf-action-list ul.action-item li .avatar-card.no-image{display:block}.wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.FrequencyService }]; }, propDecorators: { onCompletionOfResponsibility: [{
                type: Input
            }], feature: [{
                type: Input
            }], respIdKey: [{
                type: Input
            }], selectedResponsibilityValues: [{
                type: Input
            }], radioSelection: [{
                type: Input
            }], closeButton: [{
                type: Output
            }], selectedResponsibility: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 