import { Component, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
import { cloneDeep } from 'lodash';
import { ASSETS } from '../../constants/assets.constants';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/forms";
import * as i3 from "../floating-bar/floating-bar.component";
import * as i4 from "../../formgroup/cs-checkbox/cs-checkbox.component";
import * as i5 from "../../formgroup/cs-radio/cs-radio.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 "../../pipes/search.pipe";
export class ResponsibilityCentersListComponent {
    constructor() {
        this.responsibilityCentersList = [];
        this.selectedResponsibilityCenters = [];
        this.rcIdKey = '';
        this.radioSelection = false;
        this.saveSelectedList = new EventEmitter();
        this.closeRcList = new EventEmitter();
        this.pluralText = 'Responsibility Centers selected';
        this.singularText = 'Responsibility Center selected';
        this.loaded = true;
        this.selectedIds = [];
        this.animation = false;
        this.search = '';
        this.ASSETS = ASSETS;
    }
    ngOnChanges() {
        this.selectedIds = this.selectedResponsibilityCenters.map((ele) => {
            if (ele[this.rcIdKey]) {
                return ele[this.rcIdKey];
            }
        });
    }
    ngOnInit() {
        this.animation = true;
        setTimeout(() => {
            this.animation = false;
        }, 300);
        setTimeout(() => {
            this.blockWidth = this.listBlock?.nativeElement?.offsetWidth;
        }, 10);
    }
    selectRc(rc, mode) {
        if (this.radioSelection) {
            if (mode) {
                this.selectedIds = [];
                this.selectedIds.push(rc);
            }
            this.setList();
        }
        else {
            if (mode) {
                this.selectedIds.push(rc);
            }
            else {
                const index = this.selectedIds.findIndex((element) => element == rc);
                this.selectedIds.splice(index, 1);
            }
            this.setList();
        }
    }
    deleteEvent(event) {
        const index = this.selectedIds.findIndex((element) => element == event[this.rcIdKey]);
        this.selectedIds.splice(index, 1);
        this.setList();
    }
    selectAll(mode) {
        if (mode) {
            const list = [...this.responsibilityCentersList];
            this.selectedIds = [];
            list.forEach((element) => {
                this.selectedIds.push(element[this.rcIdKey]);
            });
        }
        else {
            this.selectedIds = [];
        }
        this.setList();
    }
    setList() {
        const data = [];
        const rcList = cloneDeep(this.responsibilityCentersList);
        const selectedIds = cloneDeep(this.selectedIds);
        rcList.forEach((element) => {
            if (selectedIds.includes(element[this.rcIdKey])) {
                data.push(element);
            }
        });
        this.selectedResponsibilityCenters = data;
    }
    checkSelectAll() {
        const data = this.responsibilityCentersList.every((rc) => this.selectedIds.includes(rc[this.rcIdKey]));
        return data;
    }
    save(selectedIds) {
        this.saveSelectedList.emit(selectedIds);
    }
    close() {
        this.closeRcList.emit();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsibilityCentersListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResponsibilityCentersListComponent, selector: "app-responsibility-centers-list", inputs: { responsibilityCentersList: "responsibilityCentersList", selectedResponsibilityCenters: "selectedResponsibilityCenters", rcIdKey: "rcIdKey", radioSelection: "radioSelection", pluralText: "pluralText", singularText: "singularText", loaded: "loaded" }, outputs: { saveSelectedList: "saveSelectedList", closeRcList: "closeRcList" }, viewQueries: [{ propertyName: "listBlock", first: true, predicate: ["listBlock"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\n  <div\n    class=\"add-risk-rc-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\">\n      Select Responsibility Center(s)\n    </div>\n  </div>\n  <div class=\"add-risk-rc-body\">\n    <div class=\"search-block\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"search\"\n        placeholder=\"Search Responsibility Center\"\n      />\n    </div>\n    <app-loader-inline *ngIf=\"!loaded\"></app-loader-inline>\n\n    <ng-container\n      *ngIf=\"responsibilityCentersList | search : search as searchList\"\n    >\n      <div\n        class=\"body-top\"\n        *ngIf=\"\n          !radioSelection &&\n          searchList?.length > 0 &&\n          search?.trim()?.length === 0\n        \"\n      >\n        <app-cs-checkbox\n          [ngValue]=\"checkSelectAll()\"\n          (ngValueChange)=\"selectAll($event)\"\n          ><strong>{{\n            checkSelectAll() ? \"Deselect All\" : \"Select All\"\n          }}</strong>\n        </app-cs-checkbox>\n      </div>\n\n      <ul\n        class=\"add-risk-rc-list\"\n        [class.with-selectAll]=\"\n          !radioSelection &&\n          searchList?.length > 0 &&\n          search?.trim()?.length === 0\n        \"\n        *ngIf=\"searchList?.length > 0\"\n      >\n        <ng-container *ngIf=\"!radioSelection\">\n          <li *ngFor=\"let rc of searchList\" #ulElement>\n            <app-cs-checkbox\n              [ngValue]=\"selectedIds.includes(rc.item_id)\"\n              (ngValueChange)=\"selectRc(rc.item_id, $event)\"\n            >\n              <ul class=\"add-risk-rc-name\" #listBlock>\n                <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\n                <li\n                  *ngFor=\"let entity of rc.rc_name; let j = index\"\n                  [appTooltip]=\"entity\"\n                  placement=\"bottom\"\n                  type=\"black\"\n                  delay=\"0\"\n                  [tooltipMandatory]=\"true\"\n                >\n                  <i class=\"icons\" *ngIf=\"j !== 0\">&#xe910;</i>{{ entity }}\n                </li>\n              </ul>\n            </app-cs-checkbox>\n          </li>\n        </ng-container>\n        <ng-container *ngIf=\"radioSelection\">\n          <li *ngFor=\"let rc of searchList\" #ulElement>\n            <app-cs-radio\n              (checkedEvent)=\"selectRc(rc.item_id, $event)\"\n              [checked]=\"selectedIds.includes(rc.item_id)\"\n            >\n              <ul class=\"add-risk-rc-name\">\n                <li\n                  *ngFor=\"let entity of rc.rc_name; let j = index\"\n                  [appTooltip]=\"entity\"\n                  placement=\"bottom\"\n                  type=\"black\"\n                  delay=\"0\"\n                  [tooltipMandatory]=\"true\"\n                >\n                  <i class=\"icons\" *ngIf=\"j !== 0\">&#xe910;</i>{{ entity }}\n                </li>\n              </ul>\n            </app-cs-radio>\n          </li>\n        </ng-container>\n      </ul>\n      <app-no-data\n        *ngIf=\"!searchList?.length && loaded\"\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n    </ng-container>\n\n    <app-floating-bar\n      *ngIf=\"loaded\"\n      [selectedData]=\"selectedResponsibilityCenters\"\n      [displayElementKey]=\"'item_name'\"\n      [singularText]=\"singularText\"\n      [pluralText]=\"pluralText\"\n      (closeEvent)=\"save(selectedIds)\"\n      (deleteEvent)=\"deleteEvent($event)\"\n      (closeList)=\"close()\"\n      [isDisabled]=\"\n        selectedResponsibilityCenters?.length === 0 ||\n        responsibilityCentersList?.length === 0\n      \"\n    ></app-floating-bar>\n  </div>\n</div>\n\n<!-- <button (click)=\"save(selectedIds)\">Next</button> -->\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\";::-webkit-scrollbar-track{background-color:#fff;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .add-risk-rc{position:fixed;inset:0 500px 0 0}::ng-deep .add-risk-rc:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-rc-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-rc-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-rc-body .search-block{position:relative}::ng-deep .add-risk-rc-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 .add-risk-rc-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .add-risk-rc-body .search-block i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .add-risk-rc-body .body-top{display:flex;justify-content:space-between;padding:.5rem 0 0}::ng-deep .add-risk-rc-body .body-top app-cs-checkbox{display:flex}::ng-deep .add-risk-rc-body .body-top app-cs-checkbox label span.value strong{color:#161b2f;font-size:12px;font-weight:600;white-space:nowrap}::ng-deep .add-risk-rc-body ul{padding:0;margin:0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 14.5rem);overflow:auto;margin:1rem 0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list.with-selectAll{height:calc(100vh - 16rem)}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li{width:100%;padding:0 0 1rem;list-style:none}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio{display:flex}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox label,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio label{width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox label span.value,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;line-height:18px!important}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name{display:flex;justify-content:flex-start;width:auto;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li{list-style:none;color:#747576;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 .5rem 0 0;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li i,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li i{font-size:8px;padding-right:8px}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li:first-child,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li:first-child{color:#1e5dd3;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li:last-of-type,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li:last-of-type{color:#34aa44}::ng-deep .add-risk-rc-body app-no-data .no-data-wrapper{height:calc(100vh - 200px)}::ng-deep .add-risk-rc.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .add-risk-rc .message-footer{background:#1e5dd3;border-radius:5px;margin:0 0 0 30px;width:calc(100% - 60px);position:relative;bottom:0}::ng-deep .add-risk-rc .message-footer .message{padding:15px;display:flex;align-items:flex-start}::ng-deep .add-risk-rc .message-footer .message i{width:auto;font-size:16px;color:#fff}::ng-deep .add-risk-rc .message-footer .message span{color:#fff;font-size:12px;line-height:18px;padding-left:9px;font-weight:300}::ng-deep .add-risk-rc .message-footer .footer{border-top:1px solid #1483ef;display:flex;justify-content:space-between;align-items:center;padding:10px 15px}::ng-deep .add-risk-rc .message-footer .footer span{color:#fff;font-size:14px}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper{display:flex}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button{width:60px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;font-weight:500;border:1px solid #fff;text-transform:uppercase;border-radius:2px;outline:none;padding:0;margin:0}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button.outline{background:#1e5dd3;color:#fff}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button.fill{background:#fff;color:#1e5dd3}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.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: i4.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i5.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { 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: "pipe", type: i8.SearchPipe, name: "search" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsibilityCentersListComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-responsibility-centers-list', template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\n  <div\n    class=\"add-risk-rc-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\">\n      Select Responsibility Center(s)\n    </div>\n  </div>\n  <div class=\"add-risk-rc-body\">\n    <div class=\"search-block\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"search\"\n        placeholder=\"Search Responsibility Center\"\n      />\n    </div>\n    <app-loader-inline *ngIf=\"!loaded\"></app-loader-inline>\n\n    <ng-container\n      *ngIf=\"responsibilityCentersList | search : search as searchList\"\n    >\n      <div\n        class=\"body-top\"\n        *ngIf=\"\n          !radioSelection &&\n          searchList?.length > 0 &&\n          search?.trim()?.length === 0\n        \"\n      >\n        <app-cs-checkbox\n          [ngValue]=\"checkSelectAll()\"\n          (ngValueChange)=\"selectAll($event)\"\n          ><strong>{{\n            checkSelectAll() ? \"Deselect All\" : \"Select All\"\n          }}</strong>\n        </app-cs-checkbox>\n      </div>\n\n      <ul\n        class=\"add-risk-rc-list\"\n        [class.with-selectAll]=\"\n          !radioSelection &&\n          searchList?.length > 0 &&\n          search?.trim()?.length === 0\n        \"\n        *ngIf=\"searchList?.length > 0\"\n      >\n        <ng-container *ngIf=\"!radioSelection\">\n          <li *ngFor=\"let rc of searchList\" #ulElement>\n            <app-cs-checkbox\n              [ngValue]=\"selectedIds.includes(rc.item_id)\"\n              (ngValueChange)=\"selectRc(rc.item_id, $event)\"\n            >\n              <ul class=\"add-risk-rc-name\" #listBlock>\n                <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\n                <li\n                  *ngFor=\"let entity of rc.rc_name; let j = index\"\n                  [appTooltip]=\"entity\"\n                  placement=\"bottom\"\n                  type=\"black\"\n                  delay=\"0\"\n                  [tooltipMandatory]=\"true\"\n                >\n                  <i class=\"icons\" *ngIf=\"j !== 0\">&#xe910;</i>{{ entity }}\n                </li>\n              </ul>\n            </app-cs-checkbox>\n          </li>\n        </ng-container>\n        <ng-container *ngIf=\"radioSelection\">\n          <li *ngFor=\"let rc of searchList\" #ulElement>\n            <app-cs-radio\n              (checkedEvent)=\"selectRc(rc.item_id, $event)\"\n              [checked]=\"selectedIds.includes(rc.item_id)\"\n            >\n              <ul class=\"add-risk-rc-name\">\n                <li\n                  *ngFor=\"let entity of rc.rc_name; let j = index\"\n                  [appTooltip]=\"entity\"\n                  placement=\"bottom\"\n                  type=\"black\"\n                  delay=\"0\"\n                  [tooltipMandatory]=\"true\"\n                >\n                  <i class=\"icons\" *ngIf=\"j !== 0\">&#xe910;</i>{{ entity }}\n                </li>\n              </ul>\n            </app-cs-radio>\n          </li>\n        </ng-container>\n      </ul>\n      <app-no-data\n        *ngIf=\"!searchList?.length && loaded\"\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n    </ng-container>\n\n    <app-floating-bar\n      *ngIf=\"loaded\"\n      [selectedData]=\"selectedResponsibilityCenters\"\n      [displayElementKey]=\"'item_name'\"\n      [singularText]=\"singularText\"\n      [pluralText]=\"pluralText\"\n      (closeEvent)=\"save(selectedIds)\"\n      (deleteEvent)=\"deleteEvent($event)\"\n      (closeList)=\"close()\"\n      [isDisabled]=\"\n        selectedResponsibilityCenters?.length === 0 ||\n        responsibilityCentersList?.length === 0\n      \"\n    ></app-floating-bar>\n  </div>\n</div>\n\n<!-- <button (click)=\"save(selectedIds)\">Next</button> -->\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\";::-webkit-scrollbar-track{background-color:#fff;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .add-risk-rc{position:fixed;inset:0 500px 0 0}::ng-deep .add-risk-rc:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-rc-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-rc-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-rc-body .search-block{position:relative}::ng-deep .add-risk-rc-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 .add-risk-rc-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .add-risk-rc-body .search-block i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .add-risk-rc-body .body-top{display:flex;justify-content:space-between;padding:.5rem 0 0}::ng-deep .add-risk-rc-body .body-top app-cs-checkbox{display:flex}::ng-deep .add-risk-rc-body .body-top app-cs-checkbox label span.value strong{color:#161b2f;font-size:12px;font-weight:600;white-space:nowrap}::ng-deep .add-risk-rc-body ul{padding:0;margin:0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 14.5rem);overflow:auto;margin:1rem 0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list.with-selectAll{height:calc(100vh - 16rem)}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li{width:100%;padding:0 0 1rem;list-style:none}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio{display:flex}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox label,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio label{width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox label span.value,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;line-height:18px!important}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name{display:flex;justify-content:flex-start;width:auto;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li{list-style:none;color:#747576;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 .5rem 0 0;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li i,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li i{font-size:8px;padding-right:8px}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li:first-child,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li:first-child{color:#1e5dd3;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li:last-of-type,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li:last-of-type{color:#34aa44}::ng-deep .add-risk-rc-body app-no-data .no-data-wrapper{height:calc(100vh - 200px)}::ng-deep .add-risk-rc.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .add-risk-rc .message-footer{background:#1e5dd3;border-radius:5px;margin:0 0 0 30px;width:calc(100% - 60px);position:relative;bottom:0}::ng-deep .add-risk-rc .message-footer .message{padding:15px;display:flex;align-items:flex-start}::ng-deep .add-risk-rc .message-footer .message i{width:auto;font-size:16px;color:#fff}::ng-deep .add-risk-rc .message-footer .message span{color:#fff;font-size:12px;line-height:18px;padding-left:9px;font-weight:300}::ng-deep .add-risk-rc .message-footer .footer{border-top:1px solid #1483ef;display:flex;justify-content:space-between;align-items:center;padding:10px 15px}::ng-deep .add-risk-rc .message-footer .footer span{color:#fff;font-size:14px}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper{display:flex}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button{width:60px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;font-weight:500;border:1px solid #fff;text-transform:uppercase;border-radius:2px;outline:none;padding:0;margin:0}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button.outline{background:#1e5dd3;color:#fff}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button.fill{background:#fff;color:#1e5dd3}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { listBlock: [{
                type: ViewChild,
                args: ['listBlock', { static: false }]
            }], responsibilityCentersList: [{
                type: Input
            }], selectedResponsibilityCenters: [{
                type: Input
            }], rcIdKey: [{
                type: Input
            }], radioSelection: [{
                type: Input
            }], saveSelectedList: [{
                type: Output
            }], closeRcList: [{
                type: Output
            }], pluralText: [{
                type: Input
            }], singularText: [{
                type: Input
            }], loaded: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 