vcomply-workflow-engine 3.5.3 → 3.5.4

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

@@ -0,0 +1,43 @@
+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 "../../../ui-kit/popover/popover.component";
+import * as i5 from "../../../ui-kit/popover/popover.directive";
+import * as i6 from "../framework-table-loader/framework-table-loader.component";
+export class FrameworkResponsibilityTableComponent {
+    constructor() {
+        this.selectedControl = new EventEmitter();
+        this.assignControl = new EventEmitter();
+        this.loader = true;
+    }
+    ngOnChanges(changes) {
+        this.loader = this.listLoader;
+    }
+    ngOnInit() {
+    }
+    selectControl(data) {
+        this.selectedControl.emit(data);
+    }
+    assign(control) {
+        this.assignControl.emit(control);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrameworkResponsibilityTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrameworkResponsibilityTableComponent, selector: "app-framework-responsibility-table", inputs: { controlsList: "controlsList", currentSelectedControl: "currentSelectedControl", listLoader: "listLoader" }, outputs: { selectedControl: "selectedControl", assignControl: "assignControl" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"framework-responsibility-table\">\r\n    <div class=\"table-header\"  *ngIf=\"loader || controlsList?.data?.length\">\r\n        <div class=\"table-row\">\r\n            <div\r\n                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\">\r\n                #</div>\r\n            <div\r\n                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\">\r\n                NAME</div>\r\n            <div\r\n                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-button\">\r\n            </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 radio button was checked then active class was true -->\r\n        <ng-container *ngIf=\"!loader\">\r\n            <div class=\"table-row\"  (click)=\"selectControl(control)\" [class.active]=\"currentSelectedControl?.id == control?.id\"\r\n            *ngFor=\"let control of controlsList?.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+controlsList.from\" placement=\"bottom\" delay=\"0\" type=\"black\"\r\n                    [tooltipMandatory]=\"true\">\r\n                    {{i+controlsList.from}}\r\n                    <app-cs-radio [checked]=\"currentSelectedControl?.id == control?.id\">\r\n                    </app-cs-radio>\r\n                </div>\r\n            </div>\r\n            <div class=\"table-column vx-pr-1 vx-d-flex vx-align-center name\">\r\n                <!-- <div class=\"vx-avatar-group vx-mr-2\">\r\n                    <div class=\"vx-avatar md\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n                        <span class=\"blue\">hk</span>\r\n                        <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"vx-avatar md\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n                        <span class=\"green\">hk</span>\r\n                        <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\">\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"vx-d-block vx-w-100\">\r\n                    <div class=\"vx-d-flex vx-w-100\">\r\n                        <div class=\"responsibility-name vx-fs-12 vx-label-txt vx-pr-2\" [appTooltip]=\"control?.name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\r\n                            <!-- <span class=\"id vx-fs-10 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mr-1\">[CID-18087001]</span> -->\r\n                            {{control?.name}}\r\n                        </div>\r\n                        <button class=\"info-btn vx-fs-14 vx-txt-blue vx-m-0 vx-p-0 vx-d-flex vx-align-center\" appPopover (click)=\"responsibilityInfoBtn.popover()\" placement=\"left\"><i class=\"icons\">&#xe932;</i></button>\r\n                        <app-popover #responsibilityInfoBtn [dontCloseonClick]=\"true\">\r\n                            <div class=\"wf-action-list\">\r\n                                <div class=\"responsibility-info vx-p-3\">\r\n                                    <!-- <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-mb-1\">FREQUENCY:</div>\r\n                                    <div class=\"vx-fs-13 vx-paragraph-txt\">{{(control?.frequency) ?control?.frequency: 'N/A'}}</div>\r\n                                    <div class=\"separator vx-mt-2 vx-mb-2\"></div> -->\r\n                                    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-mb-1\">OBJECTIVE:</div>\r\n                                    <div class=\"vx-fs-12 vx-paragraph-txt\" [innerHtml]=\"(control?.objectives) ? control?.objectives: 'N/A'\"></div>\r\n                                    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-mb-1 vx-mt-1\">NOTES:</div>\r\n                                    <div class=\"vx-fs-12 vx-paragraph-txt\" [innerHtml]=\"(control?.description) ? control?.description: 'N/A'\"></div>\r\n                                </div>\r\n                            </div>\r\n                        </app-popover>\r\n                    </div>\r\n                    <div class=\"within-part\">\r\n                        <span class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mr-1\">Frequency:</span>\r\n                        <span class=\"value\" [appTooltip]=\"(control?.frequency) ?control?.frequency: 'N/A'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{(control?.frequency) ?control?.frequency: 'N/A'}}</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 vx-justify-end action-button\">\r\n                <button\r\n                    class=\"assign-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center vx-lh-4\"\r\n                    (click)=\"assign(control)\">ASSIGN</button>\r\n            </div>\r\n        </div>\r\n        </ng-container>\r\n\r\n    </div>\r\n</div>", 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\";@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";::ng-deep .framework-responsibility-table .table-header{background:#fff;border-radius:.125rem;position:sticky;top:0;z-index:1}::ng-deep .framework-responsibility-table .table-header .table-column{line-height:1rem!important;min-height:1.875rem!important}::ng-deep .framework-responsibility-table .table-body{position:relative}::ng-deep .framework-responsibility-table .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-responsibility-table .table-body .table-row:hover{transition:all .2s ease-in-out;box-shadow:0 3px 6px #00000029}::ng-deep .framework-responsibility-table .table-body .table-row:hover .table-column.serial .sr-no{background:#fff;font-size:0}::ng-deep .framework-responsibility-table .table-body .table-row:hover .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .framework-responsibility-table .table-body .table-row.active{border-color:#1e5dd3}::ng-deep .framework-responsibility-table .table-body .table-row.active .table-column.serial .sr-no{background:#fff;font-size:0}::ng-deep .framework-responsibility-table .table-body .table-row.active .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .framework-responsibility-table .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .framework-responsibility-table .table-row.row-clickable{cursor:pointer}::ng-deep .framework-responsibility-table .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .framework-responsibility-table .table-column i.info{color:#1e5dd3;cursor:pointer}::ng-deep .framework-responsibility-table .table-column .sorting{cursor:pointer;position:relative;top:1px;left:-1px}::ng-deep .framework-responsibility-table .table-column.serial{width:2.5rem;max-width:2.5rem;justify-content:center}::ng-deep .framework-responsibility-table .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-responsibility-table .table-column.serial .sr-no app-cs-radio{position:absolute;top:.75rem;left:.125rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .framework-responsibility-table .table-column.serial .sr-no app-cs-radio .radio-item{position:absolute;top:0;left:0}::ng-deep .framework-responsibility-table .table-column.name{width:calc(100% - 7rem);min-width:calc(100% - 7rem)}::ng-deep .framework-responsibility-table .table-column.name .responsibility-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 6.5rem)}::ng-deep .framework-responsibility-table .table-column.name button.info-btn{background:transparent;border-radius:0;border:none}::ng-deep .framework-responsibility-table .table-column.action-button{width:4.5rem;min-width:4.5rem}::ng-deep .framework-responsibility-table .table-column.action-button button.assign-btn{background:transparent;border-radius:.125rem;border:1px solid #F1F1F1}::ng-deep .responsibility-info{animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 12px #1c5bd126;border-radius:.25rem;width:320px;max-height:220px;overflow:auto}::ng-deep .responsibility-info::-webkit-scrollbar-track{background-color:transparent}::ng-deep .responsibility-info::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .responsibility-info::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .responsibility-info .separator{background:#f1f1f1;width:100%;height:1px}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.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.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i5.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "component", type: i6.FrameworkTableLoaderComponent, selector: "lib-framework-table-loader" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrameworkResponsibilityTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-framework-responsibility-table', template: "<div class=\"framework-responsibility-table\">\r\n    <div class=\"table-header\"  *ngIf=\"loader || controlsList?.data?.length\">\r\n        <div class=\"table-row\">\r\n            <div\r\n                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\">\r\n                #</div>\r\n            <div\r\n                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\">\r\n                NAME</div>\r\n            <div\r\n                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-button\">\r\n            </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 radio button was checked then active class was true -->\r\n        <ng-container *ngIf=\"!loader\">\r\n            <div class=\"table-row\"  (click)=\"selectControl(control)\" [class.active]=\"currentSelectedControl?.id == control?.id\"\r\n            *ngFor=\"let control of controlsList?.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+controlsList.from\" placement=\"bottom\" delay=\"0\" type=\"black\"\r\n                    [tooltipMandatory]=\"true\">\r\n                    {{i+controlsList.from}}\r\n                    <app-cs-radio [checked]=\"currentSelectedControl?.id == control?.id\">\r\n                    </app-cs-radio>\r\n                </div>\r\n            </div>\r\n            <div class=\"table-column vx-pr-1 vx-d-flex vx-align-center name\">\r\n                <!-- <div class=\"vx-avatar-group vx-mr-2\">\r\n                    <div class=\"vx-avatar md\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n                        <span class=\"blue\">hk</span>\r\n                        <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\">\r\n                    </div>\r\n                    <div class=\"vx-avatar md\" [appTooltip]=\"'Harshvardhan Kariwala'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n                        <span class=\"green\">hk</span>\r\n                        <img *ngIf=\"false\" src=\"https://s3-eu-west-1.amazonaws.com/eu.v-comply.com/profile_pic/thumb/1591875227667_vcomply.png\" alt=\"\">\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"vx-d-block vx-w-100\">\r\n                    <div class=\"vx-d-flex vx-w-100\">\r\n                        <div class=\"responsibility-name vx-fs-12 vx-label-txt vx-pr-2\" [appTooltip]=\"control?.name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\r\n                            <!-- <span class=\"id vx-fs-10 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mr-1\">[CID-18087001]</span> -->\r\n                            {{control?.name}}\r\n                        </div>\r\n                        <button class=\"info-btn vx-fs-14 vx-txt-blue vx-m-0 vx-p-0 vx-d-flex vx-align-center\" appPopover (click)=\"responsibilityInfoBtn.popover()\" placement=\"left\"><i class=\"icons\">&#xe932;</i></button>\r\n                        <app-popover #responsibilityInfoBtn [dontCloseonClick]=\"true\">\r\n                            <div class=\"wf-action-list\">\r\n                                <div class=\"responsibility-info vx-p-3\">\r\n                                    <!-- <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-mb-1\">FREQUENCY:</div>\r\n                                    <div class=\"vx-fs-13 vx-paragraph-txt\">{{(control?.frequency) ?control?.frequency: 'N/A'}}</div>\r\n                                    <div class=\"separator vx-mt-2 vx-mb-2\"></div> -->\r\n                                    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-mb-1\">OBJECTIVE:</div>\r\n                                    <div class=\"vx-fs-12 vx-paragraph-txt\" [innerHtml]=\"(control?.objectives) ? control?.objectives: 'N/A'\"></div>\r\n                                    <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-mb-1 vx-mt-1\">NOTES:</div>\r\n                                    <div class=\"vx-fs-12 vx-paragraph-txt\" [innerHtml]=\"(control?.description) ? control?.description: 'N/A'\"></div>\r\n                                </div>\r\n                            </div>\r\n                        </app-popover>\r\n                    </div>\r\n                    <div class=\"within-part\">\r\n                        <span class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mr-1\">Frequency:</span>\r\n                        <span class=\"value\" [appTooltip]=\"(control?.frequency) ?control?.frequency: 'N/A'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{(control?.frequency) ?control?.frequency: 'N/A'}}</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 vx-justify-end action-button\">\r\n                <button\r\n                    class=\"assign-btn vx-fs-11 vx-fw-500 vx-txt-blue vx-p-0 vx-pl-2 vx-pr-2 vx-m-0 vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center vx-lh-4\"\r\n                    (click)=\"assign(control)\">ASSIGN</button>\r\n            </div>\r\n        </div>\r\n        </ng-container>\r\n\r\n    </div>\r\n</div>", 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\";@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";::ng-deep .framework-responsibility-table .table-header{background:#fff;border-radius:.125rem;position:sticky;top:0;z-index:1}::ng-deep .framework-responsibility-table .table-header .table-column{line-height:1rem!important;min-height:1.875rem!important}::ng-deep .framework-responsibility-table .table-body{position:relative}::ng-deep .framework-responsibility-table .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-responsibility-table .table-body .table-row:hover{transition:all .2s ease-in-out;box-shadow:0 3px 6px #00000029}::ng-deep .framework-responsibility-table .table-body .table-row:hover .table-column.serial .sr-no{background:#fff;font-size:0}::ng-deep .framework-responsibility-table .table-body .table-row:hover .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .framework-responsibility-table .table-body .table-row.active{border-color:#1e5dd3}::ng-deep .framework-responsibility-table .table-body .table-row.active .table-column.serial .sr-no{background:#fff;font-size:0}::ng-deep .framework-responsibility-table .table-body .table-row.active .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .framework-responsibility-table .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .framework-responsibility-table .table-row.row-clickable{cursor:pointer}::ng-deep .framework-responsibility-table .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .framework-responsibility-table .table-column i.info{color:#1e5dd3;cursor:pointer}::ng-deep .framework-responsibility-table .table-column .sorting{cursor:pointer;position:relative;top:1px;left:-1px}::ng-deep .framework-responsibility-table .table-column.serial{width:2.5rem;max-width:2.5rem;justify-content:center}::ng-deep .framework-responsibility-table .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-responsibility-table .table-column.serial .sr-no app-cs-radio{position:absolute;top:.75rem;left:.125rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .framework-responsibility-table .table-column.serial .sr-no app-cs-radio .radio-item{position:absolute;top:0;left:0}::ng-deep .framework-responsibility-table .table-column.name{width:calc(100% - 7rem);min-width:calc(100% - 7rem)}::ng-deep .framework-responsibility-table .table-column.name .responsibility-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 6.5rem)}::ng-deep .framework-responsibility-table .table-column.name button.info-btn{background:transparent;border-radius:0;border:none}::ng-deep .framework-responsibility-table .table-column.action-button{width:4.5rem;min-width:4.5rem}::ng-deep .framework-responsibility-table .table-column.action-button button.assign-btn{background:transparent;border-radius:.125rem;border:1px solid #F1F1F1}::ng-deep .responsibility-info{animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 12px #1c5bd126;border-radius:.25rem;width:320px;max-height:220px;overflow:auto}::ng-deep .responsibility-info::-webkit-scrollbar-track{background-color:transparent}::ng-deep .responsibility-info::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .responsibility-info::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .responsibility-info .separator{background:#f1f1f1;width:100%;height:1px}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.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: { controlsList: [{
+                type: Input
+            }], selectedControl: [{
+                type: Output
+            }], assignControl: [{
+                type: Output
+            }], currentSelectedControl: [{
+                type: Input
+            }], listLoader: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJhbWV3b3JrLXJlc3BvbnNpYmlsaXR5LXRhYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvZnJhbWV3b3JrLWxpc3QvZnJhbWV3b3JrLXJlc3BvbnNpYmlsaXR5LXRhYmxlL2ZyYW1ld29yay1yZXNwb25zaWJpbGl0eS10YWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2ZyYW1ld29yay1saXN0L2ZyYW1ld29yay1yZXNwb25zaWJpbGl0eS10YWJsZS9mcmFtZXdvcmstcmVzcG9uc2liaWxpdHktdGFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBTzlGLE1BQU0sT0FBTyxxQ0FBcUM7SUFRaEQ7UUFOVSxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDckMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBSTdDLFdBQU0sR0FBVyxJQUFJLENBQUM7SUFDTixDQUFDO0lBQ2pCLFdBQVcsQ0FBQyxPQUFzQjtRQUNqQyxJQUFJLENBQUMsTUFBTSxHQUFJLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDaEMsQ0FBQztJQUNDLFFBQVE7SUFDUixDQUFDO0lBRUQsYUFBYSxDQUFDLElBQVE7UUFDckIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUNELE1BQU0sQ0FBQyxPQUFXO1FBQ2hCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRW5DLENBQUM7K0dBckJRLHFDQUFxQzttR0FBckMscUNBQXFDLHNTQ1BsRCwwbUxBMkVNOzs0RkRwRU8scUNBQXFDO2tCQUxqRCxTQUFTOytCQUNFLG9DQUFvQzswRUFLckMsWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0Usc0JBQXNCO3NCQUE5QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1mcmFtZXdvcmstcmVzcG9uc2liaWxpdHktdGFibGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mcmFtZXdvcmstcmVzcG9uc2liaWxpdHktdGFibGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ZyYW1ld29yay1yZXNwb25zaWJpbGl0eS10YWJsZS5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGcmFtZXdvcmtSZXNwb25zaWJpbGl0eVRhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBjb250cm9sc0xpc3QhOmFueTtcclxuICBAT3V0cHV0KCkgc2VsZWN0ZWRDb250cm9sID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBhc3NpZ25Db250cm9sID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBJbnB1dCgpIGN1cnJlbnRTZWxlY3RlZENvbnRyb2wgITphbnk7XHJcbiAgQElucHV0KCkgbGlzdExvYWRlciE6IGJvb2xlYW47XHJcblxyXG4gIGxvYWRlcjpib29sZWFuID0gdHJ1ZTtcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgdGhpcy5sb2FkZXIgPSAgdGhpcy5saXN0TG9hZGVyO1xyXG4gIH1cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgfVxyXG4gIFxyXG4gICAgc2VsZWN0Q29udHJvbChkYXRhOmFueSl7XHJcbiAgICAgdGhpcy5zZWxlY3RlZENvbnRyb2wuZW1pdChkYXRhKTtcclxuICAgIH1cclxuICAgIGFzc2lnbihjb250cm9sOmFueSl7XHJcbiAgICAgIHRoaXMuYXNzaWduQ29udHJvbC5lbWl0KGNvbnRyb2wpO1xyXG5cclxuICAgIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZyYW1ld29yay1yZXNwb25zaWJpbGl0eS10YWJsZVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInRhYmxlLWhlYWRlclwiICAqbmdJZj1cImxvYWRlciB8fCBjb250cm9sc0xpc3Q/LmRhdGE/Lmxlbmd0aFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1yb3dcIj5cclxuICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gdngtZnMtMTEgdngtZnctNTAwIHZ4LWxoLTUgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHNlcmlhbFwiPlxyXG4gICAgICAgICAgICAgICAgIzwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1mcy0xMSB2eC1mdy01MDAgdngtbGgtNSB2eC10dC11cHBlcmNhc2UgdngtcGwtMSB2eC1wci0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgbmFtZVwiPlxyXG4gICAgICAgICAgICAgICAgTkFNRTwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1mcy0xMSB2eC1mdy01MDAgdngtbGgtNSB2eC10dC11cHBlcmNhc2UgdngtcGwtMSB2eC1wci0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgYWN0aW9uLWJ1dHRvblwiPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInRhYmxlLWJvZHlcIj5cclxuICAgICAgICA8bGliLWZyYW1ld29yay10YWJsZS1sb2FkZXIgKm5nSWY9XCJsb2FkZXJcIj48L2xpYi1mcmFtZXdvcmstdGFibGUtbG9hZGVyPlxyXG4gICAgICAgIDwhLS0gd2hlbiByYWRpbyBidXR0b24gd2FzIGNoZWNrZWQgdGhlbiBhY3RpdmUgY2xhc3Mgd2FzIHRydWUgLS0+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFsb2FkZXJcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLXJvd1wiICAoY2xpY2spPVwic2VsZWN0Q29udHJvbChjb250cm9sKVwiIFtjbGFzcy5hY3RpdmVdPVwiY3VycmVudFNlbGVjdGVkQ29udHJvbD8uaWQgPT0gY29udHJvbD8uaWRcIlxyXG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgY29udHJvbCBvZiBjb250cm9sc0xpc3Q/LmRhdGE7IGxldCBpID1pbmRleDtcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciBzZXJpYWxcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzci1ub1wiIFthcHBUb29sdGlwXT1cImkrY29udHJvbHNMaXN0LmZyb21cIiBwbGFjZW1lbnQ9XCJib3R0b21cIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICAgICAgICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIj5cclxuICAgICAgICAgICAgICAgICAgICB7e2krY29udHJvbHNMaXN0LmZyb219fVxyXG4gICAgICAgICAgICAgICAgICAgIDxhcHAtY3MtcmFkaW8gW2NoZWNrZWRdPVwiY3VycmVudFNlbGVjdGVkQ29udHJvbD8uaWQgPT0gY29udHJvbD8uaWRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8L2FwcC1jcy1yYWRpbz5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1wci0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgbmFtZVwiPlxyXG4gICAgICAgICAgICAgICAgPCEtLSA8ZGl2IGNsYXNzPVwidngtYXZhdGFyLWdyb3VwIHZ4LW1yLTJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidngtYXZhdGFyIG1kXCIgW2FwcFRvb2x0aXBdPVwiJ0hhcnNodmFyZGhhbiBLYXJpd2FsYSdcIiBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJibHVlXCI+aGs8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJmYWxzZVwiIHNyYz1cImh0dHBzOi8vczMtZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vZXUudi1jb21wbHkuY29tL3Byb2ZpbGVfcGljL3RodW1iLzE1OTE4NzUyMjc2NjdfdmNvbXBseS5wbmdcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidngtYXZhdGFyIG1kXCIgW2FwcFRvb2x0aXBdPVwiJ0hhcnNodmFyZGhhbiBLYXJpd2FsYSdcIiBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJncmVlblwiPmhrPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW1nICpuZ0lmPVwiZmFsc2VcIiBzcmM9XCJodHRwczovL3MzLWV1LXdlc3QtMS5hbWF6b25hd3MuY29tL2V1LnYtY29tcGx5LmNvbS9wcm9maWxlX3BpYy90aHVtYi8xNTkxODc1MjI3NjY3X3Zjb21wbHkucG5nXCIgYWx0PVwiXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj4gLS0+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidngtZC1ibG9jayB2eC13LTEwMFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2eC1kLWZsZXggdngtdy0xMDBcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJlc3BvbnNpYmlsaXR5LW5hbWUgdngtZnMtMTIgdngtbGFiZWwtdHh0IHZ4LXByLTJcIiBbYXBwVG9vbHRpcF09XCJjb250cm9sPy5uYW1lXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPCEtLSA8c3BhbiBjbGFzcz1cImlkIHZ4LWZzLTEwIHZ4LWZ3LTUwMCB2eC1sYWJlbC10eHQgdngtdHQtdXBwZXJjYXNlIHZ4LW1yLTFcIj5bQ0lELTE4MDg3MDAxXTwvc3Bhbj4gLS0+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e2NvbnRyb2w/Lm5hbWV9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImluZm8tYnRuIHZ4LWZzLTE0IHZ4LXR4dC1ibHVlIHZ4LW0tMCB2eC1wLTAgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiIGFwcFBvcG92ZXIgKGNsaWNrKT1cInJlc3BvbnNpYmlsaXR5SW5mb0J0bi5wb3BvdmVyKClcIiBwbGFjZW1lbnQ9XCJsZWZ0XCI+PGkgY2xhc3M9XCJpY29uc1wiPiYjeGU5MzI7PC9pPjwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXBvcG92ZXIgI3Jlc3BvbnNpYmlsaXR5SW5mb0J0biBbZG9udENsb3Nlb25DbGlja109XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwid2YtYWN0aW9uLWxpc3RcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmVzcG9uc2liaWxpdHktaW5mbyB2eC1wLTNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPCEtLSA8ZGl2IGNsYXNzPVwidngtZnMtMTEgdngtZnctNTAwIHZ4LWxhYmVsLXR4dCB2eC1tYi0xXCI+RlJFUVVFTkNZOjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidngtZnMtMTMgdngtcGFyYWdyYXBoLXR4dFwiPnt7KGNvbnRyb2w/LmZyZXF1ZW5jeSkgP2NvbnRyb2w/LmZyZXF1ZW5jeTogJ04vQSd9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VwYXJhdG9yIHZ4LW10LTIgdngtbWItMlwiPjwvZGl2PiAtLT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC1sYWJlbC10eHQgdngtbWItMVwiPk9CSkVDVElWRTo8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWZzLTEyIHZ4LXBhcmFncmFwaC10eHRcIiBbaW5uZXJIdG1sXT1cIihjb250cm9sPy5vYmplY3RpdmVzKSA/IGNvbnRyb2w/Lm9iamVjdGl2ZXM6ICdOL0EnXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2eC1mcy0xMSB2eC1mdy01MDAgdngtbGFiZWwtdHh0IHZ4LW1iLTEgdngtbXQtMVwiPk5PVEVTOjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidngtZnMtMTIgdngtcGFyYWdyYXBoLXR4dFwiIFtpbm5lckh0bWxdPVwiKGNvbnRyb2w/LmRlc2NyaXB0aW9uKSA/IGNvbnRyb2w/LmRlc2NyaXB0aW9uOiAnTi9BJ1wiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYXBwLXBvcG92ZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIndpdGhpbi1wYXJ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidngtZnMtMTEgdngtZnctNTAwIHZ4LWxhYmVsLXR4dCB2eC10dC11cHBlcmNhc2UgdngtbXItMVwiPkZyZXF1ZW5jeTo8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidmFsdWVcIiBbYXBwVG9vbHRpcF09XCIoY29udHJvbD8uZnJlcXVlbmN5KSA/Y29udHJvbD8uZnJlcXVlbmN5OiAnTi9BJ1wiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgZGVsYXk9XCIwXCIgdHlwZT1cImJsYWNrXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIj57eyhjb250cm9sPy5mcmVxdWVuY3kpID9jb250cm9sPy5mcmVxdWVuY3k6ICdOL0EnfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gdngtcGwtMSB2eC1wci0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1lbmQgYWN0aW9uLWJ1dHRvblwiPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYXNzaWduLWJ0biB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHh0LWJsdWUgdngtcC0wIHZ4LXBsLTIgdngtcHItMiB2eC1tLTAgdngtdHQtdXBwZXJjYXNlIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtbGgtNFwiXHJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImFzc2lnbihjb250cm9sKVwiPkFTU0lHTjwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

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

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class FrameworkTableLoaderComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrameworkTableLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrameworkTableLoaderComponent, selector: "lib-framework-table-loader", ngImport: i0, template: "<div class=\"framework-table-loader\">\r\n    <div class=\"table-row\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\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\"></div>\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=\"loader\"></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>\r\n        <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center assigned\">\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>\r\n        <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-end action\">\r\n            <div class=\"loader\"></div>\r\n        </div>\r\n    </div>\r\n</div>", 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-loader .table-row{background:#fff;border-radius:.125rem;border:1px solid #F1F1F1;margin-bottom:.25rem;display:flex;justify-content:space-between;position:relative}::ng-deep .framework-table-loader .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .framework-table-loader .table-column.serial{width:2.5rem;max-width:2.5rem;justify-content:center}::ng-deep .framework-table-loader .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-loader .table-column.name{width:calc(100% - 23.5rem);min-width:calc(100% - 23.5rem)}::ng-deep .framework-table-loader .table-column.name .loader{width:100%}::ng-deep .framework-table-loader .table-column.total{width:4.5rem;min-width:4.5rem}::ng-deep .framework-table-loader .table-column.assigned{width:7rem;min-width:7rem}::ng-deep .framework-table-loader .table-column.unassigned{width:7rem;min-width:7rem}::ng-deep .framework-table-loader .table-column.action{width:2.5rem;min-width:2.5rem}::ng-deep .framework-table-loader .table-column.action .loader{width:50%}.loader{background:#f1f1f1;border-radius:.5rem;height:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrameworkTableLoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-framework-table-loader', template: "<div class=\"framework-table-loader\">\r\n    <div class=\"table-row\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\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\"></div>\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=\"loader\"></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>\r\n        <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center assigned\">\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>\r\n        <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vx-justify-end action\">\r\n            <div class=\"loader\"></div>\r\n        </div>\r\n    </div>\r\n</div>", 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-loader .table-row{background:#fff;border-radius:.125rem;border:1px solid #F1F1F1;margin-bottom:.25rem;display:flex;justify-content:space-between;position:relative}::ng-deep .framework-table-loader .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .framework-table-loader .table-column.serial{width:2.5rem;max-width:2.5rem;justify-content:center}::ng-deep .framework-table-loader .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-loader .table-column.name{width:calc(100% - 23.5rem);min-width:calc(100% - 23.5rem)}::ng-deep .framework-table-loader .table-column.name .loader{width:100%}::ng-deep .framework-table-loader .table-column.total{width:4.5rem;min-width:4.5rem}::ng-deep .framework-table-loader .table-column.assigned{width:7rem;min-width:7rem}::ng-deep .framework-table-loader .table-column.unassigned{width:7rem;min-width:7rem}::ng-deep .framework-table-loader .table-column.action{width:2.5rem;min-width:2.5rem}::ng-deep .framework-table-loader .table-column.action .loader{width:50%}.loader{background:#f1f1f1;border-radius:.5rem;height:.5rem}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJhbWV3b3JrLXRhYmxlLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2ZyYW1ld29yay1saXN0L2ZyYW1ld29yay10YWJsZS1sb2FkZXIvZnJhbWV3b3JrLXRhYmxlLWxvYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2ZyYW1ld29yay1saXN0L2ZyYW1ld29yay10YWJsZS1sb2FkZXIvZnJhbWV3b3JrLXRhYmxlLWxvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFPbEQsTUFBTSxPQUFPLDZCQUE2QjtJQUV4QyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzsrR0FMVSw2QkFBNkI7bUdBQTdCLDZCQUE2QixrRUNQMUMscTZCQWtCTTs7NEZEWE8sNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLDRCQUE0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1mcmFtZXdvcmstdGFibGUtbG9hZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZnJhbWV3b3JrLXRhYmxlLWxvYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZnJhbWV3b3JrLXRhYmxlLWxvYWRlci5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGcmFtZXdvcmtUYWJsZUxvYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZyYW1ld29yay10YWJsZS1sb2FkZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1yb3dcIiAqbmdGb3I9XCJsZXQgZGF0YSBvZiBbMSwgMSwgMSwgMSwgMSwgMSwgMV1cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHNlcmlhbFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3Itbm9cIj48L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIG5hbWVcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxvYWRlclwiPjwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gdngtcGwtMSB2eC1wci0xIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdG90YWxcIj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIGFzc2lnbmVkXCI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB1bmFzc2lnbmVkXCI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNvbHVtbiB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWVuZCBhY3Rpb25cIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxvYWRlclwiPjwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

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

@@ -0,0 +1,95 @@
+import { Component, EventEmitter, Input, Output, Optional, } from '@angular/core';
+import { cloneDeep } from 'lodash-es';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../workflow-services/responsibility.service";
+import * as i2 from "../../../configurations";
+import * as i3 from "@angular/common";
+import * as i4 from "../../../ui-kit/tooltip/tooltip.directive";
+import * as i5 from "../../../ui-kit/popover/popover.component";
+import * as i6 from "../../../ui-kit/popover/popover.directive";
+import * as i7 from "../../v-loader/loader-inline/loader-inline.component";
+import * as i8 from "../../pipes/filterPipe";
+import * as i9 from "../../pipes/within-data.pipe";
+export class ParentTableComponent {
+    constructor(responsibilityService, config) {
+        this.responsibilityService = responsibilityService;
+        this.tableList = [];
+        this.search = '';
+        this.closeParent = new EventEmitter();
+        this.expandCategory = new EventEmitter();
+        this.entrustFramework = new EventEmitter();
+        this.parentViewData = [];
+        this.libraryReport = [];
+        this.entities = [];
+        this.loader = false;
+        this.searchText = '';
+        this.picUrl = '';
+        this.env = config?.envConfig;
+        this.picUrl = this.env.s3Url + this.env.s3Bucket + this.env.profile;
+    }
+    ngOnChanges() {
+        this.searchText = this.search;
+    }
+    ngOnInit() {
+        this.parentViewData = [...new Set(this.tableList)];
+    }
+    getCategoryDetailsById(id) {
+        if (!id || id == null) {
+            this.tableList = [...new Set(this.parentViewData)];
+            return;
+        }
+        this.loader = true;
+        this.search = '';
+        this.responsibilityService.getCategoryDetailsById(id).subscribe((res) => {
+            this.expandCategory.emit(cloneDeep(res[0]));
+            this.currentCategory = cloneDeep(res[0]);
+            this.libraryReport = cloneDeep(res[0].libraryReport);
+            this.entities = cloneDeep(res[0].all_entities_name);
+            this.tableList = cloneDeep(res).slice(1);
+            this.currentEntity = undefined;
+            this.loader = false;
+        }, (err) => {
+            console.error(err);
+            this.loader = false;
+        });
+    }
+    entrustFrameworkDetails(report) {
+        this.entrustFramework.emit(report);
+    }
+    entity_open(data) {
+        this.loader = true;
+        this.responsibilityService
+            .getRCDetailsOfFramework(data._id, this.currentCategory._id)
+            .subscribe((res) => {
+            this.expandCategory.emit(cloneDeep(res[0]));
+            this.currentEntity = cloneDeep(res[0].all_entities_name[0].rc_name);
+            this.libraryReport = cloneDeep(res[0].libraryReport);
+            this.entities = cloneDeep(res[0].all_entities_name);
+            this.entities = this.entities.filter((rc) => rc._id !== data._id);
+            this.tableList = cloneDeep(res).slice(1);
+            this.loader = false;
+        }, (err) => {
+            console.error(err);
+            this.loader = false;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ParentTableComponent, deps: [{ token: i1.ResponsibilityService }, { token: i2.Configurations, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ParentTableComponent, selector: "app-parent-table", inputs: { tableList: "tableList", search: "search" }, outputs: { closeParent: "closeParent", expandCategory: "expandCategory", entrustFramework: "entrustFramework" }, usesOnChanges: true, ngImport: i0, template: "<!-- <p>parent-table works!</p> -->\r\n<table class=\"framework-table\">\r\n    <thead>\r\n        <tr>\r\n            <th class=\"sl-number\">#</th>\r\n            <th>Name</th>\r\n            <th>Total</th>\r\n            <th>Assigned</th>\r\n            <th>UnAssigned</th>\r\n            <th></th>\r\n        </tr>\r\n    </thead>\r\n    <tbody>\r\n        <tr *ngFor=\"let report of libraryReport | filter: search\" class=\"library\">\r\n            <td class=\"sl-number icon\">\r\n                <span></span>\r\n            </td>\r\n            <td class=\"name\">\r\n                <div class=\"vx-d-flex vx-align-center\">\r\n                    <div *ngIf=\"report?.is_assigned\" class=\"vx-avatar-group\">\r\n                        <div *ngIf=\"report?.assigned_by_pic != '' || report?.assigned_by_short != ''\" class=\"vx-avatar md\" #entrustedBy appTooltip=\"Entrusted by: {{report?.assigned_by_name}}\"\r\n                            placement=\"bottom-left\" delay=\"0\" [tooltipMandatory]=\"true\"> \r\n                            <img [src]=\"report.assigned_by_pic\" alt=\"\" *ngIf=\"report?.assigned_by_pic\">\r\n                            <span class=\"green\" *ngIf=\"!report?.assigned_by_pic\">{{report?.assigned_by_short}}</span> \r\n                        </div>\r\n                        <div *ngIf=\"report?.employee_name != ''\" class=\"vx-avatar md\" #entrustedTo appTooltip=\"Entrusted to: {{report?.employee_name}}\"\r\n                            placement=\"bottom-left\" delay=\"0\" [tooltipMandatory]=\"true\">\r\n                            <img *ngIf=\"report?.employee_pic\" [src]=\"report.employee_pic\" alt=\"\">\r\n                            <span class=\"green\" *ngIf=\"!report?.employee_pic\">\r\n                                {{report?.employee_short}}\r\n                            </span>\r\n                        </div>\r\n                        <div *ngIf=\"report?.employee_name === '' && report?.multipleAssigneeArr?.length > 0\" class=\"vx-avatar md\">\r\n                            <span class=\"green\" appPopover (click)=\"multipleUsers.popover()\" placement=\"left\">+{{report?.multipleAssigneeArr?.length}}</span>\r\n                        </div>\r\n                        \r\n                    </div>\r\n                    <span class=\"title\" appTooltip=\"{{report.report_name}}\" placement=\"bottom-left\" type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\"> <span class=\"id\">{{ report?.is_assigned == 1 ? '[ ' + report?.cid + '] ' : ' ' }}</span>{{report.report_name}}</span>\r\n                </div>\r\n                <app-popover #multipleUsers>\r\n                    <div class=\"wf-action-list\">\r\n                        <ul class=\"action-item\">\r\n                            <li>\r\n                                <div class=\"avatar-card\" *ngFor=\" let assignee of report?.multipleAssigneeArr\">\r\n                                    <div class=\"avatar\" >\r\n                                        <span *ngIf=\"assignee?.profile_pic === ''\">{{assignee?.member_short_name}}</span>\r\n                                        <img *ngIf=\"assignee?.profile_pic !== ''\" [src]=\"assignee.employee_pic\" alt=\"\">\r\n                                    </div>\r\n                                    \r\n                                    <span class=\"value\">{{assignee?.member_name}}</span>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </app-popover>\r\n            </td>\r\n            <td class=\"total\"></td>\r\n            <td class=\"assigned\"></td>\r\n            <td class=\"unassigned\">\r\n                <button type=\"button\" [disabled]=\"report?.is_assigned == 1 && currentCategory?.visibility == 2\" (click)=\"entrustFrameworkDetails(report)\" class=\"entrust\">Entrust</button>\r\n            </td>\r\n            <td class=\"action\">\r\n            </td>\r\n        </tr>\r\n        <tr *ngFor=\"let entity of entities  | filter: search\" class=\"library\">\r\n            <td class=\"sl-number icon\">\r\n                <i class=\"icons\">&#xe99f;</i>\r\n            </td>\r\n            <td class=\"name\" appTooltip=\"{{entity?.rc_name}} <br><span class='within-row'><span class='within'>WITHIN</span><span class='within-value'>{{entity?.parent_rc}}</span></span>\" placement=\"bottom-left\" type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\r\n                <span class=\"title\">{{entity?.rc_name}}</span>\r\n                <span class=\"within-row\" *ngIf=\"entity?.parent_rc?.length > 0\">\r\n                    <span class=\"within\">WITHIN</span>\r\n                    <span class=\"text\" *ngFor=\"let parent of entity?.parent_rc;let rc = index\">\r\n                        <ng-container *ngIf=\"rc>0\"> > </ng-container> {{parent}}\r\n                    </span>\r\n                </span>\r\n            </td>\r\n            <td class=\"total\">\r\n                <span class=\"text\">{{entity?.total_control}}</span>\r\n            </td>\r\n            <td class=\"assigned\">\r\n                <span class=\"text\">{{ entity?.mapped_control }}</span>\r\n                <span class=\"text\">{{ entity?.total_control == 0 ? 0 : ((entity?.mapped_control / entity?.total_control) * 100 | number: '1.0-0') }}%</span>\r\n            </td>\r\n            <td class=\"unassigned\">\r\n\r\n                <span class=\"text\">{{  entity?.total_control - entity?.mapped_control }}</span>\r\n                <span class=\"text\">{{ entity?.total_control == 0 ? 0 : (100 - (entity?.mapped_control / entity?.total_control) * 100 | number: '1.0-0') }}%</span>\r\n            </td>\r\n            <td class=\"action\">\r\n                <button type=\"button\"\r\n                    [disabled]=\"(entity?.all_entities_name?.length == 0 && entity?.libraryReport?.length == 0) || entity?.total_control < 1\"\r\n                    (click)=\"entity_open(entity)\"><i class=\"icons\">&#xe910;</i></button>\r\n            </td>\r\n        </tr>\r\n\r\n        <tr *ngFor=\"let data of tableList  | filter: search; let i = index\">\r\n            <td class=\"serial-number\">\r\n                <span>{{i+1}}</span>\r\n            </td>\r\n            <td class=\"name\" appTooltip=\"{{data?.item_name}} {{data|withinData}}\" placement=\"bottom-left\" type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\r\n                <span class=\"title\">{{data?.item_name}}</span>\r\n                <span class=\"within-row\" *ngIf=\"data?.parent_items_name\">\r\n                    <span class=\"within\">WITHIN</span>\r\n                    <span class=\"text\">{{data?.parent_items_name}}</span>\r\n                </span>\r\n                <!-- <span>{{data?.item_name}}</span>\r\n                <span *ngIf=\"data?.parent_items_name\">WITHIN {{data.parent_items_name}}</span> -->\r\n            </td>\r\n            <td class=\"total\">\r\n                <span class=\"text\">{{data?.total_control}}</span>\r\n            </td>\r\n            <td class=\"assigned\">\r\n                <span class=\"text\">{{ data?.mapped_control }}</span>\r\n                <span class=\"text\">{{ data?.total_control == 0 ? 0 : ((data?.mapped_control / data?.total_control) * 100 | number: '1.0-0') }}%</span>\r\n            </td>\r\n            <td class=\"unassigned\">\r\n                <span class=\"text\">{{data?.total_control - data?.mapped_control }}</span>\r\n                <span class=\"text\">{{ +data?.total_control == 0 ? 0 : (100 - (data?.mapped_control / data?.total_control) * 100 | number: '1.0-0') }}%</span>\r\n            </td>\r\n            <td class=\"action\">\r\n                <button type=\"button\"\r\n                    [disabled]=\"(data?.all_entities_name?.length < 1 && data?.libraryReport?.length < 1) && (data?.total_control < 1)\"\r\n                    (click)=\"getCategoryDetailsById(data?._id)\"><i class=\"icons\">&#xe910;</i></button>\r\n            </td>\r\n        </tr>\r\n    </tbody>\r\n</table>\r\n<app-loader-inline *ngIf=\"loader\"></app-loader-inline>", styles: ["@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/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";table.framework-table{width:100%;border-collapse:separate;border-spacing:0 4px}table.framework-table tr{border:none;table-layout:auto}table.framework-table thead{position:sticky;top:4px;z-index:1}table.framework-table thead:before{content:\"\";position:absolute;height:16px;background:#fff;top:-4px;right:-3px;left:0}table.framework-table thead tr th{font-size:10px;font-weight:500;line-height:16px;color:#747576;text-transform:uppercase;padding:4px;text-align:left;background:#fff;position:relative}table.framework-table thead tr th.sl-number{text-align:center}table.framework-table tbody tr td{padding:4px;border-top:1px solid #F1F1F1;border-bottom:1px solid #F1F1F1;text-align:left}table.framework-table tbody tr td span{text-align:center}table.framework-table tbody tr td.serial-number{width:28px;min-width:28px;max-width:28px;padding-left:8px;position:relative}table.framework-table tbody tr td.serial-number span{display:inline-flex;writing-mode:vertical-lr;align-items:center;justify-content:center;color:#747576;font-size:10px;background:#f8f8f8;position:absolute;top:0;bottom:0;left:4px}table.framework-table tbody tr td:first-child{border-left:1px solid #F1F1F1;border-radius:4px 0 0 4px}table.framework-table tbody tr td:last-child{border-right:1px solid #F1F1F1;border-radius:0 4px 4px 0}table.framework-table tbody tr td.name{width:calc(100% - 300px)}table.framework-table tbody tr td.name span.text,table.framework-table tbody tr td.name span.value{color:#161b2f;font-weight:400;font-size:13px;line-height:20px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}table.framework-table tbody tr td.name span.title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#161b2f;font-weight:400;font-size:12px;line-height:18px;margin-left:0!important;text-align:left;max-width:400px}@media screen and (max-width: 1400px){table.framework-table tbody tr td.name span.title{max-width:350px}}table.framework-table tbody tr td.name span.title span.id{font-weight:500;font-size:10px}table.framework-table tbody tr td.name span.within-row{display:flex;width:400px;align-items:center;padding-bottom:0}@media screen and (max-width: 1400px){table.framework-table tbody tr td.name span.within-row{width:350px}}table.framework-table tbody tr td.name span.within-row span.within{font-size:9px;line-height:12px;background:#f1f1f1;border-radius:2px;color:#033187;text-transform:uppercase;padding:0 2px;margin-right:4px;height:12px;position:relative;letter-spacing:.4px;font-weight:500;margin-left:0}table.framework-table tbody tr td.name span.within-row span.text{color:#747576;font-weight:400;line-height:16px;font-size:12px;display:block;max-width:400px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}table.framework-table tbody tr td.name .vx-avatar-group+span.title{margin-left:8px!important}table.framework-table tbody tr td.total{width:70px;min-width:70px}table.framework-table tbody tr td.total span{border:1px solid #F1F1F1;line-height:16px;color:#161b2f;font-size:10px;padding:0 5px;display:inline-block;min-width:28px;border-radius:2px;margin:6px 0}table.framework-table tbody tr td.assigned{width:100px;max-width:100px;min-width:100px}table.framework-table tbody tr td.assigned span{border:1px solid #F1F1F1;line-height:16px;font-size:10px;padding:0 5px;display:inline-block;min-width:28px;border-radius:2px 0 0 2px}table.framework-table tbody tr td.assigned span+span{border-radius:0 2px 2px 0;border-left:none;color:#161b2f}table.framework-table tbody tr td.assigned span:first-child{color:#34aa44}table.framework-table tbody tr td.unassigned{width:100px;max-width:100px}table.framework-table tbody tr td.unassigned span{border:1px solid #F1F1F1;line-height:16px;font-size:10px;padding:0 5px;display:inline-block;min-width:28px;border-radius:2px 0 0 2px}table.framework-table tbody tr td.unassigned span+span{border-radius:0 2px 2px 0;border-left:none;color:#161b2f}table.framework-table tbody tr td.unassigned span:first-child{color:#f2bf19}table.framework-table tbody tr td.unassigned button.entrust{border:none;background:transparent!important;cursor:pointer;outline:none;font-size:11px;line-height:15px;border:1px solid #F1F1F1;border-radius:2px;padding:0 4px;text-transform:uppercase;font-weight:500;color:#1e5dd3}table.framework-table tbody tr td.unassigned button.entrust:disabled{filter:grayscale(1);cursor:not-allowed}table.framework-table tbody tr td.action{width:80px;min-width:80px;text-align:right}table.framework-table tbody tr td.action button{border:none;background:transparent!important;cursor:pointer;outline:none;font-size:10px;margin:6px 0}table.framework-table tbody tr td.action button:disabled{filter:grayscale(1);cursor:not-allowed}table.framework-table tbody tr.library td.sl-number{width:20px;text-align:center}table.framework-table tbody tr.library td.sl-number span{background:#1e5dd3;border-radius:50%;width:8px;height:8px;display:block}table.framework-table tbody tr.library td.sl-number.icon{padding:0 4px 0 8px}table.framework-table tbody tr.library td.name span{max-width:400px}table.framework-table tbody tr:hover{box-shadow:0 3px 6px #00000029;border-radius:4px}.wf-action-list{width:220px}.wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.wf-action-list ul.action-item{display:block}.wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.wf-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.wf-action-list ul.action-item li button .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 16px)}.wf-action-list ul.action-item li button i{font-size:16px;margin-right:10px;color:#1e5dd3}.wf-action-list ul.action-item li button:hover{background:#f3f3f3}.wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.wf-action-list ul.action-item li .avatar-card.within-con{display:block}.wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;min-width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.wf-action-list ul.action-item li .avatar-card .avatar img{background:#fff;width:100%;height:100%}.wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.wf-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:5px}.wf-action-list ul.action-item li .avatar-card.no-image{display:block}.wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.wf-action-list ul.action-item li .avatar-card i.delete-icon{color:#d93b41;cursor:pointer;font-size:14px}.wf-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.wf-action-list ul.action-item li .chip-item i{color:#747576;margin-left:7px;font-size:10px;cursor:pointer;display:inline-flex}.wf-action-list ul.action-item li .chip-item span{display:block;width:auto;width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.wf-action-list ul.action-item li .chip-item span.id{font-size:9px}.wf-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.wf-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.wf-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i5.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i6.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "component", type: i7.LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i8.FilterPipe, name: "filter" }, { kind: "pipe", type: i9.WithinDataPipe, name: "withinData" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ParentTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-parent-table', template: "<!-- <p>parent-table works!</p> -->\r\n<table class=\"framework-table\">\r\n    <thead>\r\n        <tr>\r\n            <th class=\"sl-number\">#</th>\r\n            <th>Name</th>\r\n            <th>Total</th>\r\n            <th>Assigned</th>\r\n            <th>UnAssigned</th>\r\n            <th></th>\r\n        </tr>\r\n    </thead>\r\n    <tbody>\r\n        <tr *ngFor=\"let report of libraryReport | filter: search\" class=\"library\">\r\n            <td class=\"sl-number icon\">\r\n                <span></span>\r\n            </td>\r\n            <td class=\"name\">\r\n                <div class=\"vx-d-flex vx-align-center\">\r\n                    <div *ngIf=\"report?.is_assigned\" class=\"vx-avatar-group\">\r\n                        <div *ngIf=\"report?.assigned_by_pic != '' || report?.assigned_by_short != ''\" class=\"vx-avatar md\" #entrustedBy appTooltip=\"Entrusted by: {{report?.assigned_by_name}}\"\r\n                            placement=\"bottom-left\" delay=\"0\" [tooltipMandatory]=\"true\"> \r\n                            <img [src]=\"report.assigned_by_pic\" alt=\"\" *ngIf=\"report?.assigned_by_pic\">\r\n                            <span class=\"green\" *ngIf=\"!report?.assigned_by_pic\">{{report?.assigned_by_short}}</span> \r\n                        </div>\r\n                        <div *ngIf=\"report?.employee_name != ''\" class=\"vx-avatar md\" #entrustedTo appTooltip=\"Entrusted to: {{report?.employee_name}}\"\r\n                            placement=\"bottom-left\" delay=\"0\" [tooltipMandatory]=\"true\">\r\n                            <img *ngIf=\"report?.employee_pic\" [src]=\"report.employee_pic\" alt=\"\">\r\n                            <span class=\"green\" *ngIf=\"!report?.employee_pic\">\r\n                                {{report?.employee_short}}\r\n                            </span>\r\n                        </div>\r\n                        <div *ngIf=\"report?.employee_name === '' && report?.multipleAssigneeArr?.length > 0\" class=\"vx-avatar md\">\r\n                            <span class=\"green\" appPopover (click)=\"multipleUsers.popover()\" placement=\"left\">+{{report?.multipleAssigneeArr?.length}}</span>\r\n                        </div>\r\n                        \r\n                    </div>\r\n                    <span class=\"title\" appTooltip=\"{{report.report_name}}\" placement=\"bottom-left\" type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\"> <span class=\"id\">{{ report?.is_assigned == 1 ? '[ ' + report?.cid + '] ' : ' ' }}</span>{{report.report_name}}</span>\r\n                </div>\r\n                <app-popover #multipleUsers>\r\n                    <div class=\"wf-action-list\">\r\n                        <ul class=\"action-item\">\r\n                            <li>\r\n                                <div class=\"avatar-card\" *ngFor=\" let assignee of report?.multipleAssigneeArr\">\r\n                                    <div class=\"avatar\" >\r\n                                        <span *ngIf=\"assignee?.profile_pic === ''\">{{assignee?.member_short_name}}</span>\r\n                                        <img *ngIf=\"assignee?.profile_pic !== ''\" [src]=\"assignee.employee_pic\" alt=\"\">\r\n                                    </div>\r\n                                    \r\n                                    <span class=\"value\">{{assignee?.member_name}}</span>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </app-popover>\r\n            </td>\r\n            <td class=\"total\"></td>\r\n            <td class=\"assigned\"></td>\r\n            <td class=\"unassigned\">\r\n                <button type=\"button\" [disabled]=\"report?.is_assigned == 1 && currentCategory?.visibility == 2\" (click)=\"entrustFrameworkDetails(report)\" class=\"entrust\">Entrust</button>\r\n            </td>\r\n            <td class=\"action\">\r\n            </td>\r\n        </tr>\r\n        <tr *ngFor=\"let entity of entities  | filter: search\" class=\"library\">\r\n            <td class=\"sl-number icon\">\r\n                <i class=\"icons\">&#xe99f;</i>\r\n            </td>\r\n            <td class=\"name\" appTooltip=\"{{entity?.rc_name}} <br><span class='within-row'><span class='within'>WITHIN</span><span class='within-value'>{{entity?.parent_rc}}</span></span>\" placement=\"bottom-left\" type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\r\n                <span class=\"title\">{{entity?.rc_name}}</span>\r\n                <span class=\"within-row\" *ngIf=\"entity?.parent_rc?.length > 0\">\r\n                    <span class=\"within\">WITHIN</span>\r\n                    <span class=\"text\" *ngFor=\"let parent of entity?.parent_rc;let rc = index\">\r\n                        <ng-container *ngIf=\"rc>0\"> > </ng-container> {{parent}}\r\n                    </span>\r\n                </span>\r\n            </td>\r\n            <td class=\"total\">\r\n                <span class=\"text\">{{entity?.total_control}}</span>\r\n            </td>\r\n            <td class=\"assigned\">\r\n                <span class=\"text\">{{ entity?.mapped_control }}</span>\r\n                <span class=\"text\">{{ entity?.total_control == 0 ? 0 : ((entity?.mapped_control / entity?.total_control) * 100 | number: '1.0-0') }}%</span>\r\n            </td>\r\n            <td class=\"unassigned\">\r\n\r\n                <span class=\"text\">{{  entity?.total_control - entity?.mapped_control }}</span>\r\n                <span class=\"text\">{{ entity?.total_control == 0 ? 0 : (100 - (entity?.mapped_control / entity?.total_control) * 100 | number: '1.0-0') }}%</span>\r\n            </td>\r\n            <td class=\"action\">\r\n                <button type=\"button\"\r\n                    [disabled]=\"(entity?.all_entities_name?.length == 0 && entity?.libraryReport?.length == 0) || entity?.total_control < 1\"\r\n                    (click)=\"entity_open(entity)\"><i class=\"icons\">&#xe910;</i></button>\r\n            </td>\r\n        </tr>\r\n\r\n        <tr *ngFor=\"let data of tableList  | filter: search; let i = index\">\r\n            <td class=\"serial-number\">\r\n                <span>{{i+1}}</span>\r\n            </td>\r\n            <td class=\"name\" appTooltip=\"{{data?.item_name}} {{data|withinData}}\" placement=\"bottom-left\" type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\r\n                <span class=\"title\">{{data?.item_name}}</span>\r\n                <span class=\"within-row\" *ngIf=\"data?.parent_items_name\">\r\n                    <span class=\"within\">WITHIN</span>\r\n                    <span class=\"text\">{{data?.parent_items_name}}</span>\r\n                </span>\r\n                <!-- <span>{{data?.item_name}}</span>\r\n                <span *ngIf=\"data?.parent_items_name\">WITHIN {{data.parent_items_name}}</span> -->\r\n            </td>\r\n            <td class=\"total\">\r\n                <span class=\"text\">{{data?.total_control}}</span>\r\n            </td>\r\n            <td class=\"assigned\">\r\n                <span class=\"text\">{{ data?.mapped_control }}</span>\r\n                <span class=\"text\">{{ data?.total_control == 0 ? 0 : ((data?.mapped_control / data?.total_control) * 100 | number: '1.0-0') }}%</span>\r\n            </td>\r\n            <td class=\"unassigned\">\r\n                <span class=\"text\">{{data?.total_control - data?.mapped_control }}</span>\r\n                <span class=\"text\">{{ +data?.total_control == 0 ? 0 : (100 - (data?.mapped_control / data?.total_control) * 100 | number: '1.0-0') }}%</span>\r\n            </td>\r\n            <td class=\"action\">\r\n                <button type=\"button\"\r\n                    [disabled]=\"(data?.all_entities_name?.length < 1 && data?.libraryReport?.length < 1) && (data?.total_control < 1)\"\r\n                    (click)=\"getCategoryDetailsById(data?._id)\"><i class=\"icons\">&#xe910;</i></button>\r\n            </td>\r\n        </tr>\r\n    </tbody>\r\n</table>\r\n<app-loader-inline *ngIf=\"loader\"></app-loader-inline>", styles: ["@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/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";table.framework-table{width:100%;border-collapse:separate;border-spacing:0 4px}table.framework-table tr{border:none;table-layout:auto}table.framework-table thead{position:sticky;top:4px;z-index:1}table.framework-table thead:before{content:\"\";position:absolute;height:16px;background:#fff;top:-4px;right:-3px;left:0}table.framework-table thead tr th{font-size:10px;font-weight:500;line-height:16px;color:#747576;text-transform:uppercase;padding:4px;text-align:left;background:#fff;position:relative}table.framework-table thead tr th.sl-number{text-align:center}table.framework-table tbody tr td{padding:4px;border-top:1px solid #F1F1F1;border-bottom:1px solid #F1F1F1;text-align:left}table.framework-table tbody tr td span{text-align:center}table.framework-table tbody tr td.serial-number{width:28px;min-width:28px;max-width:28px;padding-left:8px;position:relative}table.framework-table tbody tr td.serial-number span{display:inline-flex;writing-mode:vertical-lr;align-items:center;justify-content:center;color:#747576;font-size:10px;background:#f8f8f8;position:absolute;top:0;bottom:0;left:4px}table.framework-table tbody tr td:first-child{border-left:1px solid #F1F1F1;border-radius:4px 0 0 4px}table.framework-table tbody tr td:last-child{border-right:1px solid #F1F1F1;border-radius:0 4px 4px 0}table.framework-table tbody tr td.name{width:calc(100% - 300px)}table.framework-table tbody tr td.name span.text,table.framework-table tbody tr td.name span.value{color:#161b2f;font-weight:400;font-size:13px;line-height:20px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}table.framework-table tbody tr td.name span.title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#161b2f;font-weight:400;font-size:12px;line-height:18px;margin-left:0!important;text-align:left;max-width:400px}@media screen and (max-width: 1400px){table.framework-table tbody tr td.name span.title{max-width:350px}}table.framework-table tbody tr td.name span.title span.id{font-weight:500;font-size:10px}table.framework-table tbody tr td.name span.within-row{display:flex;width:400px;align-items:center;padding-bottom:0}@media screen and (max-width: 1400px){table.framework-table tbody tr td.name span.within-row{width:350px}}table.framework-table tbody tr td.name span.within-row span.within{font-size:9px;line-height:12px;background:#f1f1f1;border-radius:2px;color:#033187;text-transform:uppercase;padding:0 2px;margin-right:4px;height:12px;position:relative;letter-spacing:.4px;font-weight:500;margin-left:0}table.framework-table tbody tr td.name span.within-row span.text{color:#747576;font-weight:400;line-height:16px;font-size:12px;display:block;max-width:400px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}table.framework-table tbody tr td.name .vx-avatar-group+span.title{margin-left:8px!important}table.framework-table tbody tr td.total{width:70px;min-width:70px}table.framework-table tbody tr td.total span{border:1px solid #F1F1F1;line-height:16px;color:#161b2f;font-size:10px;padding:0 5px;display:inline-block;min-width:28px;border-radius:2px;margin:6px 0}table.framework-table tbody tr td.assigned{width:100px;max-width:100px;min-width:100px}table.framework-table tbody tr td.assigned span{border:1px solid #F1F1F1;line-height:16px;font-size:10px;padding:0 5px;display:inline-block;min-width:28px;border-radius:2px 0 0 2px}table.framework-table tbody tr td.assigned span+span{border-radius:0 2px 2px 0;border-left:none;color:#161b2f}table.framework-table tbody tr td.assigned span:first-child{color:#34aa44}table.framework-table tbody tr td.unassigned{width:100px;max-width:100px}table.framework-table tbody tr td.unassigned span{border:1px solid #F1F1F1;line-height:16px;font-size:10px;padding:0 5px;display:inline-block;min-width:28px;border-radius:2px 0 0 2px}table.framework-table tbody tr td.unassigned span+span{border-radius:0 2px 2px 0;border-left:none;color:#161b2f}table.framework-table tbody tr td.unassigned span:first-child{color:#f2bf19}table.framework-table tbody tr td.unassigned button.entrust{border:none;background:transparent!important;cursor:pointer;outline:none;font-size:11px;line-height:15px;border:1px solid #F1F1F1;border-radius:2px;padding:0 4px;text-transform:uppercase;font-weight:500;color:#1e5dd3}table.framework-table tbody tr td.unassigned button.entrust:disabled{filter:grayscale(1);cursor:not-allowed}table.framework-table tbody tr td.action{width:80px;min-width:80px;text-align:right}table.framework-table tbody tr td.action button{border:none;background:transparent!important;cursor:pointer;outline:none;font-size:10px;margin:6px 0}table.framework-table tbody tr td.action button:disabled{filter:grayscale(1);cursor:not-allowed}table.framework-table tbody tr.library td.sl-number{width:20px;text-align:center}table.framework-table tbody tr.library td.sl-number span{background:#1e5dd3;border-radius:50%;width:8px;height:8px;display:block}table.framework-table tbody tr.library td.sl-number.icon{padding:0 4px 0 8px}table.framework-table tbody tr.library td.name span{max-width:400px}table.framework-table tbody tr:hover{box-shadow:0 3px 6px #00000029;border-radius:4px}.wf-action-list{width:220px}.wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.wf-action-list ul.action-item{display:block}.wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.wf-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.wf-action-list ul.action-item li button .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 16px)}.wf-action-list ul.action-item li button i{font-size:16px;margin-right:10px;color:#1e5dd3}.wf-action-list ul.action-item li button:hover{background:#f3f3f3}.wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.wf-action-list ul.action-item li .avatar-card.within-con{display:block}.wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;min-width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.wf-action-list ul.action-item li .avatar-card .avatar img{background:#fff;width:100%;height:100%}.wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.wf-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:5px}.wf-action-list ul.action-item li .avatar-card.no-image{display:block}.wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.wf-action-list ul.action-item li .avatar-card i.delete-icon{color:#d93b41;cursor:pointer;font-size:14px}.wf-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.wf-action-list ul.action-item li .chip-item i{color:#747576;margin-left:7px;font-size:10px;cursor:pointer;display:inline-flex}.wf-action-list ul.action-item li .chip-item span{display:block;width:auto;width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.wf-action-list ul.action-item li .chip-item span.id{font-size:9px}.wf-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.wf-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.wf-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ResponsibilityService }, { type: i2.Configurations, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { tableList: [{
+                type: Input
+            }], search: [{
+                type: Input
+            }], closeParent: [{
+                type: Output
+            }], expandCategory: [{
+                type: Output
+            }], entrustFramework: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyZW50LXRhYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvZnJhbWV3b3JrLWxpc3QvcGFyZW50LXRhYmxlL3BhcmVudC10YWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2ZyYW1ld29yay1saXN0L3BhcmVudC10YWJsZS9wYXJlbnQtdGFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDTixRQUFRLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7Ozs7Ozs7QUFTdEMsTUFBTSxPQUFPLG9CQUFvQjtJQWlCL0IsWUFDVSxxQkFBNEMsRUFDeEMsTUFBdUI7UUFEM0IsMEJBQXFCLEdBQXJCLHFCQUFxQixDQUF1QjtRQWpCN0MsY0FBUyxHQUFVLEVBQUUsQ0FBQztRQUN0QixXQUFNLEdBQUcsRUFBRSxDQUFDO1FBRVgsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2pDLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNwQyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWhELG1CQUFjLEdBQWUsRUFBRSxDQUFDO1FBQ2hDLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ25CLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFFZCxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBRWYsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUVoQixXQUFNLEdBQVcsRUFBRSxDQUFDO1FBS2xCLElBQUksQ0FBQyxHQUFHLEdBQUcsTUFBTSxFQUFFLFNBQVMsQ0FBQztRQUM3QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDO0lBQ3RFLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxDQUFDLEdBQUcsSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFDckQsQ0FBQztJQUVELHNCQUFzQixDQUFDLEVBQU87UUFDNUIsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBSSxFQUFFO1lBQ3JCLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxHQUFHLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDO1lBQ25ELE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ25CLElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQzdELENBQUMsR0FBUSxFQUFFLEVBQUU7WUFDWCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM1QyxJQUFJLENBQUMsZUFBZSxHQUFHLFNBQVMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN6QyxJQUFJLENBQUMsYUFBYSxHQUFHLFNBQVMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDckQsSUFBSSxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUM7WUFDcEQsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3pDLElBQUksQ0FBQyxhQUFhLEdBQUcsU0FBUyxDQUFDO1lBQy9CLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLENBQUMsRUFDRCxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQ04sT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUNuQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUN0QixDQUFDLENBQ0YsQ0FBQztJQUNKLENBQUM7SUFFRCx1QkFBdUIsQ0FBQyxNQUFXO1FBQ2pDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUNELFdBQVcsQ0FBQyxJQUFTO1FBQ25CLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ25CLElBQUksQ0FBQyxxQkFBcUI7YUFDdkIsdUJBQXVCLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FBQzthQUMzRCxTQUFTLENBQ1IsQ0FBQyxHQUFRLEVBQUUsRUFBRTtZQUNYLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzVDLElBQUksQ0FBQyxhQUFhLEdBQUcsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNwRSxJQUFJLENBQUMsYUFBYSxHQUFHLFNBQVMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDckQsSUFBSSxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUM7WUFDcEQsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FDbEMsQ0FBQyxFQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FDakMsQ0FBQztZQUNGLElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN6QyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUN0QixDQUFDLEVBQ0QsQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUNOLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDbkIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDdEIsQ0FBQyxDQUNGLENBQUM7SUFDTixDQUFDOytHQWpGVSxvQkFBb0I7bUdBQXBCLG9CQUFvQixvUENqQmpDLDI5UEFnSXNEOzs0RkQvR3pDLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxrQkFBa0I7OzBCQXVCekIsUUFBUTs0Q0FsQkYsU0FBUztzQkFBakIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG4gIE9wdGlvbmFsLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBjbG9uZURlZXAgfSBmcm9tICdsb2Rhc2gtZXMnO1xyXG5pbXBvcnQgeyBDb25maWd1cmF0aW9ucyB9IGZyb20gJy4uLy4uLy4uL2NvbmZpZ3VyYXRpb25zJztcclxuaW1wb3J0IHsgUmVzcG9uc2liaWxpdHlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vd29ya2Zsb3ctc2VydmljZXMvcmVzcG9uc2liaWxpdHkuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1wYXJlbnQtdGFibGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wYXJlbnQtdGFibGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3BhcmVudC10YWJsZS5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGFyZW50VGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHRhYmxlTGlzdDogYW55W10gPSBbXTtcclxuICBASW5wdXQoKSBzZWFyY2ggPSAnJztcclxuXHJcbiAgQE91dHB1dCgpIGNsb3NlUGFyZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBleHBhbmRDYXRlZ29yeSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgZW50cnVzdEZyYW1ld29yayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgcGFyZW50Vmlld0RhdGE6IEFycmF5PGFueT4gPSBbXTtcclxuICBsaWJyYXJ5UmVwb3J0ID0gW107XHJcbiAgZW50aXRpZXMgPSBbXTtcclxuICBjdXJyZW50Q2F0ZWdvcnk6IGFueTtcclxuICBsb2FkZXIgPSBmYWxzZTtcclxuICBjdXJyZW50RW50aXR5OiBhbnk7XHJcbiAgc2VhcmNoVGV4dCA9ICcnO1xyXG4gIGVudjogYW55O1xyXG4gIHBpY1VybDogc3RyaW5nID0gJyc7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJlc3BvbnNpYmlsaXR5U2VydmljZTogUmVzcG9uc2liaWxpdHlTZXJ2aWNlLFxyXG4gICAgQE9wdGlvbmFsKCkgY29uZmlnPzogQ29uZmlndXJhdGlvbnNcclxuICApIHtcclxuICAgIHRoaXMuZW52ID0gY29uZmlnPy5lbnZDb25maWc7XHJcbiAgICB0aGlzLnBpY1VybCA9IHRoaXMuZW52LnMzVXJsICsgdGhpcy5lbnYuczNCdWNrZXQgKyB0aGlzLmVudi5wcm9maWxlO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoKSB7XHJcbiAgICB0aGlzLnNlYXJjaFRleHQgPSB0aGlzLnNlYXJjaDtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5wYXJlbnRWaWV3RGF0YSA9IFsuLi5uZXcgU2V0KHRoaXMudGFibGVMaXN0KV07XHJcbiAgfVxyXG5cclxuICBnZXRDYXRlZ29yeURldGFpbHNCeUlkKGlkOiBhbnkpIHtcclxuICAgIGlmICghaWQgfHwgaWQgPT0gbnVsbCkge1xyXG4gICAgICB0aGlzLnRhYmxlTGlzdCA9IFsuLi5uZXcgU2V0KHRoaXMucGFyZW50Vmlld0RhdGEpXTtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG4gICAgdGhpcy5sb2FkZXIgPSB0cnVlO1xyXG4gICAgdGhpcy5zZWFyY2ggPSAnJztcclxuICAgIHRoaXMucmVzcG9uc2liaWxpdHlTZXJ2aWNlLmdldENhdGVnb3J5RGV0YWlsc0J5SWQoaWQpLnN1YnNjcmliZShcclxuICAgICAgKHJlczogYW55KSA9PiB7XHJcbiAgICAgICAgdGhpcy5leHBhbmRDYXRlZ29yeS5lbWl0KGNsb25lRGVlcChyZXNbMF0pKTtcclxuICAgICAgICB0aGlzLmN1cnJlbnRDYXRlZ29yeSA9IGNsb25lRGVlcChyZXNbMF0pO1xyXG4gICAgICAgIHRoaXMubGlicmFyeVJlcG9ydCA9IGNsb25lRGVlcChyZXNbMF0ubGlicmFyeVJlcG9ydCk7XHJcbiAgICAgICAgdGhpcy5lbnRpdGllcyA9IGNsb25lRGVlcChyZXNbMF0uYWxsX2VudGl0aWVzX25hbWUpO1xyXG4gICAgICAgIHRoaXMudGFibGVMaXN0ID0gY2xvbmVEZWVwKHJlcykuc2xpY2UoMSk7XHJcbiAgICAgICAgdGhpcy5jdXJyZW50RW50aXR5ID0gdW5kZWZpbmVkO1xyXG4gICAgICAgIHRoaXMubG9hZGVyID0gZmFsc2U7XHJcbiAgICAgIH0sXHJcbiAgICAgIChlcnIpID0+IHtcclxuICAgICAgICBjb25zb2xlLmVycm9yKGVycik7XHJcbiAgICAgICAgdGhpcy5sb2FkZXIgPSBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIGVudHJ1c3RGcmFtZXdvcmtEZXRhaWxzKHJlcG9ydDogYW55KSB7XHJcbiAgICB0aGlzLmVudHJ1c3RGcmFtZXdvcmsuZW1pdChyZXBvcnQpO1xyXG4gIH1cclxuICBlbnRpdHlfb3BlbihkYXRhOiBhbnkpIHtcclxuICAgIHRoaXMubG9hZGVyID0gdHJ1ZTtcclxuICAgIHRoaXMucmVzcG9uc2liaWxpdHlTZXJ2aWNlXHJcbiAgICAgIC5nZXRSQ0RldGFpbHNPZkZyYW1ld29yayhkYXRhLl9pZCwgdGhpcy5jdXJyZW50Q2F0ZWdvcnkuX2lkKVxyXG4gICAgICAuc3Vic2NyaWJlKFxyXG4gICAgICAgIChyZXM6IGFueSkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5leHBhbmRDYXRlZ29yeS5lbWl0KGNsb25lRGVlcChyZXNbMF0pKTtcclxuICAgICAgICAgIHRoaXMuY3VycmVudEVudGl0eSA9IGNsb25lRGVlcChyZXNbMF0uYWxsX2VudGl0aWVzX25hbWVbMF0ucmNfbmFtZSk7XHJcbiAgICAgICAgICB0aGlzLmxpYnJhcnlSZXBvcnQgPSBjbG9uZURlZXAocmVzWzBdLmxpYnJhcnlSZXBvcnQpO1xyXG4gICAgICAgICAgdGhpcy5lbnRpdGllcyA9IGNsb25lRGVlcChyZXNbMF0uYWxsX2VudGl0aWVzX25hbWUpO1xyXG4gICAgICAgICAgdGhpcy5lbnRpdGllcyA9IHRoaXMuZW50aXRpZXMuZmlsdGVyKFxyXG4gICAgICAgICAgICAocmM6IGFueSkgPT4gcmMuX2lkICE9PSBkYXRhLl9pZFxyXG4gICAgICAgICAgKTtcclxuICAgICAgICAgIHRoaXMudGFibGVMaXN0ID0gY2xvbmVEZWVwKHJlcykuc2xpY2UoMSk7XHJcbiAgICAgICAgICB0aGlzLmxvYWRlciA9IGZhbHNlO1xyXG4gICAgICAgIH0sXHJcbiAgICAgICAgKGVycikgPT4ge1xyXG4gICAgICAgICAgY29uc29sZS5lcnJvcihlcnIpO1xyXG4gICAgICAgICAgdGhpcy5sb2FkZXIgPSBmYWxzZTtcclxuICAgICAgICB9XHJcbiAgICAgICk7XHJcbiAgfVxyXG59XHJcbiIsIjwhLS0gPHA+cGFyZW50LXRhYmxlIHdvcmtzITwvcD4gLS0+XHJcbjx0YWJsZSBjbGFzcz1cImZyYW1ld29yay10YWJsZVwiPlxyXG4gICAgPHRoZWFkPlxyXG4gICAgICAgIDx0cj5cclxuICAgICAgICAgICAgPHRoIGNsYXNzPVwic2wtbnVtYmVyXCI+IzwvdGg+XHJcbiAgICAgICAgICAgIDx0aD5OYW1lPC90aD5cclxuICAgICAgICAgICAgPHRoPlRvdGFsPC90aD5cclxuICAgICAgICAgICAgPHRoPkFzc2lnbmVkPC90aD5cclxuICAgICAgICAgICAgPHRoPlVuQXNzaWduZWQ8L3RoPlxyXG4gICAgICAgICAgICA8dGg+PC90aD5cclxuICAgICAgICA8L3RyPlxyXG4gICAgPC90aGVhZD5cclxuICAgIDx0Ym9keT5cclxuICAgICAgICA8dHIgKm5nRm9yPVwibGV0IHJlcG9ydCBvZiBsaWJyYXJ5UmVwb3J0IHwgZmlsdGVyOiBzZWFyY2hcIiBjbGFzcz1cImxpYnJhcnlcIj5cclxuICAgICAgICAgICAgPHRkIGNsYXNzPVwic2wtbnVtYmVyIGljb25cIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuPjwvc3Bhbj5cclxuICAgICAgICAgICAgPC90ZD5cclxuICAgICAgICAgICAgPHRkIGNsYXNzPVwibmFtZVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwicmVwb3J0Py5pc19hc3NpZ25lZFwiIGNsYXNzPVwidngtYXZhdGFyLWdyb3VwXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJyZXBvcnQ/LmFzc2lnbmVkX2J5X3BpYyAhPSAnJyB8fCByZXBvcnQ/LmFzc2lnbmVkX2J5X3Nob3J0ICE9ICcnXCIgY2xhc3M9XCJ2eC1hdmF0YXIgbWRcIiAjZW50cnVzdGVkQnkgYXBwVG9vbHRpcD1cIkVudHJ1c3RlZCBieToge3tyZXBvcnQ/LmFzc2lnbmVkX2J5X25hbWV9fVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiIGRlbGF5PVwiMFwiIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwicmVwb3J0LmFzc2lnbmVkX2J5X3BpY1wiIGFsdD1cIlwiICpuZ0lmPVwicmVwb3J0Py5hc3NpZ25lZF9ieV9waWNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZ3JlZW5cIiAqbmdJZj1cIiFyZXBvcnQ/LmFzc2lnbmVkX2J5X3BpY1wiPnt7cmVwb3J0Py5hc3NpZ25lZF9ieV9zaG9ydH19PC9zcGFuPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJyZXBvcnQ/LmVtcGxveWVlX25hbWUgIT0gJydcIiBjbGFzcz1cInZ4LWF2YXRhciBtZFwiICNlbnRydXN0ZWRUbyBhcHBUb29sdGlwPVwiRW50cnVzdGVkIHRvOiB7e3JlcG9ydD8uZW1wbG95ZWVfbmFtZX19XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgZGVsYXk9XCIwXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyAqbmdJZj1cInJlcG9ydD8uZW1wbG95ZWVfcGljXCIgW3NyY109XCJyZXBvcnQuZW1wbG95ZWVfcGljXCIgYWx0PVwiXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImdyZWVuXCIgKm5nSWY9XCIhcmVwb3J0Py5lbXBsb3llZV9waWNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e3JlcG9ydD8uZW1wbG95ZWVfc2hvcnR9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cInJlcG9ydD8uZW1wbG95ZWVfbmFtZSA9PT0gJycgJiYgcmVwb3J0Py5tdWx0aXBsZUFzc2lnbmVlQXJyPy5sZW5ndGggPiAwXCIgY2xhc3M9XCJ2eC1hdmF0YXIgbWRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZ3JlZW5cIiBhcHBQb3BvdmVyIChjbGljayk9XCJtdWx0aXBsZVVzZXJzLnBvcG92ZXIoKVwiIHBsYWNlbWVudD1cImxlZnRcIj4re3tyZXBvcnQ/Lm11bHRpcGxlQXNzaWduZWVBcnI/Lmxlbmd0aH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZVwiIGFwcFRvb2x0aXA9XCJ7e3JlcG9ydC5yZXBvcnRfbmFtZX19XCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiB0eXBlPVwiYmxhY2tcIiBkZWxheT1cIjBcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJ0cnVlXCI+IDxzcGFuIGNsYXNzPVwiaWRcIj57eyByZXBvcnQ/LmlzX2Fzc2lnbmVkID09IDEgPyAnWyAnICsgcmVwb3J0Py5jaWQgKyAnXSAnIDogJyAnIH19PC9zcGFuPnt7cmVwb3J0LnJlcG9ydF9uYW1lfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxhcHAtcG9wb3ZlciAjbXVsdGlwbGVVc2Vycz5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwid2YtYWN0aW9uLWxpc3RcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHVsIGNsYXNzPVwiYWN0aW9uLWl0ZW1cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXZhdGFyLWNhcmRcIiAqbmdGb3I9XCIgbGV0IGFzc2lnbmVlIG9mIHJlcG9ydD8ubXVsdGlwbGVBc3NpZ25lZUFyclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXZhdGFyXCIgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJhc3NpZ25lZT8ucHJvZmlsZV9waWMgPT09ICcnXCI+e3thc3NpZ25lZT8ubWVtYmVyX3Nob3J0X25hbWV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJhc3NpZ25lZT8ucHJvZmlsZV9waWMgIT09ICcnXCIgW3NyY109XCJhc3NpZ25lZS5lbXBsb3llZV9waWNcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZhbHVlXCI+e3thc3NpZ25lZT8ubWVtYmVyX25hbWV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2FwcC1wb3BvdmVyPlxyXG4gICAgICAgICAgICA8L3RkPlxyXG4gICAgICAgICAgICA8dGQgY2xhc3M9XCJ0b3RhbFwiPjwvdGQ+XHJcbiAgICAgICAgICAgIDx0ZCBjbGFzcz1cImFzc2lnbmVkXCI+PC90ZD5cclxuICAgICAgICAgICAgPHRkIGNsYXNzPVwidW5hc3NpZ25lZFwiPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgW2Rpc2FibGVkXT1cInJlcG9ydD8uaXNfYXNzaWduZWQgPT0gMSAmJiBjdXJyZW50Q2F0ZWdvcnk/LnZpc2liaWxpdHkgPT0gMlwiIChjbGljayk9XCJlbnRydXN0RnJhbWV3b3JrRGV0YWlscyhyZXBvcnQpXCIgY2xhc3M9XCJlbnRydXN0XCI+RW50cnVzdDwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L3RkPlxyXG4gICAgICAgICAgICA8dGQgY2xhc3M9XCJhY3Rpb25cIj5cclxuICAgICAgICAgICAgPC90ZD5cclxuICAgICAgICA8L3RyPlxyXG4gICAgICAgIDx0ciAqbmdGb3I9XCJsZXQgZW50aXR5IG9mIGVudGl0aWVzICB8IGZpbHRlcjogc2VhcmNoXCIgY2xhc3M9XCJsaWJyYXJ5XCI+XHJcbiAgICAgICAgICAgIDx0ZCBjbGFzcz1cInNsLW51bWJlciBpY29uXCI+XHJcbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zXCI+JiN4ZTk5Zjs8L2k+XHJcbiAgICAgICAgICAgIDwvdGQ+XHJcbiAgICAgICAgICAgIDx0ZCBjbGFzcz1cIm5hbWVcIiBhcHBUb29sdGlwPVwie3tlbnRpdHk/LnJjX25hbWV9fSA8YnI+PHNwYW4gY2xhc3M9J3dpdGhpbi1yb3cnPjxzcGFuIGNsYXNzPSd3aXRoaW4nPldJVEhJTjwvc3Bhbj48c3BhbiBjbGFzcz0nd2l0aGluLXZhbHVlJz57e2VudGl0eT8ucGFyZW50X3JjfX08L3NwYW4+PC9zcGFuPlwiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgdHlwZT1cImJsYWNrXCIgZGVsYXk9XCIwXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZVwiPnt7ZW50aXR5Py5yY19uYW1lfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIndpdGhpbi1yb3dcIiAqbmdJZj1cImVudGl0eT8ucGFyZW50X3JjPy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ3aXRoaW5cIj5XSVRISU48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0XCIgKm5nRm9yPVwibGV0IHBhcmVudCBvZiBlbnRpdHk/LnBhcmVudF9yYztsZXQgcmMgPSBpbmRleFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwicmM+MFwiPiA+IDwvbmctY29udGFpbmVyPiB7e3BhcmVudH19XHJcbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICA8L3RkPlxyXG4gICAgICAgICAgICA8dGQgY2xhc3M9XCJ0b3RhbFwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0XCI+e3tlbnRpdHk/LnRvdGFsX2NvbnRyb2x9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPC90ZD5cclxuICAgICAgICAgICAgPHRkIGNsYXNzPVwiYXNzaWduZWRcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dFwiPnt7IGVudGl0eT8ubWFwcGVkX2NvbnRyb2wgfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHRcIj57eyBlbnRpdHk/LnRvdGFsX2NvbnRyb2wgPT0gMCA/IDAgOiAoKGVudGl0eT8ubWFwcGVkX2NvbnRyb2wgLyBlbnRpdHk/LnRvdGFsX2NvbnRyb2wpICogMTAwIHwgbnVtYmVyOiAnMS4wLTAnKSB9fSU8L3NwYW4+XHJcbiAgICAgICAgICAgIDwvdGQ+XHJcbiAgICAgICAgICAgIDx0ZCBjbGFzcz1cInVuYXNzaWduZWRcIj5cclxuXHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHRcIj57eyAgZW50aXR5Py50b3RhbF9jb250cm9sIC0gZW50aXR5Py5tYXBwZWRfY29udHJvbCB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dFwiPnt7IGVudGl0eT8udG90YWxfY29udHJvbCA9PSAwID8gMCA6ICgxMDAgLSAoZW50aXR5Py5tYXBwZWRfY29udHJvbCAvIGVudGl0eT8udG90YWxfY29udHJvbCkgKiAxMDAgfCBudW1iZXI6ICcxLjAtMCcpIH19JTwvc3Bhbj5cclxuICAgICAgICAgICAgPC90ZD5cclxuICAgICAgICAgICAgPHRkIGNsYXNzPVwiYWN0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIoZW50aXR5Py5hbGxfZW50aXRpZXNfbmFtZT8ubGVuZ3RoID09IDAgJiYgZW50aXR5Py5saWJyYXJ5UmVwb3J0Py5sZW5ndGggPT0gMCkgfHwgZW50aXR5Py50b3RhbF9jb250cm9sIDwgMVwiXHJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImVudGl0eV9vcGVuKGVudGl0eSlcIj48aSBjbGFzcz1cImljb25zXCI+JiN4ZTkxMDs8L2k+PC9idXR0b24+XHJcbiAgICAgICAgICAgIDwvdGQ+XHJcbiAgICAgICAgPC90cj5cclxuXHJcbiAgICAgICAgPHRyICpuZ0Zvcj1cImxldCBkYXRhIG9mIHRhYmxlTGlzdCAgfCBmaWx0ZXI6IHNlYXJjaDsgbGV0IGkgPSBpbmRleFwiPlxyXG4gICAgICAgICAgICA8dGQgY2xhc3M9XCJzZXJpYWwtbnVtYmVyXCI+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj57e2krMX19PC9zcGFuPlxyXG4gICAgICAgICAgICA8L3RkPlxyXG4gICAgICAgICAgICA8dGQgY2xhc3M9XCJuYW1lXCIgYXBwVG9vbHRpcD1cInt7ZGF0YT8uaXRlbV9uYW1lfX0ge3tkYXRhfHdpdGhpbkRhdGF9fVwiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgdHlwZT1cImJsYWNrXCIgZGVsYXk9XCIwXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZVwiPnt7ZGF0YT8uaXRlbV9uYW1lfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIndpdGhpbi1yb3dcIiAqbmdJZj1cImRhdGE/LnBhcmVudF9pdGVtc19uYW1lXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ3aXRoaW5cIj5XSVRISU48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0XCI+e3tkYXRhPy5wYXJlbnRfaXRlbXNfbmFtZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPCEtLSA8c3Bhbj57e2RhdGE/Lml0ZW1fbmFtZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJkYXRhPy5wYXJlbnRfaXRlbXNfbmFtZVwiPldJVEhJTiB7e2RhdGEucGFyZW50X2l0ZW1zX25hbWV9fTwvc3Bhbj4gLS0+XHJcbiAgICAgICAgICAgIDwvdGQ+XHJcbiAgICAgICAgICAgIDx0ZCBjbGFzcz1cInRvdGFsXCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHRcIj57e2RhdGE/LnRvdGFsX2NvbnRyb2x9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPC90ZD5cclxuICAgICAgICAgICAgPHRkIGNsYXNzPVwiYXNzaWduZWRcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dFwiPnt7IGRhdGE/Lm1hcHBlZF9jb250cm9sIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0XCI+e3sgZGF0YT8udG90YWxfY29udHJvbCA9PSAwID8gMCA6ICgoZGF0YT8ubWFwcGVkX2NvbnRyb2wgLyBkYXRhPy50b3RhbF9jb250cm9sKSAqIDEwMCB8IG51bWJlcjogJzEuMC0wJykgfX0lPC9zcGFuPlxyXG4gICAgICAgICAgICA8L3RkPlxyXG4gICAgICAgICAgICA8dGQgY2xhc3M9XCJ1bmFzc2lnbmVkXCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHRcIj57e2RhdGE/LnRvdGFsX2NvbnRyb2wgLSBkYXRhPy5tYXBwZWRfY29udHJvbCB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dFwiPnt7ICtkYXRhPy50b3RhbF9jb250cm9sID09IDAgPyAwIDogKDEwMCAtIChkYXRhPy5tYXBwZWRfY29udHJvbCAvIGRhdGE/LnRvdGFsX2NvbnRyb2wpICogMTAwIHwgbnVtYmVyOiAnMS4wLTAnKSB9fSU8L3NwYW4+XHJcbiAgICAgICAgICAgIDwvdGQ+XHJcbiAgICAgICAgICAgIDx0ZCBjbGFzcz1cImFjdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiKGRhdGE/LmFsbF9lbnRpdGllc19uYW1lPy5sZW5ndGggPCAxICYmIGRhdGE/LmxpYnJhcnlSZXBvcnQ/Lmxlbmd0aCA8IDEpICYmIChkYXRhPy50b3RhbF9jb250cm9sIDwgMSlcIlxyXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJnZXRDYXRlZ29yeURldGFpbHNCeUlkKGRhdGE/Ll9pZClcIj48aSBjbGFzcz1cImljb25zXCI+JiN4ZTkxMDs8L2k+PC9idXR0b24+XHJcbiAgICAgICAgICAgIDwvdGQ+XHJcbiAgICAgICAgPC90cj5cclxuICAgIDwvdGJvZHk+XHJcbjwvdGFibGU+XHJcbjxhcHAtbG9hZGVyLWlubGluZSAqbmdJZj1cImxvYWRlclwiPjwvYXBwLWxvYWRlci1pbmxpbmU+Il19