npm - vcomply-workflow-engine - Versions diffs - 6.1.10 → 6.1.11 - Mend

vcomply-workflow-engine 6.1.10 → 6.1.11

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 (58) hide show

package/esm2022/lib/sharedComponents/floating-bar/floating-bar.component.mjs CHANGED Viewed

@@ -25,6 +25,7 @@ export class FloatingBarComponent {
         ];
         this.mode = 'CREATE';
         this.defaultSelected = {};
+        this.isResponsibility = false;
         this.nonRemovableUsersList = [];
         this.closeEvent = new EventEmitter();
         this.deleteEvent = new EventEmitter();
@@ -62,11 +63,11 @@ export class FloatingBarComponent {
         this.workflowTypeChanged.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FloatingBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FloatingBarComponent, selector: "app-floating-bar", inputs: { selectedData: "selectedData", selectedGroups: "selectedGroups", displayElementKey: "displayElementKey", elementId: "elementId", singularText: "singularText", pluralText: "pluralText", showNextButton: "showNextButton", showFrequencyText: "showFrequencyText", showWorkflow: "showWorkflow", workflowText: "workflowText", currentFrequency: "currentFrequency", isDisabled: "isDisabled", workflowList: "workflowList", selectedWorkflow: "selectedWorkflow", workflowPlaceHolder: "workflowPlaceHolder", mode: "mode", defaultSelectedValue: ["defaultSelected", "defaultSelectedValue"], groupsEnabled: "groupsEnabled", nonRemovableUsersList: "nonRemovableUsersList", removePosition: "removePosition" }, outputs: { closeEvent: "closeEvent", deleteEvent: "deleteEvent", closeList: "closeList", deleteGroupEvent: "deleteGroupEvent", workflowTypeChanged: "workflowTypeChanged" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"userGroup-floating-bar\">\n  <div class=\"userGroup-floating-bar-container\">\n    <div class=\"left user-group-left\">\n      <ng-container *ngIf=\"selectedData.length > 0 && !groupsEnabled\">\n        <div\n          class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-mr-2\"\n        >\n          <ng-container\n            *ngFor=\"let element of selectedData?.slice(0, 1); let i = index\"\n          >\n            <ng-container *ngIf=\"element\">\n              <i\n                *ngIf=\"\n                  !nonRemovableUsersList.includes(element[elementId]) &&\n                  removePosition != 'right'\n                \"\n                (click)=\"deleteSelected(element)\"\n                class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\"\n                >&#xe9ae;</i\n              >\n              <span\n                class=\"step\"\n                *ngIf=\"selectedWorkflow == 'SEQUENTIAL' && showWorkflow\"\n                >{{\n                  selectedData.length <= 2 &&\n                  i == selectedData.length - 1 &&\n                  selectedData.length > 1\n                    ? \"Final\"\n                    : i + 1\n                }}</span\n              >\n              <span\n                *ngIf=\"(element[displayElementKey] | dataType) !== 'object'\"\n                class=\"chipName vx-fs-11 vx-label-txt\"\n                [appTooltip]=\"element[displayElementKey]\"\n                placement=\"bottom-left\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"false\"\n                >{{ element[displayElementKey] }}</span\n              >\n              <span\n                *ngIf=\"(element[displayElementKey] | dataType) === 'object'\"\n                class=\"chipName vx-fs-11 vx-label-txt\"\n                >{{\n                  element[displayElementKey]\n                    | slice : element[displayElementKey].length - 1\n                }}</span\n              >\n              <i\n                class=\"icons cross vx-fs-12 vx-paragraph-txt vx-ml-1\"\n                *ngIf=\"\n                  !nonRemovableUsersList.includes(element[elementId]) &&\n                  removePosition == 'right'\n                \"\n                (click)=\"deleteSelected(element)\"\n                >&#xe9ae;</i\n              >\n            </ng-container>\n          </ng-container>\n          <button\n            *ngIf=\"selectedData?.length > 1\"\n            class=\"countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4\"\n            [class.greenBg]=\"false\"\n            appPopover\n            (click)=\"userPopover.popover()\"\n            placement=\"left\"\n          >\n            +{{ selectedData?.slice(1)?.length }}\n          </button>\n        </div>\n\n        <div class=\"name\" *ngIf=\"selectedData?.length > 1\">\n          <span *ngIf=\"selectedData?.slice(1).length === 1\">{{\n            singularText\n          }}</span>\n          <span *ngIf=\"selectedData?.slice(1).length > 1\">{{\n            pluralText\n          }}</span>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"groupsEnabled\">\n        <div class=\"user-group-chip\" *ngIf=\"selectedData?.length\">\n          <i (click)=\"deleteSelected(selectedData[0])\" class=\"icons cross\"\n            >&#xe9ae;</i\n          >\n          <div\n            class=\"user-group-name\"\n            appTooltip=\"{{ selectedData[0][displayElementKey] }}\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n          >\n            {{ selectedData[0][displayElementKey] }}\n          </div>\n          <div\n            class=\"counter\"\n            *ngIf=\"selectedData?.length > 1\"\n            appPopover\n            (click)=\"UserWithFeatureFlagPopover.popover()\"\n            placement=\"left\"\n          >\n            +{{ selectedData?.length - 1 }}\n          </div>\n        </div>\n        <div\n          class=\"name userGroup-name\"\n          *ngIf=\"selectedData?.length > 0 && groupsEnabled\"\n        >\n          <span class=\"userGroup-text\" *ngIf=\"selectedData?.length === 1\">\n            {{\n              selectedGroups && selectedGroups?.length > 0 ? \" & \" : \"\"\n            }}</span\n          >\n          <span class=\"userGroup-text\" *ngIf=\"selectedData?.length > 1\"\n            >Users\n            {{\n              selectedGroups && selectedGroups?.length > 0 ? \" & \" : \"selected\"\n            }}</span\n          >\n        </div>\n        <div class=\"user-group-chip\" *ngIf=\"selectedGroups?.length\">\n          <i\n            class=\"icons cross\"\n            (click)=\"deleteSelectedGroup(selectedGroups[0])\"\n            >&#xe9ae;</i\n          >\n          <div\n            class=\"user-group-name\"\n            appTooltip=\"{{ selectedGroups[0]?.group_name }}\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n          >\n            {{ selectedGroups[0]?.group_name }}\n          </div>\n          <div\n            class=\"counter group\"\n            *ngIf=\"selectedGroups.length > 1\"\n            appPopover\n            (click)=\"groupPopover.popover()\"\n            placement=\"left\"\n          >\n            +{{ selectedGroups.length - 1 }}\n          </div>\n        </div>\n        <div class=\"name userGroup-name\" *ngIf=\"selectedGroups.length > 0\">\n          {{ selectedGroups?.length > 1 ? \" User Groups selected \" : \"\" }}\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"showFrequencyText\">\n        <div class=\"name vx-ml-0\">\n          <span\n            >You have selected\n            <span class=\"vx-fw-500 vx-label-txt\">{{ currentFrequency }}</span>\n            frequency.</span\n          >\n        </div>\n      </ng-container>\n      <ng-content></ng-content>\n    </div>\n    <div\n      class=\"center\"\n      *ngIf=\"\n        (showWorkflow && mode === 'CREATE') ||\n        (showWorkflow && workflowList.includes('ROUND-ROBIN'))\n      \"\n    >\n      <label>\n        {{ workflowText }}\n        <span\n          class=\"icon\"\n          *ngIf=\"workflowText == 'Approval Workflow'\"\n          libPopoverHover\n          (mouseover)=\"dataTooltip.popover()\"\n          (mouseleave)=\"dataTooltip.closePopover()\"\n          placement=\"right\"\n          ><i class=\"icons\">&#xe91f;</i></span\n        >\n      </label>\n      <popover-hover #dataTooltip>\n        <div class=\"vx-info-card\">\n          <div class=\"vx-info-card-body\">\n            You can select from the following three options:<br />\n            <strong>Sequential:</strong> The policy would be sent for approval\n            one at a time in the sequence defined by you.<br />\n            <strong>Round-robin:</strong> The policy will be sent for approval\n            to all approvers at the same time. However, it is mandatory for all\n            approvers to take action.<br />\n            <strong>Any One:</strong> The policy will be sent for approval to\n            all approvers at the same time. If anyone of the approver approves\n            the policy, it will be considered as approved.\n          </div>\n        </div>\n      </popover-hover>\n      <cs-select\n        [(ngModel)]=\"selectedWorkflow\"\n        (ngModelChange)=\"selectedWorkflowChange($event)\"\n        [placeholder]=\"'Approval WorkFlow *'\"\n        [setMaxWidth]=\"true\"\n      >\n        <cs-option *ngFor=\"let data of workflowList\" [value]=\"data\">\n          {{ data }}\n        </cs-option>\n      </cs-select>\n    </div>\n    <div class=\"right\">\n      <button appRipple class=\"cancel\" (click)=\"close()\">Cancel</button>\n      <button\n        *ngIf=\"showNextButton\"\n        [disabled]=\"isDisabled\"\n        (click)=\"next()\"\n        appRipple\n      >\n        Next <i class=\"icons\">&#xe91e;</i>\n      </button>\n    </div>\n  </div>\n</div>\n<app-popover #userPopover [dontCloseonClick]=\"true\">\n  <div class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let element of selectedData?.slice(1); let i = index\">\n        <div class=\"avatar-card\">\n          <span\n            class=\"value\"\n            *ngIf=\"(element[displayElementKey] | dataType) !== 'object'\"\n          >\n            <i\n              class=\"icons\"\n              *ngIf=\"!nonRemovableUsersList.includes(element[elementId])\"\n              (click)=\"deleteSelected(element)\"\n              >&#xe90d;</i\n            >\n            <span\n              class=\"step\"\n              *ngIf=\"selectedWorkflow == 'SEQUENTIAL' && showWorkflow\"\n            >\n              {{ i == selectedData.slice(1).length - 1 ? \"Final\" : i + 2 }}\n            </span>\n            {{ element[displayElementKey] }}\n          </span>\n\n          <span\n            class=\"value\"\n            *ngIf=\"(element[displayElementKey] | dataType) === 'object'\"\n          >\n            <i\n              class=\"icons\"\n              *ngIf=\"!nonRemovableUsersList.includes(element[elementId])\"\n              (click)=\"deleteSelected(element)\"\n              >&#xe90d;</i\n            >\n            {{ element[displayElementKey] }}\n          </span>\n          <div\n            *ngIf=\"\n              defaultSelected?.category_id &&\n              defaultSelected?.category_id === element?.category_id\n            \"\n            class=\"primary-label\"\n          >\n            PRIMARY\n          </div>\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n<app-popover #UserWithFeatureFlagPopover [dontCloseonClick]=\"true\">\n  <div class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let data of selectedData | slice : 1\">\n        <div class=\"avatar-card\">\n          <span class=\"value\"\n            ><i class=\"icons\" (click)=\"deleteSelected(data)\">&#xe90d;</i\n            >{{ data[displayElementKey] }}</span\n          >\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n<app-popover #groupPopover [dontCloseonClick]=\"true\">\n  <div class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let data of selectedGroups | slice : 1\">\n        <div class=\"avatar-card\">\n          <span class=\"value\"\n            ><i class=\"icons\" (click)=\"deleteSelectedGroup(data)\">&#xe90d;</i\n            >{{ data[\"group_name\"] }}</span\n          >\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .userGroup-floating-bar-container{height:48px;border-radius:4px;box-shadow:0 6px 12px #4681ef26;border:1px solid #f8f8f8;padding:8px 12px;display:flex;justify-content:space-between;position:relative;align-items:center;background:#fff}::ng-deep .userGroup-floating-bar-container .left{display:flex;align-items:center;width:40%}::ng-deep .userGroup-floating-bar-container .left.user-group-left{width:60%}::ng-deep .userGroup-floating-bar-container .left .chip{padding:0 5px;height:24px;display:inline-flex;color:#1e5dd3;border-radius:2px;align-items:center;background:#fff;max-width:100%;box-shadow:0 2px 6px #4681ef20}::ng-deep .userGroup-floating-bar-container .left .chip i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex;margin-left:4px}::ng-deep .userGroup-floating-bar-container .left .chip span{width:auto;font-size:12px;font-weight:500;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;max-width:120px}::ng-deep .userGroup-floating-bar-container .left .chip span.no-action{max-width:100%}::ng-deep .userGroup-floating-bar-container .left .chip span+i{margin-left:8px;margin-right:0}::ng-deep .userGroup-floating-bar-container .left .chip+.chip{margin-left:5px}::ng-deep .userGroup-floating-bar-container .left .counter{border-radius:20px;background:#34aa44;border:none;color:#fff;font-size:9px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;margin:0 0 0 8px;padding:0 4px;justify-content:center;line-height:16px;min-width:24px}::ng-deep .userGroup-floating-bar-container .left .counter.group{background:#1e5dd3}::ng-deep .userGroup-floating-bar-container .left .name{margin-right:4px;color:#707070;font-size:12px;line-height:18px;white-space:nowrap}::ng-deep .userGroup-floating-bar-container .left .name b{text-transform:lowercase}::ng-deep .userGroup-floating-bar-container .left .user-group-chip{background:#fff;border-radius:.125rem;box-shadow:0 0 2px #1e5dd340;height:1.5rem;display:inline-flex;align-items:center;padding:0 8px;max-width:13rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}::ng-deep .userGroup-floating-bar-container .left .user-group-chip .cross{color:#747576;font-size:10px;margin-right:4px;cursor:pointer;min-width:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:2px;margin-left:-4px}::ng-deep .userGroup-floating-bar-container .left .user-group-chip .cross:hover{background:#f1f1f1}::ng-deep .userGroup-floating-bar-container .left .user-group-chip .user-group-name{color:#161b2f;font-size:11px;display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem}::ng-deep .userGroup-floating-bar-container .left .userGroup-text{margin-right:4px}::ng-deep .userGroup-floating-bar-container .center{width:40%;display:flex;justify-content:flex-start;align-items:center}::ng-deep .userGroup-floating-bar-container .center label{color:#161b2f;font-size:11px;font-weight:500;line-height:16px;margin-bottom:0;display:block;text-transform:uppercase;width:auto;margin-right:8px;text-align:left;white-space:nowrap}::ng-deep .userGroup-floating-bar-container .center label .icon i{color:#1e5dd3}::ng-deep .userGroup-floating-bar-container .center cs-select{width:100%}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group{position:relative}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group input.value{background:transparent!important;height:32px!important;padding:8px 20px 8px 8px!important;border-radius:2px!important}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group i{right:12px!important;top:12px!important}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group:before{border:1px solid #707070;border-top:none;border-left:none;content:\"\";display:inline-block;right:8px;position:absolute;top:12px;width:5px;height:5px;transform:rotate(45deg)}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .select-options cs-option .list label span.value{font-size:13px!important}::ng-deep .userGroup-floating-bar-container .right{display:flex;align-items:center}::ng-deep .userGroup-floating-bar-container .right .name{margin-left:15px;color:#707070;font-size:12px;font-weight:500;line-height:18px;display:flex;align-items:center;white-space:nowrap}::ng-deep .userGroup-floating-bar-container .right .name span.required{color:#eb2424;font-size:14px}::ng-deep .userGroup-floating-bar-container .right .name i{margin-left:3px;color:#1e5dd3;cursor:pointer}::ng-deep .userGroup-floating-bar-container .right app-cs-select{margin-left:12px;width:125px;display:flex}::ng-deep .userGroup-floating-bar-container .right app-cs-select .input-group .custom-select-box input{height:32px}::ng-deep .userGroup-floating-bar-container .right app-cs-select .input-group .custom-select-box span.arrow{bottom:6px}::ng-deep .userGroup-floating-bar-container .right button{border-radius:2px;height:24px;background:#1e5dd3!important;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff!important;text-transform:uppercase;font-size:11px;font-weight:500;border:none!important;padding:0 8px;margin:0 0 0 8px}::ng-deep .userGroup-floating-bar-container .right button i{margin-left:8px;font-size:11px}::ng-deep .userGroup-floating-bar-container .right button:disabled{background:#f1f1f1!important;color:#747576!important;opacity:1}::ng-deep .userGroup-floating-bar-container .right button.cancel{background:transparent!important;color:#eb2424!important}::ng-deep span.step{background:#1e5dd3;border-radius:2px;color:#fff;font-size:9px;line-height:14px;padding:0 4px;font-weight:400;text-align:center;min-width:auto;margin-right:4px}.wf-action-list{width:220px}.wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.wf-action-list ul.action-item{display:block}.wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.wf-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.wf-action-list ul.action-item li button .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 16px)}.wf-action-list ul.action-item li button i{font-size:16px;margin-right:10px;color:#1e5dd3}.wf-action-list ul.action-item li button:hover{background:#f3f3f3}.wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.wf-action-list ul.action-item li .avatar-card.within-con{display:block}.wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;min-width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.wf-action-list ul.action-item li .avatar-card .avatar img{background:#fff;width:100%;height:100%}.wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.wf-action-list ul.action-item li .avatar-card span.value{color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:4px}.wf-action-list ul.action-item li .avatar-card span.value i.disabled{color:#dbdbdb;pointer-events:none}.wf-action-list ul.action-item li .avatar-card.no-image{display:block}.wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.wf-action-list ul.action-item li .avatar-card i.delete-icon{color:#d93b41;cursor:pointer;font-size:14px}.wf-action-list ul.action-item li .avatar-card .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}.wf-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.wf-action-list ul.action-item li .chip-item i{color:#747576;margin-left:7px;font-size:10px;cursor:pointer;display:inline-flex}.wf-action-list ul.action-item li .chip-item span{display:block;width:auto;width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.wf-action-list ul.action-item li .chip-item span.id{font-size:9px}.wf-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.wf-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.wf-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.wf-action-list ul.action-item li.multiple-program{background:#f8f8f8;margin-top:8px}.wf-action-list ul.action-item li.multiple-program .avatar-card{padding:2px 7.5px}.wf-action-list ul.action-item li.multiple-program .avatar-card span.value{color:#747576;font-size:11px;font-weight:600;width:unset}.wf-action-list ul.action-item li.multiple-program .avatar-card span.value i.disabled{color:#dbdbdb;pointer-events:none}.wf-action-list ul.action-item li.multiple-program .avatar-card .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}.wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}.vx-overlay{position:fixed;z-index:1;inset:0}.vx-info-card{width:280px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;position:static;display:block}.vx-info-card-head{font-size:13px;border-bottom:1px solid #dcdcdc;padding:8px 12px;font-weight:500;text-transform:none;color:#161b2f}.vx-info-card-body{font-size:11px;padding:8px 12px;margin:0;font-weight:400;text-transform:none;color:#747576}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i3.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i4.DataTypePipe, name: "dataType" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FloatingBarComponent, selector: "app-floating-bar", inputs: { selectedData: "selectedData", selectedGroups: "selectedGroups", displayElementKey: "displayElementKey", elementId: "elementId", singularText: "singularText", pluralText: "pluralText", showNextButton: "showNextButton", showFrequencyText: "showFrequencyText", showWorkflow: "showWorkflow", workflowText: "workflowText", currentFrequency: "currentFrequency", isDisabled: "isDisabled", workflowList: "workflowList", selectedWorkflow: "selectedWorkflow", workflowPlaceHolder: "workflowPlaceHolder", mode: "mode", defaultSelectedValue: ["defaultSelected", "defaultSelectedValue"], groupsEnabled: "groupsEnabled", isResponsibility: "isResponsibility", nonRemovableUsersList: "nonRemovableUsersList", removePosition: "removePosition" }, outputs: { closeEvent: "closeEvent", deleteEvent: "deleteEvent", closeList: "closeList", deleteGroupEvent: "deleteGroupEvent", workflowTypeChanged: "workflowTypeChanged" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"userGroup-floating-bar\">\n  <div class=\"userGroup-floating-bar-container\">\n    <div class=\"left user-group-left\">\n      <ng-container *ngIf=\"selectedData.length > 0 && !groupsEnabled\">\n        <div\n          class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-mr-2\"\n        >\n          <ng-container\n            *ngFor=\"let element of selectedData?.slice(0, 1); let i = index\"\n          >\n            <ng-container *ngIf=\"element && !isResponsibility\">\n              <i\n                *ngIf=\"\n                  !nonRemovableUsersList.includes(element[elementId]) &&\n                  removePosition != 'right'\n                \"\n                (click)=\"deleteSelected(element)\"\n                class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\"\n                >&#xe9ae;</i\n              >\n              <span\n                class=\"step\"\n                *ngIf=\"selectedWorkflow == 'SEQUENTIAL' && showWorkflow\"\n                >{{\n                  selectedData.length <= 2 &&\n                  i == selectedData.length - 1 &&\n                  selectedData.length > 1\n                    ? \"Final\"\n                    : i + 1\n                }}</span\n              >\n              <span\n                *ngIf=\"(element[displayElementKey] | dataType) !== 'object'\"\n                class=\"chipName vx-fs-11 vx-label-txt\"\n                [appTooltip]=\"element[displayElementKey]\"\n                placement=\"bottom-left\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"false\"\n                >{{ element[displayElementKey] }}</span\n              >\n              <span\n                *ngIf=\"(element[displayElementKey] | dataType) === 'object'\"\n                class=\"chipName vx-fs-11 vx-label-txt\"\n                >{{\n                  element[displayElementKey]\n                    | slice : element[displayElementKey].length - 1\n                }}</span\n              >\n              <i\n                class=\"icons cross vx-fs-12 vx-paragraph-txt vx-ml-1\"\n                *ngIf=\"\n                  !nonRemovableUsersList.includes(element[elementId]) &&\n                  removePosition == 'right'\n                \"\n                (click)=\"deleteSelected(element)\"\n                >&#xe9ae;</i\n              >\n            </ng-container>\n          </ng-container>\n          <button\n            *ngIf=\"selectedData?.length > 1 || (isResponsibility && selectedData?.length > 0)\"\n            class=\"countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4\"\n            [class.greenBg]=\"false\"\n            appPopover\n            (click)=\"userPopover.popover()\"\n            placement=\"left\"\n          >\n            {{ isResponsibility ? selectedData?.length : selectedData?.slice(1)?.length }}\n          </button>\n        </div>\n\n        <div class=\"name\" *ngIf=\"selectedData?.length > 1 || (isResponsibility && selectedData?.length > 0)\">\n          <span *ngIf=\"(!isResponsibility && selectedData?.slice(1).length === 1) || (isResponsibility && selectedData?.length === 1)\">{{\n            singularText\n          }}</span>\n          <span *ngIf=\"(!isResponsibility && selectedData?.slice(1).length > 1) || (isResponsibility && selectedData?.length > 1)\">{{\n            pluralText\n          }}</span>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"groupsEnabled\">\n        <div class=\"user-group-chip\" *ngIf=\"selectedData?.length\">\n          <i (click)=\"deleteSelected(selectedData[0])\" class=\"icons cross\"\n            >&#xe9ae;</i\n          >\n          <div\n            class=\"user-group-name\"\n            appTooltip=\"{{ selectedData[0][displayElementKey] }}\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n          >\n            {{ selectedData[0][displayElementKey] }}\n          </div>\n          <div\n            class=\"counter\"\n            *ngIf=\"selectedData?.length > 1\"\n            appPopover\n            (click)=\"UserWithFeatureFlagPopover.popover()\"\n            placement=\"left\"\n          >\n            +{{ selectedData?.length - 1 }}\n          </div>\n        </div>\n        <div\n          class=\"name userGroup-name\"\n          *ngIf=\"selectedData?.length > 0 && groupsEnabled\"\n        >\n          <span class=\"userGroup-text\" *ngIf=\"selectedData?.length === 1\">\n            {{\n              selectedGroups && selectedGroups?.length > 0 ? \" & \" : \"\"\n            }}</span\n          >\n          <span class=\"userGroup-text\" *ngIf=\"selectedData?.length > 1\"\n            >Users\n            {{\n              selectedGroups && selectedGroups?.length > 0 ? \" & \" : \"selected\"\n            }}</span\n          >\n        </div>\n        <div class=\"user-group-chip\" *ngIf=\"selectedGroups?.length\">\n          <i\n            class=\"icons cross\"\n            (click)=\"deleteSelectedGroup(selectedGroups[0])\"\n            >&#xe9ae;</i\n          >\n          <div\n            class=\"user-group-name\"\n            appTooltip=\"{{ selectedGroups[0]?.group_name }}\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n          >\n            {{ selectedGroups[0]?.group_name }}\n          </div>\n          <div\n            class=\"counter group\"\n            *ngIf=\"selectedGroups.length > 1\"\n            appPopover\n            (click)=\"groupPopover.popover()\"\n            placement=\"left\"\n          >\n            +{{ selectedGroups.length - 1 }}\n          </div>\n        </div>\n        <div class=\"name userGroup-name\" *ngIf=\"selectedGroups.length > 0\">\n          {{ selectedGroups?.length > 1 ? \" User Groups selected \" : \"\" }}\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"showFrequencyText\">\n        <div class=\"name vx-ml-0\">\n          <span\n            >You have selected\n            <span class=\"vx-fw-500 vx-label-txt\">{{ currentFrequency }}</span>\n            frequency.</span\n          >\n        </div>\n      </ng-container>\n      <ng-content></ng-content>\n    </div>\n    <div\n      class=\"center\"\n      *ngIf=\"\n        (showWorkflow && mode === 'CREATE') ||\n        (showWorkflow && workflowList.includes('ROUND-ROBIN'))\n      \"\n    >\n      <label>\n        {{ workflowText }}\n        <span\n          class=\"icon\"\n          *ngIf=\"workflowText == 'Approval Workflow'\"\n          libPopoverHover\n          (mouseover)=\"dataTooltip.popover()\"\n          (mouseleave)=\"dataTooltip.closePopover()\"\n          placement=\"right\"\n          ><i class=\"icons\">&#xe91f;</i></span\n        >\n      </label>\n      <popover-hover #dataTooltip>\n        <div class=\"vx-info-card\">\n          <div class=\"vx-info-card-body\">\n            You can select from the following three options:<br />\n            <strong>Sequential:</strong> The policy would be sent for approval\n            one at a time in the sequence defined by you.<br />\n            <strong>Round-robin:</strong> The policy will be sent for approval\n            to all approvers at the same time. However, it is mandatory for all\n            approvers to take action.<br />\n            <strong>Any One:</strong> The policy will be sent for approval to\n            all approvers at the same time. If anyone of the approver approves\n            the policy, it will be considered as approved.\n          </div>\n        </div>\n      </popover-hover>\n      <cs-select\n        [(ngModel)]=\"selectedWorkflow\"\n        (ngModelChange)=\"selectedWorkflowChange($event)\"\n        [placeholder]=\"'Approval WorkFlow *'\"\n        [setMaxWidth]=\"true\"\n      >\n        <cs-option *ngFor=\"let data of workflowList\" [value]=\"data\">\n          {{ data }}\n        </cs-option>\n      </cs-select>\n    </div>\n    <div class=\"right\">\n      <button appRipple class=\"cancel\" (click)=\"close()\">Cancel</button>\n      <button\n        *ngIf=\"showNextButton\"\n        [disabled]=\"isDisabled\"\n        (click)=\"next()\"\n        appRipple\n      >\n        Next <i class=\"icons\">&#xe91e;</i>\n      </button>\n    </div>\n  </div>\n</div>\n<app-popover #userPopover [dontCloseonClick]=\"true\">\n  <div class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let element of selectedData?.slice(1); let i = index\">\n        <div class=\"avatar-card\">\n          <span\n            class=\"value\"\n            *ngIf=\"(element[displayElementKey] | dataType) !== 'object'\"\n          >\n            <i\n              class=\"icons\"\n              *ngIf=\"!nonRemovableUsersList.includes(element[elementId])\"\n              (click)=\"deleteSelected(element)\"\n              >&#xe90d;</i\n            >\n            <span\n              class=\"step\"\n              *ngIf=\"selectedWorkflow == 'SEQUENTIAL' && showWorkflow\"\n            >\n              {{ i == selectedData.slice(1).length - 1 ? \"Final\" : i + 2 }}\n            </span>\n            {{ element[displayElementKey] }}\n          </span>\n\n          <span\n            class=\"value\"\n            *ngIf=\"(element[displayElementKey] | dataType) === 'object'\"\n          >\n            <i\n              class=\"icons\"\n              *ngIf=\"!nonRemovableUsersList.includes(element[elementId])\"\n              (click)=\"deleteSelected(element)\"\n              >&#xe90d;</i\n            >\n            {{ element[displayElementKey] }}\n          </span>\n          <div\n            *ngIf=\"\n              defaultSelected?.category_id &&\n              defaultSelected?.category_id === element?.category_id\n            \"\n            class=\"primary-label\"\n          >\n            PRIMARY\n          </div>\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n<app-popover #UserWithFeatureFlagPopover [dontCloseonClick]=\"true\">\n  <div class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let data of selectedData | slice : 1\">\n        <div class=\"avatar-card\">\n          <span class=\"value\"\n            ><i class=\"icons\" (click)=\"deleteSelected(data)\">&#xe90d;</i\n            >{{ data[displayElementKey] }}</span\n          >\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n<app-popover #groupPopover [dontCloseonClick]=\"true\">\n  <div class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let data of selectedGroups | slice : 1\">\n        <div class=\"avatar-card\">\n          <span class=\"value\"\n            ><i class=\"icons\" (click)=\"deleteSelectedGroup(data)\">&#xe90d;</i\n            >{{ data[\"group_name\"] }}</span\n          >\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .userGroup-floating-bar-container{height:48px;border-radius:4px;box-shadow:0 6px 12px #4681ef26;border:1px solid #f8f8f8;padding:8px 12px;display:flex;justify-content:space-between;position:relative;align-items:center;background:#fff}::ng-deep .userGroup-floating-bar-container .left{display:flex;align-items:center;width:40%}::ng-deep .userGroup-floating-bar-container .left.user-group-left{width:60%}::ng-deep .userGroup-floating-bar-container .left .chip{padding:0 5px;height:24px;display:inline-flex;color:#1e5dd3;border-radius:2px;align-items:center;background:#fff;max-width:100%;box-shadow:0 2px 6px #4681ef20}::ng-deep .userGroup-floating-bar-container .left .chip i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex;margin-left:4px}::ng-deep .userGroup-floating-bar-container .left .chip span{width:auto;font-size:12px;font-weight:500;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;max-width:120px}::ng-deep .userGroup-floating-bar-container .left .chip span.no-action{max-width:100%}::ng-deep .userGroup-floating-bar-container .left .chip span+i{margin-left:8px;margin-right:0}::ng-deep .userGroup-floating-bar-container .left .chip+.chip{margin-left:5px}::ng-deep .userGroup-floating-bar-container .left .counter{border-radius:20px;background:#34aa44;border:none;color:#fff;font-size:9px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;margin:0 0 0 8px;padding:0 4px;justify-content:center;line-height:16px;min-width:24px}::ng-deep .userGroup-floating-bar-container .left .counter.group{background:#1e5dd3}::ng-deep .userGroup-floating-bar-container .left .name{margin-right:4px;color:#707070;font-size:12px;line-height:18px;white-space:nowrap}::ng-deep .userGroup-floating-bar-container .left .name b{text-transform:lowercase}::ng-deep .userGroup-floating-bar-container .left .user-group-chip{background:#fff;border-radius:.125rem;box-shadow:0 0 2px #1e5dd340;height:1.5rem;display:inline-flex;align-items:center;padding:0 8px;max-width:13rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}::ng-deep .userGroup-floating-bar-container .left .user-group-chip .cross{color:#747576;font-size:10px;margin-right:4px;cursor:pointer;min-width:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:2px;margin-left:-4px}::ng-deep .userGroup-floating-bar-container .left .user-group-chip .cross:hover{background:#f1f1f1}::ng-deep .userGroup-floating-bar-container .left .user-group-chip .user-group-name{color:#161b2f;font-size:11px;display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem}::ng-deep .userGroup-floating-bar-container .left .userGroup-text{margin-right:4px}::ng-deep .userGroup-floating-bar-container .center{width:40%;display:flex;justify-content:flex-start;align-items:center}::ng-deep .userGroup-floating-bar-container .center label{color:#161b2f;font-size:11px;font-weight:500;line-height:16px;margin-bottom:0;display:block;text-transform:uppercase;width:auto;margin-right:8px;text-align:left;white-space:nowrap}::ng-deep .userGroup-floating-bar-container .center label .icon i{color:#1e5dd3}::ng-deep .userGroup-floating-bar-container .center cs-select{width:100%}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group{position:relative}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group input.value{background:transparent!important;height:32px!important;padding:8px 20px 8px 8px!important;border-radius:2px!important}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group i{right:12px!important;top:12px!important}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group:before{border:1px solid #707070;border-top:none;border-left:none;content:\"\";display:inline-block;right:8px;position:absolute;top:12px;width:5px;height:5px;transform:rotate(45deg)}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .select-options cs-option .list label span.value{font-size:13px!important}::ng-deep .userGroup-floating-bar-container .right{display:flex;align-items:center}::ng-deep .userGroup-floating-bar-container .right .name{margin-left:15px;color:#707070;font-size:12px;font-weight:500;line-height:18px;display:flex;align-items:center;white-space:nowrap}::ng-deep .userGroup-floating-bar-container .right .name span.required{color:#eb2424;font-size:14px}::ng-deep .userGroup-floating-bar-container .right .name i{margin-left:3px;color:#1e5dd3;cursor:pointer}::ng-deep .userGroup-floating-bar-container .right app-cs-select{margin-left:12px;width:125px;display:flex}::ng-deep .userGroup-floating-bar-container .right app-cs-select .input-group .custom-select-box input{height:32px}::ng-deep .userGroup-floating-bar-container .right app-cs-select .input-group .custom-select-box span.arrow{bottom:6px}::ng-deep .userGroup-floating-bar-container .right button{border-radius:2px;height:24px;background:#1e5dd3!important;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff!important;text-transform:uppercase;font-size:11px;font-weight:500;border:none!important;padding:0 8px;margin:0 0 0 8px}::ng-deep .userGroup-floating-bar-container .right button i{margin-left:8px;font-size:11px}::ng-deep .userGroup-floating-bar-container .right button:disabled{background:#f1f1f1!important;color:#747576!important;opacity:1}::ng-deep .userGroup-floating-bar-container .right button.cancel{background:transparent!important;color:#eb2424!important}::ng-deep span.step{background:#1e5dd3;border-radius:2px;color:#fff;font-size:9px;line-height:14px;padding:0 4px;font-weight:400;text-align:center;min-width:auto;margin-right:4px}.wf-action-list{width:220px}.wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.wf-action-list ul.action-item{display:block}.wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.wf-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.wf-action-list ul.action-item li button .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 16px)}.wf-action-list ul.action-item li button i{font-size:16px;margin-right:10px;color:#1e5dd3}.wf-action-list ul.action-item li button:hover{background:#f3f3f3}.wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.wf-action-list ul.action-item li .avatar-card.within-con{display:block}.wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;min-width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.wf-action-list ul.action-item li .avatar-card .avatar img{background:#fff;width:100%;height:100%}.wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.wf-action-list ul.action-item li .avatar-card span.value{color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:4px}.wf-action-list ul.action-item li .avatar-card span.value i.disabled{color:#dbdbdb;pointer-events:none}.wf-action-list ul.action-item li .avatar-card.no-image{display:block}.wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.wf-action-list ul.action-item li .avatar-card i.delete-icon{color:#d93b41;cursor:pointer;font-size:14px}.wf-action-list ul.action-item li .avatar-card .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}.wf-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.wf-action-list ul.action-item li .chip-item i{color:#747576;margin-left:7px;font-size:10px;cursor:pointer;display:inline-flex}.wf-action-list ul.action-item li .chip-item span{display:block;width:auto;width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.wf-action-list ul.action-item li .chip-item span.id{font-size:9px}.wf-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.wf-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.wf-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.wf-action-list ul.action-item li.multiple-program{background:#f8f8f8;margin-top:8px}.wf-action-list ul.action-item li.multiple-program .avatar-card{padding:2px 7.5px}.wf-action-list ul.action-item li.multiple-program .avatar-card span.value{color:#747576;font-size:11px;font-weight:600;width:unset}.wf-action-list ul.action-item li.multiple-program .avatar-card span.value i.disabled{color:#dbdbdb;pointer-events:none}.wf-action-list ul.action-item li.multiple-program .avatar-card .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}.wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}.vx-overlay{position:fixed;z-index:1;inset:0}.vx-info-card{width:280px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;position:static;display:block}.vx-info-card-head{font-size:13px;border-bottom:1px solid #dcdcdc;padding:8px 12px;font-weight:500;text-transform:none;color:#161b2f}.vx-info-card-body{font-size:11px;padding:8px 12px;margin:0;font-weight:400;text-transform:none;color:#747576}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i3.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i4.DataTypePipe, name: "dataType" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FloatingBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-floating-bar', template: "<div class=\"userGroup-floating-bar\">\n  <div class=\"userGroup-floating-bar-container\">\n    <div class=\"left user-group-left\">\n      <ng-container *ngIf=\"selectedData.length > 0 && !groupsEnabled\">\n        <div\n          class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-mr-2\"\n        >\n          <ng-container\n            *ngFor=\"let element of selectedData?.slice(0, 1); let i = index\"\n          >\n            <ng-container *ngIf=\"element\">\n              <i\n                *ngIf=\"\n                  !nonRemovableUsersList.includes(element[elementId]) &&\n                  removePosition != 'right'\n                \"\n                (click)=\"deleteSelected(element)\"\n                class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\"\n                >&#xe9ae;</i\n              >\n              <span\n                class=\"step\"\n                *ngIf=\"selectedWorkflow == 'SEQUENTIAL' && showWorkflow\"\n                >{{\n                  selectedData.length <= 2 &&\n                  i == selectedData.length - 1 &&\n                  selectedData.length > 1\n                    ? \"Final\"\n                    : i + 1\n                }}</span\n              >\n              <span\n                *ngIf=\"(element[displayElementKey] | dataType) !== 'object'\"\n                class=\"chipName vx-fs-11 vx-label-txt\"\n                [appTooltip]=\"element[displayElementKey]\"\n                placement=\"bottom-left\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"false\"\n                >{{ element[displayElementKey] }}</span\n              >\n              <span\n                *ngIf=\"(element[displayElementKey] | dataType) === 'object'\"\n                class=\"chipName vx-fs-11 vx-label-txt\"\n                >{{\n                  element[displayElementKey]\n                    | slice : element[displayElementKey].length - 1\n                }}</span\n              >\n              <i\n                class=\"icons cross vx-fs-12 vx-paragraph-txt vx-ml-1\"\n                *ngIf=\"\n                  !nonRemovableUsersList.includes(element[elementId]) &&\n                  removePosition == 'right'\n                \"\n                (click)=\"deleteSelected(element)\"\n                >&#xe9ae;</i\n              >\n            </ng-container>\n          </ng-container>\n          <button\n            *ngIf=\"selectedData?.length > 1\"\n            class=\"countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4\"\n            [class.greenBg]=\"false\"\n            appPopover\n            (click)=\"userPopover.popover()\"\n            placement=\"left\"\n          >\n            +{{ selectedData?.slice(1)?.length }}\n          </button>\n        </div>\n\n        <div class=\"name\" *ngIf=\"selectedData?.length > 1\">\n          <span *ngIf=\"selectedData?.slice(1).length === 1\">{{\n            singularText\n          }}</span>\n          <span *ngIf=\"selectedData?.slice(1).length > 1\">{{\n            pluralText\n          }}</span>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"groupsEnabled\">\n        <div class=\"user-group-chip\" *ngIf=\"selectedData?.length\">\n          <i (click)=\"deleteSelected(selectedData[0])\" class=\"icons cross\"\n            >&#xe9ae;</i\n          >\n          <div\n            class=\"user-group-name\"\n            appTooltip=\"{{ selectedData[0][displayElementKey] }}\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n          >\n            {{ selectedData[0][displayElementKey] }}\n          </div>\n          <div\n            class=\"counter\"\n            *ngIf=\"selectedData?.length > 1\"\n            appPopover\n            (click)=\"UserWithFeatureFlagPopover.popover()\"\n            placement=\"left\"\n          >\n            +{{ selectedData?.length - 1 }}\n          </div>\n        </div>\n        <div\n          class=\"name userGroup-name\"\n          *ngIf=\"selectedData?.length > 0 && groupsEnabled\"\n        >\n          <span class=\"userGroup-text\" *ngIf=\"selectedData?.length === 1\">\n            {{\n              selectedGroups && selectedGroups?.length > 0 ? \" & \" : \"\"\n            }}</span\n          >\n          <span class=\"userGroup-text\" *ngIf=\"selectedData?.length > 1\"\n            >Users\n            {{\n              selectedGroups && selectedGroups?.length > 0 ? \" & \" : \"selected\"\n            }}</span\n          >\n        </div>\n        <div class=\"user-group-chip\" *ngIf=\"selectedGroups?.length\">\n          <i\n            class=\"icons cross\"\n            (click)=\"deleteSelectedGroup(selectedGroups[0])\"\n            >&#xe9ae;</i\n          >\n          <div\n            class=\"user-group-name\"\n            appTooltip=\"{{ selectedGroups[0]?.group_name }}\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n          >\n            {{ selectedGroups[0]?.group_name }}\n          </div>\n          <div\n            class=\"counter group\"\n            *ngIf=\"selectedGroups.length > 1\"\n            appPopover\n            (click)=\"groupPopover.popover()\"\n            placement=\"left\"\n          >\n            +{{ selectedGroups.length - 1 }}\n          </div>\n        </div>\n        <div class=\"name userGroup-name\" *ngIf=\"selectedGroups.length > 0\">\n          {{ selectedGroups?.length > 1 ? \" User Groups selected \" : \"\" }}\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"showFrequencyText\">\n        <div class=\"name vx-ml-0\">\n          <span\n            >You have selected\n            <span class=\"vx-fw-500 vx-label-txt\">{{ currentFrequency }}</span>\n            frequency.</span\n          >\n        </div>\n      </ng-container>\n      <ng-content></ng-content>\n    </div>\n    <div\n      class=\"center\"\n      *ngIf=\"\n        (showWorkflow && mode === 'CREATE') ||\n        (showWorkflow && workflowList.includes('ROUND-ROBIN'))\n      \"\n    >\n      <label>\n        {{ workflowText }}\n        <span\n          class=\"icon\"\n          *ngIf=\"workflowText == 'Approval Workflow'\"\n          libPopoverHover\n          (mouseover)=\"dataTooltip.popover()\"\n          (mouseleave)=\"dataTooltip.closePopover()\"\n          placement=\"right\"\n          ><i class=\"icons\">&#xe91f;</i></span\n        >\n      </label>\n      <popover-hover #dataTooltip>\n        <div class=\"vx-info-card\">\n          <div class=\"vx-info-card-body\">\n            You can select from the following three options:<br />\n            <strong>Sequential:</strong> The policy would be sent for approval\n            one at a time in the sequence defined by you.<br />\n            <strong>Round-robin:</strong> The policy will be sent for approval\n            to all approvers at the same time. However, it is mandatory for all\n            approvers to take action.<br />\n            <strong>Any One:</strong> The policy will be sent for approval to\n            all approvers at the same time. If anyone of the approver approves\n            the policy, it will be considered as approved.\n          </div>\n        </div>\n      </popover-hover>\n      <cs-select\n        [(ngModel)]=\"selectedWorkflow\"\n        (ngModelChange)=\"selectedWorkflowChange($event)\"\n        [placeholder]=\"'Approval WorkFlow *'\"\n        [setMaxWidth]=\"true\"\n      >\n        <cs-option *ngFor=\"let data of workflowList\" [value]=\"data\">\n          {{ data }}\n        </cs-option>\n      </cs-select>\n    </div>\n    <div class=\"right\">\n      <button appRipple class=\"cancel\" (click)=\"close()\">Cancel</button>\n      <button\n        *ngIf=\"showNextButton\"\n        [disabled]=\"isDisabled\"\n        (click)=\"next()\"\n        appRipple\n      >\n        Next <i class=\"icons\">&#xe91e;</i>\n      </button>\n    </div>\n  </div>\n</div>\n<app-popover #userPopover [dontCloseonClick]=\"true\">\n  <div class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let element of selectedData?.slice(1); let i = index\">\n        <div class=\"avatar-card\">\n          <span\n            class=\"value\"\n            *ngIf=\"(element[displayElementKey] | dataType) !== 'object'\"\n          >\n            <i\n              class=\"icons\"\n              *ngIf=\"!nonRemovableUsersList.includes(element[elementId])\"\n              (click)=\"deleteSelected(element)\"\n              >&#xe90d;</i\n            >\n            <span\n              class=\"step\"\n              *ngIf=\"selectedWorkflow == 'SEQUENTIAL' && showWorkflow\"\n            >\n              {{ i == selectedData.slice(1).length - 1 ? \"Final\" : i + 2 }}\n            </span>\n            {{ element[displayElementKey] }}\n          </span>\n\n          <span\n            class=\"value\"\n            *ngIf=\"(element[displayElementKey] | dataType) === 'object'\"\n          >\n            <i\n              class=\"icons\"\n              *ngIf=\"!nonRemovableUsersList.includes(element[elementId])\"\n              (click)=\"deleteSelected(element)\"\n              >&#xe90d;</i\n            >\n            {{ element[displayElementKey] }}\n          </span>\n          <div\n            *ngIf=\"\n              defaultSelected?.category_id &&\n              defaultSelected?.category_id === element?.category_id\n            \"\n            class=\"primary-label\"\n          >\n            PRIMARY\n          </div>\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n<app-popover #UserWithFeatureFlagPopover [dontCloseonClick]=\"true\">\n  <div class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let data of selectedData | slice : 1\">\n        <div class=\"avatar-card\">\n          <span class=\"value\"\n            ><i class=\"icons\" (click)=\"deleteSelected(data)\">&#xe90d;</i\n            >{{ data[displayElementKey] }}</span\n          >\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n<app-popover #groupPopover [dontCloseonClick]=\"true\">\n  <div class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let data of selectedGroups | slice : 1\">\n        <div class=\"avatar-card\">\n          <span class=\"value\"\n            ><i class=\"icons\" (click)=\"deleteSelectedGroup(data)\">&#xe90d;</i\n            >{{ data[\"group_name\"] }}</span\n          >\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .userGroup-floating-bar-container{height:48px;border-radius:4px;box-shadow:0 6px 12px #4681ef26;border:1px solid #f8f8f8;padding:8px 12px;display:flex;justify-content:space-between;position:relative;align-items:center;background:#fff}::ng-deep .userGroup-floating-bar-container .left{display:flex;align-items:center;width:40%}::ng-deep .userGroup-floating-bar-container .left.user-group-left{width:60%}::ng-deep .userGroup-floating-bar-container .left .chip{padding:0 5px;height:24px;display:inline-flex;color:#1e5dd3;border-radius:2px;align-items:center;background:#fff;max-width:100%;box-shadow:0 2px 6px #4681ef20}::ng-deep .userGroup-floating-bar-container .left .chip i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex;margin-left:4px}::ng-deep .userGroup-floating-bar-container .left .chip span{width:auto;font-size:12px;font-weight:500;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;max-width:120px}::ng-deep .userGroup-floating-bar-container .left .chip span.no-action{max-width:100%}::ng-deep .userGroup-floating-bar-container .left .chip span+i{margin-left:8px;margin-right:0}::ng-deep .userGroup-floating-bar-container .left .chip+.chip{margin-left:5px}::ng-deep .userGroup-floating-bar-container .left .counter{border-radius:20px;background:#34aa44;border:none;color:#fff;font-size:9px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;margin:0 0 0 8px;padding:0 4px;justify-content:center;line-height:16px;min-width:24px}::ng-deep .userGroup-floating-bar-container .left .counter.group{background:#1e5dd3}::ng-deep .userGroup-floating-bar-container .left .name{margin-right:4px;color:#707070;font-size:12px;line-height:18px;white-space:nowrap}::ng-deep .userGroup-floating-bar-container .left .name b{text-transform:lowercase}::ng-deep .userGroup-floating-bar-container .left .user-group-chip{background:#fff;border-radius:.125rem;box-shadow:0 0 2px #1e5dd340;height:1.5rem;display:inline-flex;align-items:center;padding:0 8px;max-width:13rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}::ng-deep .userGroup-floating-bar-container .left .user-group-chip .cross{color:#747576;font-size:10px;margin-right:4px;cursor:pointer;min-width:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:2px;margin-left:-4px}::ng-deep .userGroup-floating-bar-container .left .user-group-chip .cross:hover{background:#f1f1f1}::ng-deep .userGroup-floating-bar-container .left .user-group-chip .user-group-name{color:#161b2f;font-size:11px;display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem}::ng-deep .userGroup-floating-bar-container .left .userGroup-text{margin-right:4px}::ng-deep .userGroup-floating-bar-container .center{width:40%;display:flex;justify-content:flex-start;align-items:center}::ng-deep .userGroup-floating-bar-container .center label{color:#161b2f;font-size:11px;font-weight:500;line-height:16px;margin-bottom:0;display:block;text-transform:uppercase;width:auto;margin-right:8px;text-align:left;white-space:nowrap}::ng-deep .userGroup-floating-bar-container .center label .icon i{color:#1e5dd3}::ng-deep .userGroup-floating-bar-container .center cs-select{width:100%}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group{position:relative}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group input.value{background:transparent!important;height:32px!important;padding:8px 20px 8px 8px!important;border-radius:2px!important}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group i{right:12px!important;top:12px!important}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group:before{border:1px solid #707070;border-top:none;border-left:none;content:\"\";display:inline-block;right:8px;position:absolute;top:12px;width:5px;height:5px;transform:rotate(45deg)}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .select-options cs-option .list label span.value{font-size:13px!important}::ng-deep .userGroup-floating-bar-container .right{display:flex;align-items:center}::ng-deep .userGroup-floating-bar-container .right .name{margin-left:15px;color:#707070;font-size:12px;font-weight:500;line-height:18px;display:flex;align-items:center;white-space:nowrap}::ng-deep .userGroup-floating-bar-container .right .name span.required{color:#eb2424;font-size:14px}::ng-deep .userGroup-floating-bar-container .right .name i{margin-left:3px;color:#1e5dd3;cursor:pointer}::ng-deep .userGroup-floating-bar-container .right app-cs-select{margin-left:12px;width:125px;display:flex}::ng-deep .userGroup-floating-bar-container .right app-cs-select .input-group .custom-select-box input{height:32px}::ng-deep .userGroup-floating-bar-container .right app-cs-select .input-group .custom-select-box span.arrow{bottom:6px}::ng-deep .userGroup-floating-bar-container .right button{border-radius:2px;height:24px;background:#1e5dd3!important;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff!important;text-transform:uppercase;font-size:11px;font-weight:500;border:none!important;padding:0 8px;margin:0 0 0 8px}::ng-deep .userGroup-floating-bar-container .right button i{margin-left:8px;font-size:11px}::ng-deep .userGroup-floating-bar-container .right button:disabled{background:#f1f1f1!important;color:#747576!important;opacity:1}::ng-deep .userGroup-floating-bar-container .right button.cancel{background:transparent!important;color:#eb2424!important}::ng-deep span.step{background:#1e5dd3;border-radius:2px;color:#fff;font-size:9px;line-height:14px;padding:0 4px;font-weight:400;text-align:center;min-width:auto;margin-right:4px}.wf-action-list{width:220px}.wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.wf-action-list ul.action-item{display:block}.wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.wf-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.wf-action-list ul.action-item li button .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 16px)}.wf-action-list ul.action-item li button i{font-size:16px;margin-right:10px;color:#1e5dd3}.wf-action-list ul.action-item li button:hover{background:#f3f3f3}.wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.wf-action-list ul.action-item li .avatar-card.within-con{display:block}.wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;min-width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.wf-action-list ul.action-item li .avatar-card .avatar img{background:#fff;width:100%;height:100%}.wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.wf-action-list ul.action-item li .avatar-card span.value{color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:4px}.wf-action-list ul.action-item li .avatar-card span.value i.disabled{color:#dbdbdb;pointer-events:none}.wf-action-list ul.action-item li .avatar-card.no-image{display:block}.wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.wf-action-list ul.action-item li .avatar-card i.delete-icon{color:#d93b41;cursor:pointer;font-size:14px}.wf-action-list ul.action-item li .avatar-card .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}.wf-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.wf-action-list ul.action-item li .chip-item i{color:#747576;margin-left:7px;font-size:10px;cursor:pointer;display:inline-flex}.wf-action-list ul.action-item li .chip-item span{display:block;width:auto;width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.wf-action-list ul.action-item li .chip-item span.id{font-size:9px}.wf-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.wf-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.wf-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.wf-action-list ul.action-item li.multiple-program{background:#f8f8f8;margin-top:8px}.wf-action-list ul.action-item li.multiple-program .avatar-card{padding:2px 7.5px}.wf-action-list ul.action-item li.multiple-program .avatar-card span.value{color:#747576;font-size:11px;font-weight:600;width:unset}.wf-action-list ul.action-item li.multiple-program .avatar-card span.value i.disabled{color:#dbdbdb;pointer-events:none}.wf-action-list ul.action-item li.multiple-program .avatar-card .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}.wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}.vx-overlay{position:fixed;z-index:1;inset:0}.vx-info-card{width:280px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;position:static;display:block}.vx-info-card-head{font-size:13px;border-bottom:1px solid #dcdcdc;padding:8px 12px;font-weight:500;text-transform:none;color:#161b2f}.vx-info-card-body{font-size:11px;padding:8px 12px;margin:0;font-weight:400;text-transform:none;color:#747576}\n"] }]
+            args: [{ selector: 'app-floating-bar', template: "<div class=\"userGroup-floating-bar\">\n  <div class=\"userGroup-floating-bar-container\">\n    <div class=\"left user-group-left\">\n      <ng-container *ngIf=\"selectedData.length > 0 && !groupsEnabled\">\n        <div\n          class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-mr-2\"\n        >\n          <ng-container\n            *ngFor=\"let element of selectedData?.slice(0, 1); let i = index\"\n          >\n            <ng-container *ngIf=\"element && !isResponsibility\">\n              <i\n                *ngIf=\"\n                  !nonRemovableUsersList.includes(element[elementId]) &&\n                  removePosition != 'right'\n                \"\n                (click)=\"deleteSelected(element)\"\n                class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\"\n                >&#xe9ae;</i\n              >\n              <span\n                class=\"step\"\n                *ngIf=\"selectedWorkflow == 'SEQUENTIAL' && showWorkflow\"\n                >{{\n                  selectedData.length <= 2 &&\n                  i == selectedData.length - 1 &&\n                  selectedData.length > 1\n                    ? \"Final\"\n                    : i + 1\n                }}</span\n              >\n              <span\n                *ngIf=\"(element[displayElementKey] | dataType) !== 'object'\"\n                class=\"chipName vx-fs-11 vx-label-txt\"\n                [appTooltip]=\"element[displayElementKey]\"\n                placement=\"bottom-left\"\n                delay=\"0\"\n                type=\"black\"\n                [tooltipMandatory]=\"false\"\n                >{{ element[displayElementKey] }}</span\n              >\n              <span\n                *ngIf=\"(element[displayElementKey] | dataType) === 'object'\"\n                class=\"chipName vx-fs-11 vx-label-txt\"\n                >{{\n                  element[displayElementKey]\n                    | slice : element[displayElementKey].length - 1\n                }}</span\n              >\n              <i\n                class=\"icons cross vx-fs-12 vx-paragraph-txt vx-ml-1\"\n                *ngIf=\"\n                  !nonRemovableUsersList.includes(element[elementId]) &&\n                  removePosition == 'right'\n                \"\n                (click)=\"deleteSelected(element)\"\n                >&#xe9ae;</i\n              >\n            </ng-container>\n          </ng-container>\n          <button\n            *ngIf=\"selectedData?.length > 1 || (isResponsibility && selectedData?.length > 0)\"\n            class=\"countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4\"\n            [class.greenBg]=\"false\"\n            appPopover\n            (click)=\"userPopover.popover()\"\n            placement=\"left\"\n          >\n            {{ isResponsibility ? selectedData?.length : selectedData?.slice(1)?.length }}\n          </button>\n        </div>\n\n        <div class=\"name\" *ngIf=\"selectedData?.length > 1 || (isResponsibility && selectedData?.length > 0)\">\n          <span *ngIf=\"(!isResponsibility && selectedData?.slice(1).length === 1) || (isResponsibility && selectedData?.length === 1)\">{{\n            singularText\n          }}</span>\n          <span *ngIf=\"(!isResponsibility && selectedData?.slice(1).length > 1) || (isResponsibility && selectedData?.length > 1)\">{{\n            pluralText\n          }}</span>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"groupsEnabled\">\n        <div class=\"user-group-chip\" *ngIf=\"selectedData?.length\">\n          <i (click)=\"deleteSelected(selectedData[0])\" class=\"icons cross\"\n            >&#xe9ae;</i\n          >\n          <div\n            class=\"user-group-name\"\n            appTooltip=\"{{ selectedData[0][displayElementKey] }}\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n          >\n            {{ selectedData[0][displayElementKey] }}\n          </div>\n          <div\n            class=\"counter\"\n            *ngIf=\"selectedData?.length > 1\"\n            appPopover\n            (click)=\"UserWithFeatureFlagPopover.popover()\"\n            placement=\"left\"\n          >\n            +{{ selectedData?.length - 1 }}\n          </div>\n        </div>\n        <div\n          class=\"name userGroup-name\"\n          *ngIf=\"selectedData?.length > 0 && groupsEnabled\"\n        >\n          <span class=\"userGroup-text\" *ngIf=\"selectedData?.length === 1\">\n            {{\n              selectedGroups && selectedGroups?.length > 0 ? \" & \" : \"\"\n            }}</span\n          >\n          <span class=\"userGroup-text\" *ngIf=\"selectedData?.length > 1\"\n            >Users\n            {{\n              selectedGroups && selectedGroups?.length > 0 ? \" & \" : \"selected\"\n            }}</span\n          >\n        </div>\n        <div class=\"user-group-chip\" *ngIf=\"selectedGroups?.length\">\n          <i\n            class=\"icons cross\"\n            (click)=\"deleteSelectedGroup(selectedGroups[0])\"\n            >&#xe9ae;</i\n          >\n          <div\n            class=\"user-group-name\"\n            appTooltip=\"{{ selectedGroups[0]?.group_name }}\"\n            placement=\"bottom-left\"\n            delay=\"0\"\n            type=\"black\"\n            [tooltipMandatory]=\"false\"\n          >\n            {{ selectedGroups[0]?.group_name }}\n          </div>\n          <div\n            class=\"counter group\"\n            *ngIf=\"selectedGroups.length > 1\"\n            appPopover\n            (click)=\"groupPopover.popover()\"\n            placement=\"left\"\n          >\n            +{{ selectedGroups.length - 1 }}\n          </div>\n        </div>\n        <div class=\"name userGroup-name\" *ngIf=\"selectedGroups.length > 0\">\n          {{ selectedGroups?.length > 1 ? \" User Groups selected \" : \"\" }}\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"showFrequencyText\">\n        <div class=\"name vx-ml-0\">\n          <span\n            >You have selected\n            <span class=\"vx-fw-500 vx-label-txt\">{{ currentFrequency }}</span>\n            frequency.</span\n          >\n        </div>\n      </ng-container>\n      <ng-content></ng-content>\n    </div>\n    <div\n      class=\"center\"\n      *ngIf=\"\n        (showWorkflow && mode === 'CREATE') ||\n        (showWorkflow && workflowList.includes('ROUND-ROBIN'))\n      \"\n    >\n      <label>\n        {{ workflowText }}\n        <span\n          class=\"icon\"\n          *ngIf=\"workflowText == 'Approval Workflow'\"\n          libPopoverHover\n          (mouseover)=\"dataTooltip.popover()\"\n          (mouseleave)=\"dataTooltip.closePopover()\"\n          placement=\"right\"\n          ><i class=\"icons\">&#xe91f;</i></span\n        >\n      </label>\n      <popover-hover #dataTooltip>\n        <div class=\"vx-info-card\">\n          <div class=\"vx-info-card-body\">\n            You can select from the following three options:<br />\n            <strong>Sequential:</strong> The policy would be sent for approval\n            one at a time in the sequence defined by you.<br />\n            <strong>Round-robin:</strong> The policy will be sent for approval\n            to all approvers at the same time. However, it is mandatory for all\n            approvers to take action.<br />\n            <strong>Any One:</strong> The policy will be sent for approval to\n            all approvers at the same time. If anyone of the approver approves\n            the policy, it will be considered as approved.\n          </div>\n        </div>\n      </popover-hover>\n      <cs-select\n        [(ngModel)]=\"selectedWorkflow\"\n        (ngModelChange)=\"selectedWorkflowChange($event)\"\n        [placeholder]=\"'Approval WorkFlow *'\"\n        [setMaxWidth]=\"true\"\n      >\n        <cs-option *ngFor=\"let data of workflowList\" [value]=\"data\">\n          {{ data }}\n        </cs-option>\n      </cs-select>\n    </div>\n    <div class=\"right\">\n      <button appRipple class=\"cancel\" (click)=\"close()\">Cancel</button>\n      <button\n        *ngIf=\"showNextButton\"\n        [disabled]=\"isDisabled\"\n        (click)=\"next()\"\n        appRipple\n      >\n        Next <i class=\"icons\">&#xe91e;</i>\n      </button>\n    </div>\n  </div>\n</div>\n<app-popover #userPopover [dontCloseonClick]=\"true\">\n  <div class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let element of selectedData?.slice(1); let i = index\">\n        <div class=\"avatar-card\">\n          <span\n            class=\"value\"\n            *ngIf=\"(element[displayElementKey] | dataType) !== 'object'\"\n          >\n            <i\n              class=\"icons\"\n              *ngIf=\"!nonRemovableUsersList.includes(element[elementId])\"\n              (click)=\"deleteSelected(element)\"\n              >&#xe90d;</i\n            >\n            <span\n              class=\"step\"\n              *ngIf=\"selectedWorkflow == 'SEQUENTIAL' && showWorkflow\"\n            >\n              {{ i == selectedData.slice(1).length - 1 ? \"Final\" : i + 2 }}\n            </span>\n            {{ element[displayElementKey] }}\n          </span>\n\n          <span\n            class=\"value\"\n            *ngIf=\"(element[displayElementKey] | dataType) === 'object'\"\n          >\n            <i\n              class=\"icons\"\n              *ngIf=\"!nonRemovableUsersList.includes(element[elementId])\"\n              (click)=\"deleteSelected(element)\"\n              >&#xe90d;</i\n            >\n            {{ element[displayElementKey] }}\n          </span>\n          <div\n            *ngIf=\"\n              defaultSelected?.category_id &&\n              defaultSelected?.category_id === element?.category_id\n            \"\n            class=\"primary-label\"\n          >\n            PRIMARY\n          </div>\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n<app-popover #UserWithFeatureFlagPopover [dontCloseonClick]=\"true\">\n  <div class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let data of selectedData | slice : 1\">\n        <div class=\"avatar-card\">\n          <span class=\"value\"\n            ><i class=\"icons\" (click)=\"deleteSelected(data)\">&#xe90d;</i\n            >{{ data[displayElementKey] }}</span\n          >\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n<app-popover #groupPopover [dontCloseonClick]=\"true\">\n  <div class=\"wf-action-list\">\n    <ul class=\"action-item\">\n      <li *ngFor=\"let data of selectedGroups | slice : 1\">\n        <div class=\"avatar-card\">\n          <span class=\"value\"\n            ><i class=\"icons\" (click)=\"deleteSelectedGroup(data)\">&#xe90d;</i\n            >{{ data[\"group_name\"] }}</span\n          >\n        </div>\n      </li>\n    </ul>\n  </div>\n</app-popover>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .userGroup-floating-bar-container{height:48px;border-radius:4px;box-shadow:0 6px 12px #4681ef26;border:1px solid #f8f8f8;padding:8px 12px;display:flex;justify-content:space-between;position:relative;align-items:center;background:#fff}::ng-deep .userGroup-floating-bar-container .left{display:flex;align-items:center;width:40%}::ng-deep .userGroup-floating-bar-container .left.user-group-left{width:60%}::ng-deep .userGroup-floating-bar-container .left .chip{padding:0 5px;height:24px;display:inline-flex;color:#1e5dd3;border-radius:2px;align-items:center;background:#fff;max-width:100%;box-shadow:0 2px 6px #4681ef20}::ng-deep .userGroup-floating-bar-container .left .chip i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex;margin-left:4px}::ng-deep .userGroup-floating-bar-container .left .chip span{width:auto;font-size:12px;font-weight:500;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;max-width:120px}::ng-deep .userGroup-floating-bar-container .left .chip span.no-action{max-width:100%}::ng-deep .userGroup-floating-bar-container .left .chip span+i{margin-left:8px;margin-right:0}::ng-deep .userGroup-floating-bar-container .left .chip+.chip{margin-left:5px}::ng-deep .userGroup-floating-bar-container .left .counter{border-radius:20px;background:#34aa44;border:none;color:#fff;font-size:9px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;margin:0 0 0 8px;padding:0 4px;justify-content:center;line-height:16px;min-width:24px}::ng-deep .userGroup-floating-bar-container .left .counter.group{background:#1e5dd3}::ng-deep .userGroup-floating-bar-container .left .name{margin-right:4px;color:#707070;font-size:12px;line-height:18px;white-space:nowrap}::ng-deep .userGroup-floating-bar-container .left .name b{text-transform:lowercase}::ng-deep .userGroup-floating-bar-container .left .user-group-chip{background:#fff;border-radius:.125rem;box-shadow:0 0 2px #1e5dd340;height:1.5rem;display:inline-flex;align-items:center;padding:0 8px;max-width:13rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}::ng-deep .userGroup-floating-bar-container .left .user-group-chip .cross{color:#747576;font-size:10px;margin-right:4px;cursor:pointer;min-width:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:2px;margin-left:-4px}::ng-deep .userGroup-floating-bar-container .left .user-group-chip .cross:hover{background:#f1f1f1}::ng-deep .userGroup-floating-bar-container .left .user-group-chip .user-group-name{color:#161b2f;font-size:11px;display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem}::ng-deep .userGroup-floating-bar-container .left .userGroup-text{margin-right:4px}::ng-deep .userGroup-floating-bar-container .center{width:40%;display:flex;justify-content:flex-start;align-items:center}::ng-deep .userGroup-floating-bar-container .center label{color:#161b2f;font-size:11px;font-weight:500;line-height:16px;margin-bottom:0;display:block;text-transform:uppercase;width:auto;margin-right:8px;text-align:left;white-space:nowrap}::ng-deep .userGroup-floating-bar-container .center label .icon i{color:#1e5dd3}::ng-deep .userGroup-floating-bar-container .center cs-select{width:100%}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group{position:relative}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group input.value{background:transparent!important;height:32px!important;padding:8px 20px 8px 8px!important;border-radius:2px!important}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group i{right:12px!important;top:12px!important}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .input-group:before{border:1px solid #707070;border-top:none;border-left:none;content:\"\";display:inline-block;right:8px;position:absolute;top:12px;width:5px;height:5px;transform:rotate(45deg)}::ng-deep .userGroup-floating-bar-container .center cs-select .selection-wrap .select-options cs-option .list label span.value{font-size:13px!important}::ng-deep .userGroup-floating-bar-container .right{display:flex;align-items:center}::ng-deep .userGroup-floating-bar-container .right .name{margin-left:15px;color:#707070;font-size:12px;font-weight:500;line-height:18px;display:flex;align-items:center;white-space:nowrap}::ng-deep .userGroup-floating-bar-container .right .name span.required{color:#eb2424;font-size:14px}::ng-deep .userGroup-floating-bar-container .right .name i{margin-left:3px;color:#1e5dd3;cursor:pointer}::ng-deep .userGroup-floating-bar-container .right app-cs-select{margin-left:12px;width:125px;display:flex}::ng-deep .userGroup-floating-bar-container .right app-cs-select .input-group .custom-select-box input{height:32px}::ng-deep .userGroup-floating-bar-container .right app-cs-select .input-group .custom-select-box span.arrow{bottom:6px}::ng-deep .userGroup-floating-bar-container .right button{border-radius:2px;height:24px;background:#1e5dd3!important;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff!important;text-transform:uppercase;font-size:11px;font-weight:500;border:none!important;padding:0 8px;margin:0 0 0 8px}::ng-deep .userGroup-floating-bar-container .right button i{margin-left:8px;font-size:11px}::ng-deep .userGroup-floating-bar-container .right button:disabled{background:#f1f1f1!important;color:#747576!important;opacity:1}::ng-deep .userGroup-floating-bar-container .right button.cancel{background:transparent!important;color:#eb2424!important}::ng-deep span.step{background:#1e5dd3;border-radius:2px;color:#fff;font-size:9px;line-height:14px;padding:0 4px;font-weight:400;text-align:center;min-width:auto;margin-right:4px}.wf-action-list{width:220px}.wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.wf-action-list ul.action-item{display:block}.wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.wf-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.wf-action-list ul.action-item li button .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 16px)}.wf-action-list ul.action-item li button i{font-size:16px;margin-right:10px;color:#1e5dd3}.wf-action-list ul.action-item li button:hover{background:#f3f3f3}.wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.wf-action-list ul.action-item li .avatar-card.within-con{display:block}.wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;min-width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.wf-action-list ul.action-item li .avatar-card .avatar img{background:#fff;width:100%;height:100%}.wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.wf-action-list ul.action-item li .avatar-card span.value{color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:4px}.wf-action-list ul.action-item li .avatar-card span.value i.disabled{color:#dbdbdb;pointer-events:none}.wf-action-list ul.action-item li .avatar-card.no-image{display:block}.wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.wf-action-list ul.action-item li .avatar-card i.delete-icon{color:#d93b41;cursor:pointer;font-size:14px}.wf-action-list ul.action-item li .avatar-card .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}.wf-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.wf-action-list ul.action-item li .chip-item i{color:#747576;margin-left:7px;font-size:10px;cursor:pointer;display:inline-flex}.wf-action-list ul.action-item li .chip-item span{display:block;width:auto;width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.wf-action-list ul.action-item li .chip-item span.id{font-size:9px}.wf-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.wf-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.wf-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.wf-action-list ul.action-item li.multiple-program{background:#f8f8f8;margin-top:8px}.wf-action-list ul.action-item li.multiple-program .avatar-card{padding:2px 7.5px}.wf-action-list ul.action-item li.multiple-program .avatar-card span.value{color:#747576;font-size:11px;font-weight:600;width:unset}.wf-action-list ul.action-item li.multiple-program .avatar-card span.value i.disabled{color:#dbdbdb;pointer-events:none}.wf-action-list ul.action-item li.multiple-program .avatar-card .primary-label{background:#7aa7f7;border-radius:2px;color:#fff;font-size:9px;font-weight:500;text-transform:uppercase;padding:0 4px;line-height:12px;margin:0 4px}.wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}.vx-overlay{position:fixed;z-index:1;inset:0}.vx-info-card{width:280px;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;position:static;display:block}.vx-info-card-head{font-size:13px;border-bottom:1px solid #dcdcdc;padding:8px 12px;font-weight:500;text-transform:none;color:#161b2f}.vx-info-card-body{font-size:11px;padding:8px 12px;margin:0;font-weight:400;text-transform:none;color:#747576}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { selectedData: [{
                 type: Input
             }], selectedGroups: [{
@@ -104,6 +105,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['defaultSelected']
             }], groupsEnabled: [{
                 type: Input
+            }], isResponsibility: [{
+                type: Input
             }], nonRemovableUsersList: [{
                 type: Input
             }], removePosition: [{
@@ -119,4 +122,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], workflowTypeChanged: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmctYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvZmxvYXRpbmctYmFyL2Zsb2F0aW5nLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Zsb2F0aW5nLWJhci9mbG9hdGluZy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBRUwsTUFBTSxFQUNOLFlBQVksR0FFYixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBT3ZCLE1BQU0sT0FBTyxvQkFBb0I7SUFxQi9CLElBQThCLG9CQUFvQixDQUFDLEtBQVU7UUFDM0QsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQzVDLENBQUM7SUFVRDtRQTlCUyxzQkFBaUIsR0FBRyxFQUFFLENBQUM7UUFDdkIsY0FBUyxHQUFRLEVBQUUsQ0FBQztRQUNwQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLG1CQUFjLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQUMxQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixxQkFBZ0IsR0FBRyxFQUFFLENBQUM7UUFDdEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixpQkFBWSxHQUFHO1lBQ3RCLFlBQVk7WUFDWix3Q0FBd0M7U0FDekMsQ0FBQztRQUdPLFNBQUksR0FBVyxRQUFRLENBQUM7UUFDakMsb0JBQWUsR0FBUSxFQUFFLENBQUM7UUFNakIsMEJBQXFCLEdBQVEsRUFBRSxDQUFDO1FBRS9CLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuRCxnQkFBVyxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3ZELGNBQVMsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNsRCxxQkFBZ0IsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM1RCx3QkFBbUIsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVwRSxJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsY0FBYyxHQUFHLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsV0FBVyxLQUFJLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7SUFFbkIsSUFBSTtRQUNGLElBQUksWUFBWSxDQUFDO1FBQ2pCLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ25DLFlBQVksR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDMUU7YUFBTTtZQUNMLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO1NBQ2xDO1FBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFhO1FBQzFCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFDRCxtQkFBbUIsQ0FBQyxLQUFhO1FBQy9CLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUNELEtBQUs7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFDRCxvQkFBb0IsQ0FBQyxLQUFVO1FBQzdCLFdBQVc7SUFDYixDQUFDO0lBRUQsc0JBQXNCLENBQUMsS0FBVTtRQUMvQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7K0dBbkVVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHU3QkNkakMsZzlVQTJTQTs7NEZEN1JhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxrQkFBa0I7MEVBS25CLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBSUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRXdCLG9CQUFvQjtzQkFBakQsS0FBSzt1QkFBQyxpQkFBaUI7Z0JBR2YsYUFBYTtzQkFBckIsS0FBSztnQkFFRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csbUJBQW1CO3NCQUE1QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT25DaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWZsb2F0aW5nLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9mbG9hdGluZy1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mbG9hdGluZy1iYXIuY29tcG9uZW50Lmxlc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRmxvYXRpbmdCYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHNlbGVjdGVkRGF0YTogYW55O1xuICBASW5wdXQoKSBzZWxlY3RlZEdyb3VwczogYW55O1xuICBASW5wdXQoKSBkaXNwbGF5RWxlbWVudEtleSA9ICcnO1xuICBASW5wdXQoKSBlbGVtZW50SWQ6IGFueSA9ICcnO1xuICBASW5wdXQoKSBzaW5ndWxhclRleHQgPSAnJztcbiAgQElucHV0KCkgcGx1cmFsVGV4dCA9ICcnO1xuICBASW5wdXQoKSBzaG93TmV4dEJ1dHRvbiA9IHRydWU7XG4gIEBJbnB1dCgpIHNob3dGcmVxdWVuY3lUZXh0ID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNob3dXb3JrZmxvdyA9IGZhbHNlO1xuICBASW5wdXQoKSB3b3JrZmxvd1RleHQgPSAnJztcbiAgQElucHV0KCkgY3VycmVudEZyZXF1ZW5jeSA9ICcnO1xuICBASW5wdXQoKSBpc0Rpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHdvcmtmbG93TGlzdCA9IFtcbiAgICAnU0VRVUVOVElBTCcsXG4gICAgJ0FOWSBSRVZJRVdFUiBDQU4gTUFSSyBUSElTIEFTIFJFVklFV0VEJyxcbiAgXTtcbiAgQElucHV0KCkgc2VsZWN0ZWRXb3JrZmxvdzogYW55O1xuICBASW5wdXQoKSB3b3JrZmxvd1BsYWNlSG9sZGVyOiBhbnk7XG4gIEBJbnB1dCgpIG1vZGU6IHN0cmluZyA9ICdDUkVBVEUnO1xuICBkZWZhdWx0U2VsZWN0ZWQ6IGFueSA9IHt9O1xuICBASW5wdXQoJ2RlZmF1bHRTZWxlY3RlZCcpIHNldCBkZWZhdWx0U2VsZWN0ZWRWYWx1ZSh2YWx1ZTogYW55KSB7XG4gICAgdGhpcy5kZWZhdWx0U2VsZWN0ZWQgPSB2YWx1ZSA/IHZhbHVlIDoge307XG4gIH1cbiAgQElucHV0KCkgZ3JvdXBzRW5hYmxlZDogYW55O1xuXG4gIEBJbnB1dCgpIG5vblJlbW92YWJsZVVzZXJzTGlzdDogYW55ID0gW107XG4gIEBJbnB1dCgpIHJlbW92ZVBvc2l0aW9uOiBhbnk7XG4gIEBPdXRwdXQoKSBjbG9zZUV2ZW50OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGRlbGV0ZUV2ZW50OiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGNsb3NlTGlzdDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBkZWxldGVHcm91cEV2ZW50OiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIHdvcmtmbG93VHlwZUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLnNlbGVjdGVkRGF0YSA9IFtdO1xuICAgIHRoaXMuc2VsZWN0ZWRHcm91cHMgPSBbXTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgbmV4dCgpIHtcbiAgICBsZXQgc2VsZWN0ZWREYXRhO1xuICAgIGlmICh0aGlzLnNlbGVjdGVkR3JvdXBzPy5sZW5ndGggPiAwKSB7XG4gICAgICBzZWxlY3RlZERhdGEgPSB7IHVzZXJzOiB0aGlzLnNlbGVjdGVkRGF0YSwgZ3JvdXBzOiB0aGlzLnNlbGVjdGVkR3JvdXBzIH07XG4gICAgfSBlbHNlIHtcbiAgICAgIHNlbGVjdGVkRGF0YSA9IHRoaXMuc2VsZWN0ZWREYXRhO1xuICAgIH1cbiAgICB0aGlzLmNsb3NlRXZlbnQuZW1pdChzZWxlY3RlZERhdGEpO1xuICB9XG5cbiAgZGVsZXRlU2VsZWN0ZWQoaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMuZGVsZXRlRXZlbnQuZW1pdChpbmRleCk7XG4gIH1cbiAgZGVsZXRlU2VsZWN0ZWRHcm91cChpbmRleDogbnVtYmVyKSB7XG4gICAgdGhpcy5kZWxldGVHcm91cEV2ZW50LmVtaXQoaW5kZXgpO1xuICB9XG4gIGNsb3NlKCkge1xuICAgIHRoaXMuY2xvc2VMaXN0LmVtaXQoKTtcbiAgfVxuICBzZWxlY3RlZFdvcmtmbG93VHlwZShldmVudDogYW55KSB7XG4gICAgLy8gZGVidWdnZXJcbiAgfVxuXG4gIHNlbGVjdGVkV29ya2Zsb3dDaGFuZ2UoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMud29ya2Zsb3dUeXBlQ2hhbmdlZC5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInVzZXJHcm91cC1mbG9hdGluZy1iYXJcIj5cbiAgPGRpdiBjbGFzcz1cInVzZXJHcm91cC1mbG9hdGluZy1iYXItY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImxlZnQgdXNlci1ncm91cC1sZWZ0XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2VsZWN0ZWREYXRhLmxlbmd0aCA+IDAgJiYgIWdyb3Vwc0VuYWJsZWRcIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzPVwiY2hpcENvbnRhaW5lciB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LXBsLTIgdngtcHItMiB2eC1tci0yXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICpuZ0Zvcj1cImxldCBlbGVtZW50IG9mIHNlbGVjdGVkRGF0YT8uc2xpY2UoMCwgMSk7IGxldCBpID0gaW5kZXhcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJlbGVtZW50XCI+XG4gICAgICAgICAgICAgIDxpXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJcbiAgICAgICAgICAgICAgICAgICFub25SZW1vdmFibGVVc2Vyc0xpc3QuaW5jbHVkZXMoZWxlbWVudFtlbGVtZW50SWRdKSAmJlxuICAgICAgICAgICAgICAgICAgcmVtb3ZlUG9zaXRpb24gIT0gJ3JpZ2h0J1xuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImRlbGV0ZVNlbGVjdGVkKGVsZW1lbnQpXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImljb25zIGNyb3NzIHZ4LWZzLTEwIHZ4LXBhcmFncmFwaC10eHQgdngtbXItMVwiXG4gICAgICAgICAgICAgICAgPiYjeGU5YWU7PC9pXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICBjbGFzcz1cInN0ZXBcIlxuICAgICAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWRXb3JrZmxvdyA9PSAnU0VRVUVOVElBTCcgJiYgc2hvd1dvcmtmbG93XCJcbiAgICAgICAgICAgICAgICA+e3tcbiAgICAgICAgICAgICAgICAgIHNlbGVjdGVkRGF0YS5sZW5ndGggPD0gMiAmJlxuICAgICAgICAgICAgICAgICAgaSA9PSBzZWxlY3RlZERhdGEubGVuZ3RoIC0gMSAmJlxuICAgICAgICAgICAgICAgICAgc2VsZWN0ZWREYXRhLmxlbmd0aCA+IDFcbiAgICAgICAgICAgICAgICAgICAgPyBcIkZpbmFsXCJcbiAgICAgICAgICAgICAgICAgICAgOiBpICsgMVxuICAgICAgICAgICAgICAgIH19PC9zcGFuXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAqbmdJZj1cIihlbGVtZW50W2Rpc3BsYXlFbGVtZW50S2V5XSB8IGRhdGFUeXBlKSAhPT0gJ29iamVjdCdcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiY2hpcE5hbWUgdngtZnMtMTEgdngtbGFiZWwtdHh0XCJcbiAgICAgICAgICAgICAgICBbYXBwVG9vbHRpcF09XCJlbGVtZW50W2Rpc3BsYXlFbGVtZW50S2V5XVwiXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxuICAgICAgICAgICAgICAgIGRlbGF5PVwiMFwiXG4gICAgICAgICAgICAgICAgdHlwZT1cImJsYWNrXCJcbiAgICAgICAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgPnt7IGVsZW1lbnRbZGlzcGxheUVsZW1lbnRLZXldIH19PC9zcGFuXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAqbmdJZj1cIihlbGVtZW50W2Rpc3BsYXlFbGVtZW50S2V5XSB8IGRhdGFUeXBlKSA9PT0gJ29iamVjdCdcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiY2hpcE5hbWUgdngtZnMtMTEgdngtbGFiZWwtdHh0XCJcbiAgICAgICAgICAgICAgICA+e3tcbiAgICAgICAgICAgICAgICAgIGVsZW1lbnRbZGlzcGxheUVsZW1lbnRLZXldXG4gICAgICAgICAgICAgICAgICAgIHwgc2xpY2UgOiBlbGVtZW50W2Rpc3BsYXlFbGVtZW50S2V5XS5sZW5ndGggLSAxXG4gICAgICAgICAgICAgICAgfX08L3NwYW5cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8aVxuICAgICAgICAgICAgICAgIGNsYXNzPVwiaWNvbnMgY3Jvc3MgdngtZnMtMTIgdngtcGFyYWdyYXBoLXR4dCB2eC1tbC0xXCJcbiAgICAgICAgICAgICAgICAqbmdJZj1cIlxuICAgICAgICAgICAgICAgICAgIW5vblJlbW92YWJsZVVzZXJzTGlzdC5pbmNsdWRlcyhlbGVtZW50W2VsZW1lbnRJZF0pICYmXG4gICAgICAgICAgICAgICAgICByZW1vdmVQb3NpdGlvbiA9PSAncmlnaHQnXG4gICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiZGVsZXRlU2VsZWN0ZWQoZWxlbWVudClcIlxuICAgICAgICAgICAgICAgID4mI3hlOWFlOzwvaVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAqbmdJZj1cInNlbGVjdGVkRGF0YT8ubGVuZ3RoID4gMVwiXG4gICAgICAgICAgICBjbGFzcz1cImNvdW50QnRuIHZ4LWZzLTkgdngtZnctNTAwIHZ4LXR4dC13aGl0ZSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyIHZ4LWxoLTRcIlxuICAgICAgICAgICAgW2NsYXNzLmdyZWVuQmddPVwiZmFsc2VcIlxuICAgICAgICAgICAgYXBwUG9wb3ZlclxuICAgICAgICAgICAgKGNsaWNrKT1cInVzZXJQb3BvdmVyLnBvcG92ZXIoKVwiXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICAre3sgc2VsZWN0ZWREYXRhPy5zbGljZSgxKT8ubGVuZ3RoIH19XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJuYW1lXCIgKm5nSWY9XCJzZWxlY3RlZERhdGE/Lmxlbmd0aCA+IDFcIj5cbiAgICAgICAgICA8c3BhbiAqbmdJZj1cInNlbGVjdGVkRGF0YT8uc2xpY2UoMSkubGVuZ3RoID09PSAxXCI+e3tcbiAgICAgICAgICAgIHNpbmd1bGFyVGV4dFxuICAgICAgICAgIH19PC9zcGFuPlxuICAgICAgICAgIDxzcGFuICpuZ0lmPVwic2VsZWN0ZWREYXRhPy5zbGljZSgxKS5sZW5ndGggPiAxXCI+e3tcbiAgICAgICAgICAgIHBsdXJhbFRleHRcbiAgICAgICAgICB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJncm91cHNFbmFibGVkXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ1c2VyLWdyb3VwLWNoaXBcIiAqbmdJZj1cInNlbGVjdGVkRGF0YT8ubGVuZ3RoXCI+XG4gICAgICAgICAgPGkgKGNsaWNrKT1cImRlbGV0ZVNlbGVjdGVkKHNlbGVjdGVkRGF0YVswXSlcIiBjbGFzcz1cImljb25zIGNyb3NzXCJcbiAgICAgICAgICAgID4mI3hlOWFlOzwvaVxuICAgICAgICAgID5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzcz1cInVzZXItZ3JvdXAtbmFtZVwiXG4gICAgICAgICAgICBhcHBUb29sdGlwPVwie3sgc2VsZWN0ZWREYXRhWzBdW2Rpc3BsYXlFbGVtZW50S2V5XSB9fVwiXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiXG4gICAgICAgICAgICBkZWxheT1cIjBcIlxuICAgICAgICAgICAgdHlwZT1cImJsYWNrXCJcbiAgICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7eyBzZWxlY3RlZERhdGFbMF1bZGlzcGxheUVsZW1lbnRLZXldIH19XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJjb3VudGVyXCJcbiAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWREYXRhPy5sZW5ndGggPiAxXCJcbiAgICAgICAgICAgIGFwcFBvcG92ZXJcbiAgICAgICAgICAgIChjbGljayk9XCJVc2VyV2l0aEZlYXR1cmVGbGFnUG9wb3Zlci5wb3BvdmVyKClcIlxuICAgICAgICAgICAgcGxhY2VtZW50PVwibGVmdFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgK3t7IHNlbGVjdGVkRGF0YT8ubGVuZ3RoIC0gMSB9fVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzPVwibmFtZSB1c2VyR3JvdXAtbmFtZVwiXG4gICAgICAgICAgKm5nSWY9XCJzZWxlY3RlZERhdGE/Lmxlbmd0aCA+IDAgJiYgZ3JvdXBzRW5hYmxlZFwiXG4gICAgICAgID5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInVzZXJHcm91cC10ZXh0XCIgKm5nSWY9XCJzZWxlY3RlZERhdGE/Lmxlbmd0aCA9PT0gMVwiPlxuICAgICAgICAgICAge3tcbiAgICAgICAgICAgICAgc2VsZWN0ZWRHcm91cHMgJiYgc2VsZWN0ZWRHcm91cHM/Lmxlbmd0aCA+IDAgPyBcIiAmIFwiIDogXCJcIlxuICAgICAgICAgICAgfX08L3NwYW5cbiAgICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ1c2VyR3JvdXAtdGV4dFwiICpuZ0lmPVwic2VsZWN0ZWREYXRhPy5sZW5ndGggPiAxXCJcbiAgICAgICAgICAgID5Vc2Vyc1xuICAgICAgICAgICAge3tcbiAgICAgICAgICAgICAgc2VsZWN0ZWRHcm91cHMgJiYgc2VsZWN0ZWRHcm91cHM/Lmxlbmd0aCA+IDAgPyBcIiAmIFwiIDogXCJzZWxlY3RlZFwiXG4gICAgICAgICAgICB9fTwvc3BhblxuICAgICAgICAgID5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ1c2VyLWdyb3VwLWNoaXBcIiAqbmdJZj1cInNlbGVjdGVkR3JvdXBzPy5sZW5ndGhcIj5cbiAgICAgICAgICA8aVxuICAgICAgICAgICAgY2xhc3M9XCJpY29ucyBjcm9zc1wiXG4gICAgICAgICAgICAoY2xpY2spPVwiZGVsZXRlU2VsZWN0ZWRHcm91cChzZWxlY3RlZEdyb3Vwc1swXSlcIlxuICAgICAgICAgICAgPiYjeGU5YWU7PC9pXG4gICAgICAgICAgPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwidXNlci1ncm91cC1uYW1lXCJcbiAgICAgICAgICAgIGFwcFRvb2x0aXA9XCJ7eyBzZWxlY3RlZEdyb3Vwc1swXT8uZ3JvdXBfbmFtZSB9fVwiXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiXG4gICAgICAgICAgICBkZWxheT1cIjBcIlxuICAgICAgICAgICAgdHlwZT1cImJsYWNrXCJcbiAgICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7eyBzZWxlY3RlZEdyb3Vwc1swXT8uZ3JvdXBfbmFtZSB9fVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwiY291bnRlciBncm91cFwiXG4gICAgICAgICAgICAqbmdJZj1cInNlbGVjdGVkR3JvdXBzLmxlbmd0aCA+IDFcIlxuICAgICAgICAgICAgYXBwUG9wb3ZlclxuICAgICAgICAgICAgKGNsaWNrKT1cImdyb3VwUG9wb3Zlci5wb3BvdmVyKClcIlxuICAgICAgICAgICAgcGxhY2VtZW50PVwibGVmdFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgK3t7IHNlbGVjdGVkR3JvdXBzLmxlbmd0aCAtIDEgfX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJuYW1lIHVzZXJHcm91cC1uYW1lXCIgKm5nSWY9XCJzZWxlY3RlZEdyb3Vwcy5sZW5ndGggPiAwXCI+XG4gICAgICAgICAge3sgc2VsZWN0ZWRHcm91cHM/Lmxlbmd0aCA+IDEgPyBcIiBVc2VyIEdyb3VwcyBzZWxlY3RlZCBcIiA6IFwiXCIgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93RnJlcXVlbmN5VGV4dFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibmFtZSB2eC1tbC0wXCI+XG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgID5Zb3UgaGF2ZSBzZWxlY3RlZFxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2eC1mdy01MDAgdngtbGFiZWwtdHh0XCI+e3sgY3VycmVudEZyZXF1ZW5jeSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIGZyZXF1ZW5jeS48L3NwYW5cbiAgICAgICAgICA+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJjZW50ZXJcIlxuICAgICAgKm5nSWY9XCJcbiAgICAgICAgKHNob3dXb3JrZmxvdyAmJiBtb2RlID09PSAnQ1JFQVRFJykgfHxcbiAgICAgICAgKHNob3dXb3JrZmxvdyAmJiB3b3JrZmxvd0xpc3QuaW5jbHVkZXMoJ1JPVU5ELVJPQklOJykpXG4gICAgICBcIlxuICAgID5cbiAgICAgIDxsYWJlbD5cbiAgICAgICAge3sgd29ya2Zsb3dUZXh0IH19XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY2xhc3M9XCJpY29uXCJcbiAgICAgICAgICAqbmdJZj1cIndvcmtmbG93VGV4dCA9PSAnQXBwcm92YWwgV29ya2Zsb3cnXCJcbiAgICAgICAgICBsaWJQb3BvdmVySG92ZXJcbiAgICAgICAgICAobW91c2VvdmVyKT1cImRhdGFUb29sdGlwLnBvcG92ZXIoKVwiXG4gICAgICAgICAgKG1vdXNlbGVhdmUpPVwiZGF0YVRvb2x0aXAuY2xvc2VQb3BvdmVyKClcIlxuICAgICAgICAgIHBsYWNlbWVudD1cInJpZ2h0XCJcbiAgICAgICAgICA+PGkgY2xhc3M9XCJpY29uc1wiPiYjeGU5MWY7PC9pPjwvc3BhblxuICAgICAgICA+XG4gICAgICA8L2xhYmVsPlxuICAgICAgPHBvcG92ZXItaG92ZXIgI2RhdGFUb29sdGlwPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidngtaW5mby1jYXJkXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWluZm8tY2FyZC1ib2R5XCI+XG4gICAgICAgICAgICBZb3UgY2FuIHNlbGVjdCBmcm9tIHRoZSBmb2xsb3dpbmcgdGhyZWUgb3B0aW9uczo8YnIgLz5cbiAgICAgICAgICAgIDxzdHJvbmc+U2VxdWVudGlhbDo8L3N0cm9uZz4gVGhlIHBvbGljeSB3b3VsZCBiZSBzZW50IGZvciBhcHByb3ZhbFxuICAgICAgICAgICAgb25lIGF0IGEgdGltZSBpbiB0aGUgc2VxdWVuY2UgZGVmaW5lZCBieSB5b3UuPGJyIC8+XG4gICAgICAgICAgICA8c3Ryb25nPlJvdW5kLXJvYmluOjwvc3Ryb25nPiBUaGUgcG9saWN5IHdpbGwgYmUgc2VudCBmb3IgYXBwcm92YWxcbiAgICAgICAgICAgIHRvIGFsbCBhcHByb3ZlcnMgYXQgdGhlIHNhbWUgdGltZS4gSG93ZXZlciwgaXQgaXMgbWFuZGF0b3J5IGZvciBhbGxcbiAgICAgICAgICAgIGFwcHJvdmVycyB0byB0YWtlIGFjdGlvbi48YnIgLz5cbiAgICAgICAgICAgIDxzdHJvbmc+QW55IE9uZTo8L3N0cm9uZz4gVGhlIHBvbGljeSB3aWxsIGJlIHNlbnQgZm9yIGFwcHJvdmFsIHRvXG4gICAgICAgICAgICBhbGwgYXBwcm92ZXJzIGF0IHRoZSBzYW1lIHRpbWUuIElmIGFueW9uZSBvZiB0aGUgYXBwcm92ZXIgYXBwcm92ZXNcbiAgICAgICAgICAgIHRoZSBwb2xpY3ksIGl0IHdpbGwgYmUgY29uc2lkZXJlZCBhcyBhcHByb3ZlZC5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L3BvcG92ZXItaG92ZXI+XG4gICAgICA8Y3Mtc2VsZWN0XG4gICAgICAgIFsobmdNb2RlbCldPVwic2VsZWN0ZWRXb3JrZmxvd1wiXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInNlbGVjdGVkV29ya2Zsb3dDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCInQXBwcm92YWwgV29ya0Zsb3cgKidcIlxuICAgICAgICBbc2V0TWF4V2lkdGhdPVwidHJ1ZVwiXG4gICAgICA+XG4gICAgICAgIDxjcy1vcHRpb24gKm5nRm9yPVwibGV0IGRhdGEgb2Ygd29ya2Zsb3dMaXN0XCIgW3ZhbHVlXT1cImRhdGFcIj5cbiAgICAgICAgICB7eyBkYXRhIH19XG4gICAgICAgIDwvY3Mtb3B0aW9uPlxuICAgICAgPC9jcy1zZWxlY3Q+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInJpZ2h0XCI+XG4gICAgICA8YnV0dG9uIGFwcFJpcHBsZSBjbGFzcz1cImNhbmNlbFwiIChjbGljayk9XCJjbG9zZSgpXCI+Q2FuY2VsPC9idXR0b24+XG4gICAgICA8YnV0dG9uXG4gICAgICAgICpuZ0lmPVwic2hvd05leHRCdXR0b25cIlxuICAgICAgICBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiXG4gICAgICAgIChjbGljayk9XCJuZXh0KClcIlxuICAgICAgICBhcHBSaXBwbGVcbiAgICAgID5cbiAgICAgICAgTmV4dCA8aSBjbGFzcz1cImljb25zXCI+JiN4ZTkxZTs8L2k+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbjxhcHAtcG9wb3ZlciAjdXNlclBvcG92ZXIgW2RvbnRDbG9zZW9uQ2xpY2tdPVwidHJ1ZVwiPlxuICA8ZGl2IGNsYXNzPVwid2YtYWN0aW9uLWxpc3RcIj5cbiAgICA8dWwgY2xhc3M9XCJhY3Rpb24taXRlbVwiPlxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBlbGVtZW50IG9mIHNlbGVjdGVkRGF0YT8uc2xpY2UoMSk7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImF2YXRhci1jYXJkXCI+XG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNsYXNzPVwidmFsdWVcIlxuICAgICAgICAgICAgKm5nSWY9XCIoZWxlbWVudFtkaXNwbGF5RWxlbWVudEtleV0gfCBkYXRhVHlwZSkgIT09ICdvYmplY3QnXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8aVxuICAgICAgICAgICAgICBjbGFzcz1cImljb25zXCJcbiAgICAgICAgICAgICAgKm5nSWY9XCIhbm9uUmVtb3ZhYmxlVXNlcnNMaXN0LmluY2x1ZGVzKGVsZW1lbnRbZWxlbWVudElkXSlcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwiZGVsZXRlU2VsZWN0ZWQoZWxlbWVudClcIlxuICAgICAgICAgICAgICA+JiN4ZTkwZDs8L2lcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgIGNsYXNzPVwic3RlcFwiXG4gICAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWRXb3JrZmxvdyA9PSAnU0VRVUVOVElBTCcgJiYgc2hvd1dvcmtmbG93XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3sgaSA9PSBzZWxlY3RlZERhdGEuc2xpY2UoMSkubGVuZ3RoIC0gMSA/IFwiRmluYWxcIiA6IGkgKyAyIH19XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICB7eyBlbGVtZW50W2Rpc3BsYXlFbGVtZW50S2V5XSB9fVxuICAgICAgICAgIDwvc3Bhbj5cblxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjbGFzcz1cInZhbHVlXCJcbiAgICAgICAgICAgICpuZ0lmPVwiKGVsZW1lbnRbZGlzcGxheUVsZW1lbnRLZXldIHwgZGF0YVR5cGUpID09PSAnb2JqZWN0J1wiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGlcbiAgICAgICAgICAgICAgY2xhc3M9XCJpY29uc1wiXG4gICAgICAgICAgICAgICpuZ0lmPVwiIW5vblJlbW92YWJsZVVzZXJzTGlzdC5pbmNsdWRlcyhlbGVtZW50W2VsZW1lbnRJZF0pXCJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cImRlbGV0ZVNlbGVjdGVkKGVsZW1lbnQpXCJcbiAgICAgICAgICAgICAgPiYjeGU5MGQ7PC9pXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICB7eyBlbGVtZW50W2Rpc3BsYXlFbGVtZW50S2V5XSB9fVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqbmdJZj1cIlxuICAgICAgICAgICAgICBkZWZhdWx0U2VsZWN0ZWQ/LmNhdGVnb3J5X2lkICYmXG4gICAgICAgICAgICAgIGRlZmF1bHRTZWxlY3RlZD8uY2F0ZWdvcnlfaWQgPT09IGVsZW1lbnQ/LmNhdGVnb3J5X2lkXG4gICAgICAgICAgICBcIlxuICAgICAgICAgICAgY2xhc3M9XCJwcmltYXJ5LWxhYmVsXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICBQUklNQVJZXG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9saT5cbiAgICA8L3VsPlxuICA8L2Rpdj5cbjwvYXBwLXBvcG92ZXI+XG48YXBwLXBvcG92ZXIgI1VzZXJXaXRoRmVhdHVyZUZsYWdQb3BvdmVyIFtkb250Q2xvc2VvbkNsaWNrXT1cInRydWVcIj5cbiAgPGRpdiBjbGFzcz1cIndmLWFjdGlvbi1saXN0XCI+XG4gICAgPHVsIGNsYXNzPVwiYWN0aW9uLWl0ZW1cIj5cbiAgICAgIDxsaSAqbmdGb3I9XCJsZXQgZGF0YSBvZiBzZWxlY3RlZERhdGEgfCBzbGljZSA6IDFcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImF2YXRhci1jYXJkXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiXG4gICAgICAgICAgICA+PGkgY2xhc3M9XCJpY29uc1wiIChjbGljayk9XCJkZWxldGVTZWxlY3RlZChkYXRhKVwiPiYjeGU5MGQ7PC9pXG4gICAgICAgICAgICA+e3sgZGF0YVtkaXNwbGF5RWxlbWVudEtleV0gfX08L3NwYW5cbiAgICAgICAgICA+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9saT5cbiAgICA8L3VsPlxuICA8L2Rpdj5cbjwvYXBwLXBvcG92ZXI+XG48YXBwLXBvcG92ZXIgI2dyb3VwUG9wb3ZlciBbZG9udENsb3Nlb25DbGlja109XCJ0cnVlXCI+XG4gIDxkaXYgY2xhc3M9XCJ3Zi1hY3Rpb24tbGlzdFwiPlxuICAgIDx1bCBjbGFzcz1cImFjdGlvbi1pdGVtXCI+XG4gICAgICA8bGkgKm5nRm9yPVwibGV0IGRhdGEgb2Ygc2VsZWN0ZWRHcm91cHMgfCBzbGljZSA6IDFcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImF2YXRhci1jYXJkXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiXG4gICAgICAgICAgICA+PGkgY2xhc3M9XCJpY29uc1wiIChjbGljayk9XCJkZWxldGVTZWxlY3RlZEdyb3VwKGRhdGEpXCI+JiN4ZTkwZDs8L2lcbiAgICAgICAgICAgID57eyBkYXRhW1wiZ3JvdXBfbmFtZVwiXSB9fTwvc3BhblxuICAgICAgICAgID5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2xpPlxuICAgIDwvdWw+XG4gIDwvZGl2PlxuPC9hcHAtcG9wb3Zlcj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmctYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvZmxvYXRpbmctYmFyL2Zsb2F0aW5nLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Zsb2F0aW5nLWJhci9mbG9hdGluZy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBRUwsTUFBTSxFQUNOLFlBQVksR0FFYixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBT3ZCLE1BQU0sT0FBTyxvQkFBb0I7SUFxQi9CLElBQThCLG9CQUFvQixDQUFDLEtBQVU7UUFDM0QsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQzVDLENBQUM7SUFXRDtRQS9CUyxzQkFBaUIsR0FBRyxFQUFFLENBQUM7UUFDdkIsY0FBUyxHQUFRLEVBQUUsQ0FBQztRQUNwQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLG1CQUFjLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQUMxQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixxQkFBZ0IsR0FBRyxFQUFFLENBQUM7UUFDdEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixpQkFBWSxHQUFHO1lBQ3RCLFlBQVk7WUFDWix3Q0FBd0M7U0FDekMsQ0FBQztRQUdPLFNBQUksR0FBVyxRQUFRLENBQUM7UUFDakMsb0JBQWUsR0FBUSxFQUFFLENBQUM7UUFLakIscUJBQWdCLEdBQVksS0FBSyxDQUFDO1FBRWxDLDBCQUFxQixHQUFRLEVBQUUsQ0FBQztRQUUvQixlQUFVLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbkQsZ0JBQVcsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN2RCxjQUFTLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEQscUJBQWdCLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDNUQsd0JBQW1CLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFcEUsSUFBSSxDQUFDLFlBQVksR0FBRyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLGNBQWMsR0FBRyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFdBQVcsS0FBSSxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDO0lBRW5CLElBQUk7UUFDRixJQUFJLFlBQVksQ0FBQztRQUNqQixJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUNuQyxZQUFZLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQzFFO2FBQU07WUFDTCxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztTQUNsQztRQUNELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBYTtRQUMxQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBQ0QsbUJBQW1CLENBQUMsS0FBYTtRQUMvQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFDRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBQ0Qsb0JBQW9CLENBQUMsS0FBVTtRQUM3QixXQUFXO0lBQ2IsQ0FBQztJQUVELHNCQUFzQixDQUFDLEtBQVU7UUFDL0IsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDOytHQXBFVSxvQkFBb0I7bUdBQXBCLG9CQUFvQiw2OUJDZGpDLHN3VkEyU0E7OzRGRDdSYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0Usa0JBQWtCOzBFQUtuQixZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUlHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUV3QixvQkFBb0I7c0JBQWpELEtBQUs7dUJBQUMsaUJBQWlCO2dCQUdmLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUVHLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFDRyxtQkFBbUI7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBPbkNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZmxvYXRpbmctYmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zsb2F0aW5nLWJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Zsb2F0aW5nLWJhci5jb21wb25lbnQubGVzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGbG9hdGluZ0JhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgc2VsZWN0ZWREYXRhOiBhbnk7XG4gIEBJbnB1dCgpIHNlbGVjdGVkR3JvdXBzOiBhbnk7XG4gIEBJbnB1dCgpIGRpc3BsYXlFbGVtZW50S2V5ID0gJyc7XG4gIEBJbnB1dCgpIGVsZW1lbnRJZDogYW55ID0gJyc7XG4gIEBJbnB1dCgpIHNpbmd1bGFyVGV4dCA9ICcnO1xuICBASW5wdXQoKSBwbHVyYWxUZXh0ID0gJyc7XG4gIEBJbnB1dCgpIHNob3dOZXh0QnV0dG9uID0gdHJ1ZTtcbiAgQElucHV0KCkgc2hvd0ZyZXF1ZW5jeVRleHQgPSBmYWxzZTtcbiAgQElucHV0KCkgc2hvd1dvcmtmbG93ID0gZmFsc2U7XG4gIEBJbnB1dCgpIHdvcmtmbG93VGV4dCA9ICcnO1xuICBASW5wdXQoKSBjdXJyZW50RnJlcXVlbmN5ID0gJyc7XG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgd29ya2Zsb3dMaXN0ID0gW1xuICAgICdTRVFVRU5USUFMJyxcbiAgICAnQU5ZIFJFVklFV0VSIENBTiBNQVJLIFRISVMgQVMgUkVWSUVXRUQnLFxuICBdO1xuICBASW5wdXQoKSBzZWxlY3RlZFdvcmtmbG93OiBhbnk7XG4gIEBJbnB1dCgpIHdvcmtmbG93UGxhY2VIb2xkZXI6IGFueTtcbiAgQElucHV0KCkgbW9kZTogc3RyaW5nID0gJ0NSRUFURSc7XG4gIGRlZmF1bHRTZWxlY3RlZDogYW55ID0ge307XG4gIEBJbnB1dCgnZGVmYXVsdFNlbGVjdGVkJykgc2V0IGRlZmF1bHRTZWxlY3RlZFZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLmRlZmF1bHRTZWxlY3RlZCA9IHZhbHVlID8gdmFsdWUgOiB7fTtcbiAgfVxuICBASW5wdXQoKSBncm91cHNFbmFibGVkOiBhbnk7XG4gIEBJbnB1dCgpIGlzUmVzcG9uc2liaWxpdHk6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKSBub25SZW1vdmFibGVVc2Vyc0xpc3Q6IGFueSA9IFtdO1xuICBASW5wdXQoKSByZW1vdmVQb3NpdGlvbjogYW55O1xuICBAT3V0cHV0KCkgY2xvc2VFdmVudDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBkZWxldGVFdmVudDogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBjbG9zZUxpc3Q6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgZGVsZXRlR3JvdXBFdmVudDogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSB3b3JrZmxvd1R5cGVDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5zZWxlY3RlZERhdGEgPSBbXTtcbiAgICB0aGlzLnNlbGVjdGVkR3JvdXBzID0gW107XG4gIH1cblxuICBuZ09uQ2hhbmdlcygpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7fVxuXG4gIG5leHQoKSB7XG4gICAgbGV0IHNlbGVjdGVkRGF0YTtcbiAgICBpZiAodGhpcy5zZWxlY3RlZEdyb3Vwcz8ubGVuZ3RoID4gMCkge1xuICAgICAgc2VsZWN0ZWREYXRhID0geyB1c2VyczogdGhpcy5zZWxlY3RlZERhdGEsIGdyb3VwczogdGhpcy5zZWxlY3RlZEdyb3VwcyB9O1xuICAgIH0gZWxzZSB7XG4gICAgICBzZWxlY3RlZERhdGEgPSB0aGlzLnNlbGVjdGVkRGF0YTtcbiAgICB9XG4gICAgdGhpcy5jbG9zZUV2ZW50LmVtaXQoc2VsZWN0ZWREYXRhKTtcbiAgfVxuXG4gIGRlbGV0ZVNlbGVjdGVkKGluZGV4OiBudW1iZXIpIHtcbiAgICB0aGlzLmRlbGV0ZUV2ZW50LmVtaXQoaW5kZXgpO1xuICB9XG4gIGRlbGV0ZVNlbGVjdGVkR3JvdXAoaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMuZGVsZXRlR3JvdXBFdmVudC5lbWl0KGluZGV4KTtcbiAgfVxuICBjbG9zZSgpIHtcbiAgICB0aGlzLmNsb3NlTGlzdC5lbWl0KCk7XG4gIH1cbiAgc2VsZWN0ZWRXb3JrZmxvd1R5cGUoZXZlbnQ6IGFueSkge1xuICAgIC8vIGRlYnVnZ2VyXG4gIH1cblxuICBzZWxlY3RlZFdvcmtmbG93Q2hhbmdlKGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLndvcmtmbG93VHlwZUNoYW5nZWQuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ1c2VyR3JvdXAtZmxvYXRpbmctYmFyXCI+XG4gIDxkaXYgY2xhc3M9XCJ1c2VyR3JvdXAtZmxvYXRpbmctYmFyLWNvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJsZWZ0IHVzZXItZ3JvdXAtbGVmdFwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNlbGVjdGVkRGF0YS5sZW5ndGggPiAwICYmICFncm91cHNFbmFibGVkXCI+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cImNoaXBDb250YWluZXIgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1wbC0yIHZ4LXByLTIgdngtbXItMlwiXG4gICAgICAgID5cbiAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgZWxlbWVudCBvZiBzZWxlY3RlZERhdGE/LnNsaWNlKDAsIDEpOyBsZXQgaSA9IGluZGV4XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZWxlbWVudCAmJiAhaXNSZXNwb25zaWJpbGl0eVwiPlxuICAgICAgICAgICAgICA8aVxuICAgICAgICAgICAgICAgICpuZ0lmPVwiXG4gICAgICAgICAgICAgICAgICAhbm9uUmVtb3ZhYmxlVXNlcnNMaXN0LmluY2x1ZGVzKGVsZW1lbnRbZWxlbWVudElkXSkgJiZcbiAgICAgICAgICAgICAgICAgIHJlbW92ZVBvc2l0aW9uICE9ICdyaWdodCdcbiAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJkZWxldGVTZWxlY3RlZChlbGVtZW50KVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJpY29ucyBjcm9zcyB2eC1mcy0xMCB2eC1wYXJhZ3JhcGgtdHh0IHZ4LW1yLTFcIlxuICAgICAgICAgICAgICAgID4mI3hlOWFlOzwvaVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzdGVwXCJcbiAgICAgICAgICAgICAgICAqbmdJZj1cInNlbGVjdGVkV29ya2Zsb3cgPT0gJ1NFUVVFTlRJQUwnICYmIHNob3dXb3JrZmxvd1wiXG4gICAgICAgICAgICAgICAgPnt7XG4gICAgICAgICAgICAgICAgICBzZWxlY3RlZERhdGEubGVuZ3RoIDw9IDIgJiZcbiAgICAgICAgICAgICAgICAgIGkgPT0gc2VsZWN0ZWREYXRhLmxlbmd0aCAtIDEgJiZcbiAgICAgICAgICAgICAgICAgIHNlbGVjdGVkRGF0YS5sZW5ndGggPiAxXG4gICAgICAgICAgICAgICAgICAgID8gXCJGaW5hbFwiXG4gICAgICAgICAgICAgICAgICAgIDogaSArIDFcbiAgICAgICAgICAgICAgICB9fTwvc3BhblxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgKm5nSWY9XCIoZWxlbWVudFtkaXNwbGF5RWxlbWVudEtleV0gfCBkYXRhVHlwZSkgIT09ICdvYmplY3QnXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImNoaXBOYW1lIHZ4LWZzLTExIHZ4LWxhYmVsLXR4dFwiXG4gICAgICAgICAgICAgICAgW2FwcFRvb2x0aXBdPVwiZWxlbWVudFtkaXNwbGF5RWxlbWVudEtleV1cIlxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcbiAgICAgICAgICAgICAgICBkZWxheT1cIjBcIlxuICAgICAgICAgICAgICAgIHR5cGU9XCJibGFja1wiXG4gICAgICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgID57eyBlbGVtZW50W2Rpc3BsYXlFbGVtZW50S2V5XSB9fTwvc3BhblxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgKm5nSWY9XCIoZWxlbWVudFtkaXNwbGF5RWxlbWVudEtleV0gfCBkYXRhVHlwZSkgPT09ICdvYmplY3QnXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImNoaXBOYW1lIHZ4LWZzLTExIHZ4LWxhYmVsLXR4dFwiXG4gICAgICAgICAgICAgICAgPnt7XG4gICAgICAgICAgICAgICAgICBlbGVtZW50W2Rpc3BsYXlFbGVtZW50S2V5XVxuICAgICAgICAgICAgICAgICAgICB8IHNsaWNlIDogZWxlbWVudFtkaXNwbGF5RWxlbWVudEtleV0ubGVuZ3RoIC0gMVxuICAgICAgICAgICAgICAgIH19PC9zcGFuXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGlcbiAgICAgICAgICAgICAgICBjbGFzcz1cImljb25zIGNyb3NzIHZ4LWZzLTEyIHZ4LXBhcmFncmFwaC10eHQgdngtbWwtMVwiXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJcbiAgICAgICAgICAgICAgICAgICFub25SZW1vdmFibGVVc2Vyc0xpc3QuaW5jbHVkZXMoZWxlbWVudFtlbGVtZW50SWRdKSAmJlxuICAgICAgICAgICAgICAgICAgcmVtb3ZlUG9zaXRpb24gPT0gJ3JpZ2h0J1xuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImRlbGV0ZVNlbGVjdGVkKGVsZW1lbnQpXCJcbiAgICAgICAgICAgICAgICA+JiN4ZTlhZTs8L2lcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgKm5nSWY9XCJzZWxlY3RlZERhdGE/Lmxlbmd0aCA+IDEgfHwgKGlzUmVzcG9uc2liaWxpdHkgJiYgc2VsZWN0ZWREYXRhPy5sZW5ndGggPiAwKVwiXG4gICAgICAgICAgICBjbGFzcz1cImNvdW50QnRuIHZ4LWZzLTkgdngtZnctNTAwIHZ4LXR4dC13aGl0ZSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktY2VudGVyIHZ4LWxoLTRcIlxuICAgICAgICAgICAgW2NsYXNzLmdyZWVuQmddPVwiZmFsc2VcIlxuICAgICAgICAgICAgYXBwUG9wb3ZlclxuICAgICAgICAgICAgKGNsaWNrKT1cInVzZXJQb3BvdmVyLnBvcG92ZXIoKVwiXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7eyBpc1Jlc3BvbnNpYmlsaXR5ID8gc2VsZWN0ZWREYXRhPy5sZW5ndGggOiBzZWxlY3RlZERhdGE/LnNsaWNlKDEpPy5sZW5ndGggfX1cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm5hbWVcIiAqbmdJZj1cInNlbGVjdGVkRGF0YT8ubGVuZ3RoID4gMSB8fCAoaXNSZXNwb25zaWJpbGl0eSAmJiBzZWxlY3RlZERhdGE/Lmxlbmd0aCA+IDApXCI+XG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCIoIWlzUmVzcG9uc2liaWxpdHkgJiYgc2VsZWN0ZWREYXRhPy5zbGljZSgxKS5sZW5ndGggPT09IDEpIHx8IChpc1Jlc3BvbnNpYmlsaXR5ICYmIHNlbGVjdGVkRGF0YT8ubGVuZ3RoID09PSAxKVwiPnt7XG4gICAgICAgICAgICBzaW5ndWxhclRleHRcbiAgICAgICAgICB9fTwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiAqbmdJZj1cIighaXNSZXNwb25zaWJpbGl0eSAmJiBzZWxlY3RlZERhdGE/LnNsaWNlKDEpLmxlbmd0aCA+IDEpIHx8IChpc1Jlc3BvbnNpYmlsaXR5ICYmIHNlbGVjdGVkRGF0YT8ubGVuZ3RoID4gMSlcIj57e1xuICAgICAgICAgICAgcGx1cmFsVGV4dFxuICAgICAgICAgIH19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImdyb3Vwc0VuYWJsZWRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInVzZXItZ3JvdXAtY2hpcFwiICpuZ0lmPVwic2VsZWN0ZWREYXRhPy5sZW5ndGhcIj5cbiAgICAgICAgICA8aSAoY2xpY2spPVwiZGVsZXRlU2VsZWN0ZWQoc2VsZWN0ZWREYXRhWzBdKVwiIGNsYXNzPVwiaWNvbnMgY3Jvc3NcIlxuICAgICAgICAgICAgPiYjeGU5YWU7PC9pXG4gICAgICAgICAgPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwidXNlci1ncm91cC1uYW1lXCJcbiAgICAgICAgICAgIGFwcFRvb2x0aXA9XCJ7eyBzZWxlY3RlZERhdGFbMF1bZGlzcGxheUVsZW1lbnRLZXldIH19XCJcbiAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcbiAgICAgICAgICAgIGRlbGF5PVwiMFwiXG4gICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxuICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt7IHNlbGVjdGVkRGF0YVswXVtkaXNwbGF5RWxlbWVudEtleV0gfX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzcz1cImNvdW50ZXJcIlxuICAgICAgICAgICAgKm5nSWY9XCJzZWxlY3RlZERhdGE/Lmxlbmd0aCA+IDFcIlxuICAgICAgICAgICAgYXBwUG9wb3ZlclxuICAgICAgICAgICAgKGNsaWNrKT1cIlVzZXJXaXRoRmVhdHVyZUZsYWdQb3BvdmVyLnBvcG92ZXIoKVwiXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICAre3sgc2VsZWN0ZWREYXRhPy5sZW5ndGggLSAxIH19XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3M9XCJuYW1lIHVzZXJHcm91cC1uYW1lXCJcbiAgICAgICAgICAqbmdJZj1cInNlbGVjdGVkRGF0YT8ubGVuZ3RoID4gMCAmJiBncm91cHNFbmFibGVkXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidXNlckdyb3VwLXRleHRcIiAqbmdJZj1cInNlbGVjdGVkRGF0YT8ubGVuZ3RoID09PSAxXCI+XG4gICAgICAgICAgICB7e1xuICAgICAgICAgICAgICBzZWxlY3RlZEdyb3VwcyAmJiBzZWxlY3RlZEdyb3Vwcz8ubGVuZ3RoID4gMCA/IFwiICYgXCIgOiBcIlwiXG4gICAgICAgICAgICB9fTwvc3BhblxuICAgICAgICAgID5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInVzZXJHcm91cC10ZXh0XCIgKm5nSWY9XCJzZWxlY3RlZERhdGE/Lmxlbmd0aCA+IDFcIlxuICAgICAgICAgICAgPlVzZXJzXG4gICAgICAgICAgICB7e1xuICAgICAgICAgICAgICBzZWxlY3RlZEdyb3VwcyAmJiBzZWxlY3RlZEdyb3Vwcz8ubGVuZ3RoID4gMCA/IFwiICYgXCIgOiBcInNlbGVjdGVkXCJcbiAgICAgICAgICAgIH19PC9zcGFuXG4gICAgICAgICAgPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInVzZXItZ3JvdXAtY2hpcFwiICpuZ0lmPVwic2VsZWN0ZWRHcm91cHM/Lmxlbmd0aFwiPlxuICAgICAgICAgIDxpXG4gICAgICAgICAgICBjbGFzcz1cImljb25zIGNyb3NzXCJcbiAgICAgICAgICAgIChjbGljayk9XCJkZWxldGVTZWxlY3RlZEdyb3VwKHNlbGVjdGVkR3JvdXBzWzBdKVwiXG4gICAgICAgICAgICA+JiN4ZTlhZTs8L2lcbiAgICAgICAgICA+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJ1c2VyLWdyb3VwLW5hbWVcIlxuICAgICAgICAgICAgYXBwVG9vbHRpcD1cInt7IHNlbGVjdGVkR3JvdXBzWzBdPy5ncm91cF9uYW1lIH19XCJcbiAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcbiAgICAgICAgICAgIGRlbGF5PVwiMFwiXG4gICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxuICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt7IHNlbGVjdGVkR3JvdXBzWzBdPy5ncm91cF9uYW1lIH19XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJjb3VudGVyIGdyb3VwXCJcbiAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWRHcm91cHMubGVuZ3RoID4gMVwiXG4gICAgICAgICAgICBhcHBQb3BvdmVyXG4gICAgICAgICAgICAoY2xpY2spPVwiZ3JvdXBQb3BvdmVyLnBvcG92ZXIoKVwiXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICAre3sgc2VsZWN0ZWRHcm91cHMubGVuZ3RoIC0gMSB9fVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm5hbWUgdXNlckdyb3VwLW5hbWVcIiAqbmdJZj1cInNlbGVjdGVkR3JvdXBzLmxlbmd0aCA+IDBcIj5cbiAgICAgICAgICB7eyBzZWxlY3RlZEdyb3Vwcz8ubGVuZ3RoID4gMSA/IFwiIFVzZXIgR3JvdXBzIHNlbGVjdGVkIFwiIDogXCJcIiB9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dGcmVxdWVuY3lUZXh0XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJuYW1lIHZ4LW1sLTBcIj5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgPllvdSBoYXZlIHNlbGVjdGVkXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZ4LWZ3LTUwMCB2eC1sYWJlbC10eHRcIj57eyBjdXJyZW50RnJlcXVlbmN5IH19PC9zcGFuPlxuICAgICAgICAgICAgZnJlcXVlbmN5Ljwvc3BhblxuICAgICAgICAgID5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImNlbnRlclwiXG4gICAgICAqbmdJZj1cIlxuICAgICAgICAoc2hvd1dvcmtmbG93ICYmIG1vZGUgPT09ICdDUkVBVEUnKSB8fFxuICAgICAgICAoc2hvd1dvcmtmbG93ICYmIHdvcmtmbG93TGlzdC5pbmNsdWRlcygnUk9VTkQtUk9CSU4nKSlcbiAgICAgIFwiXG4gICAgPlxuICAgICAgPGxhYmVsPlxuICAgICAgICB7eyB3b3JrZmxvd1RleHQgfX1cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjbGFzcz1cImljb25cIlxuICAgICAgICAgICpuZ0lmPVwid29ya2Zsb3dUZXh0ID09ICdBcHByb3ZhbCBXb3JrZmxvdydcIlxuICAgICAgICAgIGxpYlBvcG92ZXJIb3ZlclxuICAgICAgICAgIChtb3VzZW92ZXIpPVwiZGF0YVRvb2x0aXAucG9wb3ZlcigpXCJcbiAgICAgICAgICAobW91c2VsZWF2ZSk9XCJkYXRhVG9vbHRpcC5jbG9zZVBvcG92ZXIoKVwiXG4gICAgICAgICAgcGxhY2VtZW50PVwicmlnaHRcIlxuICAgICAgICAgID48aSBjbGFzcz1cImljb25zXCI+JiN4ZTkxZjs8L2k+PC9zcGFuXG4gICAgICAgID5cbiAgICAgIDwvbGFiZWw+XG4gICAgICA8cG9wb3Zlci1ob3ZlciAjZGF0YVRvb2x0aXA+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2eC1pbmZvLWNhcmRcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidngtaW5mby1jYXJkLWJvZHlcIj5cbiAgICAgICAgICAgIFlvdSBjYW4gc2VsZWN0IGZyb20gdGhlIGZvbGxvd2luZyB0aHJlZSBvcHRpb25zOjxiciAvPlxuICAgICAgICAgICAgPHN0cm9uZz5TZXF1ZW50aWFsOjwvc3Ryb25nPiBUaGUgcG9saWN5IHdvdWxkIGJlIHNlbnQgZm9yIGFwcHJvdmFsXG4gICAgICAgICAgICBvbmUgYXQgYSB0aW1lIGluIHRoZSBzZXF1ZW5jZSBkZWZpbmVkIGJ5IHlvdS48YnIgLz5cbiAgICAgICAgICAgIDxzdHJvbmc+Um91bmQtcm9iaW46PC9zdHJvbmc+IFRoZSBwb2xpY3kgd2lsbCBiZSBzZW50IGZvciBhcHByb3ZhbFxuICAgICAgICAgICAgdG8gYWxsIGFwcHJvdmVycyBhdCB0aGUgc2FtZSB0aW1lLiBIb3dldmVyLCBpdCBpcyBtYW5kYXRvcnkgZm9yIGFsbFxuICAgICAgICAgICAgYXBwcm92ZXJzIHRvIHRha2UgYWN0aW9uLjxiciAvPlxuICAgICAgICAgICAgPHN0cm9uZz5BbnkgT25lOjwvc3Ryb25nPiBUaGUgcG9saWN5IHdpbGwgYmUgc2VudCBmb3IgYXBwcm92YWwgdG9cbiAgICAgICAgICAgIGFsbCBhcHByb3ZlcnMgYXQgdGhlIHNhbWUgdGltZS4gSWYgYW55b25lIG9mIHRoZSBhcHByb3ZlciBhcHByb3Zlc1xuICAgICAgICAgICAgdGhlIHBvbGljeSwgaXQgd2lsbCBiZSBjb25zaWRlcmVkIGFzIGFwcHJvdmVkLlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvcG9wb3Zlci1ob3Zlcj5cbiAgICAgIDxjcy1zZWxlY3RcbiAgICAgICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZFdvcmtmbG93XCJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwic2VsZWN0ZWRXb3JrZmxvd0NoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cIidBcHByb3ZhbCBXb3JrRmxvdyAqJ1wiXG4gICAgICAgIFtzZXRNYXhXaWR0aF09XCJ0cnVlXCJcbiAgICAgID5cbiAgICAgICAgPGNzLW9wdGlvbiAqbmdGb3I9XCJsZXQgZGF0YSBvZiB3b3JrZmxvd0xpc3RcIiBbdmFsdWVdPVwiZGF0YVwiPlxuICAgICAgICAgIHt7IGRhdGEgfX1cbiAgICAgICAgPC9jcy1vcHRpb24+XG4gICAgICA8L2NzLXNlbGVjdD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicmlnaHRcIj5cbiAgICAgIDxidXR0b24gYXBwUmlwcGxlIGNsYXNzPVwiY2FuY2VsXCIgKGNsaWNrKT1cImNsb3NlKClcIj5DYW5jZWw8L2J1dHRvbj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgKm5nSWY9XCJzaG93TmV4dEJ1dHRvblwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcbiAgICAgICAgKGNsaWNrKT1cIm5leHQoKVwiXG4gICAgICAgIGFwcFJpcHBsZVxuICAgICAgPlxuICAgICAgICBOZXh0IDxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTFlOzwvaT5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuPGFwcC1wb3BvdmVyICN1c2VyUG9wb3ZlciBbZG9udENsb3Nlb25DbGlja109XCJ0cnVlXCI+XG4gIDxkaXYgY2xhc3M9XCJ3Zi1hY3Rpb24tbGlzdFwiPlxuICAgIDx1bCBjbGFzcz1cImFjdGlvbi1pdGVtXCI+XG4gICAgICA8bGkgKm5nRm9yPVwibGV0IGVsZW1lbnQgb2Ygc2VsZWN0ZWREYXRhPy5zbGljZSgxKTsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXZhdGFyLWNhcmRcIj5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY2xhc3M9XCJ2YWx1ZVwiXG4gICAgICAgICAgICAqbmdJZj1cIihlbGVtZW50W2Rpc3BsYXlFbGVtZW50S2V5XSB8IGRhdGFUeXBlKSAhPT0gJ29iamVjdCdcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxpXG4gICAgICAgICAgICAgIGNsYXNzPVwiaWNvbnNcIlxuICAgICAgICAgICAgICAqbmdJZj1cIiFub25SZW1vdmFibGVVc2Vyc0xpc3QuaW5jbHVkZXMoZWxlbWVudFtlbGVtZW50SWRdKVwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJkZWxldGVTZWxlY3RlZChlbGVtZW50KVwiXG4gICAgICAgICAgICAgID4mI3hlOTBkOzwvaVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgY2xhc3M9XCJzdGVwXCJcbiAgICAgICAgICAgICAgKm5nSWY9XCJzZWxlY3RlZFdvcmtmbG93ID09ICdTRVFVRU5USUFMJyAmJiBzaG93V29ya2Zsb3dcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7eyBpID09IHNlbGVjdGVkRGF0YS5zbGljZSgxKS5sZW5ndGggLSAxID8gXCJGaW5hbFwiIDogaSArIDIgfX1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIHt7IGVsZW1lbnRbZGlzcGxheUVsZW1lbnRLZXldIH19XG4gICAgICAgICAgPC9zcGFuPlxuXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNsYXNzPVwidmFsdWVcIlxuICAgICAgICAgICAgKm5nSWY9XCIoZWxlbWVudFtkaXNwbGF5RWxlbWVudEtleV0gfCBkYXRhVHlwZSkgPT09ICdvYmplY3QnXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8aVxuICAgICAgICAgICAgICBjbGFzcz1cImljb25zXCJcbiAgICAgICAgICAgICAgKm5nSWY9XCIhbm9uUmVtb3ZhYmxlVXNlcnNMaXN0LmluY2x1ZGVzKGVsZW1lbnRbZWxlbWVudElkXSlcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwiZGVsZXRlU2VsZWN0ZWQoZWxlbWVudClcIlxuICAgICAgICAgICAgICA+JiN4ZTkwZDs8L2lcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIHt7IGVsZW1lbnRbZGlzcGxheUVsZW1lbnRLZXldIH19XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICpuZ0lmPVwiXG4gICAgICAgICAgICAgIGRlZmF1bHRTZWxlY3RlZD8uY2F0ZWdvcnlfaWQgJiZcbiAgICAgICAgICAgICAgZGVmYXVsdFNlbGVjdGVkPy5jYXRlZ29yeV9pZCA9PT0gZWxlbWVudD8uY2F0ZWdvcnlfaWRcbiAgICAgICAgICAgIFwiXG4gICAgICAgICAgICBjbGFzcz1cInByaW1hcnktbGFiZWxcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIFBSSU1BUllcbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2xpPlxuICAgIDwvdWw+XG4gIDwvZGl2PlxuPC9hcHAtcG9wb3Zlcj5cbjxhcHAtcG9wb3ZlciAjVXNlcldpdGhGZWF0dXJlRmxhZ1BvcG92ZXIgW2RvbnRDbG9zZW9uQ2xpY2tdPVwidHJ1ZVwiPlxuICA8ZGl2IGNsYXNzPVwid2YtYWN0aW9uLWxpc3RcIj5cbiAgICA8dWwgY2xhc3M9XCJhY3Rpb24taXRlbVwiPlxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBkYXRhIG9mIHNlbGVjdGVkRGF0YSB8IHNsaWNlIDogMVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXZhdGFyLWNhcmRcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInZhbHVlXCJcbiAgICAgICAgICAgID48aSBjbGFzcz1cImljb25zXCIgKGNsaWNrKT1cImRlbGV0ZVNlbGVjdGVkKGRhdGEpXCI+JiN4ZTkwZDs8L2lcbiAgICAgICAgICAgID57eyBkYXRhW2Rpc3BsYXlFbGVtZW50S2V5XSB9fTwvc3BhblxuICAgICAgICAgID5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2xpPlxuICAgIDwvdWw+XG4gIDwvZGl2PlxuPC9hcHAtcG9wb3Zlcj5cbjxhcHAtcG9wb3ZlciAjZ3JvdXBQb3BvdmVyIFtkb250Q2xvc2VvbkNsaWNrXT1cInRydWVcIj5cbiAgPGRpdiBjbGFzcz1cIndmLWFjdGlvbi1saXN0XCI+XG4gICAgPHVsIGNsYXNzPVwiYWN0aW9uLWl0ZW1cIj5cbiAgICAgIDxsaSAqbmdGb3I9XCJsZXQgZGF0YSBvZiBzZWxlY3RlZEdyb3VwcyB8IHNsaWNlIDogMVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXZhdGFyLWNhcmRcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInZhbHVlXCJcbiAgICAgICAgICAgID48aSBjbGFzcz1cImljb25zXCIgKGNsaWNrKT1cImRlbGV0ZVNlbGVjdGVkR3JvdXAoZGF0YSlcIj4mI3hlOTBkOzwvaVxuICAgICAgICAgICAgPnt7IGRhdGFbXCJncm91cF9uYW1lXCJdIH19PC9zcGFuXG4gICAgICAgICAgPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbGk+XG4gICAgPC91bD5cbiAgPC9kaXY+XG48L2FwcC1wb3BvdmVyPlxuIl19

package/esm2022/lib/sharedComponents/framework-list/framework-list.component.mjs CHANGED Viewed

@@ -425,7 +425,7 @@ export class FrameworkListComponent {
         this.assignControl.emit({ data, selectedFrameworkData });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrameworkListComponent, deps: [{ token: i1.ResponsibilityService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrameworkListComponent, selector: "app-framework-list", inputs: { previousSelectedValues: "previousSelectedValues", headerText: "headerText", workflowPage: "workflowPage", policy: "policy", frameWorkList: "frameWorkList", selectedFrameWork: "selectedFrameWork", selectedCategories: "selectedCategories" }, outputs: { entrustFramework: "entrustFramework", closeFramework: "closeFramework", assignControl: "assignControl" }, viewQueries: [{ propertyName: "tableComponent", first: true, predicate: ["parentTable"], descendants: true }, { propertyName: "searchfield", first: true, predicate: ["searchField"], descendants: true }, { propertyName: "searchCategory", first: true, predicate: ["searchCategory"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!-- <p>framework-list works!</p> -->\n<div class=\"framework-list\">\n  <div\n    class=\"framework-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div\n      *ngIf=\"currentList == 'framework'\"\n      class=\"framework-list-title vx-fs-14 vx-fw-500 vx-label-txt\"\n    >\n      {{ headerText }}\n    </div>\n    <div\n      *ngIf=\"currentList == 'categories'\"\n      class=\"framework-list-title vx-fs-14 vx-fw-500 vx-label-txt\"\n    >\n      {{ headerText }} > {{ selectedValues?.framework?.name }}\n    </div>\n\n    <div\n      *ngIf=\"currentList == 'responsibilities'\"\n      class=\"framework-list-title vx-fs-14 vx-fw-500 vx-label-txt\"\n    >\n      <i class=\"icons\" (click)=\"goBack()\">&#xe91d;</i>\n      {{ selectedValues?.framework?.name }}\n    </div>\n\n    <!-- <div *ngIf=\"breadCrumb.length>0\" class=\"framework-list-title vx-fs-14 vx-fw-500 vx-label-txt\">\n            <i class=\"icons\" *ngIf=\"breadCrumb?.length > 0\" (click)=\"getCategoryDetailsById()\">&#xe91d;</i>\n            <ng-container *ngFor=\"let item of breadCrumb; let i = index\">\n                <span class=\"arrow\">{{(i>0)?'>':''}}</span>\n                <span\n                    [class.link]=\"tableComponent.currentEntity || (!(tableComponent.currentEntity) && i !== breadCrumb?.length -1)\"\n                    (click)=\"getCategoryDetailsById(item.itemId)\" [appTooltip]=\"item.itemName\" placement=\"bottom\"\n                    delay=\"0\">{{item.itemName}}\n                </span>\n\n            </ng-container>\n            <ng-container *ngIf=\"tableComponent.currentEntity\"> <span class=\"arrow\">></span>\n                {{breadCrumb[breadCrumb?.length - 1].itemName}}\n                <span>&nbsp;for {{tableComponent.currentEntity}}</span>\n            </ng-container>\n        </div> -->\n  </div>\n  <div class=\"framework-list-body\">\n    <div class=\"filter-card-row\" *ngIf=\"currentList == 'framework'\">\n      <!--this section will not appear on child part -->\n      <div\n        class=\"filter-card\"\n        [class.active]=\"activeTab == 'regulations'\"\n        (click)=\"changeTab('regulations')\"\n      >\n        <div class=\"left\">\n          <label>Regulations</label>\n        </div>\n\n        <span class=\"counter\">{{ frameworkCount.regulations }}</span>\n      </div>\n      <div\n        class=\"filter-card\"\n        [class.active]=\"activeTab == 'standards'\"\n        (click)=\"changeTab('standards')\"\n      >\n        <div class=\"left\">\n          <label>Standards</label>\n        </div>\n        <span class=\"counter\">{{ frameworkCount.standards }}</span>\n      </div>\n      <div\n        class=\"filter-card\"\n        [class.active]=\"activeTab == 'internalControls'\"\n        (click)=\"changeTab('internalControls')\"\n      >\n        <div class=\"left\">\n          <label>Internal Controls</label>\n        </div>\n        <span class=\"counter\">{{ frameworkCount.internalControls }}</span>\n      </div>\n      <div\n        class=\"filter-card\"\n        [class.active]=\"activeTab == 'others'\"\n        (click)=\"changeTab('others')\"\n      >\n        <div class=\"left\">\n          <label>Others</label>\n        </div>\n        <span class=\"counter\">{{ frameworkCount.others }}</span>\n      </div>\n    </div>\n    <div class=\"framework-list-search\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input\n        type=\"text\"\n        #searchField\n        [placeholder]=\"placeholderText[currentList]\"\n        (keyup.enter)=\"searchBy($event.target.value, currentList)\"\n      />\n    </div>\n    <!-- <app-workflow-pagination></app-workflow-pagination> -->\n    <app-pagination\n      *ngIf=\"currentList == 'framework' && frameworkData.totalPages > 1\"\n      [start]=\"frameworkData.from\"\n      [end]=\"frameworkData.to\"\n      [total]=\"frameworkData.totalRecords\"\n      [pageCount]=\"frameworkData.totalPages\"\n      [currentPage]=\"frameworkData.currentPage\"\n      (selectedPage)=\"changePage($event, 'frameworks')\"\n    ></app-pagination>\n    <app-pagination\n      *ngIf=\"currentList == 'categories' && subCategoriesList.totalPages > 1\"\n      [start]=\"subCategoriesList.from\"\n      [end]=\"subCategoriesList.to\"\n      [total]=\"subCategoriesList.totalRecords\"\n      [pageCount]=\"subCategoriesList.totalPages\"\n      [currentPage]=\"subCategoriesList.currentPage\"\n      (selectedPage)=\"changePage($event, 'categories')\"\n    ></app-pagination>\n    <app-pagination\n      *ngIf=\"\n        currentList == 'responsibilities' && responsibilitiesList.totalPages > 1\n      \"\n      [start]=\"responsibilitiesList.from\"\n      [end]=\"responsibilitiesList.to\"\n      [total]=\"responsibilitiesList.totalRecords\"\n      [pageCount]=\"responsibilitiesList.totalPages\"\n      [currentPage]=\"responsibilitiesList.currentPage\"\n      (selectedPage)=\"changePage($event, 'responsibilities')\"\n    >\n    </app-pagination>\n    <!-- For parent -->\n    <!-- <div class=\"framework-list-pagination\">\n                <app-workflow-pagination></app-workflow-pagination>\n            </div> -->\n    <!-- [class.no-card]=\"breadCrumb.length>0\" -->\n    <div\n      class=\"framework-list-table vx-mb-4\"\n      [class.no-card]=\"\n        currentList == 'categories' || currentList == 'responsibilities'\n      \"\n    >\n      <app-framework-list-table\n        *ngIf=\"currentList == 'framework'\"\n        [listLoader]=\"loader\"\n        [frameworkType]=\"'framework'\"\n        (selectedFramework)=\"selectFramework($event)\"\n        [currentFramework]=\"selectedValues[currentList]\"\n        [frameworksList]=\"frameworkData\"\n      >\n      </app-framework-list-table>\n      <app-framework-list-table\n        *ngIf=\"currentList == 'categories'\"\n        [listLoader]=\"loader\"\n        [frameworksList]=\"subCategoriesList\"\n        (selectedFramework)=\"selectFramework($event)\"\n        [currentFramework]=\"selectedValues[currentList]\"\n        [frameworkType]=\"'subFramework'\"\n      >\n      </app-framework-list-table>\n      <app-framework-responsibility-table\n        *ngIf=\"currentList == 'responsibilities'\"\n        [listLoader]=\"loader\"\n        [currentSelectedControl]=\"selectedValues[currentList]\"\n        [controlsList]=\"responsibilitiesList\"\n        (selectedControl)=\"selectFramework($event)\"\n        (assignControl)=\"assignSelectedControl($event)\"\n      >\n      </app-framework-responsibility-table>\n      <app-no-data\n        *ngIf=\"\n          frameworkData?.data?.length == 0 &&\n          currentList == 'framework' &&\n          !loader\n        \"\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n      <app-no-data\n        *ngIf=\"\n          subCategoriesList?.data?.length == 0 &&\n          currentList == 'categories' &&\n          !loader\n        \"\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n      <app-no-data\n        *ngIf=\"\n          responsibilitiesList?.data?.length == 0 &&\n          currentList == 'responsibilities' &&\n          !loader\n        \"\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n      <!-- old table list -->\n      <!-- <app-parent-table #parentTable *ngIf=\"showParent\" [search]=\"search\"\n                (expandCategory)=\"expandCategory($event)\" [tableList]=\"categoryList[activeTab].list\"\n                (entrustFramework)=\"entrustFrameworkDetails($event)\">\n            </app-parent-table> -->\n    </div>\n\n    <app-floating-bar\n      [selectedData]=\"\n        selectedValues[currentList]?.name ? [selectedValues[currentList]] : []\n      \"\n      [displayElementKey]=\"floatingBarDisplayKeys[currentList]\"\n      [isDisabled]=\"!selectedValues[currentList]?.name\"\n      (closeEvent)=\"save()\"\n      (closeList)=\"goBack()\"\n      (deleteEvent)=\"remove()\"\n    ></app-floating-bar>\n  </div>\n  <!-- [singularText]=\"'User selected'\" [pluralText]=\"'Users selected'\" (closeEvent)=\"save(selectedIds)\"\n    (closeList)=\"close()\" (deleteEvent)=\"deleteEvent($event)\"\n    [isDisabled]=\"(groupsList?.length + usersList?.length) === 0 || selectedUsers?.length === 0\" -->\n  <app-loader-inline *ngIf=\"loader\"></app-loader-inline>\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 .framework-list{position:fixed;inset:0 500px 0 0}::ng-deep .framework-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .framework-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .framework-list-search{position:relative}::ng-deep .framework-list-search input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .framework-list-search input:focus{border-color:#1e5dd3}::ng-deep .framework-list-search i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .framework-list app-workflow-pagination .pagination-sec{padding-top:0!important}::ng-deep .framework-list-body{padding:32px;height:calc(100vh - 94px)}::ng-deep .framework-list-body .filter-card{display:flex;align-items:center;box-shadow:0 0 2px #00000029;border-radius:2px;height:55px;padding:12px;width:100%;justify-content:space-between;cursor:pointer}::ng-deep .framework-list-body .filter-card.active{box-shadow:0 3px 12px #1e5dd326}::ng-deep .framework-list-body .filter-card.active .counter{background:#f1f1f1;color:#161b2f}::ng-deep .framework-list-body .filter-card label{font-weight:600;text-transform:uppercase;color:#747576;line-height:16px;margin-left:0;font-size:11px;width:100%;pointer-events:none}::ng-deep .framework-list-body .filter-card p{line-height:16px;font-size:10px;color:#161b2f;font-weight:600;margin:0}::ng-deep .framework-list-body .filter-card span.counter{display:flex;height:32px;min-width:32px;border-radius:2px;background:#042e7d;color:#fff;font-size:11px;font-weight:600;justify-content:center;align-items:center;padding:0 5px;line-height:32px}::ng-deep .framework-list-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .framework-list-body .filter-card+.filter-card{margin-left:4px}::ng-deep .framework-list-body .filter-card-row{display:flex;padding-bottom:8px}::ng-deep .framework-list-table{position:relative;height:calc(100% - 120px);overflow:hidden;overflow-y:auto}::ng-deep .framework-list-table app-parent-table{height:calc(100vh - 260px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;display:block;padding-right:8px;margin-right:-8px}::ng-deep .framework-list-table app-parent-table::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}::ng-deep .framework-list-table app-parent-table::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .framework-list-table app-parent-table::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .framework-list-table::-webkit-scrollbar-track{background-color:transparent}::ng-deep .framework-list-table::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .framework-list-table::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .framework-list-table.no-card{height:calc(100vh - 252px)}::ng-deep .framework-list-table:before{background:#fff;position:absolute;top:0;right:-8px;height:32px;width:8px;content:\"\"}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i4.LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "component", type: i5.PaginationComponentUI, selector: "app-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: i6.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i7.FrameworkListTableComponent, selector: "app-framework-list-table", inputs: ["frameworksList", "frameworkType", "currentFramework", "listLoader"], outputs: ["selectedFramework"] }, { kind: "component", type: i8.FrameworkResponsibilityTableComponent, selector: "app-framework-responsibility-table", inputs: ["controlsList", "currentSelectedControl", "listLoader"], outputs: ["selectedControl", "assignControl"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrameworkListComponent, selector: "app-framework-list", inputs: { previousSelectedValues: "previousSelectedValues", headerText: "headerText", workflowPage: "workflowPage", policy: "policy", frameWorkList: "frameWorkList", selectedFrameWork: "selectedFrameWork", selectedCategories: "selectedCategories" }, outputs: { entrustFramework: "entrustFramework", closeFramework: "closeFramework", assignControl: "assignControl" }, viewQueries: [{ propertyName: "tableComponent", first: true, predicate: ["parentTable"], descendants: true }, { propertyName: "searchfield", first: true, predicate: ["searchField"], descendants: true }, { propertyName: "searchCategory", first: true, predicate: ["searchCategory"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!-- <p>framework-list works!</p> -->\n<div class=\"framework-list\">\n  <div\n    class=\"framework-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div\n      *ngIf=\"currentList == 'framework'\"\n      class=\"framework-list-title vx-fs-14 vx-fw-500 vx-label-txt\"\n    >\n      {{ headerText }}\n    </div>\n    <div\n      *ngIf=\"currentList == 'categories'\"\n      class=\"framework-list-title vx-fs-14 vx-fw-500 vx-label-txt\"\n    >\n      {{ headerText }} > {{ selectedValues?.framework?.name }}\n    </div>\n\n    <div\n      *ngIf=\"currentList == 'responsibilities'\"\n      class=\"framework-list-title vx-fs-14 vx-fw-500 vx-label-txt\"\n    >\n      <i class=\"icons\" (click)=\"goBack()\">&#xe91d;</i>\n      {{ selectedValues?.framework?.name }}\n    </div>\n\n    <!-- <div *ngIf=\"breadCrumb.length>0\" class=\"framework-list-title vx-fs-14 vx-fw-500 vx-label-txt\">\n            <i class=\"icons\" *ngIf=\"breadCrumb?.length > 0\" (click)=\"getCategoryDetailsById()\">&#xe91d;</i>\n            <ng-container *ngFor=\"let item of breadCrumb; let i = index\">\n                <span class=\"arrow\">{{(i>0)?'>':''}}</span>\n                <span\n                    [class.link]=\"tableComponent.currentEntity || (!(tableComponent.currentEntity) && i !== breadCrumb?.length -1)\"\n                    (click)=\"getCategoryDetailsById(item.itemId)\" [appTooltip]=\"item.itemName\" placement=\"bottom\"\n                    delay=\"0\">{{item.itemName}}\n                </span>\n\n            </ng-container>\n            <ng-container *ngIf=\"tableComponent.currentEntity\"> <span class=\"arrow\">></span>\n                {{breadCrumb[breadCrumb?.length - 1].itemName}}\n                <span>&nbsp;for {{tableComponent.currentEntity}}</span>\n            </ng-container>\n        </div> -->\n  </div>\n  <div class=\"framework-list-body\">\n    <div class=\"filter-card-row\" *ngIf=\"currentList == 'framework'\">\n      <!--this section will not appear on child part -->\n      <div\n        class=\"filter-card\"\n        [class.active]=\"activeTab == 'regulations'\"\n        (click)=\"changeTab('regulations')\"\n      >\n        <div class=\"left\">\n          <label>Regulations</label>\n        </div>\n\n        <span class=\"counter\">{{ frameworkCount.regulations }}</span>\n      </div>\n      <div\n        class=\"filter-card\"\n        [class.active]=\"activeTab == 'standards'\"\n        (click)=\"changeTab('standards')\"\n      >\n        <div class=\"left\">\n          <label>Standards</label>\n        </div>\n        <span class=\"counter\">{{ frameworkCount.standards }}</span>\n      </div>\n      <div\n        class=\"filter-card\"\n        [class.active]=\"activeTab == 'internalControls'\"\n        (click)=\"changeTab('internalControls')\"\n      >\n        <div class=\"left\">\n          <label>Internal Controls</label>\n        </div>\n        <span class=\"counter\">{{ frameworkCount.internalControls }}</span>\n      </div>\n      <div\n        class=\"filter-card\"\n        [class.active]=\"activeTab == 'others'\"\n        (click)=\"changeTab('others')\"\n      >\n        <div class=\"left\">\n          <label>Others</label>\n        </div>\n        <span class=\"counter\">{{ frameworkCount.others }}</span>\n      </div>\n    </div>\n    <div class=\"framework-list-search\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input\n        type=\"text\"\n        #searchField\n        [placeholder]=\"placeholderText[currentList]\"\n        (keyup.enter)=\"searchBy($event.target.value, currentList)\"\n      />\n    </div>\n    <!-- <app-workflow-pagination></app-workflow-pagination> -->\n    <app-pagination\n      *ngIf=\"currentList == 'framework' && frameworkData.totalPages > 1\"\n      [start]=\"frameworkData.from\"\n      [end]=\"frameworkData.to\"\n      [total]=\"frameworkData.totalRecords\"\n      [pageCount]=\"frameworkData.totalPages\"\n      [currentPage]=\"frameworkData.currentPage\"\n      (selectedPage)=\"changePage($event, 'frameworks')\"\n    ></app-pagination>\n    <app-pagination\n      *ngIf=\"currentList == 'categories' && subCategoriesList.totalPages > 1\"\n      [start]=\"subCategoriesList.from\"\n      [end]=\"subCategoriesList.to\"\n      [total]=\"subCategoriesList.totalRecords\"\n      [pageCount]=\"subCategoriesList.totalPages\"\n      [currentPage]=\"subCategoriesList.currentPage\"\n      (selectedPage)=\"changePage($event, 'categories')\"\n    ></app-pagination>\n    <app-pagination\n      *ngIf=\"\n        currentList == 'responsibilities' && responsibilitiesList.totalPages > 1\n      \"\n      [start]=\"responsibilitiesList.from\"\n      [end]=\"responsibilitiesList.to\"\n      [total]=\"responsibilitiesList.totalRecords\"\n      [pageCount]=\"responsibilitiesList.totalPages\"\n      [currentPage]=\"responsibilitiesList.currentPage\"\n      (selectedPage)=\"changePage($event, 'responsibilities')\"\n    >\n    </app-pagination>\n    <!-- For parent -->\n    <!-- <div class=\"framework-list-pagination\">\n                <app-workflow-pagination></app-workflow-pagination>\n            </div> -->\n    <!-- [class.no-card]=\"breadCrumb.length>0\" -->\n    <div\n      class=\"framework-list-table vx-mb-4\"\n      [class.no-card]=\"\n        currentList == 'categories' || currentList == 'responsibilities'\n      \"\n    >\n      <app-framework-list-table\n        *ngIf=\"currentList == 'framework'\"\n        [listLoader]=\"loader\"\n        [frameworkType]=\"'framework'\"\n        (selectedFramework)=\"selectFramework($event)\"\n        [currentFramework]=\"selectedValues[currentList]\"\n        [frameworksList]=\"frameworkData\"\n      >\n      </app-framework-list-table>\n      <app-framework-list-table\n        *ngIf=\"currentList == 'categories'\"\n        [listLoader]=\"loader\"\n        [frameworksList]=\"subCategoriesList\"\n        (selectedFramework)=\"selectFramework($event)\"\n        [currentFramework]=\"selectedValues[currentList]\"\n        [frameworkType]=\"'subFramework'\"\n      >\n      </app-framework-list-table>\n      <app-framework-responsibility-table\n        *ngIf=\"currentList == 'responsibilities'\"\n        [listLoader]=\"loader\"\n        [currentSelectedControl]=\"selectedValues[currentList]\"\n        [controlsList]=\"responsibilitiesList\"\n        (selectedControl)=\"selectFramework($event)\"\n        (assignControl)=\"assignSelectedControl($event)\"\n      >\n      </app-framework-responsibility-table>\n      <app-no-data\n        *ngIf=\"\n          frameworkData?.data?.length == 0 &&\n          currentList == 'framework' &&\n          !loader\n        \"\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n      <app-no-data\n        *ngIf=\"\n          subCategoriesList?.data?.length == 0 &&\n          currentList == 'categories' &&\n          !loader\n        \"\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n      <app-no-data\n        *ngIf=\"\n          responsibilitiesList?.data?.length == 0 &&\n          currentList == 'responsibilities' &&\n          !loader\n        \"\n        [noDataImage]=\"ASSETS.search_data\"\n        [noDataText]=\"'No data to display'\"\n      ></app-no-data>\n      <!-- old table list -->\n      <!-- <app-parent-table #parentTable *ngIf=\"showParent\" [search]=\"search\"\n                (expandCategory)=\"expandCategory($event)\" [tableList]=\"categoryList[activeTab].list\"\n                (entrustFramework)=\"entrustFrameworkDetails($event)\">\n            </app-parent-table> -->\n    </div>\n\n    <app-floating-bar\n      [selectedData]=\"\n        selectedValues[currentList]?.name ? [selectedValues[currentList]] : []\n      \"\n      [displayElementKey]=\"floatingBarDisplayKeys[currentList]\"\n      [isDisabled]=\"!selectedValues[currentList]?.name\"\n      (closeEvent)=\"save()\"\n      (closeList)=\"goBack()\"\n      (deleteEvent)=\"remove()\"\n    ></app-floating-bar>\n  </div>\n  <!-- [singularText]=\"'User selected'\" [pluralText]=\"'Users selected'\" (closeEvent)=\"save(selectedIds)\"\n    (closeList)=\"close()\" (deleteEvent)=\"deleteEvent($event)\"\n    [isDisabled]=\"(groupsList?.length + usersList?.length) === 0 || selectedUsers?.length === 0\" -->\n  <app-loader-inline *ngIf=\"loader\"></app-loader-inline>\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 .framework-list{position:fixed;inset:0 500px 0 0}::ng-deep .framework-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .framework-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .framework-list-search{position:relative}::ng-deep .framework-list-search input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .framework-list-search input:focus{border-color:#1e5dd3}::ng-deep .framework-list-search i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .framework-list app-workflow-pagination .pagination-sec{padding-top:0!important}::ng-deep .framework-list-body{padding:32px;height:calc(100vh - 94px)}::ng-deep .framework-list-body .filter-card{display:flex;align-items:center;box-shadow:0 0 2px #00000029;border-radius:2px;height:55px;padding:12px;width:100%;justify-content:space-between;cursor:pointer}::ng-deep .framework-list-body .filter-card.active{box-shadow:0 3px 12px #1e5dd326}::ng-deep .framework-list-body .filter-card.active .counter{background:#f1f1f1;color:#161b2f}::ng-deep .framework-list-body .filter-card label{font-weight:600;text-transform:uppercase;color:#747576;line-height:16px;margin-left:0;font-size:11px;width:100%;pointer-events:none}::ng-deep .framework-list-body .filter-card p{line-height:16px;font-size:10px;color:#161b2f;font-weight:600;margin:0}::ng-deep .framework-list-body .filter-card span.counter{display:flex;height:32px;min-width:32px;border-radius:2px;background:#042e7d;color:#fff;font-size:11px;font-weight:600;justify-content:center;align-items:center;padding:0 5px;line-height:32px}::ng-deep .framework-list-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .framework-list-body .filter-card+.filter-card{margin-left:4px}::ng-deep .framework-list-body .filter-card-row{display:flex;padding-bottom:8px}::ng-deep .framework-list-table{position:relative;height:calc(100% - 120px);overflow:hidden;overflow-y:auto}::ng-deep .framework-list-table app-parent-table{height:calc(100vh - 260px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;display:block;padding-right:8px;margin-right:-8px}::ng-deep .framework-list-table app-parent-table::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}::ng-deep .framework-list-table app-parent-table::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .framework-list-table app-parent-table::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .framework-list-table::-webkit-scrollbar-track{background-color:transparent}::ng-deep .framework-list-table::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .framework-list-table::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .framework-list-table.no-card{height:calc(100vh - 252px)}::ng-deep .framework-list-table:before{background:#fff;position:absolute;top:0;right:-8px;height:32px;width:8px;content:\"\"}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i4.LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "component", type: i5.PaginationComponentUI, selector: "app-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: i6.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i7.FrameworkListTableComponent, selector: "app-framework-list-table", inputs: ["frameworksList", "frameworkType", "currentFramework", "listLoader"], outputs: ["selectedFramework"] }, { kind: "component", type: i8.FrameworkResponsibilityTableComponent, selector: "app-framework-responsibility-table", inputs: ["controlsList", "currentSelectedControl", "listLoader"], outputs: ["selectedControl", "assignControl"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrameworkListComponent, decorators: [{
             type: Component,

package/esm2022/lib/sharedComponents/frequency/frequency-container/frequency-container.component.mjs CHANGED Viewed

@@ -282,7 +282,7 @@ export class FrequencyContainerComponent {
         this.closeFrequency.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrequencyContainerComponent, deps: [{ token: i1.FrequencyService }, { token: i2.SnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrequencyContainerComponent, selector: "app-frequency-container", inputs: { frequencyDetails: "frequencyDetails", mode: "mode", feature: "feature", pageType: "pageType" }, outputs: { selectedFrequency: "selectedFrequency", closeFrequency: "closeFrequency" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"mode !== 'policy'\">\n  <div class=\"frequency-dialog\" *ngIf=\"mode !== 'policy'\">\n    <div\n      class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\"\n    >\n      <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n    </div>\n    <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n      <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n        <div class=\"frequency-tab vx-d-flex vx-align-center\">\n          <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n            <button (click)=\"changeFrequencyTab(frequencyType)\" class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\" [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n          </ng-container>\n        </div>\n        <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n          <!-- Daily Frequency Start -->\n          <app-frequency-daily\n            *ngSwitchCase=\"'daily'\"\n            [mode]=\"mode\"\n            [pageType]=\"pageType\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-daily>\n          <!-- Daily Frequency End -->\n          <!-- Weekly Frequency Start -->\n          <app-frequency-weekly\n            *ngSwitchCase=\"'weekly'\"\n            [mode]=\"mode\"\n            [pageType]=\"pageType\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-weekly>\n          <!-- Weekly Frequency End -->\n          <!-- Monthly Frequency Start -->\n          <app-frequency-monthly\n            *ngSwitchCase=\"'monthly'\"\n            [mode]=\"mode\"\n            [pageType]=\"pageType\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-monthly>\n          <!-- Monthly Frequency End -->\n          <!-- Quarterly Frequency Start -->\n          <app-frequency-quarterly\n            *ngSwitchCase=\"'quarterly'\"\n            [mode]=\"mode\"\n            [pageType]=\"pageType\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-quarterly>\n          <!-- Quarterly Frequency End -->\n          <!-- Biannual Frequency Start -->\n          <app-frequency-biannual\n            *ngSwitchCase=\"'biannual'\"\n            [mode]=\"mode\"\n            [pageType]=\"pageType\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-biannual>\n          <!-- Biannual Frequency End -->\n          <!-- Annual Frequency Start -->\n          <app-frequency-annual\n            *ngSwitchCase=\"'annual'\"\n            [mode]=\"mode\"\n            [pageType]=\"pageType\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-annual>\n          <!-- Annual Frequency End -->\n          <!-- One Time Frequency Start -->\n          <app-frequency-one-time\n            *ngSwitchCase=\"'oneTime'\"\n            [mode]=\"mode\"\n            [pageType]=\"pageType\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-one-time>\n          <!-- One Time Frequency End -->\n          <!-- Random Frequency Start -->\n          <app-frequency-random\n            *ngSwitchCase=\"'random'\"\n            [mode]=\"mode\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-random>\n          <!-- Random Frequency End -->\n          <!-- On Completion Frequency Start -->\n          <app-frequency-on-completion-of\n            *ngSwitchCase=\"'onCompletionOf'\"\n            [mode]=\"mode\"\n            [feature]=\"feature\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n            (radioForm)=\"openedRadio($event)\"\n          ></app-frequency-on-completion-of>\n          <!-- On Completion Frequency End -->\n          <!-- Ongoing Frequency Start -->\n          <app-frequency-ongoing\n            *ngSwitchCase=\"'ongoing'\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-ongoing>\n          <!-- Ongoing Frequency End -->\n        </div>\n      </div>\n    </div>\n\n    <div class=\"frequency-dialog-footer\" *ngIf=\"!openedRadioForm\">\n      <app-floating-bar\n        [showFrequencyText]=\"true\"\n        [currentFrequency]=\"currentTabName\"\n        [isDisabled]=\"isNextDisabled\"\n        (closeEvent)=\"save()\"\n        (closeList)=\"close()\"\n      ></app-floating-bar>\n    </div>\n  </div>\n</ng-container>\n<!-- When responsibility list show then hide frequency-dialog html -->\n\n<!-- For Policy -->\n<div class=\"frequency-dialog\" *ngIf=\"mode === 'policy'\">\n  <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n  </div>\n  <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n    <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n      <div class=\"frequency-tab vx-d-flex vx-align-center\">\n        <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n          <button (click)=\"changeFrequencyTab(frequencyType)\" class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\" [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n        </ng-container>\n      </div>\n      <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n        <!-- Daily Frequency Start -->\n        <app-frequency-daily\n          *ngSwitchCase=\"'daily'\"\n          [mode]=\"mode\"\n          [pageType]=\"pageType\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-daily>\n        <!-- Daily Frequency End -->\n        <!-- Weekly Frequency Start -->\n        <app-frequency-weekly\n          *ngSwitchCase=\"'weekly'\"\n          [mode]=\"mode\"\n          [pageType]=\"pageType\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-weekly>\n        <!-- Weekly Frequency End -->\n        <!-- Monthly Frequency Start -->\n        <app-frequency-monthly\n          *ngSwitchCase=\"'monthly'\"\n          [mode]=\"mode\"\n          [pageType]=\"pageType\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-monthly>\n        <!-- Monthly Frequency End -->\n        <!-- Quarterly Frequency Start -->\n        <app-frequency-quarterly\n          *ngSwitchCase=\"'quarterly'\"\n          [mode]=\"mode\"\n          [pageType]=\"pageType\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-quarterly>\n        <!-- Quarterly Frequency End -->\n        <!-- Biannual Frequency Start -->\n        <app-frequency-biannual\n          *ngSwitchCase=\"'biannual'\"\n          [mode]=\"mode\"\n          [pageType]=\"pageType\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-biannual>\n        <!-- Biannual Frequency End -->\n        <!-- Annual Frequency Start -->\n        <app-frequency-annual\n          *ngSwitchCase=\"'annual'\"\n          [mode]=\"mode\"\n          [pageType]=\"pageType\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-annual>\n        <!-- Annual Frequency End -->\n        <!-- One Time Frequency Start -->\n        <app-frequency-one-time\n          *ngSwitchCase=\"'oneTime'\"\n          [mode]=\"mode\"\n          [pageType]=\"pageType\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-one-time>\n        <!-- One Time Frequency End -->\n        <!-- Random Frequency Start -->\n        <app-frequency-random\n          *ngSwitchCase=\"'random'\"\n          [mode]=\"mode\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-random>\n        <!-- Random Frequency End -->\n        <!-- On Completion Frequency Start -->\n        <app-frequency-on-completion-of\n          *ngSwitchCase=\"'onCompletionOf'\"\n          [mode]=\"mode\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-on-completion-of>\n        <!-- On Completion Frequency End -->\n        <!-- Ongoing Frequency Start -->\n        <app-frequency-ongoing\n          *ngSwitchCase=\"'ongoing'\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-ongoing>\n        <!-- Ongoing Frequency End -->\n      </div>\n    </div>\n  </div>\n  <div class=\"frequency-dialog-footer\">\n    <app-floating-bar\n      [showFrequencyText]=\"true\"\n      [currentFrequency]=\"currentTabName\"\n      [isDisabled]=\"isNextDisabled\"\n      (closeEvent)=\"save()\"\n      (closeList)=\"close()\"\n    ></app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-top.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/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.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 .frequency-dialog{position:fixed;inset:0 500px 0 0;z-index:11}::ng-deep .frequency-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog{right:30px}::ng-deep .frequency-dialog .frequency-dialog-body .frequency-dialog-body-inner .frequency-tab-bottom app-frequency-on-completion-of .frequency-completion .frequency-completion-inner .frequency-completion-bottom app-frequency-responsibility-list .frequency-responsibility-list{right:0;z-index:9999}}::ng-deep .frequency-dialog-head{background:#fbfbfb;border-radius:.125rem .125rem 0 0;border-bottom:1px solid #f1f1f1}::ng-deep .frequency-dialog-head button.back-btn{background:transparent;border-radius:0;border:none}::ng-deep .frequency-dialog-body{height:calc(100vh - 9.75rem);margin:0 auto 1rem;overflow:hidden;overflow-y:auto;width:calc(100% - 2.5rem)}::ng-deep .frequency-dialog-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .frequency-dialog-body-inner{width:54.5rem;margin:0 auto}@media screen and (min-width: 1366px){::ng-deep .frequency-dialog-body-inner{width:auto}}::ng-deep .frequency-dialog-body .frequency-tab{border:none!important;border-bottom:1px solid #f1f1f1!important;margin-bottom:1.5rem}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{background:transparent;border-radius:0;border:none;border-bottom:.125rem solid transparent;height:1.5rem;margin-right:1.5rem!important}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn:last-of-type{margin-right:0!important}@media screen and (max-width: 1366px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:1rem!important}}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:.75rem!important}}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn.active{color:#1e5dd3!important;border-color:#1e5dd3}::ng-deep .frequency-dialog-footer{padding:0 2rem}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i4.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i5.FrequencyDailyComponent, selector: "app-frequency-daily", inputs: ["mode", "frequencyData", "startDate", "pageType"], outputs: ["frequencyDetails"] }, { kind: "component", type: i6.FrequencyWeeklyComponent, selector: "app-frequency-weekly", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: i7.FrequencyMonthlyComponent, selector: "app-frequency-monthly", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: i8.FrequencyQuarterlyComponent, selector: "app-frequency-quarterly", inputs: ["mode", "startDate", "frequencyData", "pageType"], outputs: ["frequencyDetails"] }, { kind: "component", type: i9.FrequencyBiannualComponent, selector: "app-frequency-biannual", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: i10.FrequencyAnnualComponent, selector: "app-frequency-annual", inputs: ["pageType", "frequencyData", "mode", "startDate"], outputs: ["frequencyDetails"] }, { kind: "component", type: i11.FrequencyOneTimeComponent, selector: "app-frequency-one-time", inputs: ["pageType", "frequencyData", "mode"], outputs: ["frequencyDetails"] }, { kind: "component", type: i12.FrequencyRandomComponent, selector: "app-frequency-random", inputs: ["mode", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: i13.FrequencyOnCompletionOfComponent, selector: "app-frequency-on-completion-of", inputs: ["mode", "feature", "startDate", "frequencyData"], outputs: ["frequencyDetails", "radioForm"] }, { kind: "component", type: i14.FrequencyOngoingComponent, selector: "app-frequency-ongoing", inputs: ["selectedType", "selectedOngoingType", "frequencyData", "startDate"], outputs: ["frequencyDetails"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrequencyContainerComponent, selector: "app-frequency-container", inputs: { frequencyDetails: "frequencyDetails", mode: "mode", feature: "feature", pageType: "pageType" }, outputs: { selectedFrequency: "selectedFrequency", closeFrequency: "closeFrequency" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"mode !== 'policy'\">\n  <div class=\"frequency-dialog\" *ngIf=\"mode !== 'policy'\">\n    <div\n      class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\"\n    >\n      <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n    </div>\n    <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n      <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n        <div class=\"frequency-tab vx-d-flex vx-align-center\">\n          <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n            <button (click)=\"changeFrequencyTab(frequencyType)\" class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\" [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n          </ng-container>\n        </div>\n        <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n          <!-- Daily Frequency Start -->\n          <app-frequency-daily\n            *ngSwitchCase=\"'daily'\"\n            [mode]=\"mode\"\n            [pageType]=\"pageType\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-daily>\n          <!-- Daily Frequency End -->\n          <!-- Weekly Frequency Start -->\n          <app-frequency-weekly\n            *ngSwitchCase=\"'weekly'\"\n            [mode]=\"mode\"\n            [pageType]=\"pageType\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-weekly>\n          <!-- Weekly Frequency End -->\n          <!-- Monthly Frequency Start -->\n          <app-frequency-monthly\n            *ngSwitchCase=\"'monthly'\"\n            [mode]=\"mode\"\n            [pageType]=\"pageType\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-monthly>\n          <!-- Monthly Frequency End -->\n          <!-- Quarterly Frequency Start -->\n          <app-frequency-quarterly\n            *ngSwitchCase=\"'quarterly'\"\n            [mode]=\"mode\"\n            [pageType]=\"pageType\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-quarterly>\n          <!-- Quarterly Frequency End -->\n          <!-- Biannual Frequency Start -->\n          <app-frequency-biannual\n            *ngSwitchCase=\"'biannual'\"\n            [mode]=\"mode\"\n            [pageType]=\"pageType\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-biannual>\n          <!-- Biannual Frequency End -->\n          <!-- Annual Frequency Start -->\n          <app-frequency-annual\n            *ngSwitchCase=\"'annual'\"\n            [mode]=\"mode\"\n            [pageType]=\"pageType\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-annual>\n          <!-- Annual Frequency End -->\n          <!-- One Time Frequency Start -->\n          <app-frequency-one-time\n            *ngSwitchCase=\"'oneTime'\"\n            [mode]=\"mode\"\n            [pageType]=\"pageType\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-one-time>\n          <!-- One Time Frequency End -->\n          <!-- Random Frequency Start -->\n          <app-frequency-random\n            *ngSwitchCase=\"'random'\"\n            [mode]=\"mode\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-random>\n          <!-- Random Frequency End -->\n          <!-- On Completion Frequency Start -->\n          <app-frequency-on-completion-of\n            *ngSwitchCase=\"'onCompletionOf'\"\n            [mode]=\"mode\"\n            [feature]=\"feature\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n            (radioForm)=\"openedRadio($event)\"\n          ></app-frequency-on-completion-of>\n          <!-- On Completion Frequency End -->\n          <!-- Ongoing Frequency Start -->\n          <app-frequency-ongoing\n            *ngSwitchCase=\"'ongoing'\"\n            (frequencyDetails)=\"onFrequencySelected($event)\"\n            [frequencyData]=\"frequencyDetails\"\n          ></app-frequency-ongoing>\n          <!-- Ongoing Frequency End -->\n        </div>\n      </div>\n    </div>\n\n    <div class=\"frequency-dialog-footer\" *ngIf=\"!openedRadioForm\">\n      <app-floating-bar\n        [showFrequencyText]=\"true\"\n        [currentFrequency]=\"currentTabName\"\n        [isDisabled]=\"isNextDisabled\"\n        (closeEvent)=\"save()\"\n        (closeList)=\"close()\"\n      ></app-floating-bar>\n    </div>\n  </div>\n</ng-container>\n<!-- When responsibility list show then hide frequency-dialog html -->\n\n<!-- For Policy -->\n<div class=\"frequency-dialog\" *ngIf=\"mode === 'policy'\">\n  <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n  </div>\n  <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n    <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n      <div class=\"frequency-tab vx-d-flex vx-align-center\">\n        <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n          <button (click)=\"changeFrequencyTab(frequencyType)\" class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\" [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n        </ng-container>\n      </div>\n      <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n        <!-- Daily Frequency Start -->\n        <app-frequency-daily\n          *ngSwitchCase=\"'daily'\"\n          [mode]=\"mode\"\n          [pageType]=\"pageType\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-daily>\n        <!-- Daily Frequency End -->\n        <!-- Weekly Frequency Start -->\n        <app-frequency-weekly\n          *ngSwitchCase=\"'weekly'\"\n          [mode]=\"mode\"\n          [pageType]=\"pageType\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-weekly>\n        <!-- Weekly Frequency End -->\n        <!-- Monthly Frequency Start -->\n        <app-frequency-monthly\n          *ngSwitchCase=\"'monthly'\"\n          [mode]=\"mode\"\n          [pageType]=\"pageType\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-monthly>\n        <!-- Monthly Frequency End -->\n        <!-- Quarterly Frequency Start -->\n        <app-frequency-quarterly\n          *ngSwitchCase=\"'quarterly'\"\n          [mode]=\"mode\"\n          [pageType]=\"pageType\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-quarterly>\n        <!-- Quarterly Frequency End -->\n        <!-- Biannual Frequency Start -->\n        <app-frequency-biannual\n          *ngSwitchCase=\"'biannual'\"\n          [mode]=\"mode\"\n          [pageType]=\"pageType\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-biannual>\n        <!-- Biannual Frequency End -->\n        <!-- Annual Frequency Start -->\n        <app-frequency-annual\n          *ngSwitchCase=\"'annual'\"\n          [mode]=\"mode\"\n          [pageType]=\"pageType\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-annual>\n        <!-- Annual Frequency End -->\n        <!-- One Time Frequency Start -->\n        <app-frequency-one-time\n          *ngSwitchCase=\"'oneTime'\"\n          [mode]=\"mode\"\n          [pageType]=\"pageType\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-one-time>\n        <!-- One Time Frequency End -->\n        <!-- Random Frequency Start -->\n        <app-frequency-random\n          *ngSwitchCase=\"'random'\"\n          [mode]=\"mode\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-random>\n        <!-- Random Frequency End -->\n        <!-- On Completion Frequency Start -->\n        <app-frequency-on-completion-of\n          *ngSwitchCase=\"'onCompletionOf'\"\n          [mode]=\"mode\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-on-completion-of>\n        <!-- On Completion Frequency End -->\n        <!-- Ongoing Frequency Start -->\n        <app-frequency-ongoing\n          *ngSwitchCase=\"'ongoing'\"\n          (frequencyDetails)=\"onFrequencySelected($event)\"\n          [frequencyData]=\"frequencyDetails\"\n        ></app-frequency-ongoing>\n        <!-- Ongoing Frequency End -->\n      </div>\n    </div>\n  </div>\n  <div class=\"frequency-dialog-footer\">\n    <app-floating-bar\n      [showFrequencyText]=\"true\"\n      [currentFrequency]=\"currentTabName\"\n      [isDisabled]=\"isNextDisabled\"\n      (closeEvent)=\"save()\"\n      (closeList)=\"close()\"\n    ></app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-top.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/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.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 .frequency-dialog{position:fixed;inset:0 500px 0 0;z-index:11}::ng-deep .frequency-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog{right:30px}::ng-deep .frequency-dialog .frequency-dialog-body .frequency-dialog-body-inner .frequency-tab-bottom app-frequency-on-completion-of .frequency-completion .frequency-completion-inner .frequency-completion-bottom app-frequency-responsibility-list .frequency-responsibility-list{right:0;z-index:9999}}::ng-deep .frequency-dialog-head{background:#fbfbfb;border-radius:.125rem .125rem 0 0;border-bottom:1px solid #f1f1f1}::ng-deep .frequency-dialog-head button.back-btn{background:transparent;border-radius:0;border:none}::ng-deep .frequency-dialog-body{height:calc(100vh - 9.75rem);margin:0 auto 1rem;overflow:hidden;overflow-y:auto;width:calc(100% - 2.5rem)}::ng-deep .frequency-dialog-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .frequency-dialog-body-inner{width:54.5rem;margin:0 auto}@media screen and (min-width: 1366px){::ng-deep .frequency-dialog-body-inner{width:auto}}::ng-deep .frequency-dialog-body .frequency-tab{border:none!important;border-bottom:1px solid #f1f1f1!important;margin-bottom:1.5rem}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{background:transparent;border-radius:0;border:none;border-bottom:.125rem solid transparent;height:1.5rem;margin-right:1.5rem!important}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn:last-of-type{margin-right:0!important}@media screen and (max-width: 1366px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:1rem!important}}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:.75rem!important}}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn.active{color:#1e5dd3!important;border-color:#1e5dd3}::ng-deep .frequency-dialog-footer{padding:0 2rem}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i4.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: i5.FrequencyDailyComponent, selector: "app-frequency-daily", inputs: ["mode", "frequencyData", "startDate", "pageType"], outputs: ["frequencyDetails"] }, { kind: "component", type: i6.FrequencyWeeklyComponent, selector: "app-frequency-weekly", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: i7.FrequencyMonthlyComponent, selector: "app-frequency-monthly", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: i8.FrequencyQuarterlyComponent, selector: "app-frequency-quarterly", inputs: ["mode", "startDate", "frequencyData", "pageType"], outputs: ["frequencyDetails"] }, { kind: "component", type: i9.FrequencyBiannualComponent, selector: "app-frequency-biannual", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: i10.FrequencyAnnualComponent, selector: "app-frequency-annual", inputs: ["pageType", "frequencyData", "mode", "startDate"], outputs: ["frequencyDetails"] }, { kind: "component", type: i11.FrequencyOneTimeComponent, selector: "app-frequency-one-time", inputs: ["pageType", "frequencyData", "mode"], outputs: ["frequencyDetails"] }, { kind: "component", type: i12.FrequencyRandomComponent, selector: "app-frequency-random", inputs: ["mode", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: i13.FrequencyOnCompletionOfComponent, selector: "app-frequency-on-completion-of", inputs: ["mode", "feature", "startDate", "frequencyData"], outputs: ["frequencyDetails", "radioForm"] }, { kind: "component", type: i14.FrequencyOngoingComponent, selector: "app-frequency-ongoing", inputs: ["selectedType", "selectedOngoingType", "frequencyData", "startDate"], outputs: ["frequencyDetails"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrequencyContainerComponent, decorators: [{
             type: Component,