vcomply-workflow-engine 6.6.8 → 6.6.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/esm2022/lib/sharedComponents/policy-access/policy-access.component.mjs +1 -1
  2. package/esm2022/lib/sharedComponents/select-approvers/select-approvers.component.mjs +1 -1
  3. package/esm2022/lib/workflow-compliance/workflow-compliance.component.mjs +1 -1
  4. package/esm2022/lib/workflow-policy/workflow-policy.component.mjs +42 -3
  5. package/esm2022/lib/workflow-program/create-program-ui/user-group-list/user-group-list.component.mjs +38 -3
  6. package/esm2022/lib/workflow-program/workflow-program.component.mjs +1 -1
  7. package/esm2022/lib/workflow-risk/workflow-risk.component.mjs +1 -1
  8. package/esm2022/lib/workflow-services/organization-user.service.mjs +19 -3
  9. package/fesm2022/vcomply-workflow-engine.mjs +110 -22
  10. package/fesm2022/vcomply-workflow-engine.mjs.map +1 -1
  11. package/lib/add-multiple-risk/add-multiple-risk.component.d.ts +1 -1
  12. package/lib/workflow-policy/workflow-policy.component.d.ts +4 -0
  13. package/lib/workflow-program/create-program-ui/user-group-list/user-group-list.component.d.ts +8 -3
  14. package/lib/workflow-risk/workflow-risk.component.d.ts +1 -1
  15. package/lib/workflow-services/organization-user.service.d.ts +1 -0
  16. package/package.json +1 -1
package/esm2022/lib/sharedComponents/policy-access/policy-access.component.mjs CHANGED
@@ -52,7 +52,7 @@ export class PolicyAccessComponent {
52
52
  }
53
53
  }
54
54
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PolicyAccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
55
- 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" }, outputs: { close: "close", saveCheckPoint: "saveCheckPoint", setPolicyAccessType: "setPolicyAccessType" }, 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 ></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-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", "groupList", "selectedGroups"], outputs: ["save", "cancel", "reviewerWorkflowTypeChange", "fetchUserData"] }] }); }
55
+ 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" }, outputs: { close: "close", saveCheckPoint: "saveCheckPoint", setPolicyAccessType: "setPolicyAccessType" }, 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 ></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-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"] }] }); }
56
56
  }
57
57
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PolicyAccessComponent, decorators: [{
58
58
  type: Component,
package/esm2022/lib/sharedComponents/select-approvers/select-approvers.component.mjs CHANGED
@@ -61,7 +61,7 @@ export class SelectApproversComponent {
61
61
  this.selectedApprover.emit(this.approversPayload);
62
62
  }
63
63
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectApproversComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
64
- 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", "groupList", "selectedGroups"], outputs: ["save", "cancel", "reviewerWorkflowTypeChange", "fetchUserData"] }] }); }
64
+ 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"] }] }); }
65
65
  }
66
66
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectApproversComponent, decorators: [{
67
67
  type: Component,