vcomply-workflow-engine 3.5.3 → 3.5.4

package/esm2022/lib/sharedComponents/framework-list/framework-integration-interfaces.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJhbWV3b3JrLWludGVncmF0aW9uLWludGVyZmFjZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2ZyYW1ld29yay1saXN0L2ZyYW1ld29yay1pbnRlZ3JhdGlvbi1pbnRlcmZhY2VzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFNlbGVjdGVkVmFsdWVze1xyXG4gICAgZnJhbWV3b3JrOiBhbnksXHJcbiAgICBjYXRlZ29yaWVzOiAgYW55LFxyXG4gICAgcmVzcG9uc2liaWxpdGllczoge30sXHJcbn1cclxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3RlZElkc3tcclxuICAgIGNhdGVnb3JpZXM6IG51bWJlcltdLFxyXG4gICAgcmVzcG9uc2liaWxpdGllczogbnVtYmVyW10sXHJcbn0iXX0=

package/esm2022/lib/sharedComponents/framework-list/framework-list-table/framework-list-table.component.mjs

@@ -0,0 +1,38 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../formgroup/cs-radio/cs-radio.component";
+import * as i3 from "../../../ui-kit/tooltip/tooltip.directive";
+import * as i4 from "../framework-table-loader/framework-table-loader.component";
+export class FrameworkListTableComponent {
+    constructor() {
+        this.frameworkType = 'framework';
+        this.selectedFramework = new EventEmitter();
+        this.loader = true;
+    }
+    ngOnChanges(changes) {
+        this.loader = this.listLoader;
+    }
+    ngOnInit() {
+    }
+    selectFramework(data) {
+        this.selectedFramework.emit(data);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrameworkListTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrameworkListTableComponent, selector: "app-framework-list-table", inputs: { frameworksList: "frameworksList", frameworkType: "frameworkType", currentFramework: "currentFramework", listLoader: "listLoader" }, outputs: { selectedFramework: "selectedFramework" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"framework-table-list\">\r\n    <div class=\"table-header\" *ngIf=\"loader || frameworksList?.data?.length\">\r\n        <div class=\"table-row\">\r\n            <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">#</div>\r\n            <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center name\">NAME</div>\r\n            <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center total\">TOTAL</div>\r\n            <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center assigned\">\r\n                <!-- ASSIGNED -->\r\n            </div>\r\n            <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center unassigned\">\r\n                <!-- UNASSIGNED -->\r\n            </div>\r\n            <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\"></div>\r\n        </div>\r\n    </div>\r\n    <div class=\"table-body\">\r\n        <lib-framework-table-loader *ngIf=\"loader\"></lib-framework-table-loader>\r\n        <!-- when click on row then active class was true & radio was checked -->\r\n        <ng-container *ngIf=\"!loader\">\r\n            <div class=\"table-row\" (click)=\"selectFramework(framework)\" [class.row-clickable]=\"true\" [class.active]=\"currentFramework?.id==framework.id\" *ngFor=\"let framework of frameworksList?.data; let i = index;\">\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\r\n                    <div class=\"sr-no\" [appTooltip]=\"i+frameworksList?.from\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{i+frameworksList?.from}}</div>\r\n                    <app-cs-radio [checked]=\"currentFramework?.id==framework.id\"></app-cs-radio>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center name\">\r\n                    <div class=\"vx-d-block vx-w-100\">\r\n                    <div class=\"name-inner vx-fs-12 vx-label-txt vx-pr-5\" [appTooltip]=\"framework?.name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{framework?.name}}</div>\r\n                    <div class=\"within-part\" *ngIf=\"framework?.within?.length\">\r\n                        <span class=\"within-box\">Within</span>\r\n                        <span class=\"value\">\r\n                          <span [appTooltip]=\"child\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\" *ngFor=\"let child of framework?.within; let i = index\"><i class=\"icons\" *ngIf=\"i!=0\">&#xe96b;</i> {{child}} </span>\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center total\">\r\n                    <div class=\"total-value vx-fs-10 vx-fw-500 vx-label-txt vx-pl-1 vx-pr-1 vx-lh-4\">{{framework?.totalControls}}</div>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center assigned\">\r\n                    <!-- <div class=\"assigned-value vx-fs-10 vx-fw-500 vx-label-txt vx-pl-1 vx-pr-1 vx-lh-4\">\r\n                        <span class=\"vx-pr-1 vx-mr-1 vx-d-inline-block\">{{framework?.assigned?.count}}</span> {{framework?.assigned?.percentage}}%\r\n                    </div> -->\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center unassigned\">\r\n                    <!-- <div class=\"unassigned-value vx-fs-10 vx-fw-500 vx-label-txt vx-pl-1 vx-pr-1 vx-lh-4\">\r\n                        <span class=\"vx-pr-1 vx-mr-1 vx-d-inline-block\">{{framework?.unassigned?.count}}</span> {{framework?.unassigned?.percentage}}%\r\n                    </div> -->\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-end action\">\r\n                    <button *ngIf=\"framework?.totalControls>0\" class=\"arrow vx-fs-12 vx-paragraph-txt vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe970;</i></button>\r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .framework-table-list .table-header{background:#fff;border-radius:.125rem;position:sticky;top:0;z-index:1}::ng-deep .framework-table-list .table-header .table-column{line-height:1rem!important;min-height:1.875rem!important}::ng-deep .framework-table-list .table-body{position:relative}::ng-deep .framework-table-list .table-body .table-row{background:#fff;border-radius:.125rem;border:1px solid #F1F1F1;transition:all .2s ease-in-out;margin-bottom:.25rem}::ng-deep .framework-table-list .table-body .table-row:hover{transition:all .2s ease-in-out;box-shadow:0 3px 6px #00000029}::ng-deep .framework-table-list .table-body .table-row:hover .table-column.serial .sr-no{background:#fff;font-size:0}::ng-deep .framework-table-list .table-body .table-row:hover .table-column.serial app-cs-radio{opacity:1}::ng-deep .framework-table-list .table-body .table-row:hover .table-column.action button.arrow{color:#1e5dd3!important}::ng-deep .framework-table-list .table-body .table-row.active{border-color:#1e5dd3}::ng-deep .framework-table-list .table-body .table-row.active .table-column.serial .sr-no{background:#fff;font-size:0}::ng-deep .framework-table-list .table-body .table-row.active .table-column.serial app-cs-radio{opacity:1}::ng-deep .framework-table-list .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .framework-table-list .table-row.row-clickable{cursor:pointer}::ng-deep .framework-table-list .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .framework-table-list .table-column i.info{color:#1e5dd3;cursor:pointer}::ng-deep .framework-table-list .table-column .sorting{cursor:pointer;position:relative;top:1px;left:-1px}::ng-deep .framework-table-list .table-column.serial{width:2.5rem;max-width:2.5rem;justify-content:center}::ng-deep .framework-table-list .table-column.serial .sr-no{width:1.25rem;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .framework-table-list .table-column.serial app-cs-radio{position:absolute;top:.75rem;left:.75rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .framework-table-list .table-column.serial app-cs-radio .radio-item{position:absolute}::ng-deep .framework-table-list .table-column.name{width:calc(100% - 23.5rem);min-width:calc(100% - 23.5rem)}::ng-deep .framework-table-list .table-column.name .name-inner{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .framework-table-list .table-column.total{width:4.5rem;min-width:4.5rem}::ng-deep .framework-table-list .table-column.total .total-value{border:1px solid #F1F1F1;border-radius:.125rem}::ng-deep .framework-table-list .table-column.assigned{width:7rem;min-width:7rem}::ng-deep .framework-table-list .table-column.assigned .assigned-value{border:1px solid #F1F1F1;border-radius:.125rem}::ng-deep .framework-table-list .table-column.assigned .assigned-value span{color:#34aa44;position:relative}::ng-deep .framework-table-list .table-column.assigned .assigned-value span:before{background:#f1f1f1;content:\"\";position:absolute;top:0;right:0;width:1px;height:100%}::ng-deep .framework-table-list .table-column.unassigned{width:7rem;min-width:7rem}::ng-deep .framework-table-list .table-column.unassigned .unassigned-value{border:1px solid #F1F1F1;border-radius:.125rem}::ng-deep .framework-table-list .table-column.unassigned .unassigned-value span{color:#f2bf19;position:relative}::ng-deep .framework-table-list .table-column.unassigned .unassigned-value span:before{background:#f1f1f1;content:\"\";position:absolute;top:0;right:0;width:1px;height:100%}::ng-deep .framework-table-list .table-column.action{width:2.5rem;min-width:2.5rem}::ng-deep .framework-table-list .table-column.action button.more,::ng-deep .framework-table-list .table-column.action button.arrow{background:transparent;border:none;border-radius:0}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;font-size:11px!important;color:#747576!important}.within-box{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding:0 4px;margin-right:8px;line-height:12px}\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.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: i3.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i4.FrameworkTableLoaderComponent, selector: "lib-framework-table-loader" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrameworkListTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-framework-list-table', template: "<div class=\"framework-table-list\">\r\n    <div class=\"table-header\" *ngIf=\"loader || frameworksList?.data?.length\">\r\n        <div class=\"table-row\">\r\n            <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">#</div>\r\n            <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center name\">NAME</div>\r\n            <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center total\">TOTAL</div>\r\n            <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center assigned\">\r\n                <!-- ASSIGNED -->\r\n            </div>\r\n            <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center unassigned\">\r\n                <!-- UNASSIGNED -->\r\n            </div>\r\n            <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\"></div>\r\n        </div>\r\n    </div>\r\n    <div class=\"table-body\">\r\n        <lib-framework-table-loader *ngIf=\"loader\"></lib-framework-table-loader>\r\n        <!-- when click on row then active class was true & radio was checked -->\r\n        <ng-container *ngIf=\"!loader\">\r\n            <div class=\"table-row\" (click)=\"selectFramework(framework)\" [class.row-clickable]=\"true\" [class.active]=\"currentFramework?.id==framework.id\" *ngFor=\"let framework of frameworksList?.data; let i = index;\">\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\r\n                    <div class=\"sr-no\" [appTooltip]=\"i+frameworksList?.from\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{i+frameworksList?.from}}</div>\r\n                    <app-cs-radio [checked]=\"currentFramework?.id==framework.id\"></app-cs-radio>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center name\">\r\n                    <div class=\"vx-d-block vx-w-100\">\r\n                    <div class=\"name-inner vx-fs-12 vx-label-txt vx-pr-5\" [appTooltip]=\"framework?.name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{framework?.name}}</div>\r\n                    <div class=\"within-part\" *ngIf=\"framework?.within?.length\">\r\n                        <span class=\"within-box\">Within</span>\r\n                        <span class=\"value\">\r\n                          <span [appTooltip]=\"child\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\" *ngFor=\"let child of framework?.within; let i = index\"><i class=\"icons\" *ngIf=\"i!=0\">&#xe96b;</i> {{child}} </span>\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center total\">\r\n                    <div class=\"total-value vx-fs-10 vx-fw-500 vx-label-txt vx-pl-1 vx-pr-1 vx-lh-4\">{{framework?.totalControls}}</div>\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center assigned\">\r\n                    <!-- <div class=\"assigned-value vx-fs-10 vx-fw-500 vx-label-txt vx-pl-1 vx-pr-1 vx-lh-4\">\r\n                        <span class=\"vx-pr-1 vx-mr-1 vx-d-inline-block\">{{framework?.assigned?.count}}</span> {{framework?.assigned?.percentage}}%\r\n                    </div> -->\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center unassigned\">\r\n                    <!-- <div class=\"unassigned-value vx-fs-10 vx-fw-500 vx-label-txt vx-pl-1 vx-pr-1 vx-lh-4\">\r\n                        <span class=\"vx-pr-1 vx-mr-1 vx-d-inline-block\">{{framework?.unassigned?.count}}</span> {{framework?.unassigned?.percentage}}%\r\n                    </div> -->\r\n                </div>\r\n                <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-end action\">\r\n                    <button *ngIf=\"framework?.totalControls>0\" class=\"arrow vx-fs-12 vx-paragraph-txt vx-p-0 vx-m-0 vx-d-flex vx-align-center vx-justify-center\"><i class=\"icons\">&#xe970;</i></button>\r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .framework-table-list .table-header{background:#fff;border-radius:.125rem;position:sticky;top:0;z-index:1}::ng-deep .framework-table-list .table-header .table-column{line-height:1rem!important;min-height:1.875rem!important}::ng-deep .framework-table-list .table-body{position:relative}::ng-deep .framework-table-list .table-body .table-row{background:#fff;border-radius:.125rem;border:1px solid #F1F1F1;transition:all .2s ease-in-out;margin-bottom:.25rem}::ng-deep .framework-table-list .table-body .table-row:hover{transition:all .2s ease-in-out;box-shadow:0 3px 6px #00000029}::ng-deep .framework-table-list .table-body .table-row:hover .table-column.serial .sr-no{background:#fff;font-size:0}::ng-deep .framework-table-list .table-body .table-row:hover .table-column.serial app-cs-radio{opacity:1}::ng-deep .framework-table-list .table-body .table-row:hover .table-column.action button.arrow{color:#1e5dd3!important}::ng-deep .framework-table-list .table-body .table-row.active{border-color:#1e5dd3}::ng-deep .framework-table-list .table-body .table-row.active .table-column.serial .sr-no{background:#fff;font-size:0}::ng-deep .framework-table-list .table-body .table-row.active .table-column.serial app-cs-radio{opacity:1}::ng-deep .framework-table-list .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .framework-table-list .table-row.row-clickable{cursor:pointer}::ng-deep .framework-table-list .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .framework-table-list .table-column i.info{color:#1e5dd3;cursor:pointer}::ng-deep .framework-table-list .table-column .sorting{cursor:pointer;position:relative;top:1px;left:-1px}::ng-deep .framework-table-list .table-column.serial{width:2.5rem;max-width:2.5rem;justify-content:center}::ng-deep .framework-table-list .table-column.serial .sr-no{width:1.25rem;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .framework-table-list .table-column.serial app-cs-radio{position:absolute;top:.75rem;left:.75rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .framework-table-list .table-column.serial app-cs-radio .radio-item{position:absolute}::ng-deep .framework-table-list .table-column.name{width:calc(100% - 23.5rem);min-width:calc(100% - 23.5rem)}::ng-deep .framework-table-list .table-column.name .name-inner{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .framework-table-list .table-column.total{width:4.5rem;min-width:4.5rem}::ng-deep .framework-table-list .table-column.total .total-value{border:1px solid #F1F1F1;border-radius:.125rem}::ng-deep .framework-table-list .table-column.assigned{width:7rem;min-width:7rem}::ng-deep .framework-table-list .table-column.assigned .assigned-value{border:1px solid #F1F1F1;border-radius:.125rem}::ng-deep .framework-table-list .table-column.assigned .assigned-value span{color:#34aa44;position:relative}::ng-deep .framework-table-list .table-column.assigned .assigned-value span:before{background:#f1f1f1;content:\"\";position:absolute;top:0;right:0;width:1px;height:100%}::ng-deep .framework-table-list .table-column.unassigned{width:7rem;min-width:7rem}::ng-deep .framework-table-list .table-column.unassigned .unassigned-value{border:1px solid #F1F1F1;border-radius:.125rem}::ng-deep .framework-table-list .table-column.unassigned .unassigned-value span{color:#f2bf19;position:relative}::ng-deep .framework-table-list .table-column.unassigned .unassigned-value span:before{background:#f1f1f1;content:\"\";position:absolute;top:0;right:0;width:1px;height:100%}::ng-deep .framework-table-list .table-column.action{width:2.5rem;min-width:2.5rem}::ng-deep .framework-table-list .table-column.action button.more,::ng-deep .framework-table-list .table-column.action button.arrow{background:transparent;border:none;border-radius:0}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;font-size:11px!important;color:#747576!important}.within-box{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding:0 4px;margin-right:8px;line-height:12px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { frameworksList: [{
+                type: Input
+            }], frameworkType: [{
+                type: Input
+            }], currentFramework: [{
+                type: Input
+            }], listLoader: [{
+                type: Input
+            }], selectedFramework: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJhbWV3b3JrLWxpc3QtdGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9mcmFtZXdvcmstbGlzdC9mcmFtZXdvcmstbGlzdC10YWJsZS9mcmFtZXdvcmstbGlzdC10YWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2ZyYW1ld29yay1saXN0L2ZyYW1ld29yay1saXN0LXRhYmxlL2ZyYW1ld29yay1saXN0LXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBT3pHLE1BQU0sT0FBTywyQkFBMkI7SUFRdEM7UUFOUyxrQkFBYSxHQUFvQyxXQUFXLENBQUM7UUFJNUQsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNqRCxXQUFNLEdBQVcsSUFBSSxDQUFDO0lBQ04sQ0FBQztJQUNqQixXQUFXLENBQUMsT0FBc0I7UUFDakMsSUFBSSxDQUFDLE1BQU0sR0FBSSxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ2hDLENBQUM7SUFDRCxRQUFRO0lBQ1IsQ0FBQztJQUVELGVBQWUsQ0FBQyxJQUFTO1FBQ3ZCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDcEMsQ0FBQzsrR0FqQlUsMkJBQTJCO21HQUEzQiwyQkFBMkIsd1JDUHhDLDI5SUF3REE7OzRGRGpEYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0UsMEJBQTBCOzBFQUszQixjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1mcmFtZXdvcmstbGlzdC10YWJsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ZyYW1ld29yay1saXN0LXRhYmxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mcmFtZXdvcmstbGlzdC10YWJsZS5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGcmFtZXdvcmtMaXN0VGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgQElucHV0KCkgZnJhbWV3b3Jrc0xpc3QhOiBhbnk7XHJcbiAgQElucHV0KCkgZnJhbWV3b3JrVHlwZTogJ2ZyYW1ld29yaycgfCAnY2hpbGRGcmFtZXdvcmtzJyA9ICdmcmFtZXdvcmsnO1xyXG4gIEBJbnB1dCgpIGN1cnJlbnRGcmFtZXdvcmshOiBhbnk7XHJcbiAgQElucHV0KCkgbGlzdExvYWRlciE6IGJvb2xlYW47XHJcblxyXG4gIEBPdXRwdXQoKSBzZWxlY3RlZEZyYW1ld29yayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBsb2FkZXI6Ym9vbGVhbiA9IHRydWU7XHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgIHRoaXMubG9hZGVyID0gIHRoaXMubGlzdExvYWRlcjtcclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBzZWxlY3RGcmFtZXdvcmsoZGF0YTogYW55KSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkRnJhbWV3b3JrLmVtaXQoZGF0YSk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZnJhbWV3b3JrLXRhYmxlLWxpc3RcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1oZWFkZXJcIiAqbmdJZj1cImxvYWRlciB8fCBmcmFtZXdvcmtzTGlzdD8uZGF0YT8ubGVuZ3RoXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLXJvd1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC1saC01IHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciBzZXJpYWxcIj4jPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gdngtZnMtMTEgdngtZnctNTAwIHZ4LWxoLTUgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIG5hbWVcIj5OQU1FPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gdngtZnMtMTEgdngtZnctNTAwIHZ4LWxoLTUgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHRvdGFsXCI+VE9UQUw8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1mcy0xMSB2eC1mdy01MDAgdngtbGgtNSB2eC10dC11cHBlcmNhc2UgdngtcGwtMSB2eC1wci0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgYXNzaWduZWRcIj5cclxuICAgICAgICAgICAgICAgIDwhLS0gQVNTSUdORUQgLS0+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC1saC01IHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB1bmFzc2lnbmVkXCI+XHJcbiAgICAgICAgICAgICAgICA8IS0tIFVOQVNTSUdORUQgLS0+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC1saC01IHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciBhY3Rpb25cIj48L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInRhYmxlLWJvZHlcIj5cclxuICAgICAgICA8bGliLWZyYW1ld29yay10YWJsZS1sb2FkZXIgKm5nSWY9XCJsb2FkZXJcIj48L2xpYi1mcmFtZXdvcmstdGFibGUtbG9hZGVyPlxyXG4gICAgICAgIDwhLS0gd2hlbiBjbGljayBvbiByb3cgdGhlbiBhY3RpdmUgY2xhc3Mgd2FzIHRydWUgJiByYWRpbyB3YXMgY2hlY2tlZCAtLT5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWxvYWRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtcm93XCIgKGNsaWNrKT1cInNlbGVjdEZyYW1ld29yayhmcmFtZXdvcmspXCIgW2NsYXNzLnJvdy1jbGlja2FibGVdPVwidHJ1ZVwiIFtjbGFzcy5hY3RpdmVdPVwiY3VycmVudEZyYW1ld29yaz8uaWQ9PWZyYW1ld29yay5pZFwiICpuZ0Zvcj1cImxldCBmcmFtZXdvcmsgb2YgZnJhbWV3b3Jrc0xpc3Q/LmRhdGE7IGxldCBpID0gaW5kZXg7XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHNlcmlhbFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzci1ub1wiIFthcHBUb29sdGlwXT1cImkrZnJhbWV3b3Jrc0xpc3Q/LmZyb21cIiBwbGFjZW1lbnQ9XCJib3R0b21cIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJ0cnVlXCI+e3tpK2ZyYW1ld29ya3NMaXN0Py5mcm9tfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8YXBwLWNzLXJhZGlvIFtjaGVja2VkXT1cImN1cnJlbnRGcmFtZXdvcms/LmlkPT1mcmFtZXdvcmsuaWRcIj48L2FwcC1jcy1yYWRpbz5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciBuYW1lXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWQtYmxvY2sgdngtdy0xMDBcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmFtZS1pbm5lciB2eC1mcy0xMiB2eC1sYWJlbC10eHQgdngtcHItNVwiIFthcHBUb29sdGlwXT1cImZyYW1ld29yaz8ubmFtZVwiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgZGVsYXk9XCIwXCIgdHlwZT1cImJsYWNrXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIj57e2ZyYW1ld29yaz8ubmFtZX19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIndpdGhpbi1wYXJ0XCIgKm5nSWY9XCJmcmFtZXdvcms/LndpdGhpbj8ubGVuZ3RoXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwid2l0aGluLWJveFwiPldpdGhpbjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIFthcHBUb29sdGlwXT1cImNoaWxkXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiICpuZ0Zvcj1cImxldCBjaGlsZCBvZiBmcmFtZXdvcms/LndpdGhpbjsgbGV0IGkgPSBpbmRleFwiPjxpIGNsYXNzPVwiaWNvbnNcIiAqbmdJZj1cImkhPTBcIj4mI3hlOTZiOzwvaT4ge3tjaGlsZH19IDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gdngtcGwtMSB2eC1wci0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdG90YWxcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidG90YWwtdmFsdWUgdngtZnMtMTAgdngtZnctNTAwIHZ4LWxhYmVsLXR4dCB2eC1wbC0xIHZ4LXByLTEgdngtbGgtNFwiPnt7ZnJhbWV3b3JrPy50b3RhbENvbnRyb2xzfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciBhc3NpZ25lZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDwhLS0gPGRpdiBjbGFzcz1cImFzc2lnbmVkLXZhbHVlIHZ4LWZzLTEwIHZ4LWZ3LTUwMCB2eC1sYWJlbC10eHQgdngtcGwtMSB2eC1wci0xIHZ4LWxoLTRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2eC1wci0xIHZ4LW1yLTEgdngtZC1pbmxpbmUtYmxvY2tcIj57e2ZyYW1ld29yaz8uYXNzaWduZWQ/LmNvdW50fX08L3NwYW4+IHt7ZnJhbWV3b3JrPy5hc3NpZ25lZD8ucGVyY2VudGFnZX19JVxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PiAtLT5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB1bmFzc2lnbmVkXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPCEtLSA8ZGl2IGNsYXNzPVwidW5hc3NpZ25lZC12YWx1ZSB2eC1mcy0xMCB2eC1mdy01MDAgdngtbGFiZWwtdHh0IHZ4LXBsLTEgdngtcHItMSB2eC1saC00XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidngtcHItMSB2eC1tci0xIHZ4LWQtaW5saW5lLWJsb2NrXCI+e3tmcmFtZXdvcms/LnVuYXNzaWduZWQ/LmNvdW50fX08L3NwYW4+IHt7ZnJhbWV3b3JrPy51bmFzc2lnbmVkPy5wZXJjZW50YWdlfX0lXHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+IC0tPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktZW5kIGFjdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJmcmFtZXdvcms/LnRvdGFsQ29udHJvbHM+MFwiIGNsYXNzPVwiYXJyb3cgdngtZnMtMTIgdngtcGFyYWdyYXBoLXR4dCB2eC1wLTAgdngtbS0wIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXJcIj48aSBjbGFzcz1cImljb25zXCI+JiN4ZTk3MDs8L2k+PC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=