vcomply-workflow-engine 2.9.60 → 2.9.61

package/esm2015/lib/sharedComponents/approval-workflow/approval-workflow.component.js

@@ -1,26 +1,63 @@
-import { Component } from '@angular/core';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
 export class ApprovalWorkflowComponent {
     constructor() {
         this.hideDetails = false;
+        this.enableCreateForm = false;
+        this.selectedWorkflowNext = new EventEmitter();
+        this.listCancelClicked = new EventEmitter();
+        this.saveApprovalWorkflow = new EventEmitter();
         this.description = {
             mode: 'prime',
             colorPalette: true,
             link: true,
             placeholder: 'Add a description for this policy',
         };
+        this.mode = 'CREATE';
     }
     ngOnInit() {
+        console.log('approverWorkFlowList ngOnInit', this.approverWorkFlowList, this.enableCreateForm, this.selectedCategory);
     }
     showDetails() {
         this.hideDetails = !this.hideDetails;
     }
+    createApprovalClicked(event) {
+        console.log('this.enableCreateForm', event);
+        console.log('approverWorkFlowList in output fn', this.approverWorkFlowList);
+        this.enableCreateForm = event;
+    }
+    cancelClicked(event) {
+        this.enableCreateForm = false;
+        console.log('cancel clicked op in approval container', event);
+        this.listCancelClicked.emit(event);
+    }
+    nextClicked(event) {
+        this.selectedWorkflowNext.emit(event);
+    }
+    approvalWorkflowAPICalled(event) {
+        console.log('this event was caled', event);
+        this.enableCreateForm = false;
+        this.saveApprovalWorkflow.emit(event);
+    }
+    onApprovalEdit(event) {
+        this.enableCreateForm = true;
+        this.mode = 'EDIT';
+        this.approverDetails = event;
+    }
 }
 ApprovalWorkflowComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-approval-workflow',
-                template: "<div class=\"approval-workflow-dialog\">\r\n    <div class=\"approval-workflow-dialog-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n        <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select Approval Workflow</div>\r\n    </div>\r\n    <div class=\"approval-workflow-dialog-body\">\r\n        <app-no-data *ngIf=\"false\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/approval-workflow.svg'\" [noDataText]=\"'You did not set any approval workflow.<br>Click on the <strong>Create An Approval Workflow</strong> button to begin.'\" [noDataButton]=\"'CREATE AN APPROVAL WORKFLOW'\"></app-no-data>\r\n\r\n        <div class=\"approval-workflow-dialog-body-inner vx-d-flex vx-align-center vx-justify-center\">\r\n            <div class=\"approval-workflow-form\">\r\n                <!-- Workflow Name -->\r\n                <div class=\"approval-workflow-form-row vx-mb-5\">\r\n                    <div class=\"form-left\">\r\n                        <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/what.svg\" />\r\n                    </div>\r\n                    <div class=\"form-right\">\r\n                        <div class=\"label-heading vx-fs-11 vx-fw-500 vx-tt-uppercase vx-tt-uppercase vx-mb-2\">WORKFLOW NAME <span class=\"required vx-fs-14 vx-fw-500\">*</span></div>\r\n                        <input class=\"textField\" type=\"text\" placeholder=\"Name of the approval workflow\" />\r\n                        <div class=\"vx-mt-2\"><marx-editor [editorConfig]=\"description\"></marx-editor></div>\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- Policy Category -->\r\n                <div class=\"approval-workflow-form-row vx-mb-5\">\r\n                    <div class=\"form-left\">\r\n                        <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/category.svg\" />\r\n                    </div>\r\n                    <div class=\"form-right\">\r\n                        <div class=\"label-heading vx-fs-11 vx-fw-500 vx-tt-uppercase vx-tt-uppercase vx-mb-2\">SELECT POLICY CATEGORY <span class=\"required vx-fs-14 vx-fw-500\">*</span></div>\r\n                        <div class=\"selectBoxEnable vx-pl-3 vx-pr-3 vx-d-flex vx-align-center\" [class.disabled]=\"false\">\r\n                            <div class=\"selectBoxPlacehoder vx-fs-13 vx-paragraph-txt vx-lh-4\">Select the policy category that this approval<br>workflow applies to</div>\r\n                        </div>\r\n    \r\n                        <div class=\"selectBoxSuccess vx-pl-2 vx-pr-3 vx-d-flex vx-align-center vx-justify-between\">\r\n                            <div class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2\">\r\n                                <i class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\">&#xe9ae;</i>\r\n                                <span class=\"chipName vx-fs-11 vx-label-txt\" [appTooltip]=\"'IT Policy'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">IT Policy</span>\r\n                                <button class=\"countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4\" appPopover (click)=\"policyOwnerPopover.popover()\" placement=\"right\">+4</button>\r\n                            </div>\r\n                            <app-popover #policyOwnerPopover [dontCloseonClick]=\"true\" >\r\n                                <div class=\"wf-action-list\">\r\n                                    <ul class=\"action-item\">\r\n                                        <li *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\r\n                                            <div class=\"avatar-card\">\r\n                                                <span class=\"value\" [appTooltip]=\"'IT Policy'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\r\n                                                    <i class=\"icons\">&#xe90d;</i>\r\n                                                    IT Policy\r\n                                                </span>\r\n                                            </div>\r\n                                        </li>\r\n                                    </ul>\r\n                                </div>\r\n                            </app-popover>\r\n                            <button class=\"editBtn vx-fs-11 vx-fw-600 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center\"><i class=\"icons vx-mr-1\">&#xe90c;</i> EDIT</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- Approval Workflow -->\r\n                <div class=\"approval-workflow-form-row vx-mb-5\">\r\n                    <div class=\"form-left\">\r\n                        <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/approval.svg\" />\r\n                    </div>\r\n                    <div class=\"form-right\">\r\n                        <div class=\"label-heading vx-fs-11 vx-fw-500 vx-tt-uppercase vx-tt-uppercase vx-mb-2\">APPROVERS & APPROVAL WORKFLOW <span class=\"required vx-fs-14 vx-fw-500\">*</span></div>\r\n                        <div class=\"selectBoxEnable vx-pl-3 vx-pr-3 vx-d-flex vx-align-center\" [class.disabled]=\"false\">\r\n                            <div class=\"selectBoxPlacehoder vx-fs-13 vx-paragraph-txt vx-lh-4\">Select approvers and select the order of approval</div>\r\n                        </div>\r\n    \r\n                        <div class=\"selectBoxSuccess vx-pl-2 vx-pr-3 vx-d-flex vx-align-center vx-justify-between vx-mb-2\">\r\n                            <div class=\"vx-d-flex vx-align-center\">\r\n                                <div class=\"level-left vx-d-flex vx-align-center\">\r\n                                    <div class=\"vx-d-block\">\r\n                                        <div class=\"level-name vx-fs-9 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-lh-3\" [appTooltip]=\"'Level 1'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">LEVEL 1</div>\r\n                                        <div class=\"vx-fs-9 vx-fw-500 vx-label-txt vx-tt-uppercase vx-lh-3\">SEQUENTIAL</div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-ml-2\">\r\n                                    <i class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\">&#xe9ae;</i>\r\n                                    <div class=\"workflowLavel vx-fs-11 vx-fw-500 vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1 vx-text-center\">1</div>\r\n                                    <span class=\"chipName vx-fs-11 vx-label-txt\" [appTooltip]=\"'Samantha Jones'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Samantha Jones</span>\r\n                                    <button class=\"countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4\" appPopover (click)=\"workflowPopover.popover()\" placement=\"right\">+3</button>\r\n                                </div>\r\n                                <app-popover #workflowPopover [dontCloseonClick]=\"true\" >\r\n                                    <div class=\"wf-action-list\">\r\n                                        <ul class=\"action-item\">\r\n                                            <li *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\r\n                                                <div class=\"avatar-card\">\r\n                                                    <span class=\"value\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\r\n                                                        <i class=\"icons\">&#xe90d;</i>\r\n                                                        <span class=\"workflowLavel vx-fs-11 vx-fw-500 vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1 vx-text-center\">Final</span>\r\n                                                        Harshvardhan Kariwala\r\n                                                    </span>\r\n                                                </div>\r\n                                            </li>\r\n                                        </ul>\r\n                                    </div>\r\n                                </app-popover>\r\n                            </div>\r\n\r\n                            <div class=\"vx-d-flex vx-align-center\">\r\n                                <button class=\"editBtn vx-fs-11 vx-fw-600 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center\"><i class=\"icons vx-mr-1\">&#xe90c;</i> EDIT</button>\r\n                                <button class=\"deleteBtn vx-fs-11 vx-fw-600 vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-4 vx-d-flex vx-align-center\"><i class=\"icons vx-mr-1\">&#xe9ae;</i> DELETE</button>\r\n                            </div>\r\n                        </div>\r\n    \r\n                        <div class=\"selectBoxSuccess vx-pl-2 vx-pr-3 vx-d-flex vx-align-center vx-justify-between vx-mb-2\">\r\n                            <div class=\"vx-d-flex vx-align-center\">\r\n                                <div class=\"level-left vx-d-flex vx-align-center\">\r\n                                    <div class=\"vx-d-block\">\r\n                                        <div class=\"level-name vx-fs-9 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-lh-3\" [appTooltip]=\"'Level 2'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">LEVEL 2</div>\r\n                                        <div class=\"vx-fs-9 vx-fw-500 vx-label-txt vx-tt-uppercase vx-lh-3\">ANYONE</div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-ml-2\">\r\n                                    <i class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\">&#xe9ae;</i>\r\n                                    <span class=\"chipName vx-fs-11 vx-label-txt\" [appTooltip]=\"'Nick Holden'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Nick Holden</span>\r\n                                    <button class=\"countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4\" appPopover (click)=\"workflowPopover.popover()\" placement=\"right\">+3</button>\r\n                                </div>\r\n                                <app-popover #workflowPopover [dontCloseonClick]=\"true\" >\r\n                                    <div class=\"wf-action-list\">\r\n                                        <ul class=\"action-item\">\r\n                                            <li *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\r\n                                                <div class=\"avatar-card\">\r\n                                                    <span class=\"value\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\r\n                                                        <i class=\"icons\">&#xe90d;</i>\r\n                                                        Harshvardhan Kariwala\r\n                                                    </span>\r\n                                                </div>\r\n                                            </li>\r\n                                        </ul>\r\n                                    </div>\r\n                                </app-popover>\r\n                            </div>\r\n\r\n                            <div class=\"vx-d-flex vx-align-center\">\r\n                                <button class=\"editBtn vx-fs-11 vx-fw-600 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center\"><i class=\"icons vx-mr-1\">&#xe90c;</i> EDIT</button>\r\n                                <button class=\"deleteBtn vx-fs-11 vx-fw-600 vx-tt-uppercase vx-p-0 vx-m-0 vx-ml-4 vx-d-flex vx-align-center\"><i class=\"icons vx-mr-1\">&#xe9ae;</i> DELETE</button>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <button class=\"addMoreBtn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0 vx-mt-1\">+ ADD MORE LEVELS</button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div *ngIf=\"false\" class=\"approval-workflow-dialog-body-inner\">\r\n            <div class=\"approval-table\">\r\n                <div class=\"approval-table-head\">\r\n                    <div class=\"approval-table-row\">\r\n                        <div class=\"approval-table-column vx-fs-11 vx-fw-500 vx-tt-uppercase serial\">#</div>\r\n                        <div class=\"approval-table-column vx-fs-11 vx-fw-500 vx-tt-uppercase workflow\">APPROVAL WORKFLOWS</div>\r\n                        <button class=\"create-approval-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-tt-uppercase vx-p-0 vx-m-0\">+ CREATE AN APPROVAL WORKFLOW</button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"approval-table-body\">\r\n                    <ng-container *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]\">\r\n                        <div (click)=\"showDetails()\" class=\"approval-table-row clickable\" [class.active]=\"false\" [class.open]=\"hideDetails\">\r\n                            <div class=\"approval-table-column serial\">\r\n                                <div class=\"sr-no\" [appTooltip]=\"'1'\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">1</div>\r\n                                <app-cs-radio></app-cs-radio>\r\n                            </div>\r\n                            <div class=\"approval-table-column workflow\">\r\n                                <div class=\"name vx-fs-12 vx-label-txt\" [appTooltip]=\"'HR Policy Workflow'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">HR Policy Workflow</div>\r\n                            </div>\r\n                            <div class=\"approval-table-column action\">\r\n                                <button appPopover (click)=\"moreAction.popover()\" placement=\"right\" class=\"more-action vx-fs-16 vx-txt-blue vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\"><i class=\"icons\">&#xe911;</i></button>\r\n                                <app-popover #moreAction>\r\n                                    <div class=\"wf-action-list\">\r\n                                    <ul class=\"action-item\">\r\n                                        <li><button><i class=\"icons\">&#xe90c;</i> Edit</button></li>\r\n                                        <li><button><i class=\"icons\">&#xe923;</i> Delete</button></li>\r\n                                    </ul>\r\n                                    </div>\r\n                                </app-popover>\r\n                            </div>\r\n                            <div class=\"approval-table-column action\">\r\n                                <button class=\"arrow vx-fs-12 vx-paragraph-txt vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\" [class.disabled]=\"false\">\r\n                                    <i *ngIf=\"!hideDetails\" class=\"icons\">&#xe970;</i>\r\n                                    <i *ngIf=\"hideDetails\" class=\"icons\">&#xe9e8;</i>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                        <div *ngIf=\"hideDetails\" class=\"approval-table-details\">\r\n                            <div class=\"details-item vx-mb-2\">\r\n                                <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">WORKFLOW CRITERIA:</div>\r\n                                <div class=\"vx-d-flex\">\r\n                                    <div class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-mr-1\" *ngFor=\"let data of [1, 1, 1]\">\r\n                                        <div class=\"chipName vx-fs-11 vx-label-txt\" [appTooltip]=\"'Human Resource Policy'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Human Resource Policy</div>\r\n                                    </div>\r\n                                    <button appPopover (click)=\"criteriaAction.popover()\" placement=\"right\" class=\"details-chip-count vx-fs-11 vx-fw-500 vx-txt-blue vx-pl-1 vx-pr-1 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">+5</button>\r\n                                    <app-popover #criteriaAction>\r\n                                        <div class=\"wf-action-list\">\r\n                                          <ul class=\"action-item\">\r\n                                            <li *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\r\n                                              <div class=\"avatar-card\">\r\n                                                  <span class=\"value\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Harshvardhan Kariwala</span>\r\n                                              </div>\r\n                                            </li>\r\n                                          </ul>\r\n                                        </div>\r\n                                    </app-popover>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"details-item vx-mb-1\">\r\n                                <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">APPROVERS:</div>\r\n                                <div class=\"approver-item vx-mb-2 vx-pb-2 vx-d-flex vx-align-center\">\r\n                                    <div class=\"lavel-area vx-pl-1 vx-pr-1\">\r\n                                        <div class=\"lavel-name vx-fs-9 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-lh-3\" [appTooltip]=\"'Level 1'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">LEVEL 1</div>\r\n                                        <div class=\"vx-fs-9 vx-fw-500 vx-label-txt vx-tt-uppercase vx-lh-3\">SEQUENTIAL</div>\r\n                                    </div>\r\n                                    <div class=\"lavel-chips vx-d-flex vx-flex-wrap\">\r\n                                        <div class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-mr-1\" *ngFor=\"let data of [1, 1, 1, 1]\">\r\n                                            <div class=\"workflowLavel vx-fs-11 vx-fw-500 vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1 vx-text-center\">1</div>\r\n                                            <div class=\"chipName vx-fs-11 vx-label-txt\" [appTooltip]=\"'Samantha Jones'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Samantha Jones</div>\r\n                                        </div>\r\n                                        <button appPopover (click)=\"approversAction.popover()\" placement=\"right\" class=\"details-chip-count vx-fs-11 vx-fw-500 vx-txt-blue vx-pl-1 vx-pr-1 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">+5</button>\r\n                                        <app-popover #approversAction>\r\n                                            <div class=\"wf-action-list\">\r\n                                              <ul class=\"action-item\">\r\n                                                <li *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\r\n                                                  <div class=\"avatar-card\">\r\n                                                      <div class=\"workflowLavel vx-fs-11 vx-fw-500 vx-pl-1 vx-pr-1 vx-lh-4 vx-mr-1 vx-text-center\">1</div>\r\n                                                      <span class=\"value\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Harshvardhan Kariwala</span>\r\n                                                  </div>\r\n                                                </li>\r\n                                              </ul>\r\n                                            </div>\r\n                                        </app-popover>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div class=\"approver-item vx-mb-2 vx-pb-2 vx-d-flex vx-align-center\">\r\n                                    <div class=\"lavel-area vx-pl-1 vx-pr-1\">\r\n                                        <div class=\"lavel-name vx-fs-9 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-lh-3\" [appTooltip]=\"'Level 2'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">LEVEL 2</div>\r\n                                        <div class=\"vx-fs-9 vx-fw-500 vx-label-txt vx-tt-uppercase vx-lh-3\">SEQUENTIAL</div>\r\n                                    </div>\r\n                                    <div class=\"lavel-chips vx-d-flex vx-flex-wrap\">\r\n                                        <div class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-mr-1\" *ngFor=\"let data of [1, 1, 1, 1]\">\r\n                                            <div class=\"chipName vx-fs-11 vx-label-txt\" [appTooltip]=\"'Samantha Jones'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Samantha Jones</div>\r\n                                        </div>\r\n                                        <button appPopover (click)=\"approversAction.popover()\" placement=\"right\" class=\"details-chip-count vx-fs-11 vx-fw-500 vx-txt-blue vx-pl-1 vx-pr-1 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">+5</button>\r\n                                        <app-popover #approversAction>\r\n                                            <div class=\"wf-action-list\">\r\n                                              <ul class=\"action-item\">\r\n                                                <li *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\r\n                                                  <div class=\"avatar-card\">\r\n                                                      <span class=\"value\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Harshvardhan Kariwala</span>\r\n                                                  </div>\r\n                                                </li>\r\n                                              </ul>\r\n                                            </div>\r\n                                        </app-popover>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </ng-container>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <vui-floating-bar></vui-floating-bar>\r\n    </div>\r\n</div>",
+                template: "<app-approval-workflow-list\r\n  *ngIf=\"approverWorkFlowList.length && !enableCreateForm\"\r\n  [approverWorkFlowList]=\"approverWorkFlowList\"\r\n  (createApprovalClicked)=\"createApprovalClicked($event)\"\r\n  (selectedWorkflowNext)=\"nextClicked($event)\"\r\n  (listCancelClicked)=\"cancelClicked($event)\"\r\n  (onApprovalEdit)=\"onApprovalEdit($event)\"\r\n></app-approval-workflow-list>\r\n<app-approval-create-form\r\n  *ngIf=\"!approverWorkFlowList.length || enableCreateForm\"\r\n  [selectedCategory]=\"selectedCategory\"\r\n  [approverWorkFlowList]=\"approverWorkFlowList\"\r\n  [enableCreateForm]=\"enableCreateForm\"\r\n  [allApprovers]=\"allApprovers\"\r\n  [mode]=\"mode\"\r\n  [approverDetails]=\"approverDetails\"\r\n  (saveApprovalWorkflow)=\"approvalWorkflowAPICalled($event)\"\r\n></app-approval-create-form>\r\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 .approval-workflow-dialog{position:fixed;top:0;right:500px;bottom:0;left:0}::ng-deep .approval-workflow-dialog:before{background:#1E5DD3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .approval-workflow-dialog-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .approval-workflow-dialog-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .approval-workflow-dialog-body-inner{height:calc(100vh - 10.75rem);overflow:hidden;overflow-y:auto;margin-bottom:1rem;padding-right:.5rem;width:calc(100% + .5rem)}::ng-deep .approval-workflow-dialog-body-inner::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .approval-workflow-dialog-body-inner::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .approval-workflow-dialog-body-inner::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .approval-workflow-dialog-body-inner .approval-workflow-form{width:30.75rem;max-height:calc(100vh - 10.75rem)}::ng-deep .approval-workflow-dialog-body-inner .approval-workflow-form-row{position:relative}::ng-deep .approval-workflow-dialog-body-inner .approval-workflow-form-row .form-left{position:absolute;top:30px;left:0}::ng-deep .approval-workflow-dialog-body-inner .approval-workflow-form-row .form-left img{width:2.5rem;height:2.5rem}::ng-deep .approval-workflow-dialog-body-inner .approval-workflow-form-row .form-right{padding-left:3.75rem}::ng-deep .approval-workflow-dialog-body-inner .approval-workflow-form-row .form-right .label-heading .required{color:#eb2424;position:relative;top:-.125rem}::ng-deep .approval-workflow-dialog-body-inner .approval-workflow-form-row .form-right button.addMoreBtn{background:transparent;border-radius:0;border:none}::ng-deep .approval-workflow-dialog-body-inner .approval-table-head{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .approval-workflow-dialog-body-inner .approval-table-head .approval-table-row{border-radius:0;border:none;margin-bottom:0}::ng-deep .approval-workflow-dialog-body-inner .approval-table-head .approval-table-row .approval-table-column{color:#161b2f;height:1.5rem}::ng-deep .approval-workflow-dialog-body-inner .approval-table-body .approval-table-details{border:1px solid #f1f1f1;border-radius:0 0 .25rem .25rem;padding:1rem 2rem 0;margin-bottom:.25rem}::ng-deep .approval-workflow-dialog-body-inner .approval-table-body .approval-table-details .details-item button.details-chip-count{background:#fff;border-radius:.125rem;border:1px solid #f1f1f1;min-width:1.5rem;height:1.5rem}::ng-deep .approval-workflow-dialog-body-inner .approval-table-body .approval-table-details .details-item .approver-item{border-bottom:1px solid #f1f1f1}::ng-deep .approval-workflow-dialog-body-inner .approval-table-body .approval-table-details .details-item .approver-item .lavel-area{width:4.5rem}::ng-deep .approval-workflow-dialog-body-inner .approval-table-body .approval-table-details .details-item .approver-item .lavel-area .lavel-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:4rem}::ng-deep .approval-workflow-dialog-body-inner .approval-table-body .approval-table-details .details-item .approver-item .lavel-chips{width:calc(100% - 4.5rem)}::ng-deep .approval-workflow-dialog-body-inner .approval-table-row{border-radius:.25rem;border:1px solid #f1f1f1;display:flex;align-items:center;position:relative;margin-bottom:.25rem}::ng-deep .approval-workflow-dialog-body-inner .approval-table-row.clickable{cursor:pointer}::ng-deep .approval-workflow-dialog-body-inner .approval-table-row button.create-approval-btn{background:transparent;border-radius:0;border:none;position:absolute;top:.25rem;right:0}::ng-deep .approval-workflow-dialog-body-inner .approval-table-row:hover .approval-table-column.serial app-cs-radio,::ng-deep .approval-workflow-dialog-body-inner .approval-table-row.active .approval-table-column.serial app-cs-radio{opacity:1}::ng-deep .approval-workflow-dialog-body-inner .approval-table-row.open{border-radius:.25rem .25rem 0 0;border-bottom:none;margin-bottom:0}::ng-deep .approval-workflow-dialog-body-inner .approval-table-column{color:#747576;height:40px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}::ng-deep .approval-workflow-dialog-body-inner .approval-table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .approval-workflow-dialog-body-inner .approval-table-column.serial.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .approval-workflow-dialog-body-inner .approval-table-column.serial.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:10px;font-weight:500;display:flex;height:100%;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .approval-workflow-dialog-body-inner .approval-table-column.serial.serial app-cs-radio{position:absolute;top:12px;left:8px;opacity:0;transition:all .2s ease-in-out}::ng-deep .approval-workflow-dialog-body-inner .approval-table-column.workflow{width:calc(100% - 96px);min-width:calc(100% - 96px)}::ng-deep .approval-workflow-dialog-body-inner .approval-table-column.workflow .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 3rem)}::ng-deep .approval-workflow-dialog-body-inner .approval-table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .approval-workflow-dialog-body-inner .approval-table-column.action button.more-action,::ng-deep .approval-workflow-dialog-body-inner .approval-table-column.action button.arrow{background:transparent;border:none;border-radius:0;height:100%;width:100%}::ng-deep .approval-workflow-dialog-body-inner .approval-table-column.action button.disabled{opacity:.5!important;pointer-events:none}::ng-deep .approval-workflow-dialog-body vui-floating-bar .reviewer-floating-bar{padding:0!important}\n"]
             },] }
 ];
 ApprovalWorkflowComponent.ctorParameters = () => [];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwcm92YWwtd29ya2Zsb3cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hcHByb3ZhbC13b3JrZmxvdy9hcHByb3ZhbC13b3JrZmxvdy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQVFsRCxNQUFNLE9BQU8seUJBQXlCO0lBVXBDO1FBVEEsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFcEIsZ0JBQVcsR0FBaUI7WUFDMUIsSUFBSSxFQUFFLE9BQU87WUFDYixZQUFZLEVBQUUsSUFBSTtZQUNsQixJQUFJLEVBQUUsSUFBSTtZQUNWLFdBQVcsRUFBRSxtQ0FBbUM7U0FDakQsQ0FBQztJQUVjLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDdkMsQ0FBQzs7O1lBdEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsdUJBQXVCO2dCQUNqQyxnNnRCQUFpRDs7YUFFbEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFZGl0b3JDb25maWcgfSBmcm9tICd2Y29tcGx5LWVkaXRvcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1hcHByb3ZhbC13b3JrZmxvdycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FwcHJvdmFsLXdvcmtmbG93LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hcHByb3ZhbC13b3JrZmxvdy5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBcHByb3ZhbFdvcmtmbG93Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBoaWRlRGV0YWlscyA9IGZhbHNlO1xyXG5cclxuICBkZXNjcmlwdGlvbjogRWRpdG9yQ29uZmlnID0ge1xyXG4gICAgbW9kZTogJ3ByaW1lJyxcclxuICAgIGNvbG9yUGFsZXR0ZTogdHJ1ZSxcclxuICAgIGxpbms6IHRydWUsXHJcbiAgICBwbGFjZWhvbGRlcjogJ0FkZCBhIGRlc2NyaXB0aW9uIGZvciB0aGlzIHBvbGljeScsXHJcbiAgfTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBzaG93RGV0YWlscygpIHtcclxuICAgIHRoaXMuaGlkZURldGFpbHMgPSAhdGhpcy5oaWRlRGV0YWlscztcclxuICB9XHJcblxyXG59XHJcbiJdfQ==
+ApprovalWorkflowComponent.propDecorators = {
+    approverWorkFlowList: [{ type: Input }],
+    allApprovers: [{ type: Input }],
+    selectedCategory: [{ type: Input }],
+    selectedWorkflowNext: [{ type: Output }],
+    listCancelClicked: [{ type: Output }],
+    saveApprovalWorkflow: [{ type: Output }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwcm92YWwtd29ya2Zsb3cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hcHByb3ZhbC13b3JrZmxvdy9hcHByb3ZhbC13b3JrZmxvdy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVEvRSxNQUFNLE9BQU8seUJBQXlCO0lBcUJwQztRQXBCQSxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixxQkFBZ0IsR0FBWSxLQUFLLENBQUM7UUFNeEIseUJBQW9CLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMxQyxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3ZDLHlCQUFvQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFcEQsZ0JBQVcsR0FBaUI7WUFDMUIsSUFBSSxFQUFFLE9BQU87WUFDYixZQUFZLEVBQUUsSUFBSTtZQUNsQixJQUFJLEVBQUUsSUFBSTtZQUNWLFdBQVcsRUFBRSxtQ0FBbUM7U0FDakQsQ0FBQztRQUNGLFNBQUksR0FBc0IsUUFBUSxDQUFDO0lBR3BCLENBQUM7SUFFaEIsUUFBUTtRQUNOLE9BQU8sQ0FBQyxHQUFHLENBQ1QsK0JBQStCLEVBQy9CLElBQUksQ0FBQyxvQkFBb0IsRUFDekIsSUFBSSxDQUFDLGdCQUFnQixFQUNyQixJQUFJLENBQUMsZ0JBQWdCLENBQ3RCLENBQUM7SUFDSixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxxQkFBcUIsQ0FBQyxLQUFjO1FBQ2xDLE9BQU8sQ0FBQyxHQUFHLENBQUMsdUJBQXVCLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDNUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxtQ0FBbUMsRUFBRSxJQUFJLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUM1RSxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQzlCLE9BQU8sQ0FBQyxHQUFHLENBQUMseUNBQXlDLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDOUQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQVU7UUFDcEIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQseUJBQXlCLENBQUMsS0FBVTtRQUNsQyxPQUFPLENBQUMsR0FBRyxDQUFDLHNCQUFzQixFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQzNDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFDOUIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQVU7UUFDdkIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztRQUM3QixJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQztRQUNuQixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUMvQixDQUFDOzs7WUFuRUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx1QkFBdUI7Z0JBQ2pDLDQwQkFBaUQ7O2FBRWxEOzs7O21DQUtFLEtBQUs7MkJBQ0wsS0FBSzsrQkFDTCxLQUFLO21DQUVMLE1BQU07Z0NBQ04sTUFBTTttQ0FDTixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFZGl0b3JDb25maWcgfSBmcm9tICd2Y29tcGx5LWVkaXRvcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1hcHByb3ZhbC13b3JrZmxvdycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FwcHJvdmFsLXdvcmtmbG93LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hcHByb3ZhbC13b3JrZmxvdy5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXBwcm92YWxXb3JrZmxvd0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgaGlkZURldGFpbHMgPSBmYWxzZTtcclxuICBlbmFibGVDcmVhdGVGb3JtOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIGFwcHJvdmVyV29ya0Zsb3dMaXN0ITogYW55O1xyXG4gIEBJbnB1dCgpIGFsbEFwcHJvdmVycyE6IGFueTtcclxuICBASW5wdXQoKSBzZWxlY3RlZENhdGVnb3J5OiBhbnk7XHJcblxyXG4gIEBPdXRwdXQoKSBzZWxlY3RlZFdvcmtmbG93TmV4dCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgbGlzdENhbmNlbENsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIHNhdmVBcHByb3ZhbFdvcmtmbG93ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBkZXNjcmlwdGlvbjogRWRpdG9yQ29uZmlnID0ge1xyXG4gICAgbW9kZTogJ3ByaW1lJyxcclxuICAgIGNvbG9yUGFsZXR0ZTogdHJ1ZSxcclxuICAgIGxpbms6IHRydWUsXHJcbiAgICBwbGFjZWhvbGRlcjogJ0FkZCBhIGRlc2NyaXB0aW9uIGZvciB0aGlzIHBvbGljeScsXHJcbiAgfTtcclxuICBtb2RlOiAnQ1JFQVRFJyB8ICdFRElUJyA9ICdDUkVBVEUnO1xyXG4gIGFwcHJvdmVyRGV0YWlsczogYW55O1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgY29uc29sZS5sb2coXHJcbiAgICAgICdhcHByb3ZlcldvcmtGbG93TGlzdCBuZ09uSW5pdCcsXHJcbiAgICAgIHRoaXMuYXBwcm92ZXJXb3JrRmxvd0xpc3QsXHJcbiAgICAgIHRoaXMuZW5hYmxlQ3JlYXRlRm9ybSxcclxuICAgICAgdGhpcy5zZWxlY3RlZENhdGVnb3J5XHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgc2hvd0RldGFpbHMoKSB7XHJcbiAgICB0aGlzLmhpZGVEZXRhaWxzID0gIXRoaXMuaGlkZURldGFpbHM7XHJcbiAgfVxyXG5cclxuICBjcmVhdGVBcHByb3ZhbENsaWNrZWQoZXZlbnQ6IGJvb2xlYW4pIHtcclxuICAgIGNvbnNvbGUubG9nKCd0aGlzLmVuYWJsZUNyZWF0ZUZvcm0nLCBldmVudCk7XHJcbiAgICBjb25zb2xlLmxvZygnYXBwcm92ZXJXb3JrRmxvd0xpc3QgaW4gb3V0cHV0IGZuJywgdGhpcy5hcHByb3ZlcldvcmtGbG93TGlzdCk7XHJcbiAgICB0aGlzLmVuYWJsZUNyZWF0ZUZvcm0gPSBldmVudDtcclxuICB9XHJcblxyXG4gIGNhbmNlbENsaWNrZWQoZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5lbmFibGVDcmVhdGVGb3JtID0gZmFsc2U7XHJcbiAgICBjb25zb2xlLmxvZygnY2FuY2VsIGNsaWNrZWQgb3AgaW4gYXBwcm92YWwgY29udGFpbmVyJywgZXZlbnQpO1xyXG4gICAgdGhpcy5saXN0Q2FuY2VsQ2xpY2tlZC5lbWl0KGV2ZW50KTtcclxuICB9XHJcblxyXG4gIG5leHRDbGlja2VkKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRXb3JrZmxvd05leHQuZW1pdChldmVudCk7XHJcbiAgfVxyXG5cclxuICBhcHByb3ZhbFdvcmtmbG93QVBJQ2FsbGVkKGV2ZW50OiBhbnkpIHtcclxuICAgIGNvbnNvbGUubG9nKCd0aGlzIGV2ZW50IHdhcyBjYWxlZCcsIGV2ZW50KTtcclxuICAgIHRoaXMuZW5hYmxlQ3JlYXRlRm9ybSA9IGZhbHNlO1xyXG4gICAgdGhpcy5zYXZlQXBwcm92YWxXb3JrZmxvdy5lbWl0KGV2ZW50KTtcclxuICB9XHJcblxyXG4gIG9uQXBwcm92YWxFZGl0KGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMuZW5hYmxlQ3JlYXRlRm9ybSA9IHRydWU7XHJcbiAgICB0aGlzLm1vZGUgPSAnRURJVCc7XHJcbiAgICB0aGlzLmFwcHJvdmVyRGV0YWlscyA9IGV2ZW50O1xyXG4gIH1cclxufVxyXG4iXX0=