vcomply-workflow-engine 2.8.14 → 2.8.15

package/bundles/vcomply-workflow-engine.umd.js

@@ -3793,6 +3793,8 @@
             this.userListLoader = false;
             this.assignorsListLoader = false;
             this.unSubscribeProgram = new rxjs.Subject();
+            this.featureFlag_groups = this.feature.isFeatureEnabled('ff_responsibility_groups');
+            this.isResponsibilitySimplified = this.feature.isFeatureEnabled('ff_responsibility_simplification');
             this.authService.getUserInfo().subscribe(function (res) {
                 var complianceSubmodule = res.roleActions[res.roleActions.findIndex(function (ele) { return ele.moduleName == 'compliance'; })].subModule;
                 var permissions = complianceSubmodule[complianceSubmodule.findIndex(function (ele) { return ele.subModuleName == 'Programs'; })].permissions;
@@ -3833,8 +3835,6 @@
         });
         WorkflowComplianceComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.featureFlag_groups = this.feature.isFeatureEnabled('ff_responsibility_groups');
-            this.isResponsibilitySimplified = this.feature.isFeatureEnabled('ff_responsibility_simplification');
             this.pickerChanged.emit(false);
             //   this.responsibilityForm.responsibility.name = "abcdef"
             this.loader = true;
@@ -29494,7 +29494,7 @@
         { type: i0.Component, args: [{
                     selector: 'vui-floating-bar',
                     template: "<div class=\"reviewer-floating-bar\">\r\n  <div class=\"reviewer-floating-bar-container\">\r\n    <div class=\"left\">\r\n      <!-- <ng-container *ngIf=\"selectedData.length > 0\">\r\n        <div class=\"counter\" *ngIf=\"selectedData?.length\" \r\n          placement=\"left\">{{selectedData?.length}}</div>\r\n        <div class=\"name\" *ngIf=\"selectedData?.length>1\"> \r\n          <span *ngIf=\"selectedData?.slice(1).length === 1\">{{singularText}}</span>\r\n          <span *ngIf=\"selectedData?.slice(1).length > 1\">{{pluralText}}</span>\r\n        </div>\r\n      </ng-container> -->\r\n      <ng-content>\r\n        \r\n      </ng-content>\r\n      \r\n    </div>\r\n    <div class=\"center\" *ngIf=\"showWorkflow && (mode === 'CREATE' || mode === 'EDIT')\" >\r\n      <label>REVIEWER<br>WORKFLOW</label>\r\n      <cs-select [(ngModel)]=\"selectedWorkflow\" (ngModelChange)=\"selectedWorkflowChange($event)\" [placeholder]=\"selectedWorkflow\" [class.disabled]=\"groupSelected.length && selectedWorkflow === 'ANY REVIEWER CAN MARK THIS AS REVIEWED'\" >\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\r\n  \r\n    <div class=\"right\">\r\n      <button appRipple class=\"cancel\" (click)=\"close()\">Cancel</button>\r\n      <button  *ngIf=\"showNextButton\" [disabled]=\"nextDisabled\" (click)=\"next()\" appRipple>Next <i class=\"icons\">&#xe91e;</i></button>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                    styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");::ng-deep .reviewer-floating-bar{padding:0 16px 32px}::ng-deep .reviewer-floating-bar-container{height:48px;border-radius:4px;box-shadow:0 6px 12px #4681ef40;border:1px solid #f8f8f8;padding:8px 12px;display:flex;justify-content:space-between;position:relative;align-items:center;background:#fff}::ng-deep .reviewer-floating-bar-container .left{display:flex;align-items:center;width:50%}::ng-deep .reviewer-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 .reviewer-floating-bar-container .left .chip i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex;margin-left:4px}::ng-deep .reviewer-floating-bar-container .left .chip span{width:auto;font-size:12px;font-weight:500;display:block;text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}::ng-deep .reviewer-floating-bar-container .left .chip span.no-action{max-width:100%}::ng-deep .reviewer-floating-bar-container .left .chip span+i{margin-left:8px;margin-right:0}::ng-deep .reviewer-floating-bar-container .left .chip+.chip{margin-left:5px}::ng-deep .reviewer-floating-bar-container .left .counter{border-radius:2px;background:#34aa44;border:none;height:24px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;margin:0 4px;padding:0 4px;justify-content:center;line-height:24px}::ng-deep .reviewer-floating-bar-container .left .counter.group{background:#1e5dd3}::ng-deep .reviewer-floating-bar-container .left .name{margin-left:4px;color:#707070;font-size:12px;font-weight:500;line-height:18px;white-space:nowrap}::ng-deep .reviewer-floating-bar-container .left .name b{text-transform:lowercase}::ng-deep .reviewer-floating-bar-container .left .name.userGroup-name{margin-left:0}::ng-deep .reviewer-floating-bar-container .left .user-group-chip{background:#fff;border-radius:.125rem;box-shadow:0 2px 4px #1e5dd31a;height:1.5rem;display:inline-flex;align-items:center;padding:0 4px;max-width:13rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .reviewer-floating-bar-container .left .user-group-chip .cross{color:#1e5dd3;font-size:12px;margin-right:8px;position:relative;top:.0625rem;cursor:pointer}::ng-deep .reviewer-floating-bar-container .left .user-group-chip .user-group-name{color:#1e5dd3;font-size:12px;font-weight:500;display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem}::ng-deep .reviewer-floating-bar-container .left .userGroup-text{margin-right:4px}::ng-deep .reviewer-floating-bar-container .center{width:30%;display:flex;justify-content:flex-start;align-items:center}::ng-deep .reviewer-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 .reviewer-floating-bar-container .center label .icon i{color:#1e5dd3}::ng-deep .reviewer-floating-bar-container .center cs-select.disabled{pointer-events:none;opacity:.6}::ng-deep .reviewer-floating-bar-container .center cs-select .selection-wrap .input-group input.value{height:32px!important;padding:8px 20px 8px 8px!important;border-radius:2px!important}::ng-deep .reviewer-floating-bar-container .center cs-select .selection-wrap .input-group i{right:12px!important;top:12px!important}::ng-deep .reviewer-floating-bar-container .center cs-select .selection-wrap .select-options cs-option .list label span.value{font-size:13px!important}::ng-deep .reviewer-floating-bar-container .center cs-select .selection-wrap .select-options cs-option.disabled{pointer-events:none}::ng-deep .reviewer-floating-bar-container .center cs-select .selection-wrap .select-options cs-option.disabled .list label span.value{opacity:.5}::ng-deep .reviewer-floating-bar-container .right{display:flex;align-items:center}::ng-deep .reviewer-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 .reviewer-floating-bar-container .right .name span.required{color:#eb2424;font-size:14px}::ng-deep .reviewer-floating-bar-container .right .name i{margin-left:3px;color:#1e5dd3;cursor:pointer}::ng-deep .reviewer-floating-bar-container .right app-cs-select{margin-left:12px;width:125px;display:flex}::ng-deep .reviewer-floating-bar-container .right app-cs-select .input-group .custom-select-box input{height:32px}::ng-deep .reviewer-floating-bar-container .right app-cs-select .input-group .custom-select-box span.arrow{bottom:6px}::ng-deep .reviewer-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 .reviewer-floating-bar-container .right button i{margin-left:8px;font-size:11px}::ng-deep .reviewer-floating-bar-container .right button:disabled{background:#f1f1f1!important;color:#747576!important;opacity:1}::ng-deep .reviewer-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}.action-list{width:220px}.action-list ul{padding:0;margin:0;-webkit-animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;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}.action-list ul.action-item{display:block}.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}.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}.action-list ul.action-item li button .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 16px)}.action-list ul.action-item li button i{font-size:17px;margin-right:10px;color:#1c5bd1}.action-list ul.action-item li button:hover{background:#f3f3f3}.action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.action-list ul.action-item li .avatar-card.within-con{display:block}.action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;min-width:24px!important;overflow:hidden;background:#4681ef;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.action-list ul.action-item li .avatar-card .avatar img{background:#fff;width:100%;height:100%}.action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;-moz-text-align-last:left;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:5px}.action-list ul.action-item li .avatar-card.no-image{display:block}.action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.action-list ul.action-item li .avatar-card i.delete-icon{color:#d93b41;cursor:pointer;font-size:14px}.action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.action-list ul.action-item li .chip-item i{margin-left:7px;font-size:10px;cursor:pointer;display:inline-flex}.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}.action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.action-list ul.action-item li .chip-item span.id{font-size:9px}.action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.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}.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}.action-list ul.action-item li:first-child{-webkit-animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(2){-webkit-animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(3){-webkit-animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(4){-webkit-animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(5){-webkit-animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(6){-webkit-animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(7){-webkit-animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(8){-webkit-animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(9){-webkit-animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(10){-webkit-animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}.vx-overlay{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0}.vx-info-card{width:280px;-webkit-animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;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}"]
+                    styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");::ng-deep .reviewer-floating-bar{padding:0 16px 32px}::ng-deep .reviewer-floating-bar-container{height:48px;border-radius:4px;box-shadow:0 6px 12px #4681ef40;border:1px solid #f8f8f8;padding:8px 12px;display:flex;justify-content:space-between;position:relative;align-items:center;background:#fff}::ng-deep .reviewer-floating-bar-container .left{display:flex;align-items:center;width:50%}::ng-deep .reviewer-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 .reviewer-floating-bar-container .left .chip i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex;margin-left:4px}::ng-deep .reviewer-floating-bar-container .left .chip span{width:auto;font-size:12px;font-weight:500;display:block;text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}::ng-deep .reviewer-floating-bar-container .left .chip span.no-action{max-width:100%}::ng-deep .reviewer-floating-bar-container .left .chip span+i{margin-left:8px;margin-right:0}::ng-deep .reviewer-floating-bar-container .left .chip+.chip{margin-left:5px}::ng-deep .reviewer-floating-bar-container .left .counter{border-radius:2px;background:#34aa44;border:none;height:24px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;margin:0 4px 0 0;padding:0 4px;justify-content:center;line-height:24px}::ng-deep .reviewer-floating-bar-container .left .counter.group{background:#1e5dd3}::ng-deep .reviewer-floating-bar-container .left .name{margin-left:4px;color:#707070;font-size:12px;font-weight:500;line-height:18px;white-space:nowrap}::ng-deep .reviewer-floating-bar-container .left .name b{text-transform:lowercase}::ng-deep .reviewer-floating-bar-container .left .name.userGroup-name{margin-left:0}::ng-deep .reviewer-floating-bar-container .left .user-group-chip{background:#fff;border-radius:.125rem;box-shadow:0 2px 4px #1e5dd31a;height:1.5rem;display:inline-flex;align-items:center;padding:0 4px;max-width:13rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:4px}::ng-deep .reviewer-floating-bar-container .left .user-group-chip .cross{color:#1e5dd3;font-size:12px;margin-right:8px;position:relative;top:.0625rem;cursor:pointer}::ng-deep .reviewer-floating-bar-container .left .user-group-chip .user-group-name{color:#1e5dd3;font-size:12px;font-weight:500;display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem}::ng-deep .reviewer-floating-bar-container .left .userGroup-text{margin-right:4px}::ng-deep .reviewer-floating-bar-container .center{width:30%;display:flex;justify-content:flex-start;align-items:center}::ng-deep .reviewer-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 .reviewer-floating-bar-container .center label .icon i{color:#1e5dd3}::ng-deep .reviewer-floating-bar-container .center cs-select.disabled{pointer-events:none;opacity:.6}::ng-deep .reviewer-floating-bar-container .center cs-select .selection-wrap .input-group input.value{height:32px!important;padding:8px 20px 8px 8px!important;border-radius:2px!important}::ng-deep .reviewer-floating-bar-container .center cs-select .selection-wrap .input-group i{right:12px!important;top:12px!important}::ng-deep .reviewer-floating-bar-container .center cs-select .selection-wrap .select-options cs-option .list label span.value{font-size:13px!important}::ng-deep .reviewer-floating-bar-container .center cs-select .selection-wrap .select-options cs-option.disabled{pointer-events:none}::ng-deep .reviewer-floating-bar-container .center cs-select .selection-wrap .select-options cs-option.disabled .list label span.value{opacity:.5}::ng-deep .reviewer-floating-bar-container .right{display:flex;align-items:center}::ng-deep .reviewer-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 .reviewer-floating-bar-container .right .name span.required{color:#eb2424;font-size:14px}::ng-deep .reviewer-floating-bar-container .right .name i{margin-left:3px;color:#1e5dd3;cursor:pointer}::ng-deep .reviewer-floating-bar-container .right app-cs-select{margin-left:12px;width:125px;display:flex}::ng-deep .reviewer-floating-bar-container .right app-cs-select .input-group .custom-select-box input{height:32px}::ng-deep .reviewer-floating-bar-container .right app-cs-select .input-group .custom-select-box span.arrow{bottom:6px}::ng-deep .reviewer-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 .reviewer-floating-bar-container .right button i{margin-left:8px;font-size:11px}::ng-deep .reviewer-floating-bar-container .right button:disabled{background:#f1f1f1!important;color:#747576!important;opacity:1}::ng-deep .reviewer-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}.action-list{width:220px}.action-list ul{padding:0;margin:0;-webkit-animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;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}.action-list ul.action-item{display:block}.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}.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}.action-list ul.action-item li button .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 16px)}.action-list ul.action-item li button i{font-size:17px;margin-right:10px;color:#1c5bd1}.action-list ul.action-item li button:hover{background:#f3f3f3}.action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.action-list ul.action-item li .avatar-card.within-con{display:block}.action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;min-width:24px!important;overflow:hidden;background:#4681ef;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.action-list ul.action-item li .avatar-card .avatar img{background:#fff;width:100%;height:100%}.action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;-moz-text-align-last:left;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:5px}.action-list ul.action-item li .avatar-card.no-image{display:block}.action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.action-list ul.action-item li .avatar-card i.delete-icon{color:#d93b41;cursor:pointer;font-size:14px}.action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.action-list ul.action-item li .chip-item i{margin-left:7px;font-size:10px;cursor:pointer;display:inline-flex}.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}.action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.action-list ul.action-item li .chip-item span.id{font-size:9px}.action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.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}.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}.action-list ul.action-item li:first-child{-webkit-animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(2){-webkit-animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(3){-webkit-animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(4){-webkit-animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(5){-webkit-animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(6){-webkit-animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(7){-webkit-animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(8){-webkit-animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(9){-webkit-animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(10){-webkit-animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}.vx-overlay{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0}.vx-info-card{width:280px;-webkit-animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;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}"]
                 },] }
     ];
     VuiFloatingBarComponent.ctorParameters = function () { return []; };