import { Component } from '@angular/core';
import { ASSETS } from '../../constants/assets.constants';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../formgroup/cs-checkbox/cs-checkbox.component";
import * as i3 from "../../formgroup/cs-checkbox-indeterminate/cs-checkbox-indeterminate.component";
import * as i4 from "../../ui-kit/tooltip/tooltip.directive";
import * as i5 from "../no-data/no-data.component";
import * as i6 from "../floating-bar/floating-bar.component";
export class RolesListComponent {
    constructor() {
        this.animation = true;
        this.roleList = false;
        this.ASSETS = ASSETS;
    }
    ngOnInit() {
        this.animation = true;
        setTimeout(() => {
            this.animation = false;
        }, 300);
    }
    clickRoleList() {
        this.roleList = !this.roleList;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RolesListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RolesListComponent, selector: "app-roles-list", ngImport: i0, template: "<div class=\"roles-list\" [class.animate]=\"animation\">\n  <div class=\"roles-list-head\">\n    <h3 class=\"roles-list-title\">Select Roles(s)</h3>\n  </div>\n\n  <div class=\"roles-list-body\">\n    <div class=\"search-block\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input type=\"text\" placeholder=\"Search Roles\" />\n    </div>\n\n    <div *ngIf=\"true\" class=\"roles-list-mid vx-mt-2\">\n      <div class=\"role-box-select vx-pb-2\">\n        <app-cs-checkbox>\n          <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">\n            Select All\n          </div>\n        </app-cs-checkbox>\n        <app-cs-checkbox-indeterminate>\n          <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">\n            Deselect All\n          </div>\n        </app-cs-checkbox-indeterminate>\n      </div>\n\n      <div class=\"role-box vx-mb-2\" *ngFor=\"let data of [1, 1, 1]\">\n        <div\n          (click)=\"clickRoleList()\"\n          class=\"role-box-heading vx-d-flex vx-align-center vx-justify-between vx-p-3\"\n        >\n          <div class=\"left vx-d-flex vx-align-center vx-lh-4\">\n            <app-cs-checkbox></app-cs-checkbox>\n            <div\n              class=\"name vx-fs-12 vx-label-txt\"\n              [appTooltip]=\"'Role name'\"\n              placement=\"bottom-left\"\n              delay=\"0\"\n              type=\"black\"\n              [tooltipMandatory]=\"false\"\n            >\n              Role name\n            </div>\n            <span\n              class=\"count vx-fs-9 vx-fw-600 vx-lh-3 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-ml-2\"\n              >10 PERMISSIONS</span\n            >\n          </div>\n          <div class=\"right vx-d-flex vx-align-center vx-justify-between\">\n            <div\n              class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\"\n              [class.power-user]=\"true\"\n              [class.all-user]=\"false\"\n            >\n              Power User\n            </div>\n            <button\n              class=\"arrow-btn vx-fs-12 vx-paragraph-txt vx-m-0 vx-p-0 vx-d-flex vx-align-center\"\n            >\n              <i *ngIf=\"!roleList\" class=\"icons\">&#xe970;</i>\n              <i *ngIf=\"roleList\" class=\"icons\">&#xe9e8;</i>\n            </button>\n          </div>\n        </div>\n        <div class=\"role-box-list\" *ngIf=\"roleList\">\n          <ul class=\"vx-p-0 vx-m-0\">\n            <li class=\"vx-p-3 vx-lh-4\">\n              <div class=\"value vx-fs-12 vx-label-txt\">\n                Manage Roles\n                <span class=\"vx-fs-10 vx-paragraph-txt\"\n                  >(Create, Edit, Delete)</span\n                >\n              </div>\n            </li>\n            <li class=\"vx-p-3 vx-lh-4\">\n              <div class=\"value vx-fs-12 vx-label-txt\">View User List</div>\n            </li>\n            <li class=\"vx-p-3 vx-lh-4\">\n              <div class=\"value vx-fs-12 vx-label-txt\">\n                Manage Users\n                <span class=\"vx-fs-10 vx-paragraph-txt\"\n                  >(Create/Edit/Delete/Deactivate)</span\n                >\n              </div>\n            </li>\n            <li class=\"vx-p-3 vx-lh-4\">\n              <div class=\"value vx-fs-12 vx-label-txt\">Over-ride Log In</div>\n            </li>\n            <li class=\"vx-p-3 vx-lh-4\">\n              <div class=\"value vx-fs-12 vx-label-txt\">\n                View Statutory Holidays\n              </div>\n            </li>\n            <li class=\"vx-p-3 vx-lh-4\">\n              <div class=\"value vx-fs-12 vx-label-txt\">\n                Manage Statutory Holidays\n              </div>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n\n    <app-no-data\n      *ngIf=\"false\"\n      [noDataImage]=\"ASSETS.search_data\"\n      [noDataText]=\"'No Roles Found'\"\n    ></app-no-data>\n  </div>\n\n  <div class=\"roles-list-footer\">\n    <app-floating-bar></app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";::ng-deep .roles-list{background:#fff;position:fixed;inset:0 500px 0 0;border-top:3px solid #1E5DD3}::ng-deep .roles-list.animate{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 app-cs-checkbox .checkbox-item,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item{position:relative;padding-left:1.75rem;width:100%}::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .checkmark,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .value,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .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 app-cs-checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate{height:1rem}::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item{position:relative;padding-left:1.75rem;height:1rem}::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item .checkmark,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .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;text-transform:capitalize}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item{width:100%}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item span.value{width:100%}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item span.value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}\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.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i3.CsCheckboxIndeterminateComponent, selector: "app-cs-checkbox-indeterminate", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i5.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i6.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RolesListComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-roles-list', template: "<div class=\"roles-list\" [class.animate]=\"animation\">\n  <div class=\"roles-list-head\">\n    <h3 class=\"roles-list-title\">Select Roles(s)</h3>\n  </div>\n\n  <div class=\"roles-list-body\">\n    <div class=\"search-block\">\n      <i class=\"icons\">&#xe90b;</i>\n      <input type=\"text\" placeholder=\"Search Roles\" />\n    </div>\n\n    <div *ngIf=\"true\" class=\"roles-list-mid vx-mt-2\">\n      <div class=\"role-box-select vx-pb-2\">\n        <app-cs-checkbox>\n          <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">\n            Select All\n          </div>\n        </app-cs-checkbox>\n        <app-cs-checkbox-indeterminate>\n          <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">\n            Deselect All\n          </div>\n        </app-cs-checkbox-indeterminate>\n      </div>\n\n      <div class=\"role-box vx-mb-2\" *ngFor=\"let data of [1, 1, 1]\">\n        <div\n          (click)=\"clickRoleList()\"\n          class=\"role-box-heading vx-d-flex vx-align-center vx-justify-between vx-p-3\"\n        >\n          <div class=\"left vx-d-flex vx-align-center vx-lh-4\">\n            <app-cs-checkbox></app-cs-checkbox>\n            <div\n              class=\"name vx-fs-12 vx-label-txt\"\n              [appTooltip]=\"'Role name'\"\n              placement=\"bottom-left\"\n              delay=\"0\"\n              type=\"black\"\n              [tooltipMandatory]=\"false\"\n            >\n              Role name\n            </div>\n            <span\n              class=\"count vx-fs-9 vx-fw-600 vx-lh-3 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-ml-2\"\n              >10 PERMISSIONS</span\n            >\n          </div>\n          <div class=\"right vx-d-flex vx-align-center vx-justify-between\">\n            <div\n              class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\"\n              [class.power-user]=\"true\"\n              [class.all-user]=\"false\"\n            >\n              Power User\n            </div>\n            <button\n              class=\"arrow-btn vx-fs-12 vx-paragraph-txt vx-m-0 vx-p-0 vx-d-flex vx-align-center\"\n            >\n              <i *ngIf=\"!roleList\" class=\"icons\">&#xe970;</i>\n              <i *ngIf=\"roleList\" class=\"icons\">&#xe9e8;</i>\n            </button>\n          </div>\n        </div>\n        <div class=\"role-box-list\" *ngIf=\"roleList\">\n          <ul class=\"vx-p-0 vx-m-0\">\n            <li class=\"vx-p-3 vx-lh-4\">\n              <div class=\"value vx-fs-12 vx-label-txt\">\n                Manage Roles\n                <span class=\"vx-fs-10 vx-paragraph-txt\"\n                  >(Create, Edit, Delete)</span\n                >\n              </div>\n            </li>\n            <li class=\"vx-p-3 vx-lh-4\">\n              <div class=\"value vx-fs-12 vx-label-txt\">View User List</div>\n            </li>\n            <li class=\"vx-p-3 vx-lh-4\">\n              <div class=\"value vx-fs-12 vx-label-txt\">\n                Manage Users\n                <span class=\"vx-fs-10 vx-paragraph-txt\"\n                  >(Create/Edit/Delete/Deactivate)</span\n                >\n              </div>\n            </li>\n            <li class=\"vx-p-3 vx-lh-4\">\n              <div class=\"value vx-fs-12 vx-label-txt\">Over-ride Log In</div>\n            </li>\n            <li class=\"vx-p-3 vx-lh-4\">\n              <div class=\"value vx-fs-12 vx-label-txt\">\n                View Statutory Holidays\n              </div>\n            </li>\n            <li class=\"vx-p-3 vx-lh-4\">\n              <div class=\"value vx-fs-12 vx-label-txt\">\n                Manage Statutory Holidays\n              </div>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n\n    <app-no-data\n      *ngIf=\"false\"\n      [noDataImage]=\"ASSETS.search_data\"\n      [noDataText]=\"'No Roles Found'\"\n    ></app-no-data>\n  </div>\n\n  <div class=\"roles-list-footer\">\n    <app-floating-bar></app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";::ng-deep .roles-list{background:#fff;position:fixed;inset:0 500px 0 0;border-top:3px solid #1E5DD3}::ng-deep .roles-list.animate{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 app-cs-checkbox .checkbox-item,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item{position:relative;padding-left:1.75rem;width:100%}::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .checkmark,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .value,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .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 app-cs-checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate{height:1rem}::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item{position:relative;padding-left:1.75rem;height:1rem}::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item .checkmark,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .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;text-transform:capitalize}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item{width:100%}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item span.value{width:100%}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item span.value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}\n"] }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64, 