vcomply-workflow-engine 2.4.22 → 2.4.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/vcomply-workflow-engine.umd.js +4 -3
- package/bundles/vcomply-workflow-engine.umd.js.map +1 -1
- package/esm2015/lib/workflow-engine-container/workflow-engine-container.component.js +3 -2
- package/esm2015/lib/workflow-program/create-program-ui/role-list/role-list.component.js +3 -3
- package/esm2015/lib/workflow-program/create-program-ui/role-list/role-list.component.ngfactory.js +35 -11
- package/fesm2015/vcomply-workflow-engine.js +4 -3
- package/fesm2015/vcomply-workflow-engine.js.map +1 -1
- package/package.json +1 -1
- package/vcomply-workflow-engine.metadata.json +1 -1
|
@@ -673,7 +673,8 @@
|
|
|
673
673
|
}
|
|
674
674
|
};
|
|
675
675
|
WorkflowEngineContainerComponent.prototype.hideElementsFromMoreOptions = function (event) {
|
|
676
|
-
|
|
676
|
+
var _a;
|
|
677
|
+
(_a = this.moreOption) === null || _a === void 0 ? void 0 : _a.hideElements(event);
|
|
677
678
|
};
|
|
678
679
|
WorkflowEngineContainerComponent.prototype.showConfirmationPopup = function (config) {
|
|
679
680
|
this.confirmationAlertConfig = config;
|
|
@@ -25933,8 +25934,8 @@
|
|
|
25933
25934
|
RoleListComponent.decorators = [
|
|
25934
25935
|
{ type: i0.Component, args: [{
|
|
25935
25936
|
selector: 'role-list',
|
|
25936
|
-
template: "<div class=\"roles-list\" [class.animate]=\"animation\">\r\n <div class=\"roles-list-head\">\r\n <h3 class=\"roles-list-title\">Select Roles(s)</h3>\r\n </div>\r\n\r\n <div class=\"roles-list-body\">\r\n <div class=\"search-block\" [class.disabled]=\"!rolesList?.length\">\r\n <i class=\"icons\"></i>\r\n <input type=\"text\" placeholder=\"Search Roles\" [(ngModel)]=\"searchKey\"/>\r\n </div>\r\n <div class=\"vx-mt-4\">\r\n <role-loader *ngIf=\"loading\"></role-loader>\r\n </div>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <ng-container *ngIf=\"(rolesList|search:searchKey:'roleName') as roles\">\r\n <div *ngIf=\"roles?.length > 0\" class=\"roles-list-mid vx-mt-2\">\r\n <div class=\"role-box-select vx-pb-2\">\r\n <vui-checkbox [indeterminateEnabled]=\"false\" #check (change)=\"selectAll($event)\"\r\n [(ngModel)]=\"allSelected\" [checked]=\"allSelected\">\r\n <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">{{!check.checked ? 'Select All' :\r\n 'Deselect All'}}</div>\r\n </vui-checkbox>\r\n </div>\r\n\r\n <div class=\"role-box vx-mb-2\" *ngFor=\"let role of roles; let i = index\">\r\n <div (click)=\"!expandedRows.includes(role?._id) ? expandOrCollapse('EXPAND',role?._id): expandOrCollapse('COLLAPSE',role?._id) \"\r\n class=\"role-box-heading vx-d-flex vx-align-center vx-justify-between vx-p-3\">\r\n <div class=\"left vx-d-flex vx-align-center vx-lh-4\">\r\n <vui-checkbox [disabled]=\"systemRolesIds.includes(role?._id)\"\r\n [checked]=\"selectedIds.includes(role?._id)\" (change)=\"selectItem($event,role)\">\r\n </vui-checkbox>\r\n <div class=\"name vx-fs-12 vx-label-txt\" [appTooltip]=\"'Role name'\" placement=\"bottom-left\"\r\n delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{role?.roleName}}</div>\r\n <span *ngIf=\"role?.roleActions?.length > 0\"\r\n class=\"count vx-fs-9 vx-fw-600 vx-lh-3 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-ml-2\">{{role?.roleActions?.length}}\r\n PERMISSIONS</span>\r\n </div>\r\n <div class=\"right vx-d-flex vx-align-center vx-justify-between\">\r\n <div *ngIf=\"role?.licenseType === 'power users'\"\r\n class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\"\r\n [class.power-user]=\"true\" [class.all-user]=\"false\"> Power User</div>\r\n <div *ngIf=\"role?.licenseType === 'light users'\"\r\n class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\"\r\n [class.power-user]=\"false\" [class.all-user]=\"true\">Light User</div>\r\n <button class=\"arrow-btn vx-fs-12 vx-paragraph-txt vx-m-0 vx-p-0 vx-d-flex vx-align-center\">\r\n <i *ngIf=\"!expandedRows.includes(role?._id)\" class=\"icons\"></i>\r\n <i *ngIf=\"expandedRows.includes(role?._id)\" class=\"icons\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"role-box-list\" *ngIf=\"expandedRows.includes(role?._id)\">\r\n <ul class=\"vx-p-0 vx-m-0\">\r\n <li class=\"vx-p-3 vx-lh-4\" *ngFor=\"let permission of role?.roleActions\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">{{permission}}</div>\r\n </li>\r\n <!-- <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">View User List</div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">Manage Users <span class=\"vx-fs-10 vx-paragraph-txt\">(Create/Edit/Delete/Deactivate)</span></div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">Over-ride Log In</div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">View Statutory Holidays</div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">Manage Statutory Holidays</div>\r\n </li> -->\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <app-no-data *ngIf=\"roles?.length === 0\"\r\n [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n [noDataText]=\"searchKey?.length > 0 ?'No match found.': 'No Roles Found'\"></app-no-data>\r\n\r\n </ng-container>\r\n </ng-container>\r\n\r\n </div>\r\n\r\n <div class=\"roles-list-confirmation\" *ngIf=\"showConfirmation\">\r\n <div class=\"confirmation-top\">\r\n <div class=\"icon-block\"><i class=\"icons\"></i></div>\r\n <div class=\"text\">If you change the roles, any unsaved changes would be lost.</div>\r\n </div>\r\n <div class=\"confirmation-bottom\">\r\n <div class=\"message\">Are you sure you would like to proceed?</div>\r\n <div class=\"button-group\">\r\n <button class=\"no-btn\" (click)=\"confirmAction('NO')\">NO</button>\r\n <button class=\"yes-btn\" (click)=\"confirmAction('YES')\">YES</button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"roles-list-footer\" *ngIf=\"!showConfirmation\">\r\n <vui-floating-bar (closeEvent)=\"saveList()\" (closeList)=\"closeList()\">\r\n <div class=\"counter\" *ngIf=\"selectedRoles?.length\"\r\n placement=\"left\">{{selectedRoles?.length}}</div>\r\n <div class=\"name\" *ngIf=\"selectedRoles?.length>1\">\r\n <span *ngIf=\"selectedRoles?.length === 1\">Role selected</span>\r\n <span *ngIf=\"selectedRoles?.length > 1\">Roles selected</span>\r\n </div>\r\n </vui-floating-bar>\r\n </div>\r\n</div>\r\n",
|
|
25937
|
-
styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");::ng-deep .roles-list{background:#fff;position:fixed;top:0;right:500px;bottom:0;left:0;border-top:3px solid #1e5dd3}::ng-deep .roles-list.animate{-webkit-animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .roles-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .roles-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .roles-list-body{padding:24px 40px 24px 36px;height:calc(100vh - 124px)}::ng-deep .roles-list-body .search-block{position:relative}::ng-deep .roles-list-body .search-block input{height:44px;line-height:24px;padding:10px 16px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .roles-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .roles-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .roles-list-mid{width:calc(100% + .75rem);height:calc(100vh - 14rem);overflow:auto;padding-right:.75rem}::ng-deep .roles-list-mid .role-box{border:1px solid #f1f1f1;border-radius:.25rem}::ng-deep .roles-list-mid .role-box-select{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item{position:relative;padding-left:1.75rem;width:100%}::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .value{margin:0!important}::ng-deep .roles-list-mid .role-box-heading{cursor:pointer}::ng-deep .roles-list-mid .role-box-heading .left{width:calc(100% - 6.5rem)}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox{height:1rem}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item{position:relative;padding-left:1.75rem;height:1rem}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-heading .left .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 9.25rem)}::ng-deep .roles-list-mid .role-box-heading .left .count{background:#f1f1f1;border-radius:.125rem;color:#042e7d}::ng-deep .roles-list-mid .role-box-heading .right{width:6.5rem}::ng-deep .roles-list-mid .role-box-heading .right .status-label{border-radius:.125rem;height:.75rem}::ng-deep .roles-list-mid .role-box-heading .right .status-label.all-user{background:#7aa6f7}::ng-deep .roles-list-mid .role-box-heading .right .status-label.power-user{background:#fadd8a}::ng-deep .roles-list-mid .role-box-heading .right button.arrow-btn{background:transparent;border:none;border-radius:0}::ng-deep .roles-list-mid .role-box-list ul{list-style-type:none}::ng-deep .roles-list-mid .role-box-list ul li{border-top:1px solid #f1f1f1;padding-left:2.5rem!important;position:relative}::ng-deep .roles-list-mid .role-box-list ul li:before{background:#dbdbdb;border-radius:.125rem;width:.25rem;height:.25rem;content:\"\";position:absolute;top:18px;left:18px}::ng-deep .roles-list-mid .role-box-list ul li .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item{width:100%}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item span.value{width:100%}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item span.value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .roles-list-confirmation{background:#161b2f;border-radius:.25rem;position:absolute;left:1rem;right:1rem;bottom:1.75rem;z-index:1}::ng-deep .roles-list-confirmation .confirmation-top{display:flex;align-items:center;justify-content:flex-start;padding:1.25rem}::ng-deep .roles-list-confirmation .confirmation-top .icon-block{height:2.25rem;width:2.25rem;border-radius:50%;background:#fff;border:1px solid #dbdbdb;display:flex;justify-content:center;align-items:center;margin-right:1rem}::ng-deep .roles-list-confirmation .confirmation-top .icon-block i{color:#eb2424;font-size:12px}::ng-deep .roles-list-confirmation .confirmation-top .text{color:#fff;font-size:14px;font-weight:300}::ng-deep .roles-list-confirmation .confirmation-bottom{background:#282e48;border-radius:0 0 .25rem .25rem;padding:.75rem .75rem .75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}::ng-deep .roles-list-confirmation .confirmation-bottom .message{font-size:14px;font-weight:500;line-height:20px;color:#fff}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group{display:flex}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button{height:1.5rem;width:4rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button.no-btn{background:transparent;color:#fff}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button.yes-btn{background:#fff;color:#1e5dd3;margin-left:.25rem}.counter{border-radius:2px;background:#66bf72;border:1px solid #66bf72;height:24px;padding:0 5px;color:#fff;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;margin-left:5px;min-width:24px;justify-content:center;line-height:24px;margin-right:5px}.counter,.name{font-weight:500}.name{margin-left:4px;color:#707070;font-size:12px;line-height:18px;white-space:nowrap}.name b{text-transform:lowercase}"]
|
|
25937
|
+
template: "<div class=\"roles-list\" [class.animate]=\"animation\">\r\n <div class=\"roles-list-head\">\r\n <h3 class=\"roles-list-title\">Select Roles(s)</h3>\r\n </div>\r\n\r\n <div class=\"roles-list-body\">\r\n <div class=\"search-block\" [class.disabled]=\"!rolesList?.length\">\r\n <i class=\"icons\"></i>\r\n <input type=\"text\" placeholder=\"Search Roles\" [(ngModel)]=\"searchKey\"/>\r\n </div>\r\n <div class=\"vx-mt-4\">\r\n <role-loader *ngIf=\"loading\"></role-loader>\r\n </div>\r\n\r\n <ng-container *ngIf=\"!loading\">\r\n <ng-container *ngIf=\"(rolesList|search:searchKey:'roleName') as roles\">\r\n <div *ngIf=\"roles?.length > 0\" class=\"roles-list-mid vx-mt-2\">\r\n <div class=\"role-box-select vx-pb-2\">\r\n <vui-checkbox [indeterminateEnabled]=\"false\" #check (change)=\"selectAll($event)\"\r\n [(ngModel)]=\"allSelected\" [checked]=\"allSelected\">\r\n <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">{{!check.checked ? 'Select All' :\r\n 'Deselect All'}}</div>\r\n </vui-checkbox>\r\n </div>\r\n\r\n <div class=\"role-box vx-mb-2\" *ngFor=\"let role of roles; let i = index\">\r\n <div (click)=\"!expandedRows.includes(role?._id) ? expandOrCollapse('EXPAND',role?._id): expandOrCollapse('COLLAPSE',role?._id) \"\r\n class=\"role-box-heading vx-d-flex vx-align-center vx-justify-between vx-p-3\">\r\n <div class=\"left vx-d-flex vx-align-center vx-lh-4\">\r\n <vui-checkbox [disabled]=\"systemRolesIds.includes(role?._id)\"\r\n [checked]=\"selectedIds.includes(role?._id)\" (change)=\"selectItem($event,role)\">\r\n </vui-checkbox>\r\n <div class=\"name vx-fs-12 vx-label-txt\" [appTooltip]=\"'Role name'\" placement=\"bottom-left\"\r\n delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{role?.roleName}}</div>\r\n <span *ngIf=\"role?.roleActions?.length > 0\"\r\n class=\"count vx-fs-9 vx-fw-600 vx-lh-3 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-ml-2\">{{role?.roleActions?.length}}\r\n PERMISSIONS</span>\r\n </div>\r\n <div class=\"right vx-d-flex vx-align-center vx-justify-between\">\r\n <div *ngIf=\"role?.licenseType === 'power users'\"\r\n class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\"\r\n [class.power-user]=\"true\" [class.all-user]=\"false\"> Power User</div>\r\n <div *ngIf=\"role?.licenseType === 'light users'\"\r\n class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\"\r\n [class.power-user]=\"false\" [class.all-user]=\"true\">Light User</div>\r\n <button class=\"arrow-btn vx-fs-12 vx-paragraph-txt vx-m-0 vx-p-0 vx-d-flex vx-align-center\">\r\n <i *ngIf=\"!expandedRows.includes(role?._id)\" class=\"icons\"></i>\r\n <i *ngIf=\"expandedRows.includes(role?._id)\" class=\"icons\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"role-box-list\" *ngIf=\"expandedRows.includes(role?._id)\">\r\n <ul class=\"vx-p-0 vx-m-0\">\r\n <li class=\"vx-p-3 vx-lh-4\" *ngFor=\"let permission of role?.roleActions\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">{{permission}}</div>\r\n </li>\r\n <!-- <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">View User List</div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">Manage Users <span class=\"vx-fs-10 vx-paragraph-txt\">(Create/Edit/Delete/Deactivate)</span></div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">Over-ride Log In</div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">View Statutory Holidays</div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">Manage Statutory Holidays</div>\r\n </li> -->\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <app-no-data *ngIf=\"roles?.length === 0\"\r\n [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n [noDataText]=\"searchKey?.length > 0 ?'No match found.': 'No Roles Found'\"></app-no-data>\r\n\r\n </ng-container>\r\n </ng-container>\r\n\r\n </div>\r\n\r\n <div class=\"roles-list-confirmation\" *ngIf=\"showConfirmation\">\r\n <div class=\"confirmation-top\">\r\n <div class=\"icon-block\"><i class=\"icons\"></i></div>\r\n <div class=\"text\">If you change the roles, any unsaved changes would be lost.</div>\r\n </div>\r\n <div class=\"confirmation-bottom\">\r\n <div class=\"message\">Are you sure you would like to proceed?</div>\r\n <div class=\"button-group\">\r\n <button class=\"no-btn\" (click)=\"confirmAction('NO')\">NO</button>\r\n <button class=\"yes-btn\" (click)=\"confirmAction('YES')\">YES</button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"roles-list-footer\" *ngIf=\"!showConfirmation\">\r\n <vui-floating-bar (closeEvent)=\"saveList()\" (closeList)=\"closeList()\">\r\n <!-- <div class=\"counter\" *ngIf=\"selectedRoles?.length\"\r\n placement=\"left\">{{selectedRoles?.length}}</div> -->\r\n <button *ngIf=\"selectedRoles?.length\"class=\"counter\" appPopover\r\n (click)=\"role.popover()\" placement=\"left\">{{selectedRoles?.length}}</button>\r\n <div class=\"name\" *ngIf=\"selectedRoles?.length>1\">\r\n <span *ngIf=\"selectedRoles?.length === 1\">Role selected</span>\r\n <span *ngIf=\"selectedRoles?.length > 1\">Roles selected</span>\r\n </div>\r\n </vui-floating-bar>\r\n\r\n <app-popover #role [dontCloseonClick]=\"true\">\r\n <div class=\"action-list\">\r\n <ul class=\"action-item\">\r\n <li *ngFor=\"let data of selectedRoles\">\r\n <div class=\"avatar-card\">\r\n <span class=\"value\">\r\n <i *ngIf=\"!systemRolesIds.includes(data?._id)\" class=\"icons\"\r\n (click)=\"selectItem({target:{checked:false}},data)\"></i>\r\n {{data?.roleName}}\r\n </span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n </div>\r\n</div>\r\n",
|
|
25938
|
+
styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");::ng-deep .roles-list{background:#fff;position:fixed;top:0;right:500px;bottom:0;left:0;border-top:3px solid #1e5dd3}::ng-deep .roles-list.animate{-webkit-animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .roles-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .roles-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .roles-list-body{padding:24px 40px 24px 36px;height:calc(100vh - 124px)}::ng-deep .roles-list-body .search-block{position:relative}::ng-deep .roles-list-body .search-block input{height:44px;line-height:24px;padding:10px 16px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .roles-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .roles-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .roles-list-mid{width:calc(100% + .75rem);height:calc(100vh - 14rem);overflow:auto;padding-right:.75rem}::ng-deep .roles-list-mid .role-box{border:1px solid #f1f1f1;border-radius:.25rem}::ng-deep .roles-list-mid .role-box-select{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item{position:relative;padding-left:1.75rem;width:100%}::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .value{margin:0!important}::ng-deep .roles-list-mid .role-box-heading{cursor:pointer}::ng-deep .roles-list-mid .role-box-heading .left{width:calc(100% - 6.5rem)}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox{height:1rem}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item{position:relative;padding-left:1.75rem;height:1rem}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-heading .left .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 9.25rem)}::ng-deep .roles-list-mid .role-box-heading .left .count{background:#f1f1f1;border-radius:.125rem;color:#042e7d}::ng-deep .roles-list-mid .role-box-heading .right{width:6.5rem}::ng-deep .roles-list-mid .role-box-heading .right .status-label{border-radius:.125rem;height:.75rem}::ng-deep .roles-list-mid .role-box-heading .right .status-label.all-user{background:#7aa6f7}::ng-deep .roles-list-mid .role-box-heading .right .status-label.power-user{background:#fadd8a}::ng-deep .roles-list-mid .role-box-heading .right button.arrow-btn{background:transparent;border:none;border-radius:0}::ng-deep .roles-list-mid .role-box-list ul{list-style-type:none}::ng-deep .roles-list-mid .role-box-list ul li{border-top:1px solid #f1f1f1;padding-left:2.5rem!important;position:relative}::ng-deep .roles-list-mid .role-box-list ul li:before{background:#dbdbdb;border-radius:.125rem;width:.25rem;height:.25rem;content:\"\";position:absolute;top:18px;left:18px}::ng-deep .roles-list-mid .role-box-list ul li .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item{width:100%}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item span.value{width:100%}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item span.value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .roles-list-confirmation{background:#161b2f;border-radius:.25rem;position:absolute;left:1rem;right:1rem;bottom:1.75rem;z-index:1}::ng-deep .roles-list-confirmation .confirmation-top{display:flex;align-items:center;justify-content:flex-start;padding:1.25rem}::ng-deep .roles-list-confirmation .confirmation-top .icon-block{height:2.25rem;width:2.25rem;border-radius:50%;background:#fff;border:1px solid #dbdbdb;display:flex;justify-content:center;align-items:center;margin-right:1rem}::ng-deep .roles-list-confirmation .confirmation-top .icon-block i{color:#eb2424;font-size:12px}::ng-deep .roles-list-confirmation .confirmation-top .text{color:#fff;font-size:14px;font-weight:300}::ng-deep .roles-list-confirmation .confirmation-bottom{background:#282e48;border-radius:0 0 .25rem .25rem;padding:.75rem .75rem .75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}::ng-deep .roles-list-confirmation .confirmation-bottom .message{font-size:14px;font-weight:500;line-height:20px;color:#fff}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group{display:flex}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button{height:1.5rem;width:4rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button.no-btn{background:transparent;color:#fff}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button.yes-btn{background:#fff;color:#1e5dd3;margin-left:.25rem}.counter{border-radius:2px;background:#66bf72;border:1px solid #66bf72;height:24px;padding:0 5px;color:#fff;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;margin-left:5px;min-width:24px;justify-content:center;line-height:24px;margin-right:5px}.counter,.name{font-weight:500}.name{margin-left:4px;color:#707070;font-size:12px;line-height:18px;white-space:nowrap}.name b{text-transform:lowercase}.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 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;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{width: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 .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.action-list ul.action-item li .chip-item i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.action-list ul.action-item li .chip-item span{display:block;width:auto;max-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)}}"]
|
|
25938
25939
|
},] }
|
|
25939
25940
|
];
|
|
25940
25941
|
RoleListComponent.ctorParameters = function () { return []; };
|