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/common";
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 PolicyAccessComponent {
    constructor() {
        this.ASSETS = ASSETS;
        this.policyAccessType = 0;
        this.orgUsersList = [];
        this.groupList = [];
        this.selectedUsers = [];
        this.selectedGroups = [];
        this.disabledIds = [];
        this.usersAccessList = [];
        this.groupsAccessList = [];
        this.disabledGroupIds = [];
        this.futureUsersWillSelect = false;
        this.loading = false;
        this.userListInfo = {};
        this.isPaginationEnabled = false;
        this.featureflag = false;
        this.close = new EventEmitter();
        this.saveCheckPoint = new EventEmitter();
        this.setPolicyAccessType = new EventEmitter();
        this.fetchUserData = new EventEmitter();
        this.isConfirmationAlertVisible = false;
    }
    ngOnInit() { }
    setAccessField(event) {
        this.policyAccessType = event;
        this.selectedGroups = [];
        if (event === 1) {
            this.selectedUsers = [];
        }
    }
    disableSelector() {
        this.close.emit();
    }
    saveSelectedUsers(event) {
        if (event?.futureUsersWillSelect) {
            this.isConfirmationAlertVisible = event?.futureUsersWillSelect;
            this.selectedUsersDetailsOnNext = event;
        }
        else {
            this.saveCheckPoint.emit(event);
            this.setPolicyAccessType.emit(this.policyAccessType);
        }
    }
    saveChanges(event) {
        this.isConfirmationAlertVisible = false;
        if (event) {
            this.saveCheckPoint.emit(this.selectedUsersDetailsOnNext);
            this.setPolicyAccessType.emit(this.policyAccessType);
        }
    }
    getUsersListWithPagination(event) {
        this.fetchUserData.emit(event);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PolicyAccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PolicyAccessComponent, selector: "app-policy-access", inputs: { policyAccessType: "policyAccessType", SelectedCategory: "SelectedCategory", orgUsersList: "orgUsersList", groupList: "groupList", selectedUsers: "selectedUsers", selectedGroups: "selectedGroups", disabledIds: "disabledIds", usersAccessList: "usersAccessList", groupsAccessList: "groupsAccessList", disabledGroupIds: "disabledGroupIds", futureUsersWillSelect: "futureUsersWillSelect", loading: "loading", userListInfo: "userListInfo", isPaginationEnabled: "isPaginationEnabled", featureflag: "featureflag" }, outputs: { close: "close", saveCheckPoint: "saveCheckPoint", setPolicyAccessType: "setPolicyAccessType", fetchUserData: "fetchUserData" }, ngImport: i0, template: "<div class=\"policy-access-dialog\">\n  <div\n    class=\"policy-access-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      Specify Policy Portal Access Type\n    </div>\n  </div>\n  <div class=\"policy-access-dialog-body\">\n    <div class=\"policy-access-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: ACCESS TYPE <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\n            [name]=\"'policyAccessType'\"\n            [checked]=\"policyAccessType === 0\"\n            (checkedEvent)=\"setAccessField(0)\"\n          >\n            <div\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.select_users\" />\n                <div\n                  class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\"\n                >\n                  EVERYONE WHO HAS ACCESS TO THIS POLICY CATEGORY\n                </div>\n                <i\n                  class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\"\n                  [appTooltip]=\"\n                    'If selected, this policy will be visible to all users selected as authors, approvers and category owners of the policy categories linked with this policy.'\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\n            [name]=\"'policyAccessType'\"\n            [checked]=\"policyAccessType === 1\"\n            (checkedEvent)=\"setAccessField(1)\"\n          >\n            <div\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.everyone_as_per_category\" />\n                <div\n                  class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\"\n                >\n                  SELECT USERS & GROUPS\n                </div>\n                <i\n                  class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\"\n                  [appTooltip]=\"\n                    'This option allows you to specify users or groups that can view this policy, This is the list of all users within your VComply account.'\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 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: SELECT USER(S) <span class=\"vx-fs-14 vx-txt-red\">*</span>\n        </div>\n        <div class=\"approvers-user-group\">\n          <user-group-list\n            *ngIf=\"policyAccessType === 0\"\n            [userlist]=\"orgUsersList\"\n            [groupEnabled]=\"true\"\n            [isGroupTabShow]=\"true\"\n            [selectedUsers]=\"usersAccessList\"\n            [selectedGroups]=\"groupsAccessList\"\n            [disabledIds]=\"disabledIds\"\n            [nonRemovableUserIds]=\"disabledIds\"\n            [nonRemovableGroupIds]=\"disabledGroupIds\"\n            [groupList]=\"groupsAccessList\"\n            [allUserSelectedDisabled]=\"true\"\n            [showFutureUsersSwitch]=\"false\"\n            [isAllDisabled]=\"true\"\n            (cancel)=\"disableSelector()\"\n            (save)=\"saveSelectedUsers($event)\"\n          ></user-group-list>\n\n          <user-group-list\n            *ngIf=\"policyAccessType === 1\"\n            [userlist]=\"orgUsersList\"\n            [groupEnabled]=\"true\"\n            [groupList]=\"groupList\"\n            [selectedUsers]=\"selectedUsers\"\n            [selectedGroups]=\"selectedGroups\"\n            [showFutureUsersSwitch]=\"true\"\n            [futureUsersWillSelect]=\"futureUsersWillSelect\"\n            (cancel)=\"disableSelector()\"\n            (save)=\"saveSelectedUsers($event)\"\n            [loading]=\"loading\" \n            [userListInfo]=\"userListInfo\" \n            [isPaginationEnabled]=\"isPaginationEnabled\"\n            (fetchUserData)=\"getUsersListWithPagination($event)\"\n            [featureflag]=\"featureflag\">\n          ></user-group-list>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"policy-access-dialog-confirmation\"\n    *ngIf=\"isConfirmationAlertVisible\"\n  >\n    <div class=\"confirmation-top\">\n      <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\n      <div class=\"text\">\n        The policies that you intend to make accessible to the entire\n        organization can be added to the policy portal. It is like a shared\n        catalog of all active & updated policies that any logged in user can\n        read/ download for reference. Hence, if this option is enabled, it is\n        not necessary for you to set up an attestation schedule or select\n        readers to attest the policies.\n      </div>\n    </div>\n    <div class=\"confirmation-bottom\">\n      <div class=\"message\">Are you sure you would like to proceed?</div>\n      <div class=\"button-group\">\n        <button class=\"no-btn\" (click)=\"saveChanges(false)\">NO</button>\n        <button class=\"yes-btn\" (click)=\"saveChanges(true)\">YES</button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<!-- [selectedUsers]=\"policyForm.CCFailEmail\"\n[selectedGroups]=\"policyForm.CCFailEmailGroup\"\n(save)=\"saveSelectedList('ccFail', $event)\" -->\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 .policy-access-dialog{position:fixed;inset:0 500px 0 0}::ng-deep .policy-access-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .policy-access-dialog-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .policy-access-dialog-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem;overflow:hidden}::ng-deep .policy-access-dialog-body-inner{height:calc(100vh - 6.75rem)}::ng-deep .policy-access-dialog-body-inner .approvers-form-group app-cs-radio{width:calc(50% - .25rem)}::ng-deep .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item{width:100%}::ng-deep .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .radio,::ng-deep .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .radiomark{display:none!important}::ng-deep .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value{margin-left:0!important;max-width:100%!important;width:100%}::ng-deep .policy-access-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 .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type img{height:2rem;margin-right:.75rem}::ng-deep .policy-access-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 .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type .ckeck-selection{color:#34aa44;display:none}::ng-deep .policy-access-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 .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type .circle-selection{display:none}::ng-deep .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type .ckeck-selection{display:block}::ng-deep .policy-access-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list{position:static!important}::ng-deep .policy-access-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list:before{display:none!important}::ng-deep .policy-access-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-head{display:none!important}::ng-deep .policy-access-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;margin-bottom:1rem}::ng-deep .policy-access-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;margin-bottom:1rem}::ng-deep .policy-access-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 .policy-access-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 .policy-access-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 .policy-access-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:calc(100vh - 24.4rem)}::ng-deep .policy-access-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body vui-pagination .pagination-sec-ds{padding-left:.75rem!important;padding-right:.75rem!important}::ng-deep .policy-access-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 .policy-access-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 .policy-access-dialog-confirmation{background:#161b2f;border-radius:.25rem;position:absolute;left:2rem;right:2rem;bottom:2rem;z-index:1}::ng-deep .policy-access-dialog-confirmation .confirmation-top{display:flex;align-items:center;justify-content:flex-start;padding:1.25rem}::ng-deep .policy-access-dialog-confirmation .confirmation-top .icon-block{height:2.25rem;min-width:2.25rem;border-radius:50%;background:#fff;border:1px solid #dbdbdb;display:flex;justify-content:center;align-items:center;margin-right:1rem}::ng-deep .policy-access-dialog-confirmation .confirmation-top .icon-block i{color:#eb2424;font-size:12px}::ng-deep .policy-access-dialog-confirmation .confirmation-top .text{color:#fff;font-size:14px;font-weight:300}::ng-deep .policy-access-dialog-confirmation .confirmation-bottom{background:#282e48;border-radius:0 0 .25rem .25rem;padding:.75rem .75rem .75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}::ng-deep .policy-access-dialog-confirmation .confirmation-bottom .message{font-size:14px;font-weight:500;line-height:20px;color:#fff}::ng-deep .policy-access-dialog-confirmation .confirmation-bottom .button-group{display:flex}::ng-deep .policy-access-dialog-confirmation .confirmation-bottom .button-group button{height:1.5rem;width:4rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .policy-access-dialog-confirmation .confirmation-bottom .button-group button.no-btn{background:transparent;color:#fff}::ng-deep .policy-access-dialog-confirmation .confirmation-bottom .button-group button.yes-btn{background:#fff;color:#1e5dd3;margin-left:.25rem}::ng-deep .policy-access-dialog-confirmation.error-confirmation{background:#eb2424}::ng-deep .policy-access-dialog-confirmation.error-confirmation .confirmation-top{justify-content:space-between}::ng-deep .policy-access-dialog-confirmation.error-confirmation .confirmation-top button{height:1.5rem;width:3rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .policy-access-dialog-confirmation.error-confirmation .confirmation-top button.ok-btn{background:#fff;color:#eb2424;margin-left:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: i3.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i4.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: PolicyAccessComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-policy-access', template: "<div class=\"policy-access-dialog\">\n  <div\n    class=\"policy-access-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      Specify Policy Portal Access Type\n    </div>\n  </div>\n  <div class=\"policy-access-dialog-body\">\n    <div class=\"policy-access-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: ACCESS TYPE <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\n            [name]=\"'policyAccessType'\"\n            [checked]=\"policyAccessType === 0\"\n            (checkedEvent)=\"setAccessField(0)\"\n          >\n            <div\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.select_users\" />\n                <div\n                  class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\"\n                >\n                  EVERYONE WHO HAS ACCESS TO THIS POLICY CATEGORY\n                </div>\n                <i\n                  class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\"\n                  [appTooltip]=\"\n                    'If selected, this policy will be visible to all users selected as authors, approvers and category owners of the policy categories linked with this policy.'\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\n            [name]=\"'policyAccessType'\"\n            [checked]=\"policyAccessType === 1\"\n            (checkedEvent)=\"setAccessField(1)\"\n          >\n            <div\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.everyone_as_per_category\" />\n                <div\n                  class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\"\n                >\n                  SELECT USERS & GROUPS\n                </div>\n                <i\n                  class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\"\n                  [appTooltip]=\"\n                    'This option allows you to specify users or groups that can view this policy, This is the list of all users within your VComply account.'\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 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: SELECT USER(S) <span class=\"vx-fs-14 vx-txt-red\">*</span>\n        </div>\n        <div class=\"approvers-user-group\">\n          <user-group-list\n            *ngIf=\"policyAccessType === 0\"\n            [userlist]=\"orgUsersList\"\n            [groupEnabled]=\"true\"\n            [isGroupTabShow]=\"true\"\n            [selectedUsers]=\"usersAccessList\"\n            [selectedGroups]=\"groupsAccessList\"\n            [disabledIds]=\"disabledIds\"\n            [nonRemovableUserIds]=\"disabledIds\"\n            [nonRemovableGroupIds]=\"disabledGroupIds\"\n            [groupList]=\"groupsAccessList\"\n            [allUserSelectedDisabled]=\"true\"\n            [showFutureUsersSwitch]=\"false\"\n            [isAllDisabled]=\"true\"\n            (cancel)=\"disableSelector()\"\n            (save)=\"saveSelectedUsers($event)\"\n          ></user-group-list>\n\n          <user-group-list\n            *ngIf=\"policyAccessType === 1\"\n            [userlist]=\"orgUsersList\"\n            [groupEnabled]=\"true\"\n            [groupList]=\"groupList\"\n            [selectedUsers]=\"selectedUsers\"\n            [selectedGroups]=\"selectedGroups\"\n            [showFutureUsersSwitch]=\"true\"\n            [futureUsersWillSelect]=\"futureUsersWillSelect\"\n            (cancel)=\"disableSelector()\"\n            (save)=\"saveSelectedUsers($event)\"\n            [loading]=\"loading\" \n            [userListInfo]=\"userListInfo\" \n            [isPaginationEnabled]=\"isPaginationEnabled\"\n            (fetchUserData)=\"getUsersListWithPagination($event)\"\n            [featureflag]=\"featureflag\">\n          ></user-group-list>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"policy-access-dialog-confirmation\"\n    *ngIf=\"isConfirmationAlertVisible\"\n  >\n    <div class=\"confirmation-top\">\n      <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\n      <div class=\"text\">\n        The policies that you intend to make accessible to the entire\n        organization can be added to the policy portal. It is like a shared\n        catalog of all active & updated policies that any logged in user can\n        read/ download for reference. Hence, if this option is enabled, it is\n        not necessary for you to set up an attestation schedule or select\n        readers to attest the policies.\n      </div>\n    </div>\n    <div class=\"confirmation-bottom\">\n      <div class=\"message\">Are you sure you would like to proceed?</div>\n      <div class=\"button-group\">\n        <button class=\"no-btn\" (click)=\"saveChanges(false)\">NO</button>\n        <button class=\"yes-btn\" (click)=\"saveChanges(true)\">YES</button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<!-- [selectedUsers]=\"policyForm.CCFailEmail\"\n[selectedGroups]=\"policyForm.CCFailEmailGroup\"\n(save)=\"saveSelectedList('ccFail', $event)\" -->\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 .policy-access-dialog{position:fixed;inset:0 500px 0 0}::ng-deep .policy-access-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .policy-access-dialog-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .policy-access-dialog-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem;overflow:hidden}::ng-deep .policy-access-dialog-body-inner{height:calc(100vh - 6.75rem)}::ng-deep .policy-access-dialog-body-inner .approvers-form-group app-cs-radio{width:calc(50% - .25rem)}::ng-deep .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item{width:100%}::ng-deep .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .radio,::ng-deep .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .radiomark{display:none!important}::ng-deep .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value{margin-left:0!important;max-width:100%!important;width:100%}::ng-deep .policy-access-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 .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type img{height:2rem;margin-right:.75rem}::ng-deep .policy-access-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 .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type .ckeck-selection{color:#34aa44;display:none}::ng-deep .policy-access-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 .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type .circle-selection{display:none}::ng-deep .policy-access-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type .ckeck-selection{display:block}::ng-deep .policy-access-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list{position:static!important}::ng-deep .policy-access-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list:before{display:none!important}::ng-deep .policy-access-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-head{display:none!important}::ng-deep .policy-access-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;margin-bottom:1rem}::ng-deep .policy-access-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;margin-bottom:1rem}::ng-deep .policy-access-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 .policy-access-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 .policy-access-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 .policy-access-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:calc(100vh - 24.4rem)}::ng-deep .policy-access-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body vui-pagination .pagination-sec-ds{padding-left:.75rem!important;padding-right:.75rem!important}::ng-deep .policy-access-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 .policy-access-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 .policy-access-dialog-confirmation{background:#161b2f;border-radius:.25rem;position:absolute;left:2rem;right:2rem;bottom:2rem;z-index:1}::ng-deep .policy-access-dialog-confirmation .confirmation-top{display:flex;align-items:center;justify-content:flex-start;padding:1.25rem}::ng-deep .policy-access-dialog-confirmation .confirmation-top .icon-block{height:2.25rem;min-width:2.25rem;border-radius:50%;background:#fff;border:1px solid #dbdbdb;display:flex;justify-content:center;align-items:center;margin-right:1rem}::ng-deep .policy-access-dialog-confirmation .confirmation-top .icon-block i{color:#eb2424;font-size:12px}::ng-deep .policy-access-dialog-confirmation .confirmation-top .text{color:#fff;font-size:14px;font-weight:300}::ng-deep .policy-access-dialog-confirmation .confirmation-bottom{background:#282e48;border-radius:0 0 .25rem .25rem;padding:.75rem .75rem .75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}::ng-deep .policy-access-dialog-confirmation .confirmation-bottom .message{font-size:14px;font-weight:500;line-height:20px;color:#fff}::ng-deep .policy-access-dialog-confirmation .confirmation-bottom .button-group{display:flex}::ng-deep .policy-access-dialog-confirmation .confirmation-bottom .button-group button{height:1.5rem;width:4rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .policy-access-dialog-confirmation .confirmation-bottom .button-group button.no-btn{background:transparent;color:#fff}::ng-deep .policy-access-dialog-confirmation .confirmation-bottom .button-group button.yes-btn{background:#fff;color:#1e5dd3;margin-left:.25rem}::ng-deep .policy-access-dialog-confirmation.error-confirmation{background:#eb2424}::ng-deep .policy-access-dialog-confirmation.error-confirmation .confirmation-top{justify-content:space-between}::ng-deep .policy-access-dialog-confirmation.error-confirmation .confirmation-top button{height:1.5rem;width:3rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .policy-access-dialog-confirmation.error-confirmation .confirmation-top button.ok-btn{background:#fff;color:#eb2424;margin-left:.25rem}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { policyAccessType: [{
                type: Input
            }], SelectedCategory: [{
                type: Input
            }], orgUsersList: [{
                type: Input
            }], groupList: [{
                type: Input
            }], selectedUsers: [{
                type: Input
            }], selectedGroups: [{
                type: Input
            }], disabledIds: [{
                type: Input
            }], usersAccessList: [{
                type: Input
            }], groupsAccessList: [{
                type: Input
            }], disabledGroupIds: [{
                type: Input
            }], futureUsersWillSelect: [{
                type: Input
            }], loading: [{
                type: Input
            }], userListInfo: [{
                type: Input
            }], isPaginationEnabled: [{
                type: Input
            }], featureflag: [{
                type: Input
            }], close: [{
                type: Output
            }], saveCheckPoint: [{
                type: Output
            }], setPolicyAccessType: [{
                type: Output
            }], fetchUserData: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 