import { Component, EventEmitter, Input, Output } 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 "../../formgroup/cs-radio/cs-radio.component";
import * as i3 from "../../ui-kit/tooltip/tooltip.directive";
import * as i4 from "../../workflow-program/create-program-ui/user-group-list/user-group-list.component";
export class SelectApproversComponent {
    constructor() {
        this.approvalLevelName = '';
        this.approversPayload = [];
        this.selectedType = 'SEQUENTIAL';
        this.levels = 1;
        this.closeSelectApprover = new EventEmitter();
        this.selectedApprover = new EventEmitter();
        this.ASSETS = ASSETS;
    }
    ngOnInit() {
        this.approvalLevelName = `Level ${this.levels - 1}`;
        if (this.editApprovalData?.length) {
            this.approvalLevelName = this.editApprovalData[0]?.alias_name;
            this.selectedType = this.editApprovalData[0]?.type;
        }
    }
    closeUserList() {
        this.closeSelectApprover.emit();
    }
    selectedUsers(event) {
        // this.generatePayload(event);
        this.generateApprovers(event.users);
    }
    generateApprovers(approvers) {
        let approversList = [];
        approversList = approvers.map((ele) => {
            return {
                member_id: ele.member_id,
                member_name: ele.member_name,
                approval_flag: false,
                reject_flag: false,
                remove_flag: false,
            };
        });
        this.generatePayload(approversList);
    }
    approvalType(type) {
        this.selectedType = type;
    }
    generatePayload(event) {
        this.approversPayload = [];
        this.approversPayload = [
            {
                approvers: event,
                type: this.selectedType,
                approval_done: false,
                level1: `Level ${this.levels - 1}`,
                alias_name: this.approvalLevelName === ''
                    ? `Level ${this.levels - 1}`
                    : this.approvalLevelName,
            },
        ];
        this.selectedApprover.emit(this.approversPayload);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectApproversComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectApproversComponent, selector: "app-select-approvers", inputs: { allApprovers: "allApprovers", levels: "levels", editApprovalData: "editApprovalData" }, outputs: { closeSelectApprover: "closeSelectApprover", selectedApprover: "selectedApprover" }, ngImport: i0, template: "<div class=\"select-approvers-dialog\">\n  <div\n    class=\"select-approvers-dialog-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 Approvers & Approval Workflow\n    </div>\n  </div>\n  <div class=\"select-approvers-dialog-body\">\n    <div class=\"select-approvers-dialog-body-inner\">\n      <!-- Step 1 -->\n      <div class=\"approvers-form-group vx-mb-2\">\n        <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">\n          STEP 1: APPROVAL LEVEL NAME <span class=\"vx-fs-14 vx-txt-red\">*</span>\n        </div>\n        <input\n          [(ngModel)]=\"approvalLevelName\"\n          class=\"textField\"\n          type=\"text\"\n          placeholder=\"Level 1\"\n        />\n      </div>\n\n      <!-- Step 2 -->\n      <div class=\"approvers-form-group vx-mb-2\">\n        <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">\n          STEP 2: APPROVAL WORKFLOW TYPE\n          <span class=\"vx-fs-14 vx-txt-red\">*</span>\n        </div>\n        <div class=\"vx-d-flex vx-align-center vx-justify-between\">\n          <app-cs-radio [checked]=\"selectedType === 'SEQUENTIAL'\">\n            <div\n              (click)=\"approvalType('SEQUENTIAL')\"\n              class=\"approval-type vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\"\n            >\n              <div class=\"vx-d-flex vx-align-center\">\n                <img [src]=\"ASSETS.sequential\" />\n                <div\n                  class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\"\n                >\n                  SEQUENTIAL\n                </div>\n                <i\n                  class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\"\n                  [appTooltip]=\"\n                    'The policy would be sent for approval one at a time in the sequence defined by you.'\n                  \"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n              <div class=\"vx-d-block\">\n                <span class=\"circle-selection\"></span>\n                <i class=\"icons ckeck-selection vx-fs-16\">&#xe949;</i>\n              </div>\n            </div>\n          </app-cs-radio>\n          <app-cs-radio [checked]=\"selectedType === 'ROUNDROBIN'\">\n            <div\n              (click)=\"approvalType('ROUNDROBIN')\"\n              class=\"approval-type vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\"\n            >\n              <div class=\"vx-d-flex vx-align-center\">\n                <img [src]=\"ASSETS.round_robin\" />\n                <div\n                  class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\"\n                >\n                  ROUND-ROBIN\n                </div>\n                <i\n                  class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\"\n                  [appTooltip]=\"\n                    'The policy will be sent for approval to all approvers at the same time. However, it is mandatory for all approvers to take action.'\n                  \"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n              <div class=\"vx-d-block\">\n                <span class=\"circle-selection\"></span>\n                <i class=\"icons ckeck-selection vx-fs-16\">&#xe949;</i>\n              </div>\n            </div>\n          </app-cs-radio>\n          <app-cs-radio [checked]=\"selectedType === 'ANYONE'\">\n            <div\n              (click)=\"approvalType('ANYONE')\"\n              class=\"approval-type vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\"\n            >\n              <div class=\"vx-d-flex vx-align-center\">\n                <img [src]=\"ASSETS.anyone\" />\n                <div\n                  class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\"\n                >\n                  ANY ONE\n                </div>\n                <i\n                  class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\"\n                  [appTooltip]=\"\n                    'The policy will be sent for approval to all approvers at the same time. If anyone of the approver approves the policy, it will be considered as approved.'\n                  \"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n              <div class=\"vx-d-block\">\n                <span class=\"circle-selection\"></span>\n                <i class=\"icons ckeck-selection vx-fs-16\">&#xe949;</i>\n              </div>\n            </div>\n          </app-cs-radio>\n        </div>\n      </div>\n\n      <!-- Step 3 -->\n      <div class=\"approvers-form-group\">\n        <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">\n          STEP 3: APPROVERS <span class=\"vx-fs-14 vx-txt-red\">*</span>\n        </div>\n        <div class=\"approvers-user-group\">\n          <!-- <app-owner-list  [listHeading]=\"'Select Approvers'\" [singularText]=\"'User selected'\" [pluralText]=\"'Users selected'\" [usersList]=\"allApprovers\" [showWorkflow]=\"true\" [usersList]=\"allApprovers\" [userIdKey]=\"'member_id'\" [itemEmailKey]=\"'member_email'\" [itemNameKey]=\"'member_name'\" [mode]=\"'CREATE'\"></app-owner-list> -->\n          <user-group-list\n            [userlist]=\"allApprovers\"\n            [groupEnabled]=\"false\"\n            (cancel)=\"closeUserList()\"\n            (save)=\"selectedUsers($event)\"\n            [selectedUsers]=\"editApprovalData[0]?.approvers\"\n            [fromApprovalWorkflow]=\"true\"\n            [approvalType]=\"selectedType\"\n          ></user-group-list>\n        </div>\n      </div>\n    </div>\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 .select-approvers-dialog{position:fixed;inset:0 500px 0 0}::ng-deep .select-approvers-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .select-approvers-dialog-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .select-approvers-dialog-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .select-approvers-dialog-body-inner{height:calc(100vh - 10.5rem);overflow:hidden;overflow-y:auto;padding-right:.75rem;width:calc(100% + .75rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio{width:calc(33.33% - .25rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item{width:100%}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .radio,::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .radiomark{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value{margin-left:0!important;max-width:100%!important;width:100%}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type{border-radius:.25rem;border:1px solid #dbdbdb;width:100%}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type img{height:2rem;margin-right:.75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type .circle-selection{border-radius:50%;border:1px solid #dbdbdb;display:block;width:1rem;min-width:1rem;height:1rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type .ckeck-selection{color:#34aa44;display:none}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type{background:#eefcf0;border:1px solid #34AA44}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type .circle-selection{display:none}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type .ckeck-selection{display:block}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list{position:static!important;animation:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list:before{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list{animation:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-head{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body{padding:0!important;height:auto!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body-inner{border-radius:.25rem;border:1px solid #dbdbdb;padding-top:.75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .user-group-list-tab{border-bottom:1px solid #dbdbdb;padding:.75rem .75rem 0}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .search-block{padding:0 .75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .search-block i{left:1.75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .user-group-list-mid{padding:0 .75rem;width:100%;height:auto}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-mid{height:calc(100vh - 25.95rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-footer{position:fixed;bottom:2rem;left:2rem;width:calc(100% - 35.25rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-footer vui-floating-bar .reviewer-floating-bar{padding:0!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list{position:static!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list:before{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list .add-risk-owner-list-head{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list .add-risk-owner-list-body{border-radius:.25rem;border:1px solid #dbdbdb;padding:0!important;height:auto!important;margin-bottom:1rem}\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: "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: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.UserGroupListComponent, selector: "user-group-list", inputs: ["groupEnabled", "panelTitle", "singleSelect", "selectedReviewer", "featureflag", "reviewerWorkflowType", "mode", "fieldType", "fromResponsibility", "assignorId", "assigneeIds", "reviewerIds", "overseerIds", "FromProgram", "userListInfo", "groupListInfo", "fromApprovalWorkflow", "approvalType", "showFutureUsersSwitch", "futureUsersWillSelect", "isAllDisabled", "isGroupTabShow", "disabledIds", "nonRemovableUserIds", "allUserSelectedDisabled", "nonRemovableGroupIds", "loading", "userlist", "selectedUsers", "defaultSelectedUsers", "userType", "isPaginationEnabled", "groupList", "selectedGroups"], outputs: ["save", "cancel", "reviewerWorkflowTypeChange", "fetchUserData"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectApproversComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-select-approvers', template: "<div class=\"select-approvers-dialog\">\n  <div\n    class=\"select-approvers-dialog-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 Approvers & Approval Workflow\n    </div>\n  </div>\n  <div class=\"select-approvers-dialog-body\">\n    <div class=\"select-approvers-dialog-body-inner\">\n      <!-- Step 1 -->\n      <div class=\"approvers-form-group vx-mb-2\">\n        <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">\n          STEP 1: APPROVAL LEVEL NAME <span class=\"vx-fs-14 vx-txt-red\">*</span>\n        </div>\n        <input\n          [(ngModel)]=\"approvalLevelName\"\n          class=\"textField\"\n          type=\"text\"\n          placeholder=\"Level 1\"\n        />\n      </div>\n\n      <!-- Step 2 -->\n      <div class=\"approvers-form-group vx-mb-2\">\n        <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">\n          STEP 2: APPROVAL WORKFLOW TYPE\n          <span class=\"vx-fs-14 vx-txt-red\">*</span>\n        </div>\n        <div class=\"vx-d-flex vx-align-center vx-justify-between\">\n          <app-cs-radio [checked]=\"selectedType === 'SEQUENTIAL'\">\n            <div\n              (click)=\"approvalType('SEQUENTIAL')\"\n              class=\"approval-type vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\"\n            >\n              <div class=\"vx-d-flex vx-align-center\">\n                <img [src]=\"ASSETS.sequential\" />\n                <div\n                  class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\"\n                >\n                  SEQUENTIAL\n                </div>\n                <i\n                  class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\"\n                  [appTooltip]=\"\n                    'The policy would be sent for approval one at a time in the sequence defined by you.'\n                  \"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n              <div class=\"vx-d-block\">\n                <span class=\"circle-selection\"></span>\n                <i class=\"icons ckeck-selection vx-fs-16\">&#xe949;</i>\n              </div>\n            </div>\n          </app-cs-radio>\n          <app-cs-radio [checked]=\"selectedType === 'ROUNDROBIN'\">\n            <div\n              (click)=\"approvalType('ROUNDROBIN')\"\n              class=\"approval-type vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\"\n            >\n              <div class=\"vx-d-flex vx-align-center\">\n                <img [src]=\"ASSETS.round_robin\" />\n                <div\n                  class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\"\n                >\n                  ROUND-ROBIN\n                </div>\n                <i\n                  class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\"\n                  [appTooltip]=\"\n                    'The policy will be sent for approval to all approvers at the same time. However, it is mandatory for all approvers to take action.'\n                  \"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n              <div class=\"vx-d-block\">\n                <span class=\"circle-selection\"></span>\n                <i class=\"icons ckeck-selection vx-fs-16\">&#xe949;</i>\n              </div>\n            </div>\n          </app-cs-radio>\n          <app-cs-radio [checked]=\"selectedType === 'ANYONE'\">\n            <div\n              (click)=\"approvalType('ANYONE')\"\n              class=\"approval-type vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\"\n            >\n              <div class=\"vx-d-flex vx-align-center\">\n                <img [src]=\"ASSETS.anyone\" />\n                <div\n                  class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\"\n                >\n                  ANY ONE\n                </div>\n                <i\n                  class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\"\n                  [appTooltip]=\"\n                    'The policy will be sent for approval to all approvers at the same time. If anyone of the approver approves the policy, it will be considered as approved.'\n                  \"\n                  placement=\"bottom\"\n                  delay=\"0\"\n                  type=\"white\"\n                  [tooltipMandatory]=\"true\"\n                  >&#xe91f;</i\n                >\n              </div>\n              <div class=\"vx-d-block\">\n                <span class=\"circle-selection\"></span>\n                <i class=\"icons ckeck-selection vx-fs-16\">&#xe949;</i>\n              </div>\n            </div>\n          </app-cs-radio>\n        </div>\n      </div>\n\n      <!-- Step 3 -->\n      <div class=\"approvers-form-group\">\n        <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">\n          STEP 3: APPROVERS <span class=\"vx-fs-14 vx-txt-red\">*</span>\n        </div>\n        <div class=\"approvers-user-group\">\n          <!-- <app-owner-list  [listHeading]=\"'Select Approvers'\" [singularText]=\"'User selected'\" [pluralText]=\"'Users selected'\" [usersList]=\"allApprovers\" [showWorkflow]=\"true\" [usersList]=\"allApprovers\" [userIdKey]=\"'member_id'\" [itemEmailKey]=\"'member_email'\" [itemNameKey]=\"'member_name'\" [mode]=\"'CREATE'\"></app-owner-list> -->\n          <user-group-list\n            [userlist]=\"allApprovers\"\n            [groupEnabled]=\"false\"\n            (cancel)=\"closeUserList()\"\n            (save)=\"selectedUsers($event)\"\n            [selectedUsers]=\"editApprovalData[0]?.approvers\"\n            [fromApprovalWorkflow]=\"true\"\n            [approvalType]=\"selectedType\"\n          ></user-group-list>\n        </div>\n      </div>\n    </div>\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 .select-approvers-dialog{position:fixed;inset:0 500px 0 0}::ng-deep .select-approvers-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .select-approvers-dialog-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .select-approvers-dialog-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .select-approvers-dialog-body-inner{height:calc(100vh - 10.5rem);overflow:hidden;overflow-y:auto;padding-right:.75rem;width:calc(100% + .75rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio{width:calc(33.33% - .25rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item{width:100%}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .radio,::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .radiomark{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value{margin-left:0!important;max-width:100%!important;width:100%}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type{border-radius:.25rem;border:1px solid #dbdbdb;width:100%}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type img{height:2rem;margin-right:.75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type .circle-selection{border-radius:50%;border:1px solid #dbdbdb;display:block;width:1rem;min-width:1rem;height:1rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type .ckeck-selection{color:#34aa44;display:none}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type{background:#eefcf0;border:1px solid #34AA44}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type .circle-selection{display:none}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type .ckeck-selection{display:block}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list{position:static!important;animation:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list:before{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list{animation:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-head{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body{padding:0!important;height:auto!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body-inner{border-radius:.25rem;border:1px solid #dbdbdb;padding-top:.75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .user-group-list-tab{border-bottom:1px solid #dbdbdb;padding:.75rem .75rem 0}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .search-block{padding:0 .75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .search-block i{left:1.75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .user-group-list-mid{padding:0 .75rem;width:100%;height:auto}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-mid{height:calc(100vh - 25.95rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-footer{position:fixed;bottom:2rem;left:2rem;width:calc(100% - 35.25rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-footer vui-floating-bar .reviewer-floating-bar{padding:0!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list{position:static!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list:before{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list .add-risk-owner-list-head{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list .add-risk-owner-list-body{border-radius:.25rem;border:1px solid #dbdbdb;padding:0!important;height:auto!important;margin-bottom:1rem}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { allApprovers: [{
                type: Input
            }], levels: [{
                type: Input
            }], editApprovalData: [{
                type: Input
            }], closeSelectApprover: [{
                type: Output
            }], selectedApprover: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 