vcomply-workflow-engine 3.5.3 → 3.5.4

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

@@ -0,0 +1,122 @@
+import { Component, Input, Output, EventEmitter, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../ui-kit/popover/popover.component";
+import * as i3 from "../../ui-kit/popover/popover.directive";
+import * as i4 from "../../pipes/data-type.pipe";
+export class FloatingBarComponent {
+    set defaultSelectedValue(value) {
+        this.defaultSelected = value ? value : {};
+    }
+    constructor() {
+        this.displayElementKey = '';
+        this.elementId = '';
+        this.singularText = '';
+        this.pluralText = '';
+        this.showNextButton = true;
+        this.showFrequencyText = false;
+        this.showWorkflow = false;
+        this.workflowText = '';
+        this.currentFrequency = '';
+        this.isDisabled = false;
+        this.workflowList = [
+            'SEQUENTIAL',
+            'ANY REVIEWER CAN MARK THIS AS REVIEWED',
+        ];
+        this.mode = 'CREATE';
+        this.defaultSelected = {};
+        this.nonRemovableUsersList = [];
+        this.closeEvent = new EventEmitter();
+        this.deleteEvent = new EventEmitter();
+        this.closeList = new EventEmitter();
+        this.deleteGroupEvent = new EventEmitter();
+        this.workflowTypeChanged = new EventEmitter();
+        this.selectedData = [];
+        this.selectedGroups = [];
+    }
+    ngOnChanges() { }
+    ngOnInit() { }
+    next() {
+        let selectedData;
+        if (this.selectedGroups?.length > 0) {
+            selectedData = { users: this.selectedData, groups: this.selectedGroups };
+        }
+        else {
+            selectedData = this.selectedData;
+        }
+        this.closeEvent.emit(selectedData);
+    }
+    deleteSelected(index) {
+        this.deleteEvent.emit(index);
+    }
+    deleteSelectedGroup(index) {
+        this.deleteGroupEvent.emit(index);
+    }
+    close() {
+        this.closeList.emit();
+    }
+    selectedWorkflowType(event) {
+        // debugger
+    }
+    selectedWorkflowChange(event) {
+        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\">\r\n  <div class=\"userGroup-floating-bar-container\">\r\n    <div class=\"left user-group-left\">\r\n      <ng-container *ngIf=\"selectedData.length > 0 && !groupsEnabled\">\r\n        <div\r\n          class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-mr-2\"\r\n        >\r\n          <ng-container\r\n            *ngFor=\"let element of selectedData?.slice(0, 1); let i = index\"\r\n          >\r\n            <ng-container *ngIf=\"element\">\r\n              <i\r\n                *ngIf=\"\r\n                  !nonRemovableUsersList.includes(element[elementId]) &&\r\n                  removePosition != 'right'\r\n                \"\r\n                (click)=\"deleteSelected(element)\"\r\n                class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\"\r\n                >&#xe9ae;</i\r\n              >\r\n              <span\r\n                class=\"step\"\r\n                *ngIf=\"selectedWorkflow == 'SEQUENTIAL' && showWorkflow\"\r\n                >{{\r\n                  selectedData.length <= 2 &&\r\n                  i == selectedData.length - 1 &&\r\n                  selectedData.length > 1\r\n                    ? \"Final\"\r\n                    : i + 1\r\n                }}</span\r\n              >\r\n              <span\r\n                *ngIf=\"(element[displayElementKey] | dataType) !== 'object'\"\r\n                class=\"chipName vx-fs-11 vx-label-txt\"\r\n                [appTooltip]=\"element[displayElementKey]\"\r\n                placement=\"bottom-left\"\r\n                delay=\"0\"\r\n                type=\"black\"\r\n                [tooltipMandatory]=\"false\"\r\n                >{{ element[displayElementKey] }}</span\r\n              >\r\n              <span\r\n                *ngIf=\"(element[displayElementKey] | dataType) === 'object'\"\r\n                class=\"chipName vx-fs-11 vx-label-txt\"\r\n                >{{\r\n                  element[displayElementKey]\r\n                    | slice : element[displayElementKey].length - 1\r\n                }}</span\r\n              >\r\n              <i\r\n                class=\"icons cross vx-fs-12 vx-paragraph-txt vx-ml-1\"\r\n                *ngIf=\"\r\n                  !nonRemovableUsersList.includes(element[elementId]) &&\r\n                  removePosition == 'right'\r\n                \"\r\n                (click)=\"deleteSelected(element)\"\r\n                >&#xe9ae;</i\r\n              >\r\n            </ng-container>\r\n          </ng-container>\r\n          <button\r\n            *ngIf=\"selectedData?.length > 1\"\r\n            class=\"countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4\"\r\n            [class.greenBg]=\"false\"\r\n            appPopover\r\n            (click)=\"userPopover.popover()\"\r\n            placement=\"left\"\r\n          >\r\n            +{{ selectedData?.slice(1)?.length }}\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"name\" *ngIf=\"selectedData?.length > 1\">\r\n          <span *ngIf=\"selectedData?.slice(1).length === 1\">{{\r\n            singularText\r\n          }}</span>\r\n          <span *ngIf=\"selectedData?.slice(1).length > 1\">{{\r\n            pluralText\r\n          }}</span>\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"groupsEnabled\">\r\n        <div class=\"user-group-chip\" *ngIf=\"selectedData?.length\">\r\n          <i (click)=\"deleteSelected(selectedData[0])\" class=\"icons cross\"\r\n            >&#xe9ae;</i\r\n          >\r\n          <div\r\n            class=\"user-group-name\"\r\n            appTooltip=\"{{ selectedData[0][displayElementKey] }}\"\r\n            placement=\"bottom-left\"\r\n            delay=\"0\"\r\n            type=\"black\"\r\n            [tooltipMandatory]=\"false\"\r\n          >\r\n            {{ selectedData[0][displayElementKey] }}\r\n          </div>\r\n          <div\r\n            class=\"counter\"\r\n            *ngIf=\"selectedData?.length > 1\"\r\n            appPopover\r\n            (click)=\"UserWithFeatureFlagPopover.popover()\"\r\n            placement=\"left\"\r\n          >\r\n            +{{ selectedData?.length - 1 }}\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"name userGroup-name\"\r\n          *ngIf=\"selectedData?.length > 0 && groupsEnabled\"\r\n        >\r\n          <span class=\"userGroup-text\" *ngIf=\"selectedData?.length === 1\">\r\n            {{\r\n              selectedGroups && selectedGroups?.length > 0 ? \" & \" : \"\"\r\n            }}</span\r\n          >\r\n          <span class=\"userGroup-text\" *ngIf=\"selectedData?.length > 1\"\r\n            >Users\r\n            {{\r\n              selectedGroups && selectedGroups?.length > 0 ? \" & \" : \"selected\"\r\n            }}</span\r\n          >\r\n        </div>\r\n        <div class=\"user-group-chip\" *ngIf=\"selectedGroups?.length\">\r\n          <i\r\n            class=\"icons cross\"\r\n            (click)=\"deleteSelectedGroup(selectedGroups[0])\"\r\n            >&#xe9ae;</i\r\n          >\r\n          <div\r\n            class=\"user-group-name\"\r\n            appTooltip=\"{{ selectedGroups[0]?.group_name }}\"\r\n            placement=\"bottom-left\"\r\n            delay=\"0\"\r\n            type=\"black\"\r\n            [tooltipMandatory]=\"false\"\r\n          >\r\n            {{ selectedGroups[0]?.group_name }}\r\n          </div>\r\n          <div\r\n            class=\"counter group\"\r\n            *ngIf=\"selectedGroups.length > 1\"\r\n            appPopover\r\n            (click)=\"groupPopover.popover()\"\r\n            placement=\"left\"\r\n          >\r\n            +{{ selectedGroups.length - 1 }}\r\n          </div>\r\n        </div>\r\n        <div class=\"name userGroup-name\" *ngIf=\"selectedGroups.length > 0\">\r\n          {{ selectedGroups?.length > 1 ? \" User Groups selected \" : \"\" }}\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"showFrequencyText\">\r\n        <div class=\"name vx-ml-0\">\r\n          <span\r\n            >You have selected\r\n            <span class=\"vx-fw-500 vx-label-txt\">{{ currentFrequency }}</span>\r\n            frequency.</span\r\n          >\r\n        </div>\r\n      </ng-container>\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div\r\n      class=\"center\"\r\n      *ngIf=\"\r\n        (showWorkflow && mode === 'CREATE') ||\r\n        (showWorkflow && workflowList.includes('ROUND-ROBIN'))\r\n      \"\r\n    >\r\n      <label>\r\n        {{ workflowText }}\r\n        <span\r\n          class=\"icon\"\r\n          *ngIf=\"workflowText == 'Approval Workflow'\"\r\n          libPopoverHover\r\n          (mouseover)=\"dataTooltip.popover()\"\r\n          (mouseleave)=\"dataTooltip.closePopover()\"\r\n          placement=\"right\"\r\n          ><i class=\"icons\">&#xe91f;</i></span\r\n        >\r\n      </label>\r\n      <popover-hover #dataTooltip>\r\n        <div class=\"vx-info-card\">\r\n          <div class=\"vx-info-card-body\">\r\n            You can select from the following three options:<br />\r\n            <strong>Sequential:</strong> The policy would be sent for approval\r\n            one at a time in the sequence defined by you.<br />\r\n            <strong>Round-robin:</strong> The policy will be sent for approval\r\n            to all approvers at the same time. However, it is mandatory for all\r\n            approvers to take action.<br />\r\n            <strong>Any One:</strong> The policy will be sent for approval to\r\n            all approvers at the same time. If anyone of the approver approves\r\n            the policy, it will be considered as approved.\r\n          </div>\r\n        </div>\r\n      </popover-hover>\r\n      <cs-select\r\n        [(ngModel)]=\"selectedWorkflow\"\r\n        (ngModelChange)=\"selectedWorkflowChange($event)\"\r\n        [placeholder]=\"'Approval WorkFlow *'\"\r\n        [setMaxWidth]=\"true\"\r\n      >\r\n        <cs-option *ngFor=\"let data of workflowList\" [value]=\"data\">\r\n          {{ data }}\r\n        </cs-option>\r\n      </cs-select>\r\n    </div>\r\n    <div class=\"right\">\r\n      <button appRipple class=\"cancel\" (click)=\"close()\">Cancel</button>\r\n      <button\r\n        *ngIf=\"showNextButton\"\r\n        [disabled]=\"isDisabled\"\r\n        (click)=\"next()\"\r\n        appRipple\r\n      >\r\n        Next <i class=\"icons\">&#xe91e;</i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n<app-popover #userPopover [dontCloseonClick]=\"true\">\r\n  <div class=\"wf-action-list\">\r\n    <ul class=\"action-item\">\r\n      <li *ngFor=\"let element of selectedData?.slice(1); let i = index\">\r\n        <div class=\"avatar-card\">\r\n          <span\r\n            class=\"value\"\r\n            *ngIf=\"(element[displayElementKey] | dataType) !== 'object'\"\r\n          >\r\n            <i\r\n              class=\"icons\"\r\n              *ngIf=\"!nonRemovableUsersList.includes(element[elementId])\"\r\n              (click)=\"deleteSelected(element)\"\r\n              >&#xe90d;</i\r\n            >\r\n            <span\r\n              class=\"step\"\r\n              *ngIf=\"selectedWorkflow == 'SEQUENTIAL' && showWorkflow\"\r\n            >\r\n              {{ i == selectedData.slice(1).length - 1 ? \"Final\" : i + 2 }}\r\n            </span>\r\n            {{ element[displayElementKey] }}\r\n          </span>\r\n\r\n          <span\r\n            class=\"value\"\r\n            *ngIf=\"(element[displayElementKey] | dataType) === 'object'\"\r\n          >\r\n            <i\r\n              class=\"icons\"\r\n              *ngIf=\"!nonRemovableUsersList.includes(element[elementId])\"\r\n              (click)=\"deleteSelected(element)\"\r\n              >&#xe90d;</i\r\n            >\r\n            {{ element[displayElementKey] }}\r\n          </span>\r\n          <div\r\n            *ngIf=\"\r\n              defaultSelected?.category_id &&\r\n              defaultSelected?.category_id === element?.category_id\r\n            \"\r\n            class=\"primary-label\"\r\n          >\r\n            PRIMARY\r\n          </div>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</app-popover>\r\n<app-popover #UserWithFeatureFlagPopover [dontCloseonClick]=\"true\">\r\n  <div class=\"wf-action-list\">\r\n    <ul class=\"action-item\">\r\n      <li *ngFor=\"let data of selectedData | slice : 1\">\r\n        <div class=\"avatar-card\">\r\n          <span class=\"value\"\r\n            ><i class=\"icons\" (click)=\"deleteSelected(data)\">&#xe90d;</i\r\n            >{{ data[displayElementKey] }}</span\r\n          >\r\n        </div>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</app-popover>\r\n<app-popover #groupPopover [dontCloseonClick]=\"true\">\r\n  <div class=\"wf-action-list\">\r\n    <ul class=\"action-item\">\r\n      <li *ngFor=\"let data of selectedGroups | slice : 1\">\r\n        <div class=\"avatar-card\">\r\n          <span class=\"value\"\r\n            ><i class=\"icons\" (click)=\"deleteSelectedGroup(data)\">&#xe90d;</i\r\n            >{{ data[\"group_name\"] }}</span\r\n          >\r\n        </div>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</app-popover>\r\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\">\r\n  <div class=\"userGroup-floating-bar-container\">\r\n    <div class=\"left user-group-left\">\r\n      <ng-container *ngIf=\"selectedData.length > 0 && !groupsEnabled\">\r\n        <div\r\n          class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2 vx-mr-2\"\r\n        >\r\n          <ng-container\r\n            *ngFor=\"let element of selectedData?.slice(0, 1); let i = index\"\r\n          >\r\n            <ng-container *ngIf=\"element\">\r\n              <i\r\n                *ngIf=\"\r\n                  !nonRemovableUsersList.includes(element[elementId]) &&\r\n                  removePosition != 'right'\r\n                \"\r\n                (click)=\"deleteSelected(element)\"\r\n                class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\"\r\n                >&#xe9ae;</i\r\n              >\r\n              <span\r\n                class=\"step\"\r\n                *ngIf=\"selectedWorkflow == 'SEQUENTIAL' && showWorkflow\"\r\n                >{{\r\n                  selectedData.length <= 2 &&\r\n                  i == selectedData.length - 1 &&\r\n                  selectedData.length > 1\r\n                    ? \"Final\"\r\n                    : i + 1\r\n                }}</span\r\n              >\r\n              <span\r\n                *ngIf=\"(element[displayElementKey] | dataType) !== 'object'\"\r\n                class=\"chipName vx-fs-11 vx-label-txt\"\r\n                [appTooltip]=\"element[displayElementKey]\"\r\n                placement=\"bottom-left\"\r\n                delay=\"0\"\r\n                type=\"black\"\r\n                [tooltipMandatory]=\"false\"\r\n                >{{ element[displayElementKey] }}</span\r\n              >\r\n              <span\r\n                *ngIf=\"(element[displayElementKey] | dataType) === 'object'\"\r\n                class=\"chipName vx-fs-11 vx-label-txt\"\r\n                >{{\r\n                  element[displayElementKey]\r\n                    | slice : element[displayElementKey].length - 1\r\n                }}</span\r\n              >\r\n              <i\r\n                class=\"icons cross vx-fs-12 vx-paragraph-txt vx-ml-1\"\r\n                *ngIf=\"\r\n                  !nonRemovableUsersList.includes(element[elementId]) &&\r\n                  removePosition == 'right'\r\n                \"\r\n                (click)=\"deleteSelected(element)\"\r\n                >&#xe9ae;</i\r\n              >\r\n            </ng-container>\r\n          </ng-container>\r\n          <button\r\n            *ngIf=\"selectedData?.length > 1\"\r\n            class=\"countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4\"\r\n            [class.greenBg]=\"false\"\r\n            appPopover\r\n            (click)=\"userPopover.popover()\"\r\n            placement=\"left\"\r\n          >\r\n            +{{ selectedData?.slice(1)?.length }}\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"name\" *ngIf=\"selectedData?.length > 1\">\r\n          <span *ngIf=\"selectedData?.slice(1).length === 1\">{{\r\n            singularText\r\n          }}</span>\r\n          <span *ngIf=\"selectedData?.slice(1).length > 1\">{{\r\n            pluralText\r\n          }}</span>\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"groupsEnabled\">\r\n        <div class=\"user-group-chip\" *ngIf=\"selectedData?.length\">\r\n          <i (click)=\"deleteSelected(selectedData[0])\" class=\"icons cross\"\r\n            >&#xe9ae;</i\r\n          >\r\n          <div\r\n            class=\"user-group-name\"\r\n            appTooltip=\"{{ selectedData[0][displayElementKey] }}\"\r\n            placement=\"bottom-left\"\r\n            delay=\"0\"\r\n            type=\"black\"\r\n            [tooltipMandatory]=\"false\"\r\n          >\r\n            {{ selectedData[0][displayElementKey] }}\r\n          </div>\r\n          <div\r\n            class=\"counter\"\r\n            *ngIf=\"selectedData?.length > 1\"\r\n            appPopover\r\n            (click)=\"UserWithFeatureFlagPopover.popover()\"\r\n            placement=\"left\"\r\n          >\r\n            +{{ selectedData?.length - 1 }}\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"name userGroup-name\"\r\n          *ngIf=\"selectedData?.length > 0 && groupsEnabled\"\r\n        >\r\n          <span class=\"userGroup-text\" *ngIf=\"selectedData?.length === 1\">\r\n            {{\r\n              selectedGroups && selectedGroups?.length > 0 ? \" & \" : \"\"\r\n            }}</span\r\n          >\r\n          <span class=\"userGroup-text\" *ngIf=\"selectedData?.length > 1\"\r\n            >Users\r\n            {{\r\n              selectedGroups && selectedGroups?.length > 0 ? \" & \" : \"selected\"\r\n            }}</span\r\n          >\r\n        </div>\r\n        <div class=\"user-group-chip\" *ngIf=\"selectedGroups?.length\">\r\n          <i\r\n            class=\"icons cross\"\r\n            (click)=\"deleteSelectedGroup(selectedGroups[0])\"\r\n            >&#xe9ae;</i\r\n          >\r\n          <div\r\n            class=\"user-group-name\"\r\n            appTooltip=\"{{ selectedGroups[0]?.group_name }}\"\r\n            placement=\"bottom-left\"\r\n            delay=\"0\"\r\n            type=\"black\"\r\n            [tooltipMandatory]=\"false\"\r\n          >\r\n            {{ selectedGroups[0]?.group_name }}\r\n          </div>\r\n          <div\r\n            class=\"counter group\"\r\n            *ngIf=\"selectedGroups.length > 1\"\r\n            appPopover\r\n            (click)=\"groupPopover.popover()\"\r\n            placement=\"left\"\r\n          >\r\n            +{{ selectedGroups.length - 1 }}\r\n          </div>\r\n        </div>\r\n        <div class=\"name userGroup-name\" *ngIf=\"selectedGroups.length > 0\">\r\n          {{ selectedGroups?.length > 1 ? \" User Groups selected \" : \"\" }}\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"showFrequencyText\">\r\n        <div class=\"name vx-ml-0\">\r\n          <span\r\n            >You have selected\r\n            <span class=\"vx-fw-500 vx-label-txt\">{{ currentFrequency }}</span>\r\n            frequency.</span\r\n          >\r\n        </div>\r\n      </ng-container>\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div\r\n      class=\"center\"\r\n      *ngIf=\"\r\n        (showWorkflow && mode === 'CREATE') ||\r\n        (showWorkflow && workflowList.includes('ROUND-ROBIN'))\r\n      \"\r\n    >\r\n      <label>\r\n        {{ workflowText }}\r\n        <span\r\n          class=\"icon\"\r\n          *ngIf=\"workflowText == 'Approval Workflow'\"\r\n          libPopoverHover\r\n          (mouseover)=\"dataTooltip.popover()\"\r\n          (mouseleave)=\"dataTooltip.closePopover()\"\r\n          placement=\"right\"\r\n          ><i class=\"icons\">&#xe91f;</i></span\r\n        >\r\n      </label>\r\n      <popover-hover #dataTooltip>\r\n        <div class=\"vx-info-card\">\r\n          <div class=\"vx-info-card-body\">\r\n            You can select from the following three options:<br />\r\n            <strong>Sequential:</strong> The policy would be sent for approval\r\n            one at a time in the sequence defined by you.<br />\r\n            <strong>Round-robin:</strong> The policy will be sent for approval\r\n            to all approvers at the same time. However, it is mandatory for all\r\n            approvers to take action.<br />\r\n            <strong>Any One:</strong> The policy will be sent for approval to\r\n            all approvers at the same time. If anyone of the approver approves\r\n            the policy, it will be considered as approved.\r\n          </div>\r\n        </div>\r\n      </popover-hover>\r\n      <cs-select\r\n        [(ngModel)]=\"selectedWorkflow\"\r\n        (ngModelChange)=\"selectedWorkflowChange($event)\"\r\n        [placeholder]=\"'Approval WorkFlow *'\"\r\n        [setMaxWidth]=\"true\"\r\n      >\r\n        <cs-option *ngFor=\"let data of workflowList\" [value]=\"data\">\r\n          {{ data }}\r\n        </cs-option>\r\n      </cs-select>\r\n    </div>\r\n    <div class=\"right\">\r\n      <button appRipple class=\"cancel\" (click)=\"close()\">Cancel</button>\r\n      <button\r\n        *ngIf=\"showNextButton\"\r\n        [disabled]=\"isDisabled\"\r\n        (click)=\"next()\"\r\n        appRipple\r\n      >\r\n        Next <i class=\"icons\">&#xe91e;</i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n<app-popover #userPopover [dontCloseonClick]=\"true\">\r\n  <div class=\"wf-action-list\">\r\n    <ul class=\"action-item\">\r\n      <li *ngFor=\"let element of selectedData?.slice(1); let i = index\">\r\n        <div class=\"avatar-card\">\r\n          <span\r\n            class=\"value\"\r\n            *ngIf=\"(element[displayElementKey] | dataType) !== 'object'\"\r\n          >\r\n            <i\r\n              class=\"icons\"\r\n              *ngIf=\"!nonRemovableUsersList.includes(element[elementId])\"\r\n              (click)=\"deleteSelected(element)\"\r\n              >&#xe90d;</i\r\n            >\r\n            <span\r\n              class=\"step\"\r\n              *ngIf=\"selectedWorkflow == 'SEQUENTIAL' && showWorkflow\"\r\n            >\r\n              {{ i == selectedData.slice(1).length - 1 ? \"Final\" : i + 2 }}\r\n            </span>\r\n            {{ element[displayElementKey] }}\r\n          </span>\r\n\r\n          <span\r\n            class=\"value\"\r\n            *ngIf=\"(element[displayElementKey] | dataType) === 'object'\"\r\n          >\r\n            <i\r\n              class=\"icons\"\r\n              *ngIf=\"!nonRemovableUsersList.includes(element[elementId])\"\r\n              (click)=\"deleteSelected(element)\"\r\n              >&#xe90d;</i\r\n            >\r\n            {{ element[displayElementKey] }}\r\n          </span>\r\n          <div\r\n            *ngIf=\"\r\n              defaultSelected?.category_id &&\r\n              defaultSelected?.category_id === element?.category_id\r\n            \"\r\n            class=\"primary-label\"\r\n          >\r\n            PRIMARY\r\n          </div>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</app-popover>\r\n<app-popover #UserWithFeatureFlagPopover [dontCloseonClick]=\"true\">\r\n  <div class=\"wf-action-list\">\r\n    <ul class=\"action-item\">\r\n      <li *ngFor=\"let data of selectedData | slice : 1\">\r\n        <div class=\"avatar-card\">\r\n          <span class=\"value\"\r\n            ><i class=\"icons\" (click)=\"deleteSelected(data)\">&#xe90d;</i\r\n            >{{ data[displayElementKey] }}</span\r\n          >\r\n        </div>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</app-popover>\r\n<app-popover #groupPopover [dontCloseonClick]=\"true\">\r\n  <div class=\"wf-action-list\">\r\n    <ul class=\"action-item\">\r\n      <li *ngFor=\"let data of selectedGroups | slice : 1\">\r\n        <div class=\"avatar-card\">\r\n          <span class=\"value\"\r\n            ><i class=\"icons\" (click)=\"deleteSelectedGroup(data)\">&#xe90d;</i\r\n            >{{ data[\"group_name\"] }}</span\r\n          >\r\n        </div>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</app-popover>\r\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: [{
+                type: Input
+            }], displayElementKey: [{
+                type: Input
+            }], elementId: [{
+                type: Input
+            }], singularText: [{
+                type: Input
+            }], pluralText: [{
+                type: Input
+            }], showNextButton: [{
+                type: Input
+            }], showFrequencyText: [{
+                type: Input
+            }], showWorkflow: [{
+                type: Input
+            }], workflowText: [{
+                type: Input
+            }], currentFrequency: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], workflowList: [{
+                type: Input
+            }], selectedWorkflow: [{
+                type: Input
+            }], workflowPlaceHolder: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], defaultSelectedValue: [{
+                type: Input,
+                args: ['defaultSelected']
+            }], groupsEnabled: [{
+                type: Input
+            }], nonRemovableUsersList: [{
+                type: Input
+            }], removePosition: [{
+                type: Input
+            }], closeEvent: [{
+                type: Output
+            }], deleteEvent: [{
+                type: Output
+            }], closeList: [{
+                type: Output
+            }], deleteGroupEvent: [{
+                type: Output
+            }], workflowTypeChanged: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmctYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvZmxvYXRpbmctYmFyL2Zsb2F0aW5nLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2Zsb2F0aW5nLWJhci9mbG9hdGluZy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBRUwsTUFBTSxFQUNOLFlBQVksR0FFYixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBT3ZCLE1BQU0sT0FBTyxvQkFBb0I7SUFxQi9CLElBQThCLG9CQUFvQixDQUFDLEtBQVU7UUFDM0QsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQzVDLENBQUM7SUFVRDtRQTlCUyxzQkFBaUIsR0FBRyxFQUFFLENBQUM7UUFDdkIsY0FBUyxHQUFRLEVBQUUsQ0FBQztRQUNwQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLG1CQUFjLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQUMxQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixxQkFBZ0IsR0FBRyxFQUFFLENBQUM7UUFDdEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixpQkFBWSxHQUFHO1lBQ3RCLFlBQVk7WUFDWix3Q0FBd0M7U0FDekMsQ0FBQztRQUdPLFNBQUksR0FBVyxRQUFRLENBQUM7UUFDakMsb0JBQWUsR0FBUSxFQUFFLENBQUM7UUFNakIsMEJBQXFCLEdBQVEsRUFBRSxDQUFDO1FBRS9CLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuRCxnQkFBVyxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3ZELGNBQVMsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNsRCxxQkFBZ0IsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM1RCx3QkFBbUIsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVwRSxJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsY0FBYyxHQUFHLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsV0FBVyxLQUFJLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7SUFFbkIsSUFBSTtRQUNGLElBQUksWUFBWSxDQUFDO1FBQ2pCLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ25DLFlBQVksR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDMUU7YUFBTTtZQUNMLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO1NBQ2xDO1FBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFhO1FBQzFCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFDRCxtQkFBbUIsQ0FBQyxLQUFhO1FBQy9CLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUNELEtBQUs7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFDRCxvQkFBb0IsQ0FBQyxLQUFVO1FBQzdCLFdBQVc7SUFDYixDQUFDO0lBRUQsc0JBQXNCLENBQUMsS0FBVTtRQUMvQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7K0dBbkVVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHU3QkNkakMsc2lXQTJTQTs7NEZEN1JhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxrQkFBa0I7MEVBS25CLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBSUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRXdCLG9CQUFvQjtzQkFBakQsS0FBSzt1QkFBQyxpQkFBaUI7Z0JBR2YsYUFBYTtzQkFBckIsS0FBSztnQkFFRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csbUJBQW1CO3NCQUE1QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgT25DaGFuZ2VzLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtZmxvYXRpbmctYmFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmxvYXRpbmctYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mbG9hdGluZy1iYXIuY29tcG9uZW50Lmxlc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEZsb2F0aW5nQmFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkRGF0YTogYW55O1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkR3JvdXBzOiBhbnk7XHJcbiAgQElucHV0KCkgZGlzcGxheUVsZW1lbnRLZXkgPSAnJztcclxuICBASW5wdXQoKSBlbGVtZW50SWQ6IGFueSA9ICcnO1xyXG4gIEBJbnB1dCgpIHNpbmd1bGFyVGV4dCA9ICcnO1xyXG4gIEBJbnB1dCgpIHBsdXJhbFRleHQgPSAnJztcclxuICBASW5wdXQoKSBzaG93TmV4dEJ1dHRvbiA9IHRydWU7XHJcbiAgQElucHV0KCkgc2hvd0ZyZXF1ZW5jeVRleHQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzaG93V29ya2Zsb3cgPSBmYWxzZTtcclxuICBASW5wdXQoKSB3b3JrZmxvd1RleHQgPSAnJztcclxuICBASW5wdXQoKSBjdXJyZW50RnJlcXVlbmN5ID0gJyc7XHJcbiAgQElucHV0KCkgaXNEaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHdvcmtmbG93TGlzdCA9IFtcclxuICAgICdTRVFVRU5USUFMJyxcclxuICAgICdBTlkgUkVWSUVXRVIgQ0FOIE1BUksgVEhJUyBBUyBSRVZJRVdFRCcsXHJcbiAgXTtcclxuICBASW5wdXQoKSBzZWxlY3RlZFdvcmtmbG93OiBhbnk7XHJcbiAgQElucHV0KCkgd29ya2Zsb3dQbGFjZUhvbGRlcjogYW55O1xyXG4gIEBJbnB1dCgpIG1vZGU6IHN0cmluZyA9ICdDUkVBVEUnO1xyXG4gIGRlZmF1bHRTZWxlY3RlZDogYW55ID0ge307XHJcbiAgQElucHV0KCdkZWZhdWx0U2VsZWN0ZWQnKSBzZXQgZGVmYXVsdFNlbGVjdGVkVmFsdWUodmFsdWU6IGFueSkge1xyXG4gICAgdGhpcy5kZWZhdWx0U2VsZWN0ZWQgPSB2YWx1ZSA/IHZhbHVlIDoge307XHJcbiAgfVxyXG4gIEBJbnB1dCgpIGdyb3Vwc0VuYWJsZWQ6IGFueTtcclxuXHJcbiAgQElucHV0KCkgbm9uUmVtb3ZhYmxlVXNlcnNMaXN0OiBhbnkgPSBbXTtcclxuICBASW5wdXQoKSByZW1vdmVQb3NpdGlvbjogYW55O1xyXG4gIEBPdXRwdXQoKSBjbG9zZUV2ZW50OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgZGVsZXRlRXZlbnQ6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBjbG9zZUxpc3Q6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBkZWxldGVHcm91cEV2ZW50OiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgd29ya2Zsb3dUeXBlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkRGF0YSA9IFtdO1xyXG4gICAgdGhpcy5zZWxlY3RlZEdyb3VwcyA9IFtdO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIG5leHQoKSB7XHJcbiAgICBsZXQgc2VsZWN0ZWREYXRhO1xyXG4gICAgaWYgKHRoaXMuc2VsZWN0ZWRHcm91cHM/Lmxlbmd0aCA+IDApIHtcclxuICAgICAgc2VsZWN0ZWREYXRhID0geyB1c2VyczogdGhpcy5zZWxlY3RlZERhdGEsIGdyb3VwczogdGhpcy5zZWxlY3RlZEdyb3VwcyB9O1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgc2VsZWN0ZWREYXRhID0gdGhpcy5zZWxlY3RlZERhdGE7XHJcbiAgICB9XHJcbiAgICB0aGlzLmNsb3NlRXZlbnQuZW1pdChzZWxlY3RlZERhdGEpO1xyXG4gIH1cclxuXHJcbiAgZGVsZXRlU2VsZWN0ZWQoaW5kZXg6IG51bWJlcikge1xyXG4gICAgdGhpcy5kZWxldGVFdmVudC5lbWl0KGluZGV4KTtcclxuICB9XHJcbiAgZGVsZXRlU2VsZWN0ZWRHcm91cChpbmRleDogbnVtYmVyKSB7XHJcbiAgICB0aGlzLmRlbGV0ZUdyb3VwRXZlbnQuZW1pdChpbmRleCk7XHJcbiAgfVxyXG4gIGNsb3NlKCkge1xyXG4gICAgdGhpcy5jbG9zZUxpc3QuZW1pdCgpO1xyXG4gIH1cclxuICBzZWxlY3RlZFdvcmtmbG93VHlwZShldmVudDogYW55KSB7XHJcbiAgICAvLyBkZWJ1Z2dlclxyXG4gIH1cclxuXHJcbiAgc2VsZWN0ZWRXb3JrZmxvd0NoYW5nZShldmVudDogYW55KSB7XHJcbiAgICB0aGlzLndvcmtmbG93VHlwZUNoYW5nZWQuZW1pdChldmVudCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ1c2VyR3JvdXAtZmxvYXRpbmctYmFyXCI+XHJcbiAgPGRpdiBjbGFzcz1cInVzZXJHcm91cC1mbG9hdGluZy1iYXItY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibGVmdCB1c2VyLWdyb3VwLWxlZnRcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNlbGVjdGVkRGF0YS5sZW5ndGggPiAwICYmICFncm91cHNFbmFibGVkXCI+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgY2xhc3M9XCJjaGlwQ29udGFpbmVyIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtcGwtMiB2eC1wci0yIHZ4LW1yLTJcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IGVsZW1lbnQgb2Ygc2VsZWN0ZWREYXRhPy5zbGljZSgwLCAxKTsgbGV0IGkgPSBpbmRleFwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJlbGVtZW50XCI+XHJcbiAgICAgICAgICAgICAgPGlcclxuICAgICAgICAgICAgICAgICpuZ0lmPVwiXHJcbiAgICAgICAgICAgICAgICAgICFub25SZW1vdmFibGVVc2Vyc0xpc3QuaW5jbHVkZXMoZWxlbWVudFtlbGVtZW50SWRdKSAmJlxyXG4gICAgICAgICAgICAgICAgICByZW1vdmVQb3NpdGlvbiAhPSAncmlnaHQnXHJcbiAgICAgICAgICAgICAgICBcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImRlbGV0ZVNlbGVjdGVkKGVsZW1lbnQpXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiaWNvbnMgY3Jvc3MgdngtZnMtMTAgdngtcGFyYWdyYXBoLXR4dCB2eC1tci0xXCJcclxuICAgICAgICAgICAgICAgID4mI3hlOWFlOzwvaVxyXG4gICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzdGVwXCJcclxuICAgICAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWRXb3JrZmxvdyA9PSAnU0VRVUVOVElBTCcgJiYgc2hvd1dvcmtmbG93XCJcclxuICAgICAgICAgICAgICAgID57e1xyXG4gICAgICAgICAgICAgICAgICBzZWxlY3RlZERhdGEubGVuZ3RoIDw9IDIgJiZcclxuICAgICAgICAgICAgICAgICAgaSA9PSBzZWxlY3RlZERhdGEubGVuZ3RoIC0gMSAmJlxyXG4gICAgICAgICAgICAgICAgICBzZWxlY3RlZERhdGEubGVuZ3RoID4gMVxyXG4gICAgICAgICAgICAgICAgICAgID8gXCJGaW5hbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgOiBpICsgMVxyXG4gICAgICAgICAgICAgICAgfX08L3NwYW5cclxuICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgICAgICpuZ0lmPVwiKGVsZW1lbnRbZGlzcGxheUVsZW1lbnRLZXldIHwgZGF0YVR5cGUpICE9PSAnb2JqZWN0J1wiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImNoaXBOYW1lIHZ4LWZzLTExIHZ4LWxhYmVsLXR4dFwiXHJcbiAgICAgICAgICAgICAgICBbYXBwVG9vbHRpcF09XCJlbGVtZW50W2Rpc3BsYXlFbGVtZW50S2V5XVwiXHJcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiXHJcbiAgICAgICAgICAgICAgICBkZWxheT1cIjBcIlxyXG4gICAgICAgICAgICAgICAgdHlwZT1cImJsYWNrXCJcclxuICAgICAgICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cImZhbHNlXCJcclxuICAgICAgICAgICAgICAgID57eyBlbGVtZW50W2Rpc3BsYXlFbGVtZW50S2V5XSB9fTwvc3BhblxyXG4gICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAgICAgKm5nSWY9XCIoZWxlbWVudFtkaXNwbGF5RWxlbWVudEtleV0gfCBkYXRhVHlwZSkgPT09ICdvYmplY3QnXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiY2hpcE5hbWUgdngtZnMtMTEgdngtbGFiZWwtdHh0XCJcclxuICAgICAgICAgICAgICAgID57e1xyXG4gICAgICAgICAgICAgICAgICBlbGVtZW50W2Rpc3BsYXlFbGVtZW50S2V5XVxyXG4gICAgICAgICAgICAgICAgICAgIHwgc2xpY2UgOiBlbGVtZW50W2Rpc3BsYXlFbGVtZW50S2V5XS5sZW5ndGggLSAxXHJcbiAgICAgICAgICAgICAgICB9fTwvc3BhblxyXG4gICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICA8aVxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJpY29ucyBjcm9zcyB2eC1mcy0xMiB2eC1wYXJhZ3JhcGgtdHh0IHZ4LW1sLTFcIlxyXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJcclxuICAgICAgICAgICAgICAgICAgIW5vblJlbW92YWJsZVVzZXJzTGlzdC5pbmNsdWRlcyhlbGVtZW50W2VsZW1lbnRJZF0pICYmXHJcbiAgICAgICAgICAgICAgICAgIHJlbW92ZVBvc2l0aW9uID09ICdyaWdodCdcclxuICAgICAgICAgICAgICAgIFwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiZGVsZXRlU2VsZWN0ZWQoZWxlbWVudClcIlxyXG4gICAgICAgICAgICAgICAgPiYjeGU5YWU7PC9pXHJcbiAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAqbmdJZj1cInNlbGVjdGVkRGF0YT8ubGVuZ3RoID4gMVwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiY291bnRCdG4gdngtZnMtOSB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtbGgtNFwiXHJcbiAgICAgICAgICAgIFtjbGFzcy5ncmVlbkJnXT1cImZhbHNlXCJcclxuICAgICAgICAgICAgYXBwUG9wb3ZlclxyXG4gICAgICAgICAgICAoY2xpY2spPVwidXNlclBvcG92ZXIucG9wb3ZlcigpXCJcclxuICAgICAgICAgICAgcGxhY2VtZW50PVwibGVmdFwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgICt7eyBzZWxlY3RlZERhdGE/LnNsaWNlKDEpPy5sZW5ndGggfX1cclxuICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibmFtZVwiICpuZ0lmPVwic2VsZWN0ZWREYXRhPy5sZW5ndGggPiAxXCI+XHJcbiAgICAgICAgICA8c3BhbiAqbmdJZj1cInNlbGVjdGVkRGF0YT8uc2xpY2UoMSkubGVuZ3RoID09PSAxXCI+e3tcclxuICAgICAgICAgICAgc2luZ3VsYXJUZXh0XHJcbiAgICAgICAgICB9fTwvc3Bhbj5cclxuICAgICAgICAgIDxzcGFuICpuZ0lmPVwic2VsZWN0ZWREYXRhPy5zbGljZSgxKS5sZW5ndGggPiAxXCI+e3tcclxuICAgICAgICAgICAgcGx1cmFsVGV4dFxyXG4gICAgICAgICAgfX08L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZ3JvdXBzRW5hYmxlZFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ1c2VyLWdyb3VwLWNoaXBcIiAqbmdJZj1cInNlbGVjdGVkRGF0YT8ubGVuZ3RoXCI+XHJcbiAgICAgICAgICA8aSAoY2xpY2spPVwiZGVsZXRlU2VsZWN0ZWQoc2VsZWN0ZWREYXRhWzBdKVwiIGNsYXNzPVwiaWNvbnMgY3Jvc3NcIlxyXG4gICAgICAgICAgICA+JiN4ZTlhZTs8L2lcclxuICAgICAgICAgID5cclxuICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgY2xhc3M9XCJ1c2VyLWdyb3VwLW5hbWVcIlxyXG4gICAgICAgICAgICBhcHBUb29sdGlwPVwie3sgc2VsZWN0ZWREYXRhWzBdW2Rpc3BsYXlFbGVtZW50S2V5XSB9fVwiXHJcbiAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcclxuICAgICAgICAgICAgZGVsYXk9XCIwXCJcclxuICAgICAgICAgICAgdHlwZT1cImJsYWNrXCJcclxuICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICB7eyBzZWxlY3RlZERhdGFbMF1bZGlzcGxheUVsZW1lbnRLZXldIH19XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgY2xhc3M9XCJjb3VudGVyXCJcclxuICAgICAgICAgICAgKm5nSWY9XCJzZWxlY3RlZERhdGE/Lmxlbmd0aCA+IDFcIlxyXG4gICAgICAgICAgICBhcHBQb3BvdmVyXHJcbiAgICAgICAgICAgIChjbGljayk9XCJVc2VyV2l0aEZlYXR1cmVGbGFnUG9wb3Zlci5wb3BvdmVyKClcIlxyXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgK3t7IHNlbGVjdGVkRGF0YT8ubGVuZ3RoIC0gMSB9fVxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgY2xhc3M9XCJuYW1lIHVzZXJHcm91cC1uYW1lXCJcclxuICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWREYXRhPy5sZW5ndGggPiAwICYmIGdyb3Vwc0VuYWJsZWRcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidXNlckdyb3VwLXRleHRcIiAqbmdJZj1cInNlbGVjdGVkRGF0YT8ubGVuZ3RoID09PSAxXCI+XHJcbiAgICAgICAgICAgIHt7XHJcbiAgICAgICAgICAgICAgc2VsZWN0ZWRHcm91cHMgJiYgc2VsZWN0ZWRHcm91cHM/Lmxlbmd0aCA+IDAgPyBcIiAmIFwiIDogXCJcIlxyXG4gICAgICAgICAgICB9fTwvc3BhblxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ1c2VyR3JvdXAtdGV4dFwiICpuZ0lmPVwic2VsZWN0ZWREYXRhPy5sZW5ndGggPiAxXCJcclxuICAgICAgICAgICAgPlVzZXJzXHJcbiAgICAgICAgICAgIHt7XHJcbiAgICAgICAgICAgICAgc2VsZWN0ZWRHcm91cHMgJiYgc2VsZWN0ZWRHcm91cHM/Lmxlbmd0aCA+IDAgPyBcIiAmIFwiIDogXCJzZWxlY3RlZFwiXHJcbiAgICAgICAgICAgIH19PC9zcGFuXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInVzZXItZ3JvdXAtY2hpcFwiICpuZ0lmPVwic2VsZWN0ZWRHcm91cHM/Lmxlbmd0aFwiPlxyXG4gICAgICAgICAgPGlcclxuICAgICAgICAgICAgY2xhc3M9XCJpY29ucyBjcm9zc1wiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJkZWxldGVTZWxlY3RlZEdyb3VwKHNlbGVjdGVkR3JvdXBzWzBdKVwiXHJcbiAgICAgICAgICAgID4mI3hlOWFlOzwvaVxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICBjbGFzcz1cInVzZXItZ3JvdXAtbmFtZVwiXHJcbiAgICAgICAgICAgIGFwcFRvb2x0aXA9XCJ7eyBzZWxlY3RlZEdyb3Vwc1swXT8uZ3JvdXBfbmFtZSB9fVwiXHJcbiAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCJcclxuICAgICAgICAgICAgZGVsYXk9XCIwXCJcclxuICAgICAgICAgICAgdHlwZT1cImJsYWNrXCJcclxuICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICB7eyBzZWxlY3RlZEdyb3Vwc1swXT8uZ3JvdXBfbmFtZSB9fVxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgIGNsYXNzPVwiY291bnRlciBncm91cFwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWRHcm91cHMubGVuZ3RoID4gMVwiXHJcbiAgICAgICAgICAgIGFwcFBvcG92ZXJcclxuICAgICAgICAgICAgKGNsaWNrKT1cImdyb3VwUG9wb3Zlci5wb3BvdmVyKClcIlxyXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgK3t7IHNlbGVjdGVkR3JvdXBzLmxlbmd0aCAtIDEgfX1cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJuYW1lIHVzZXJHcm91cC1uYW1lXCIgKm5nSWY9XCJzZWxlY3RlZEdyb3Vwcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICB7eyBzZWxlY3RlZEdyb3Vwcz8ubGVuZ3RoID4gMSA/IFwiIFVzZXIgR3JvdXBzIHNlbGVjdGVkIFwiIDogXCJcIiB9fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dGcmVxdWVuY3lUZXh0XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm5hbWUgdngtbWwtMFwiPlxyXG4gICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgPllvdSBoYXZlIHNlbGVjdGVkXHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidngtZnctNTAwIHZ4LWxhYmVsLXR4dFwiPnt7IGN1cnJlbnRGcmVxdWVuY3kgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIGZyZXF1ZW5jeS48L3NwYW5cclxuICAgICAgICAgID5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cImNlbnRlclwiXHJcbiAgICAgICpuZ0lmPVwiXHJcbiAgICAgICAgKHNob3dXb3JrZmxvdyAmJiBtb2RlID09PSAnQ1JFQVRFJykgfHxcclxuICAgICAgICAoc2hvd1dvcmtmbG93ICYmIHdvcmtmbG93TGlzdC5pbmNsdWRlcygnUk9VTkQtUk9CSU4nKSlcclxuICAgICAgXCJcclxuICAgID5cclxuICAgICAgPGxhYmVsPlxyXG4gICAgICAgIHt7IHdvcmtmbG93VGV4dCB9fVxyXG4gICAgICAgIDxzcGFuXHJcbiAgICAgICAgICBjbGFzcz1cImljb25cIlxyXG4gICAgICAgICAgKm5nSWY9XCJ3b3JrZmxvd1RleHQgPT0gJ0FwcHJvdmFsIFdvcmtmbG93J1wiXHJcbiAgICAgICAgICBsaWJQb3BvdmVySG92ZXJcclxuICAgICAgICAgIChtb3VzZW92ZXIpPVwiZGF0YVRvb2x0aXAucG9wb3ZlcigpXCJcclxuICAgICAgICAgIChtb3VzZWxlYXZlKT1cImRhdGFUb29sdGlwLmNsb3NlUG9wb3ZlcigpXCJcclxuICAgICAgICAgIHBsYWNlbWVudD1cInJpZ2h0XCJcclxuICAgICAgICAgID48aSBjbGFzcz1cImljb25zXCI+JiN4ZTkxZjs8L2k+PC9zcGFuXHJcbiAgICAgICAgPlxyXG4gICAgICA8L2xhYmVsPlxyXG4gICAgICA8cG9wb3Zlci1ob3ZlciAjZGF0YVRvb2x0aXA+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWluZm8tY2FyZFwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWluZm8tY2FyZC1ib2R5XCI+XHJcbiAgICAgICAgICAgIFlvdSBjYW4gc2VsZWN0IGZyb20gdGhlIGZvbGxvd2luZyB0aHJlZSBvcHRpb25zOjxiciAvPlxyXG4gICAgICAgICAgICA8c3Ryb25nPlNlcXVlbnRpYWw6PC9zdHJvbmc+IFRoZSBwb2xpY3kgd291bGQgYmUgc2VudCBmb3IgYXBwcm92YWxcclxuICAgICAgICAgICAgb25lIGF0IGEgdGltZSBpbiB0aGUgc2VxdWVuY2UgZGVmaW5lZCBieSB5b3UuPGJyIC8+XHJcbiAgICAgICAgICAgIDxzdHJvbmc+Um91bmQtcm9iaW46PC9zdHJvbmc+IFRoZSBwb2xpY3kgd2lsbCBiZSBzZW50IGZvciBhcHByb3ZhbFxyXG4gICAgICAgICAgICB0byBhbGwgYXBwcm92ZXJzIGF0IHRoZSBzYW1lIHRpbWUuIEhvd2V2ZXIsIGl0IGlzIG1hbmRhdG9yeSBmb3IgYWxsXHJcbiAgICAgICAgICAgIGFwcHJvdmVycyB0byB0YWtlIGFjdGlvbi48YnIgLz5cclxuICAgICAgICAgICAgPHN0cm9uZz5BbnkgT25lOjwvc3Ryb25nPiBUaGUgcG9saWN5IHdpbGwgYmUgc2VudCBmb3IgYXBwcm92YWwgdG9cclxuICAgICAgICAgICAgYWxsIGFwcHJvdmVycyBhdCB0aGUgc2FtZSB0aW1lLiBJZiBhbnlvbmUgb2YgdGhlIGFwcHJvdmVyIGFwcHJvdmVzXHJcbiAgICAgICAgICAgIHRoZSBwb2xpY3ksIGl0IHdpbGwgYmUgY29uc2lkZXJlZCBhcyBhcHByb3ZlZC5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L3BvcG92ZXItaG92ZXI+XHJcbiAgICAgIDxjcy1zZWxlY3RcclxuICAgICAgICBbKG5nTW9kZWwpXT1cInNlbGVjdGVkV29ya2Zsb3dcIlxyXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInNlbGVjdGVkV29ya2Zsb3dDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cIidBcHByb3ZhbCBXb3JrRmxvdyAqJ1wiXHJcbiAgICAgICAgW3NldE1heFdpZHRoXT1cInRydWVcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGNzLW9wdGlvbiAqbmdGb3I9XCJsZXQgZGF0YSBvZiB3b3JrZmxvd0xpc3RcIiBbdmFsdWVdPVwiZGF0YVwiPlxyXG4gICAgICAgICAge3sgZGF0YSB9fVxyXG4gICAgICAgIDwvY3Mtb3B0aW9uPlxyXG4gICAgICA8L2NzLXNlbGVjdD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInJpZ2h0XCI+XHJcbiAgICAgIDxidXR0b24gYXBwUmlwcGxlIGNsYXNzPVwiY2FuY2VsXCIgKGNsaWNrKT1cImNsb3NlKClcIj5DYW5jZWw8L2J1dHRvbj5cclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgICpuZ0lmPVwic2hvd05leHRCdXR0b25cIlxyXG4gICAgICAgIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcclxuICAgICAgICAoY2xpY2spPVwibmV4dCgpXCJcclxuICAgICAgICBhcHBSaXBwbGVcclxuICAgICAgPlxyXG4gICAgICAgIE5leHQgPGkgY2xhc3M9XCJpY29uc1wiPiYjeGU5MWU7PC9pPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuPGFwcC1wb3BvdmVyICN1c2VyUG9wb3ZlciBbZG9udENsb3Nlb25DbGlja109XCJ0cnVlXCI+XHJcbiAgPGRpdiBjbGFzcz1cIndmLWFjdGlvbi1saXN0XCI+XHJcbiAgICA8dWwgY2xhc3M9XCJhY3Rpb24taXRlbVwiPlxyXG4gICAgICA8bGkgKm5nRm9yPVwibGV0IGVsZW1lbnQgb2Ygc2VsZWN0ZWREYXRhPy5zbGljZSgxKTsgbGV0IGkgPSBpbmRleFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJhdmF0YXItY2FyZFwiPlxyXG4gICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgY2xhc3M9XCJ2YWx1ZVwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiKGVsZW1lbnRbZGlzcGxheUVsZW1lbnRLZXldIHwgZGF0YVR5cGUpICE9PSAnb2JqZWN0J1wiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxpXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJpY29uc1wiXHJcbiAgICAgICAgICAgICAgKm5nSWY9XCIhbm9uUmVtb3ZhYmxlVXNlcnNMaXN0LmluY2x1ZGVzKGVsZW1lbnRbZWxlbWVudElkXSlcIlxyXG4gICAgICAgICAgICAgIChjbGljayk9XCJkZWxldGVTZWxlY3RlZChlbGVtZW50KVwiXHJcbiAgICAgICAgICAgICAgPiYjeGU5MGQ7PC9pXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgICBjbGFzcz1cInN0ZXBcIlxyXG4gICAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWRXb3JrZmxvdyA9PSAnU0VRVUVOVElBTCcgJiYgc2hvd1dvcmtmbG93XCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgIHt7IGkgPT0gc2VsZWN0ZWREYXRhLnNsaWNlKDEpLmxlbmd0aCAtIDEgPyBcIkZpbmFsXCIgOiBpICsgMiB9fVxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIHt7IGVsZW1lbnRbZGlzcGxheUVsZW1lbnRLZXldIH19XHJcbiAgICAgICAgICA8L3NwYW4+XHJcblxyXG4gICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgY2xhc3M9XCJ2YWx1ZVwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiKGVsZW1lbnRbZGlzcGxheUVsZW1lbnRLZXldIHwgZGF0YVR5cGUpID09PSAnb2JqZWN0J1wiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxpXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJpY29uc1wiXHJcbiAgICAgICAgICAgICAgKm5nSWY9XCIhbm9uUmVtb3ZhYmxlVXNlcnNMaXN0LmluY2x1ZGVzKGVsZW1lbnRbZWxlbWVudElkXSlcIlxyXG4gICAgICAgICAgICAgIChjbGljayk9XCJkZWxldGVTZWxlY3RlZChlbGVtZW50KVwiXHJcbiAgICAgICAgICAgICAgPiYjeGU5MGQ7PC9pXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAge3sgZWxlbWVudFtkaXNwbGF5RWxlbWVudEtleV0gfX1cclxuICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgKm5nSWY9XCJcclxuICAgICAgICAgICAgICBkZWZhdWx0U2VsZWN0ZWQ/LmNhdGVnb3J5X2lkICYmXHJcbiAgICAgICAgICAgICAgZGVmYXVsdFNlbGVjdGVkPy5jYXRlZ29yeV9pZCA9PT0gZWxlbWVudD8uY2F0ZWdvcnlfaWRcclxuICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJwcmltYXJ5LWxhYmVsXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgUFJJTUFSWVxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvbGk+XHJcbiAgICA8L3VsPlxyXG4gIDwvZGl2PlxyXG48L2FwcC1wb3BvdmVyPlxyXG48YXBwLXBvcG92ZXIgI1VzZXJXaXRoRmVhdHVyZUZsYWdQb3BvdmVyIFtkb250Q2xvc2VvbkNsaWNrXT1cInRydWVcIj5cclxuICA8ZGl2IGNsYXNzPVwid2YtYWN0aW9uLWxpc3RcIj5cclxuICAgIDx1bCBjbGFzcz1cImFjdGlvbi1pdGVtXCI+XHJcbiAgICAgIDxsaSAqbmdGb3I9XCJsZXQgZGF0YSBvZiBzZWxlY3RlZERhdGEgfCBzbGljZSA6IDFcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXZhdGFyLWNhcmRcIj5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidmFsdWVcIlxyXG4gICAgICAgICAgICA+PGkgY2xhc3M9XCJpY29uc1wiIChjbGljayk9XCJkZWxldGVTZWxlY3RlZChkYXRhKVwiPiYjeGU5MGQ7PC9pXHJcbiAgICAgICAgICAgID57eyBkYXRhW2Rpc3BsYXlFbGVtZW50S2V5XSB9fTwvc3BhblxyXG4gICAgICAgICAgPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2xpPlxyXG4gICAgPC91bD5cclxuICA8L2Rpdj5cclxuPC9hcHAtcG9wb3Zlcj5cclxuPGFwcC1wb3BvdmVyICNncm91cFBvcG92ZXIgW2RvbnRDbG9zZW9uQ2xpY2tdPVwidHJ1ZVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJ3Zi1hY3Rpb24tbGlzdFwiPlxyXG4gICAgPHVsIGNsYXNzPVwiYWN0aW9uLWl0ZW1cIj5cclxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBkYXRhIG9mIHNlbGVjdGVkR3JvdXBzIHwgc2xpY2UgOiAxXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImF2YXRhci1jYXJkXCI+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInZhbHVlXCJcclxuICAgICAgICAgICAgPjxpIGNsYXNzPVwiaWNvbnNcIiAoY2xpY2spPVwiZGVsZXRlU2VsZWN0ZWRHcm91cChkYXRhKVwiPiYjeGU5MGQ7PC9pXHJcbiAgICAgICAgICAgID57eyBkYXRhW1wiZ3JvdXBfbmFtZVwiXSB9fTwvc3BhblxyXG4gICAgICAgICAgPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2xpPlxyXG4gICAgPC91bD5cclxuICA8L2Rpdj5cclxuPC9hcHAtcG9wb3Zlcj5cclxuIl19

package/esm2022/lib/sharedComponents/floating-bar/floating-bar.module.mjs

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FloatingBarComponent } from './floating-bar.component';
+import { PopoverModule } from '../../ui-kit/popover/popover.module';
+import { PipesModule } from '../../pipes/pipes.module';
+import * as i0 from "@angular/core";
+export class FloatingBarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FloatingBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FloatingBarModule, declarations: [FloatingBarComponent], imports: [CommonModule, PopoverModule, PipesModule], exports: [FloatingBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FloatingBarModule, imports: [CommonModule, PopoverModule, PipesModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FloatingBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FloatingBarComponent],
+                    imports: [CommonModule, PopoverModule, PipesModule],
+                    exports: [FloatingBarComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmctYmFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvZmxvYXRpbmctYmFyL2Zsb2F0aW5nLWJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFPdkQsTUFBTSxPQUFPLGlCQUFpQjsrR0FBakIsaUJBQWlCO2dIQUFqQixpQkFBaUIsaUJBSmIsb0JBQW9CLGFBQ3pCLFlBQVksRUFBRSxhQUFhLEVBQUUsV0FBVyxhQUN4QyxvQkFBb0I7Z0hBRW5CLGlCQUFpQixZQUhsQixZQUFZLEVBQUUsYUFBYSxFQUFFLFdBQVc7OzRGQUd2QyxpQkFBaUI7a0JBTDdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQ3BDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsV0FBVyxDQUFDO29CQUNuRCxPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztpQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGbG9hdGluZ0JhckNvbXBvbmVudCB9IGZyb20gJy4vZmxvYXRpbmctYmFyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFBvcG92ZXJNb2R1bGUgfSBmcm9tICcuLi8uLi91aS1raXQvcG9wb3Zlci9wb3BvdmVyLm1vZHVsZSc7XHJcbmltcG9ydCB7IFBpcGVzTW9kdWxlIH0gZnJvbSAnLi4vLi4vcGlwZXMvcGlwZXMubW9kdWxlJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbRmxvYXRpbmdCYXJDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFBvcG92ZXJNb2R1bGUsIFBpcGVzTW9kdWxlXSxcclxuICBleHBvcnRzOiBbRmxvYXRpbmdCYXJDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmxvYXRpbmdCYXJNb2R1bGUge31cclxuIl19