import { Component, Input, Output, EventEmitter, } from '@angular/core';
import { ASSETS } from '../../constants/assets.constants';
import * as i0 from "@angular/core";
import * as i1 from "@angular/forms";
import * as i2 from "@angular/common";
import * as i3 from "../../formgroup/cs-radio/cs-radio.component";
import * as i4 from "../../ui-kit/tooltip/tooltip.directive";
import * as i5 from "../no-data/no-data.component";
import * as i6 from "../v-loader/loader-inline/loader-inline.component";
import * as i7 from "../floating-bar/floating-bar.component";
import * as i8 from "../../workflow-program/create-program-ui/define-framework-listing/pipes/tooltip-message.pipe";
import * as i9 from "../pipes/filterPipe";
export class UserRadioListComponent {
    constructor() {
        this.usersList = [];
        this.selectedUsers = '';
        this.userIdKey = '';
        this.itemNameKey = '';
        this.itemEmailKey = '';
        this.saveSelectedList = new EventEmitter();
        this.closeUsersList = new EventEmitter();
        this.disabledId = [];
        this.reviewerIds = [];
        this.overseerIds = [];
        this.assignorId = [];
        this.headerText = 'Select User';
        this.loaded = true;
        this.ASSETS = ASSETS;
        this.search = '';
        this.selectedIds = [];
        this.animation = false;
    }
    ngOnChanges() {
        this.selectedUser = this.selectedUsers[0];
    }
    ngOnInit() {
        this.animation = true;
        setTimeout(() => {
            this.animation = false;
        }, 300);
    }
    selectUser(user) {
        this.selectedUser = user;
    }
    deleteEvent(event) {
        this.selectedUser = '';
    }
    save() {
        this.saveSelectedList.emit(this.selectedUser);
    }
    close() {
        this.closeUsersList.emit();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserRadioListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UserRadioListComponent, selector: "app-users-radio-list", inputs: { usersList: "usersList", selectedUsers: "selectedUsers", userIdKey: "userIdKey", itemNameKey: "itemNameKey", itemEmailKey: "itemEmailKey", disabledId: "disabledId", fromResponsibility: "fromResponsibility", reviewerIds: "reviewerIds", overseerIds: "overseerIds", assignorId: "assignorId", headerText: "headerText", loaded: "loaded" }, outputs: { saveSelectedList: "saveSelectedList", closeUsersList: "closeUsersList" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"add-risk-user-radio-list\" [class.animate]=\"animation\">\n  <div\n    class=\"add-risk-user-radio-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">{{ headerText }}</div>\n    <!-- <button class=\"add-risk-user-radio-list-close\" (click)=\"close()\">\n            <i class=\"icons\">&#xe90d;</i>\n        </button> -->\n  </div>\n  <app-loader-inline *ngIf=\"!loaded\"></app-loader-inline>\n  <div *ngIf=\"usersList?.length > 0\" class=\"add-risk-user-radio-list-body\">\n    <div class=\"search-block\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search User\" />\n    </div>\n    <ng-container *ngIf=\"usersList | filter : search as searchList\">\n      <ul class=\"user-radio-list\" *ngIf=\"searchList?.length > 0\">\n        <li\n          *ngFor=\"let user of usersList | filter : search\"\n          [appTooltip]=\"\n            user\n              | tooltipMessage\n                : fromResponsibility\n                : reviewerIds\n                : overseerIds\n                : assignorId\n                : []\n                : 'my_member_id'\n                : disabledId?.includes(user[userIdKey])\n          \"\n          placement=\"bottom-left\"\n          type=\"black\"\n          delay=\"0\"\n          [tooltipMandatory]=\"true\"\n        >\n          <app-cs-radio\n            (checkedEvent)=\"selectUser(user)\"\n            [name]=\"'category'\"\n            [class.disabled]=\"disabledId?.includes(user[userIdKey])\"\n            [checked]=\"\n              selectedUser && selectedUser[userIdKey] == user[userIdKey]\n            \"\n          >\n            <span class=\"name\"> {{ user[itemNameKey] }}</span>\n          </app-cs-radio>\n        </li>\n      </ul>\n      <app-no-data\n        *ngIf=\"searchList?.length === 0\"\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"'No Users Found'\"\n      ></app-no-data>\n    </ng-container>\n\n    <app-floating-bar\n      [selectedData]=\"selectedUser ? [selectedUser] : []\"\n      [displayElementKey]=\"itemNameKey\"\n      [elementId]=\"userIdKey\"\n      [singularText]=\"'User selected'\"\n      [pluralText]=\"'Users selected'\"\n      (closeEvent)=\"save()\"\n      (closeList)=\"close()\"\n      (deleteEvent)=\"deleteEvent($event)\"\n      [isDisabled]=\"\n        usersList?.length === 0 ||\n        (selectedUser ? [selectedUser] : [])?.length === 0\n      \"\n    ></app-floating-bar>\n  </div>\n  <div\n    class=\"add-risk-user-radio-list-body noUser\"\n    *ngIf=\"usersList?.length === 0 && loaded\"\n  >\n    <app-no-data\n      [noDataImage]=\"ASSETS.search_data\"\n      [noDataText]=\"'No Users Found'\"\n    ></app-no-data>\n\n    <app-floating-bar\n      [selectedData]=\"selectedUser ? [selectedUser] : []\"\n      [displayElementKey]=\"itemNameKey\"\n      [elementId]=\"userIdKey\"\n      [singularText]=\"'User selected'\"\n      [pluralText]=\"'Users selected'\"\n      (closeEvent)=\"save()\"\n      (closeList)=\"close()\"\n      (deleteEvent)=\"deleteEvent($event)\"\n      [isDisabled]=\"\n        usersList?.length === 0 ||\n        (selectedUser ? [selectedUser] : [])?.length === 0\n      \"\n    ></app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .add-risk-user-radio-list{position:fixed;inset:0 500px 0 0}::ng-deep .add-risk-user-radio-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-user-radio-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-user-radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .add-risk-user-radio-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-user-radio-list-body.noUser app-no-data{height:calc(100% - 3rem)}::ng-deep .add-risk-user-radio-list-body.noUser app-no-data .no-data-wrapper{height:calc(100vh - 6.75rem)}::ng-deep .add-risk-user-radio-list-body .search-block{position:relative}::ng-deep .add-risk-user-radio-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .add-risk-user-radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .add-risk-user-radio-list-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-user-radio-list-body .body-top{display:flex;justify-content:space-between;padding:.5rem 0 0}::ng-deep .add-risk-user-radio-list-body .body-top app-cs-checkbox{display:flex}::ng-deep .add-risk-user-radio-list-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-user-radio-list-body ul{padding:0;margin:0}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list{height:calc(100vh - 14rem);overflow:auto;margin:1rem 0 .5rem}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li{width:50%;float:left;padding:0 0 .75rem;list-style:none}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio{display:flex}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label{width:100%}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;flex-wrap:wrap}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.name,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.name{color:#161b2f;font-weight:400;line-height:20px;display:block;width:100%;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:24px}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position{border-radius:2px;display:inline-flex;height:12px;align-items:center;padding:0 2px;text-transform:uppercase;font-size:9px;line-height:12px;font-weight:500}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.admin,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.admin{background:#fff9e6;color:#f2bf19}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.key-admin,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.key-admin{background:#dff2e1;color:#34aa44}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.manager,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.manager{color:#4681ef;background:#d4e2fc}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.executive,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.executive{color:#747576;background:#f1f1f1}::ng-deep .add-risk-user-radio-list-body app-no-data{display:block;height:calc(100% - 100px)}::ng-deep .add-risk-user-radio-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .add-risk-user-radio-list app-cs-radio.disabled{pointer-events:none;opacity:.4}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i6.LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "component", type: i7.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: "pipe", type: i8.TooltipMessagePipe, name: "tooltipMessage" }, { kind: "pipe", type: i9.FilterPipe, name: "filter" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserRadioListComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-users-radio-list', template: "<div class=\"add-risk-user-radio-list\" [class.animate]=\"animation\">\n  <div\n    class=\"add-risk-user-radio-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">{{ headerText }}</div>\n    <!-- <button class=\"add-risk-user-radio-list-close\" (click)=\"close()\">\n            <i class=\"icons\">&#xe90d;</i>\n        </button> -->\n  </div>\n  <app-loader-inline *ngIf=\"!loaded\"></app-loader-inline>\n  <div *ngIf=\"usersList?.length > 0\" class=\"add-risk-user-radio-list-body\">\n    <div class=\"search-block\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search User\" />\n    </div>\n    <ng-container *ngIf=\"usersList | filter : search as searchList\">\n      <ul class=\"user-radio-list\" *ngIf=\"searchList?.length > 0\">\n        <li\n          *ngFor=\"let user of usersList | filter : search\"\n          [appTooltip]=\"\n            user\n              | tooltipMessage\n                : fromResponsibility\n                : reviewerIds\n                : overseerIds\n                : assignorId\n                : []\n                : 'my_member_id'\n                : disabledId?.includes(user[userIdKey])\n          \"\n          placement=\"bottom-left\"\n          type=\"black\"\n          delay=\"0\"\n          [tooltipMandatory]=\"true\"\n        >\n          <app-cs-radio\n            (checkedEvent)=\"selectUser(user)\"\n            [name]=\"'category'\"\n            [class.disabled]=\"disabledId?.includes(user[userIdKey])\"\n            [checked]=\"\n              selectedUser && selectedUser[userIdKey] == user[userIdKey]\n            \"\n          >\n            <span class=\"name\"> {{ user[itemNameKey] }}</span>\n          </app-cs-radio>\n        </li>\n      </ul>\n      <app-no-data\n        *ngIf=\"searchList?.length === 0\"\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"'No Users Found'\"\n      ></app-no-data>\n    </ng-container>\n\n    <app-floating-bar\n      [selectedData]=\"selectedUser ? [selectedUser] : []\"\n      [displayElementKey]=\"itemNameKey\"\n      [elementId]=\"userIdKey\"\n      [singularText]=\"'User selected'\"\n      [pluralText]=\"'Users selected'\"\n      (closeEvent)=\"save()\"\n      (closeList)=\"close()\"\n      (deleteEvent)=\"deleteEvent($event)\"\n      [isDisabled]=\"\n        usersList?.length === 0 ||\n        (selectedUser ? [selectedUser] : [])?.length === 0\n      \"\n    ></app-floating-bar>\n  </div>\n  <div\n    class=\"add-risk-user-radio-list-body noUser\"\n    *ngIf=\"usersList?.length === 0 && loaded\"\n  >\n    <app-no-data\n      [noDataImage]=\"ASSETS.search_data\"\n      [noDataText]=\"'No Users Found'\"\n    ></app-no-data>\n\n    <app-floating-bar\n      [selectedData]=\"selectedUser ? [selectedUser] : []\"\n      [displayElementKey]=\"itemNameKey\"\n      [elementId]=\"userIdKey\"\n      [singularText]=\"'User selected'\"\n      [pluralText]=\"'Users selected'\"\n      (closeEvent)=\"save()\"\n      (closeList)=\"close()\"\n      (deleteEvent)=\"deleteEvent($event)\"\n      [isDisabled]=\"\n        usersList?.length === 0 ||\n        (selectedUser ? [selectedUser] : [])?.length === 0\n      \"\n    ></app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .add-risk-user-radio-list{position:fixed;inset:0 500px 0 0}::ng-deep .add-risk-user-radio-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-user-radio-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-user-radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .add-risk-user-radio-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-user-radio-list-body.noUser app-no-data{height:calc(100% - 3rem)}::ng-deep .add-risk-user-radio-list-body.noUser app-no-data .no-data-wrapper{height:calc(100vh - 6.75rem)}::ng-deep .add-risk-user-radio-list-body .search-block{position:relative}::ng-deep .add-risk-user-radio-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .add-risk-user-radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .add-risk-user-radio-list-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-user-radio-list-body .body-top{display:flex;justify-content:space-between;padding:.5rem 0 0}::ng-deep .add-risk-user-radio-list-body .body-top app-cs-checkbox{display:flex}::ng-deep .add-risk-user-radio-list-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-user-radio-list-body ul{padding:0;margin:0}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list{height:calc(100vh - 14rem);overflow:auto;margin:1rem 0 .5rem}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li{width:50%;float:left;padding:0 0 .75rem;list-style:none}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio{display:flex}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label{width:100%}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;flex-wrap:wrap}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.name,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.name{color:#161b2f;font-weight:400;line-height:20px;display:block;width:100%;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:24px}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position{border-radius:2px;display:inline-flex;height:12px;align-items:center;padding:0 2px;text-transform:uppercase;font-size:9px;line-height:12px;font-weight:500}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.admin,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.admin{background:#fff9e6;color:#f2bf19}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.key-admin,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.key-admin{background:#dff2e1;color:#34aa44}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.manager,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.manager{color:#4681ef;background:#d4e2fc}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.executive,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.executive{color:#747576;background:#f1f1f1}::ng-deep .add-risk-user-radio-list-body app-no-data{display:block;height:calc(100% - 100px)}::ng-deep .add-risk-user-radio-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .add-risk-user-radio-list app-cs-radio.disabled{pointer-events:none;opacity:.4}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { usersList: [{
                type: Input
            }], selectedUsers: [{
                type: Input
            }], userIdKey: [{
                type: Input
            }], itemNameKey: [{
                type: Input
            }], itemEmailKey: [{
                type: Input
            }], saveSelectedList: [{
                type: Output
            }], closeUsersList: [{
                type: Output
            }], disabledId: [{
                type: Input
            }], fromResponsibility: [{
                type: Input
            }], reviewerIds: [{
                type: Input
            }], overseerIds: [{
                type: Input
            }], assignorId: [{
                type: Input
            }], headerText: [{
                type: Input
            }], loaded: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 