import { Component, Input, Output, EventEmitter, } from '@angular/core';
import { cloneDeep } from 'lodash';
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-checkbox/cs-checkbox.component";
import * as i4 from "../../ui-kit/tooltip/tooltip.directive";
import * as i5 from "../no-data/no-data.component";
import * as i6 from "../floating-bar/floating-bar.component";
import * as i7 from "../../workflow-program/create-program-ui/define-framework-listing/pipes/tooltip-message.pipe";
import * as i8 from "../pipes/filterPipe";
import * as i9 from "../pipes/short-merge.pipe";
export class OwnerListComponent {
    constructor() {
        this.usersList = [];
        this.selectedUsers = [];
        this.userIdKey = '';
        this.itemNameKey = '';
        this.itemEmailKey = '';
        this.listHeading = 'Select User(s)';
        this.searchPlaceholder = 'Search User';
        this.pluralText = '';
        this.singularText = '';
        this.reviewerWorkflowType = 'SEQUENTIAL';
        this.mode = 'CREATE';
        this.noDataText = '';
        this.workflowList = [
            'SEQUENTIAL',
            'ANY REVIEWER CAN MARK THIS AS REVIEWED',
        ];
        this.workflowText = 'Reviewer Workflow';
        this.disabledIds = [];
        this.nonRemovableUsersList = [];
        this.saveSelectedList = new EventEmitter();
        this.closeUsersList = new EventEmitter();
        this.reviewerWorkflowTypeChange = new EventEmitter();
        this.assignorId = [];
        this.assigneeIds = [];
        this.reviewerIds = [];
        this.overseerIds = [];
        this.ASSETS = ASSETS;
        this.search = '';
        this.selectedIds = [];
        this.animation = false;
    }
    ngOnChanges() {
        this.selectedIds = this.selectedUsers.map((ele) => {
            if (ele[this.userIdKey]) {
                return ele[this.userIdKey];
            }
        });
    }
    ngOnInit() {
        let disabledIds = [...this.disabledIds, ...this.nonRemovableUsersList];
        this.disabledIds = [...new Set(disabledIds)];
        this.animation = true;
        setTimeout(() => {
            this.animation = false;
        }, 300);
    }
    selectUser(user, mode) {
        if (mode) {
            this.selectedIds.push(user);
        }
        else {
            const index = this.selectedIds.findIndex((element) => element == user);
            this.selectedIds.splice(index, 1);
        }
        this.setList();
    }
    deleteEvent(event) {
        const index = this.selectedIds.findIndex((element) => element == event[this.userIdKey]);
        this.selectedIds.splice(index, 1);
        this.setList();
    }
    selectAll(mode) {
        if (mode) {
            let list = [...this.usersList];
            this.selectedIds = [];
            list.forEach((element) => {
                this.selectedIds.push(element[this.userIdKey]);
            });
        }
        else {
            this.selectedIds = [...this.nonRemovableUsersList];
        }
        this.setList();
    }
    setList() {
        const data = [];
        const userList = cloneDeep(this.usersList);
        const selectedIds = cloneDeep(this.selectedIds);
        selectedIds.forEach((element) => {
            const index = userList.findIndex((user) => user[this.userIdKey] == element);
            if (index !== -1) {
                data.push(userList[index]);
            }
        });
        // userList.forEach((element: any) => {
        //   if (selectedIds.includes(element[this.userIdKey])) {
        //     data.push(element);
        //   }
        // });
        this.selectedUsers = data;
    }
    checkSelectAll() {
        const data = this.usersList.every((user) => this.selectedIds.includes(user[this.userIdKey]));
        return data;
    }
    save(selectedIds) {
        this.saveSelectedList.emit(selectedIds);
    }
    close() {
        this.closeUsersList.emit();
    }
    workflowTypeChanged(event) {
        this.reviewerWorkflowType = event;
        this.reviewerWorkflowTypeChange.emit(event);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OwnerListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OwnerListComponent, selector: "app-owner-list", inputs: { usersList: "usersList", selectedUsers: "selectedUsers", userIdKey: "userIdKey", itemNameKey: "itemNameKey", itemEmailKey: "itemEmailKey", showWorkflow: "showWorkflow", listHeading: "listHeading", searchPlaceholder: "searchPlaceholder", pluralText: "pluralText", singularText: "singularText", reviewerWorkflowType: "reviewerWorkflowType", mode: "mode", noDataText: "noDataText", workflowList: "workflowList", workflowText: "workflowText", disabledIds: "disabledIds", nonRemovableUsersList: "nonRemovableUsersList", fromResponsibility: "fromResponsibility", assignorId: "assignorId", assigneeIds: "assigneeIds", reviewerIds: "reviewerIds", overseerIds: "overseerIds" }, outputs: { saveSelectedList: "saveSelectedList", closeUsersList: "closeUsersList", reviewerWorkflowTypeChange: "reviewerWorkflowTypeChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"add-risk-owner-list\" [class.animate]=\"animation\">\n  <div\n    class=\"add-risk-owner-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\">{{ listHeading }}</div>\n  </div>\n  <div class=\"add-risk-owner-list-body\">\n    <div class=\"search-block vx-mb-2\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"search\"\n        [attr.placeholder]=\"searchPlaceholder\"\n      />\n    </div>\n    <ng-container *ngIf=\"usersList | filter : search as searchList\">\n      <div\n        class=\"body-top vx-pb-4\"\n        *ngIf=\"searchList?.length > 0 && search?.trim()?.length === 0\"\n      >\n        <app-cs-checkbox\n          [ngValue]=\"checkSelectAll()\"\n          (ngValueChange)=\"selectAll($event)\"\n        >\n          <strong>{{\n            checkSelectAll(activeTab) ? \"Deselect All\" : \"Select All\"\n          }}</strong>\n        </app-cs-checkbox>\n      </div>\n      <ul class=\"owner-list vx-mb-4\" *ngIf=\"searchList.length > 0\">\n        <li\n          *ngFor=\"let user of searchList\"\n          [appTooltip]=\"\n            user\n              | tooltipMessage\n                : fromResponsibility\n                : reviewerIds\n                : overseerIds\n                : assignorId\n                : assigneeIds\n                : 'my_member_id'\n                : disabledIds?.includes(user[userIdKey])\n          \"\n          placement=\"bottom-left\"\n          delay=\"0\"\n          [tooltipMandatory]=\"true\"\n        >\n          <app-cs-checkbox\n            [disabled]=\"disabledIds?.includes(user[userIdKey])\"\n            [ngValue]=\"selectedIds?.includes(user[userIdKey])\"\n            (ngValueChange)=\"selectUser(user[userIdKey], $event)\"\n          >\n            <span class=\"name\">{{ user[itemNameKey] }}</span>\n          </app-cs-checkbox>\n        </li>\n      </ul>\n      <app-no-data\n        *ngIf=\"searchList.length === 0\"\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"noDataText?.length > 0 ? noDataText : 'No Users Found'\"\n      ></app-no-data>\n    </ng-container>\n\n    <app-floating-bar\n      [selectedData]=\"selectedUsers | shortMerge : nonRemovableUsersList\"\n      [displayElementKey]=\"itemNameKey\"\n      [elementId]=\"userIdKey\"\n      [nonRemovableUsersList]=\"nonRemovableUsersList\"\n      [singularText]=\"singularText\"\n      [pluralText]=\"pluralText\"\n      (closeEvent)=\"save(selectedIds)\"\n      (closeList)=\"close()\"\n      (deleteEvent)=\"deleteEvent($event)\"\n      (workflowTypeChanged)=\"workflowTypeChanged($event)\"\n      [showWorkflow]=\"showWorkflow\"\n      [workflowText]=\"workflowText\"\n      [selectedWorkflow]=\"reviewerWorkflowType\"\n      [workflowList]=\"workflowList\"\n      [mode]=\"mode\"\n      [workflowPlaceHolder]=\"''\"\n      [isDisabled]=\"selectedUsers?.length === 0 || usersList?.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-owner-list{position:fixed;inset:0 500px 0 0}::ng-deep .add-risk-owner-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-owner-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-owner-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-owner-list-body .search-block{position:relative}::ng-deep .add-risk-owner-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-owner-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .add-risk-owner-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .add-risk-owner-list-body .body-top{display:flex;justify-content:space-between}::ng-deep .add-risk-owner-list-body .body-top app-cs-checkbox{display:flex}::ng-deep .add-risk-owner-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-owner-list-body ul{padding:0;margin:0}::ng-deep .add-risk-owner-list-body ul.owner-list{height:calc(100vh - 256px);overflow:auto;scrollbar-width:thin}::ng-deep .add-risk-owner-list-body ul.owner-list li{float:left;width:50%;padding:0 20px 12px 0;list-style:none}::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-checkbox,::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-radio{display:flex}::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-checkbox label,::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-radio label{width:100%}::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-checkbox label span.value,::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;flex-wrap:wrap}::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-checkbox label span.value span.name,::ng-deep .add-risk-owner-list-body ul.owner-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-owner-list-body ul.owner-list li app-cs-checkbox label span.value span.position,::ng-deep .add-risk-owner-list-body ul.owner-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-owner-list-body ul.owner-list li app-cs-checkbox label span.value span.position.admin,::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-radio label span.value span.position.admin{background:#fff9e6;color:#f2bf19}::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-checkbox label span.value span.position.key-admin,::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-radio label span.value span.position.key-admin{background:#dff2e1;color:#34aa44}::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-checkbox label span.value span.position.manager,::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-radio label span.value span.position.manager{color:#4681ef;background:#d4e2fc}::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-checkbox label span.value span.position.executive,::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-radio label span.value span.position.executive{color:#747576;background:#f1f1f1}::ng-deep .add-risk-owner-list-body app-no-data{display:block;height:calc(100% - 100px)}::ng-deep .add-risk-owner-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}@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.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { 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.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: i7.TooltipMessagePipe, name: "tooltipMessage" }, { kind: "pipe", type: i8.FilterPipe, name: "filter" }, { kind: "pipe", type: i9.ShortMergePipe, name: "shortMerge" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OwnerListComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-owner-list', template: "<div class=\"add-risk-owner-list\" [class.animate]=\"animation\">\n  <div\n    class=\"add-risk-owner-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\">{{ listHeading }}</div>\n  </div>\n  <div class=\"add-risk-owner-list-body\">\n    <div class=\"search-block vx-mb-2\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"search\"\n        [attr.placeholder]=\"searchPlaceholder\"\n      />\n    </div>\n    <ng-container *ngIf=\"usersList | filter : search as searchList\">\n      <div\n        class=\"body-top vx-pb-4\"\n        *ngIf=\"searchList?.length > 0 && search?.trim()?.length === 0\"\n      >\n        <app-cs-checkbox\n          [ngValue]=\"checkSelectAll()\"\n          (ngValueChange)=\"selectAll($event)\"\n        >\n          <strong>{{\n            checkSelectAll(activeTab) ? \"Deselect All\" : \"Select All\"\n          }}</strong>\n        </app-cs-checkbox>\n      </div>\n      <ul class=\"owner-list vx-mb-4\" *ngIf=\"searchList.length > 0\">\n        <li\n          *ngFor=\"let user of searchList\"\n          [appTooltip]=\"\n            user\n              | tooltipMessage\n                : fromResponsibility\n                : reviewerIds\n                : overseerIds\n                : assignorId\n                : assigneeIds\n                : 'my_member_id'\n                : disabledIds?.includes(user[userIdKey])\n          \"\n          placement=\"bottom-left\"\n          delay=\"0\"\n          [tooltipMandatory]=\"true\"\n        >\n          <app-cs-checkbox\n            [disabled]=\"disabledIds?.includes(user[userIdKey])\"\n            [ngValue]=\"selectedIds?.includes(user[userIdKey])\"\n            (ngValueChange)=\"selectUser(user[userIdKey], $event)\"\n          >\n            <span class=\"name\">{{ user[itemNameKey] }}</span>\n          </app-cs-checkbox>\n        </li>\n      </ul>\n      <app-no-data\n        *ngIf=\"searchList.length === 0\"\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"noDataText?.length > 0 ? noDataText : 'No Users Found'\"\n      ></app-no-data>\n    </ng-container>\n\n    <app-floating-bar\n      [selectedData]=\"selectedUsers | shortMerge : nonRemovableUsersList\"\n      [displayElementKey]=\"itemNameKey\"\n      [elementId]=\"userIdKey\"\n      [nonRemovableUsersList]=\"nonRemovableUsersList\"\n      [singularText]=\"singularText\"\n      [pluralText]=\"pluralText\"\n      (closeEvent)=\"save(selectedIds)\"\n      (closeList)=\"close()\"\n      (deleteEvent)=\"deleteEvent($event)\"\n      (workflowTypeChanged)=\"workflowTypeChanged($event)\"\n      [showWorkflow]=\"showWorkflow\"\n      [workflowText]=\"workflowText\"\n      [selectedWorkflow]=\"reviewerWorkflowType\"\n      [workflowList]=\"workflowList\"\n      [mode]=\"mode\"\n      [workflowPlaceHolder]=\"''\"\n      [isDisabled]=\"selectedUsers?.length === 0 || usersList?.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-owner-list{position:fixed;inset:0 500px 0 0}::ng-deep .add-risk-owner-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-owner-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-owner-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-owner-list-body .search-block{position:relative}::ng-deep .add-risk-owner-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-owner-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .add-risk-owner-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .add-risk-owner-list-body .body-top{display:flex;justify-content:space-between}::ng-deep .add-risk-owner-list-body .body-top app-cs-checkbox{display:flex}::ng-deep .add-risk-owner-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-owner-list-body ul{padding:0;margin:0}::ng-deep .add-risk-owner-list-body ul.owner-list{height:calc(100vh - 256px);overflow:auto;scrollbar-width:thin}::ng-deep .add-risk-owner-list-body ul.owner-list li{float:left;width:50%;padding:0 20px 12px 0;list-style:none}::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-checkbox,::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-radio{display:flex}::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-checkbox label,::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-radio label{width:100%}::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-checkbox label span.value,::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;flex-wrap:wrap}::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-checkbox label span.value span.name,::ng-deep .add-risk-owner-list-body ul.owner-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-owner-list-body ul.owner-list li app-cs-checkbox label span.value span.position,::ng-deep .add-risk-owner-list-body ul.owner-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-owner-list-body ul.owner-list li app-cs-checkbox label span.value span.position.admin,::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-radio label span.value span.position.admin{background:#fff9e6;color:#f2bf19}::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-checkbox label span.value span.position.key-admin,::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-radio label span.value span.position.key-admin{background:#dff2e1;color:#34aa44}::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-checkbox label span.value span.position.manager,::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-radio label span.value span.position.manager{color:#4681ef;background:#d4e2fc}::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-checkbox label span.value span.position.executive,::ng-deep .add-risk-owner-list-body ul.owner-list li app-cs-radio label span.value span.position.executive{color:#747576;background:#f1f1f1}::ng-deep .add-risk-owner-list-body app-no-data{display:block;height:calc(100% - 100px)}::ng-deep .add-risk-owner-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}@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
            }], showWorkflow: [{
                type: Input
            }], listHeading: [{
                type: Input
            }], searchPlaceholder: [{
                type: Input
            }], pluralText: [{
                type: Input
            }], singularText: [{
                type: Input
            }], reviewerWorkflowType: [{
                type: Input
            }], mode: [{
                type: Input
            }], noDataText: [{
                type: Input
            }], workflowList: [{
                type: Input
            }], workflowText: [{
                type: Input
            }], disabledIds: [{
                type: Input
            }], nonRemovableUsersList: [{
                type: Input
            }], saveSelectedList: [{
                type: Output
            }], closeUsersList: [{
                type: Output
            }], reviewerWorkflowTypeChange: [{
                type: Output
            }], fromResponsibility: [{
                type: Input
            }], assignorId: [{
                type: Input
            }], assigneeIds: [{
                type: Input
            }], reviewerIds: [{
                type: Input
            }], overseerIds: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 