import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../formgroup/cs-radio/cs-radio.component";
import * as i3 from "../../../ui-kit/tooltip/tooltip.directive";
import * as i4 from "../../../ui-kit/popover/popover.component";
import * as i5 from "../../../ui-kit/popover/popover.directive";
import * as i6 from "../framework-table-loader/framework-table-loader.component";
export class FrameworkResponsibilityTableComponent {
    constructor() {
        this.selectedControl = new EventEmitter();
        this.assignControl = new EventEmitter();
        this.loader = true;
    }
    ngOnChanges(changes) {
        this.loader = this.listLoader;
    }
    ngOnInit() {
    }
    selectControl(data) {
        this.selectedControl.emit(data);
    }
    assign(control) {
        this.assignControl.emit(control);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrameworkResponsibilityTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrameworkResponsibilityTableComponent, selector: "app-framework-responsibility-table", inputs: { controlsList: "controlsList", currentSelectedControl: "currentSelectedControl", listLoader: "listLoader" }, outputs: { selectedControl: "selectedControl", assignControl: "assignControl" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"framework-responsibility-table\">\n    <div class=\"table-header\"  *ngIf=\"loader || controlsList?.data?.length\">\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                #</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 name\">\n                NAME</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 action-button\">\n            </div>\n        </div>\n    </div>\n    <div class=\"table-body\">\n        <lib-framework-table-loader *ngIf=\"loader\"></lib-framework-table-loader>\n        <!-- when radio button was checked then active class was true -->\n        <ng-container *ngIf=\"!loader\">\n            <div class=\"table-row\"  (click)=\"selectControl(control)\" [class.active]=\"currentSelectedControl?.id == control?.id\"\n            *ngFor=\"let control of controlsList?.data; let i =index;\">\n            <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\n                <div class=\"sr-no\" [appTooltip]=\"i+controlsList.from\" placement=\"bottom\" delay=\"0\" type=\"black\"\n                    [tooltipMandatory]=\"true\">\n                    {{i+controlsList.from}}\n                    <app-cs-radio [checked]=\"currentSelectedControl?.id == control?.id\">\n                    </app-cs-radio>\n                </div>\n            </div>\n            <div class=\"table-column vx-pr-1 vx-d-flex vx-align-center name\">\n                <!-- <div class=\"vx-avatar-group vx-mr-2\">\n                    <div class=\"vx-avatar md\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n                        <span class=\"blue\">hk</span>\n                        <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\">\n                    </div>\n                    <div class=\"vx-avatar md\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n                        <span class=\"green\">hk</span>\n                        <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\">\n                    </div>\n                </div> -->\n                <div class=\"vx-d-block vx-w-100\">\n                    <div class=\"vx-d-flex vx-w-100\">\n                        <div class=\"responsibility-name vx-fs-12 vx-label-txt vx-pr-2\" [appTooltip]=\"control?.name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\n                            <!-- <span class=\"id vx-fs-10 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mr-1\">[CID-18087001]</span> -->\n                            {{control?.name}}\n                        </div>\n                        <button class=\"info-btn vx-fs-14 vx-txt-blue vx-m-0 vx-p-0 vx-d-flex vx-align-center\" appPopover (click)=\"responsibilityInfoBtn.popover()\" placement=\"left\"><i class=\"icons\">&#xe932;</i></button>\n                        <app-popover #responsibilityInfoBtn [dontCloseonClick]=\"true\">\n                            <div class=\"wf-action-list\">\n                                <div class=\"responsibility-info vx-p-3\">\n                                    <!-- <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-mb-1\">FREQUENCY:</div>\n                                    <div class=\"vx-fs-13 vx-paragraph-txt\">{{(control?.frequency) ?control?.frequency: 'N/A'}}</div>\n                                    <div class=\"separator vx-mt-2 vx-mb-2\"></div> -->\n                                    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-mb-1\">OBJECTIVE:</div>\n                                    <div class=\"vx-fs-12 vx-paragraph-txt\" [innerHtml]=\"(control?.objectives) ? control?.objectives: 'N/A'\"></div>\n                                    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-mb-1 vx-mt-1\">NOTES:</div>\n                                    <div class=\"vx-fs-12 vx-paragraph-txt\" [innerHtml]=\"(control?.description) ? control?.description: 'N/A'\"></div>\n                                </div>\n                            </div>\n                        </app-popover>\n                    </div>\n                    <div class=\"within-part\">\n                        <span class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mr-1\">Frequency:</span>\n                        <span class=\"value\" [appTooltip]=\"(control?.frequency) ?control?.frequency: 'N/A'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{(control?.frequency) ?control?.frequency: 'N/A'}}</span>\n                    </div>\n                </div>\n            </div>\n            <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-end action-button\">\n                <button\n                    class=\"assign-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center vx-lh-4\"\n                    (click)=\"assign(control)\">ASSIGN</button>\n            </div>\n        </div>\n        </ng-container>\n\n    </div>\n</div>", 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/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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\";@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";::ng-deep .framework-responsibility-table .table-header{background:#fff;border-radius:.125rem;position:sticky;top:0;z-index:1}::ng-deep .framework-responsibility-table .table-header .table-column{line-height:1rem!important;min-height:1.875rem!important}::ng-deep .framework-responsibility-table .table-body{position:relative}::ng-deep .framework-responsibility-table .table-body .table-row{background:#fff;border-radius:.125rem;border:1px solid #F1F1F1;transition:all .2s ease-in-out;margin-bottom:.25rem}::ng-deep .framework-responsibility-table .table-body .table-row:hover{transition:all .2s ease-in-out;box-shadow:0 3px 6px #00000029}::ng-deep .framework-responsibility-table .table-body .table-row:hover .table-column.serial .sr-no{background:#fff;font-size:0}::ng-deep .framework-responsibility-table .table-body .table-row:hover .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .framework-responsibility-table .table-body .table-row.active{border-color:#1e5dd3}::ng-deep .framework-responsibility-table .table-body .table-row.active .table-column.serial .sr-no{background:#fff;font-size:0}::ng-deep .framework-responsibility-table .table-body .table-row.active .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .framework-responsibility-table .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .framework-responsibility-table .table-row.row-clickable{cursor:pointer}::ng-deep .framework-responsibility-table .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .framework-responsibility-table .table-column i.info{color:#1e5dd3;cursor:pointer}::ng-deep .framework-responsibility-table .table-column .sorting{cursor:pointer;position:relative;top:1px;left:-1px}::ng-deep .framework-responsibility-table .table-column.serial{width:2.5rem;max-width:2.5rem;justify-content:center}::ng-deep .framework-responsibility-table .table-column.serial .sr-no{width:1.25rem;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 .framework-responsibility-table .table-column.serial .sr-no app-cs-radio{position:absolute;top:.75rem;left:.125rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .framework-responsibility-table .table-column.serial .sr-no app-cs-radio .radio-item{position:absolute;top:0;left:0}::ng-deep .framework-responsibility-table .table-column.name{width:calc(100% - 7rem);min-width:calc(100% - 7rem)}::ng-deep .framework-responsibility-table .table-column.name .responsibility-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 6.5rem)}::ng-deep .framework-responsibility-table .table-column.name button.info-btn{background:transparent;border-radius:0;border:none}::ng-deep .framework-responsibility-table .table-column.action-button{width:4.5rem;min-width:4.5rem}::ng-deep .framework-responsibility-table .table-column.action-button button.assign-btn{background:transparent;border-radius:.125rem;border:1px solid #F1F1F1}::ng-deep .responsibility-info{animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 12px #1c5bd126;border-radius:.25rem;width:320px;max-height:220px;overflow:auto}::ng-deep .responsibility-info::-webkit-scrollbar-track{background-color:transparent}::ng-deep .responsibility-info::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .responsibility-info::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .responsibility-info .separator{background:#f1f1f1;width:100%;height:1px}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;font-size:11px!important;color:#747576!important}.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}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: i3.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i4.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i5.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "component", type: i6.FrameworkTableLoaderComponent, selector: "lib-framework-table-loader" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrameworkResponsibilityTableComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-framework-responsibility-table', template: "<div class=\"framework-responsibility-table\">\n    <div class=\"table-header\"  *ngIf=\"loader || controlsList?.data?.length\">\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                #</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 name\">\n                NAME</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 action-button\">\n            </div>\n        </div>\n    </div>\n    <div class=\"table-body\">\n        <lib-framework-table-loader *ngIf=\"loader\"></lib-framework-table-loader>\n        <!-- when radio button was checked then active class was true -->\n        <ng-container *ngIf=\"!loader\">\n            <div class=\"table-row\"  (click)=\"selectControl(control)\" [class.active]=\"currentSelectedControl?.id == control?.id\"\n            *ngFor=\"let control of controlsList?.data; let i =index;\">\n            <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\n                <div class=\"sr-no\" [appTooltip]=\"i+controlsList.from\" placement=\"bottom\" delay=\"0\" type=\"black\"\n                    [tooltipMandatory]=\"true\">\n                    {{i+controlsList.from}}\n                    <app-cs-radio [checked]=\"currentSelectedControl?.id == control?.id\">\n                    </app-cs-radio>\n                </div>\n            </div>\n            <div class=\"table-column vx-pr-1 vx-d-flex vx-align-center name\">\n                <!-- <div class=\"vx-avatar-group vx-mr-2\">\n                    <div class=\"vx-avatar md\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n                        <span class=\"blue\">hk</span>\n                        <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\">\n                    </div>\n                    <div class=\"vx-avatar md\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n                        <span class=\"green\">hk</span>\n                        <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\">\n                    </div>\n                </div> -->\n                <div class=\"vx-d-block vx-w-100\">\n                    <div class=\"vx-d-flex vx-w-100\">\n                        <div class=\"responsibility-name vx-fs-12 vx-label-txt vx-pr-2\" [appTooltip]=\"control?.name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\n                            <!-- <span class=\"id vx-fs-10 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mr-1\">[CID-18087001]</span> -->\n                            {{control?.name}}\n                        </div>\n                        <button class=\"info-btn vx-fs-14 vx-txt-blue vx-m-0 vx-p-0 vx-d-flex vx-align-center\" appPopover (click)=\"responsibilityInfoBtn.popover()\" placement=\"left\"><i class=\"icons\">&#xe932;</i></button>\n                        <app-popover #responsibilityInfoBtn [dontCloseonClick]=\"true\">\n                            <div class=\"wf-action-list\">\n                                <div class=\"responsibility-info vx-p-3\">\n                                    <!-- <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-mb-1\">FREQUENCY:</div>\n                                    <div class=\"vx-fs-13 vx-paragraph-txt\">{{(control?.frequency) ?control?.frequency: 'N/A'}}</div>\n                                    <div class=\"separator vx-mt-2 vx-mb-2\"></div> -->\n                                    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-mb-1\">OBJECTIVE:</div>\n                                    <div class=\"vx-fs-12 vx-paragraph-txt\" [innerHtml]=\"(control?.objectives) ? control?.objectives: 'N/A'\"></div>\n                                    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-mb-1 vx-mt-1\">NOTES:</div>\n                                    <div class=\"vx-fs-12 vx-paragraph-txt\" [innerHtml]=\"(control?.description) ? control?.description: 'N/A'\"></div>\n                                </div>\n                            </div>\n                        </app-popover>\n                    </div>\n                    <div class=\"within-part\">\n                        <span class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mr-1\">Frequency:</span>\n                        <span class=\"value\" [appTooltip]=\"(control?.frequency) ?control?.frequency: 'N/A'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{(control?.frequency) ?control?.frequency: 'N/A'}}</span>\n                    </div>\n                </div>\n            </div>\n            <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-end action-button\">\n                <button\n                    class=\"assign-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center vx-lh-4\"\n                    (click)=\"assign(control)\">ASSIGN</button>\n            </div>\n        </div>\n        </ng-container>\n\n    </div>\n</div>", 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/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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\";@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";::ng-deep .framework-responsibility-table .table-header{background:#fff;border-radius:.125rem;position:sticky;top:0;z-index:1}::ng-deep .framework-responsibility-table .table-header .table-column{line-height:1rem!important;min-height:1.875rem!important}::ng-deep .framework-responsibility-table .table-body{position:relative}::ng-deep .framework-responsibility-table .table-body .table-row{background:#fff;border-radius:.125rem;border:1px solid #F1F1F1;transition:all .2s ease-in-out;margin-bottom:.25rem}::ng-deep .framework-responsibility-table .table-body .table-row:hover{transition:all .2s ease-in-out;box-shadow:0 3px 6px #00000029}::ng-deep .framework-responsibility-table .table-body .table-row:hover .table-column.serial .sr-no{background:#fff;font-size:0}::ng-deep .framework-responsibility-table .table-body .table-row:hover .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .framework-responsibility-table .table-body .table-row.active{border-color:#1e5dd3}::ng-deep .framework-responsibility-table .table-body .table-row.active .table-column.serial .sr-no{background:#fff;font-size:0}::ng-deep .framework-responsibility-table .table-body .table-row.active .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .framework-responsibility-table .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .framework-responsibility-table .table-row.row-clickable{cursor:pointer}::ng-deep .framework-responsibility-table .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .framework-responsibility-table .table-column i.info{color:#1e5dd3;cursor:pointer}::ng-deep .framework-responsibility-table .table-column .sorting{cursor:pointer;position:relative;top:1px;left:-1px}::ng-deep .framework-responsibility-table .table-column.serial{width:2.5rem;max-width:2.5rem;justify-content:center}::ng-deep .framework-responsibility-table .table-column.serial .sr-no{width:1.25rem;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 .framework-responsibility-table .table-column.serial .sr-no app-cs-radio{position:absolute;top:.75rem;left:.125rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .framework-responsibility-table .table-column.serial .sr-no app-cs-radio .radio-item{position:absolute;top:0;left:0}::ng-deep .framework-responsibility-table .table-column.name{width:calc(100% - 7rem);min-width:calc(100% - 7rem)}::ng-deep .framework-responsibility-table .table-column.name .responsibility-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 6.5rem)}::ng-deep .framework-responsibility-table .table-column.name button.info-btn{background:transparent;border-radius:0;border:none}::ng-deep .framework-responsibility-table .table-column.action-button{width:4.5rem;min-width:4.5rem}::ng-deep .framework-responsibility-table .table-column.action-button button.assign-btn{background:transparent;border-radius:.125rem;border:1px solid #F1F1F1}::ng-deep .responsibility-info{animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 12px #1c5bd126;border-radius:.25rem;width:320px;max-height:220px;overflow:auto}::ng-deep .responsibility-info::-webkit-scrollbar-track{background-color:transparent}::ng-deep .responsibility-info::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .responsibility-info::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .responsibility-info .separator{background:#f1f1f1;width:100%;height:1px}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;font-size:11px!important;color:#747576!important}.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}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { controlsList: [{
                type: Input
            }], selectedControl: [{
                type: Output
            }], assignControl: [{
                type: Output
            }], currentSelectedControl: [{
                type: Input
            }], listLoader: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 