vcomply-workflow-engine 3.5.3 → 3.5.4

package/esm2022/lib/sharedComponents/category-multiselect/category-multi-select.component.mjs

@@ -0,0 +1,166 @@
+import { ViewChild } from '@angular/core';
+import { Component, Input, Output, EventEmitter, } from '@angular/core';
+import { cloneDeep } from 'lodash-es';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "../../formgroup/cs-checkbox/cs-checkbox.component";
+import * as i4 from "../../ui-kit/tooltip/tooltip.directive";
+import * as i5 from "../no-data/no-data.component";
+import * as i6 from "../floating-bar/floating-bar.component";
+import * as i7 from "../pipes/filterPipe";
+// import isEqual from 'lodash-es/isEqual';
+export class CategoryMultiSelectComponent {
+    constructor() {
+        this.allCategories = [];
+        this.selectedCategories = [];
+        this.search = '';
+        this.activeTab = '';
+        this.selectedIds = [];
+        this.animation = false;
+        this.saveSelectedCategory = new EventEmitter();
+        this.closeList = new EventEmitter();
+        this.closeCategoriesList = new EventEmitter();
+    }
+    ngOnChanges() { }
+    ngOnInit() {
+        this.animation = true;
+        setTimeout(() => {
+            this.animation = false;
+        }, 300);
+        this.selectedIds = [];
+        if (this.selectedCategories) {
+            this.selectedCategories.forEach((element) => {
+                this.selectedIds.push(element[this.categoryIdKey]);
+            });
+        }
+        this.setList();
+        setTimeout(() => {
+            this.blockWidth = this.listBlock?.nativeElement?.offsetWidth;
+        }, 10);
+    }
+    selectCategory(mode, activeTab, category) {
+        if (mode) {
+            this.selectedIds.push(category[this.categoryIdKey]);
+        }
+        else {
+            const index = this.selectedIds.findIndex((element) => element == category[this.categoryIdKey]);
+            this.selectedIds.splice(index, 1);
+        }
+        this.setList();
+    }
+    deleteEvent(event) {
+        const index = this.selectedIds.findIndex((element) => element == event[this.categoryIdKey]);
+        this.selectedIds.splice(index, 1);
+        this.setList();
+    }
+    selectAll(mode, activeTab) {
+        if (mode) {
+            const list = [...this.categoryList[activeTab].list];
+            list.forEach((element) => {
+                if (!this.selectedIds.includes(element[this.categoryIdKey])) {
+                    this.selectedIds.push(element[this.categoryIdKey]);
+                }
+            });
+        }
+        else {
+            const list = [...this.categoryList[activeTab].list];
+            list.forEach((element) => {
+                if (this.selectedIds.includes(element[this.categoryIdKey])) {
+                    let idIndex = this.selectedIds.findIndex((id) => id == element[this.categoryIdKey]);
+                    this.selectedIds.splice(idIndex, 1);
+                }
+            });
+        }
+        this.setList();
+    }
+    setList() {
+        const data = [];
+        const categoryList = cloneDeep(this.allCategories);
+        const selectedIds = cloneDeep(this.selectedIds);
+        this.categoryList.regulations.selectedList = [];
+        this.categoryList.standards.selectedList = [];
+        this.categoryList.internalControls.selectedList = [];
+        this.categoryList.others.selectedList = [];
+        categoryList.forEach((element) => {
+            if (selectedIds.includes(element[this.categoryIdKey])) {
+                data.push(element);
+            }
+        });
+        this.selectedCategories = data;
+        this.categoryList.regulations.list.forEach((category) => {
+            if (selectedIds.includes(category[this.categoryIdKey])) {
+                this.categoryList.regulations.selectedList.push(category);
+            }
+        });
+        this.categoryList.standards.list.forEach((category) => {
+            if (selectedIds.includes(category[this.categoryIdKey])) {
+                this.categoryList.standards.selectedList.push(category);
+            }
+        });
+        this.categoryList.internalControls.list.forEach((category) => {
+            if (selectedIds.includes(category[this.categoryIdKey])) {
+                this.categoryList.internalControls.selectedList.push(category);
+            }
+        });
+        this.categoryList.others.list.forEach((category) => {
+            if (selectedIds.includes(category[this.categoryIdKey])) {
+                this.categoryList.others.selectedList.push(category);
+            }
+        });
+        if (!this.activeTab) {
+            this.setActiveTab();
+        }
+    }
+    setActiveTab() {
+        if (this.categoryList.regulations.selectedList.length > 0) {
+            this.activeTab = 'regulations';
+        }
+        else if (this.categoryList.standards.selectedList.length > 0) {
+            this.activeTab = 'standards';
+        }
+        else if (this.categoryList.internalControls.selectedList.length > 0) {
+            this.activeTab = 'internalControls';
+        }
+        else if (this.categoryList.others.selectedList.length > 0) {
+            this.activeTab = 'others';
+        }
+        else {
+            this.activeTab = 'regulations';
+        }
+    }
+    checkSelectAll(activeTab) {
+        const data = this.categoryList[activeTab].list.every((user) => this.selectedIds.includes(user[this.categoryIdKey]));
+        return data;
+    }
+    save() {
+        this.saveSelectedCategory.emit(this.selectedCategories);
+    }
+    close() {
+        this.closeCategoriesList.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryMultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CategoryMultiSelectComponent, selector: "app-category-multi-select", inputs: { categoryList: "categoryList", allCategories: "allCategories", categoryIdKey: "categoryIdKey", selectedCategories: "selectedCategories" }, outputs: { saveSelectedCategory: "saveSelectedCategory", closeList: "closeList", closeCategoriesList: "closeCategoriesList" }, viewQueries: [{ propertyName: "listBlock", first: true, predicate: ["listBlock"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"category-multi-select\" [class.animate]=\"animation\">\r\n  <div class=\"category-multi-select-head\">\r\n    <h3 class=\"category-multi-select-title\">Select Programs</h3>\r\n  </div>\r\n  <div class=\"category-multi-select-body\">\r\n    <div class=\"filter-card-row\">\r\n      <div class=\"filter-card\" [class.active]=\"activeTab == 'regulations'\" (click)=\"activeTab = 'regulations'\">\r\n        <div class=\"left\">\r\n          <label>REGULATIONS</label>\r\n          <p *ngIf=\"categoryList?.regulations?.selectedList?.length != 0\">\r\n            {{categoryList?.regulations?.selectedList?.length}}\r\n            {{(categoryList?.regulations?.selectedList?.length==1)?'Category':'Categories'}} selected\r\n          </p>\r\n        </div>\r\n        <span class=\"counter\">{{categoryList?.regulations?.list?.length}}</span>\r\n      </div>\r\n      <div class=\"filter-card\" [class.active]=\"activeTab == 'standards'\" (click)=\"activeTab = 'standards'\">\r\n        <div class=\"left\">\r\n          <label>STANDARDS</label>\r\n          <p *ngIf=\"categoryList?.standards?.selectedList?.length != 0\">\r\n            {{categoryList?.standards?.selectedList?.length}}\r\n            {{(categoryList?.standards?.selectedList?.length==1)?'Category':'Categories'}} selected\r\n          </p>\r\n        </div>\r\n        <span class=\"counter\">{{categoryList?.standards?.list?.length}}</span>\r\n      </div>\r\n      <div class=\"filter-card\" [class.active]=\"activeTab == 'internalControls'\"\r\n        (click)=\"activeTab = 'internalControls'\">\r\n        <div class=\"left\">\r\n          <label>INTERNAL CONTROLS</label>\r\n          <p *ngIf=\"categoryList?.internalControls?.selectedList?.length != 0\">\r\n            {{categoryList?.internalControls?.selectedList?.length}}\r\n            {{(categoryList?.internalControls?.selectedList?.length==1)?'Category':'Categories'}} selected\r\n          </p>\r\n        </div>\r\n        <span class=\"counter\">{{categoryList?.internalControls?.list?.length}}</span>\r\n      </div>\r\n      <div class=\"filter-card\" [class.active]=\"activeTab == 'others'\" (click)=\"activeTab = 'others'\">\r\n        <div class=\"left\">\r\n          <label>OTHERS</label>\r\n          <p *ngIf=\"categoryList?.others?.selectedList?.length != 0\">\r\n            {{categoryList?.others?.selectedList?.length}}\r\n            {{(categoryList?.others?.selectedList?.length==1)?'Category':'Categories'}} selected\r\n          </p>\r\n        </div>\r\n        <span class=\"counter\">{{categoryList?.others?.list?.length}}</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"search-block\">\r\n      <i class=\"icons\">&#xe90b;</i>\r\n      <input type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search Responsibility Category\" />\r\n    </div>\r\n    <!-- <div class=\"body-top\">\r\n      <div class=\"pagination\"></div>\r\n    </div> -->\r\n    <ng-container *ngIf=\"(categoryList[activeTab].list | filter: search) as searchList\">\r\n      <div class=\"body-top\" *ngIf=\"searchList?.length > 0 && search.trim()?.length === 0\">\r\n        <app-cs-checkbox [ngValue]=\"checkSelectAll(activeTab)\" (ngValueChange)=\"selectAll($event,activeTab)\">\r\n          <strong>{{checkSelectAll(activeTab) ? 'Deselect All' : 'Select All'}}</strong>\r\n        </app-cs-checkbox>\r\n      </div>\r\n      <ul class=\"categories\" *ngIf=\"searchList?.length > 0 \">\r\n        <li *ngFor=\"let category of searchList\" >\r\n          <app-cs-checkbox [ngValue]=\"selectedIds.includes(category[categoryIdKey])\"\r\n            (ngValueChange)=\"selectCategory($event,activeTab,category)\">\r\n            <ul class=\"category-name\" #listBlock>\r\n              <li *ngFor=\"let entity of category.category_name; let j = index\" [appTooltip]=\"entity\" placement=\"bottom\"\r\n                type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\" [style.max-width.px]=\"blockWidth / category.category_name.length\">\r\n                <span>\r\n                  <i class=\"icons\" *ngIf=\"j !== 0\">&#xe910;</i>{{ entity }}\r\n                </span>\r\n              </li>\r\n            </ul>\r\n          </app-cs-checkbox>\r\n        </li>\r\n      </ul>\r\n      <app-no-data *ngIf=\"searchList.length === 0\"\r\n        [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n        [noDataText]=\"'No Categories Found'\"></app-no-data>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"category-multi-select-footer\">\r\n    <app-floating-bar [selectedData]=\"selectedCategories\" [displayElementKey]=\"'item_name'\"\r\n      [singularText]=\"'Program selected'\" [pluralText]=\"'Programs selected'\"\r\n      (closeEvent)=\"save()\" (deleteEvent)=\"deleteEvent($event)\" (closeList)=\"close()\"\r\n      [isDisabled]=\"selectedCategories?.length === 0 ||  categoryList[activeTab]?.list?.length === 0\">\r\n    </app-floating-bar>\r\n  </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .category-multi-select{position:fixed;inset:0 500px 0 0;border-top:3px solid #1E5DD3;z-index:-1}::ng-deep .category-multi-select-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .category-multi-select-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .category-multi-select-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .category-multi-select-body{padding:24px 40px 24px 36px;background:#fff;height:calc(100vh - 124px)}::ng-deep .category-multi-select-body .filter-card{display:flex;align-items:center;border:1px solid #dbdbdb;border-radius:4px;height:55px;padding:12px 15px;width:100%;justify-content:space-between;cursor:pointer}::ng-deep .category-multi-select-body .filter-card.active{box-shadow:0 3px 6px #1e5dd31a}::ng-deep .category-multi-select-body .filter-card label{font-weight:600;text-transform:uppercase;color:#747576;line-height:16px;margin-left:0;font-size:11px;width:100%;pointer-events:none}::ng-deep .category-multi-select-body .filter-card p{line-height:16px;font-size:10px;color:#161b2f;font-weight:600;margin:0}::ng-deep .category-multi-select-body .filter-card span.counter{display:flex;height:32px;min-width:32px;border-radius:4px;background:#042e7d;color:#fff;font-size:11px;font-weight:600;justify-content:center;align-items:center;padding:0 5px;line-height:32px}::ng-deep .category-multi-select-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .category-multi-select-body .filter-card+.filter-card{margin-left:10px}::ng-deep .category-multi-select-body .filter-card-row{display:flex;padding-bottom:15px}::ng-deep .category-multi-select-body .search-block{position:relative}::ng-deep .category-multi-select-body .search-block input{height:44px;line-height:24px;padding:10px 15px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .category-multi-select-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .category-multi-select-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .category-multi-select-body .body-top{display:flex;justify-content:space-between;padding:16px 0 0}::ng-deep .category-multi-select-body .body-top app-cs-checkbox,::ng-deep .category-multi-select-body .body-top app-cs-radio{display:flex}::ng-deep .category-multi-select-body .body-top app-cs-checkbox label span.value strong,::ng-deep .category-multi-select-body .body-top app-cs-radio label span.value strong{color:#161b2f;font-size:14px;font-weight:600;white-space:nowrap}::ng-deep .category-multi-select-body ul{padding:0;margin:0}::ng-deep .category-multi-select-body ul.categories{display:block;align-items:flex-start;flex-wrap:wrap;max-height:calc(100vh - 300px);min-height:calc(100vh - 300px);overflow:auto;padding:16px 0 0}::ng-deep .category-multi-select-body ul.categories li{width:100%;padding:0 0 16px;list-style:none}::ng-deep .category-multi-select-body ul.categories li app-cs-radio,::ng-deep .category-multi-select-body ul.categories li app-cs-checkbox{display:flex}::ng-deep .category-multi-select-body ul.categories li app-cs-radio label.radio-item,::ng-deep .category-multi-select-body ul.categories li app-cs-checkbox label.radio-item,::ng-deep .category-multi-select-body ul.categories li app-cs-radio label.checkbox-item,::ng-deep .category-multi-select-body ul.categories li app-cs-checkbox label.checkbox-item{width:100%}::ng-deep .category-multi-select-body ul.categories li app-cs-radio label.radio-item span.value,::ng-deep .category-multi-select-body ul.categories li app-cs-checkbox label.radio-item span.value,::ng-deep .category-multi-select-body ul.categories li app-cs-radio label.checkbox-item span.value,::ng-deep .category-multi-select-body ul.categories li app-cs-checkbox label.checkbox-item span.value{color:#161b2f;font-size:13px;font-weight:400;width:100%}::ng-deep .category-multi-select-body ul.categories li ul.category-name{display:flex;justify-content:flex-start;width:100%}::ng-deep .category-multi-select-body ul.categories li ul.category-name li{list-style:none;color:#747576;width:auto;padding:0 8px 0 0;max-width:40%;display:inline-flex}::ng-deep .category-multi-select-body ul.categories li ul.category-name li span{font-size:14px;font-weight:400;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}::ng-deep .category-multi-select-body ul.categories li ul.category-name li i{font-size:8px;padding-left:0;padding-right:4px}::ng-deep .category-multi-select-body ul.categories li ul.category-name li:first-child span{color:#4681ef}::ng-deep .category-multi-select-body ul.categories li ul.category-name li:last-of-type span{color:#66bf72}::ng-deep .category-multi-select-body app-no-data .no-data-wrapper{height:calc(100% - 42px)!important}::ng-deep .category-multi-select-body.no-footer{height:calc(100vh - 42px)}::ng-deep .category-multi-select-body .card-row{display:flex;justify-content:space-between;margin-bottom:12px}::ng-deep .category-multi-select-body .card-row .card-block{width:100%;display:flex;padding:8px 12px;border-radius:2px;box-shadow:0 0 3px #1e5dd345;min-height:48px;position:relative;cursor:pointer;justify-content:space-between;align-items:center}::ng-deep .category-multi-select-body .card-row .card-block+.card-block{margin-left:4px}::ng-deep .category-multi-select-body .card-row .card-block.active{box-shadow:0 0 10px #1e5dd2e6;z-index:1}::ng-deep .category-multi-select-body .card-row .card-block .card-text{padding:0;margin:0;font-weight:500;font-size:11px;text-transform:uppercase;line-height:16px;width:auto;white-space:nowrap}::ng-deep .category-multi-select-body .card-row .card-block span.count{font-size:14px;line-height:24px;background:#042e7d;padding:0 8px;border-radius:2px;min-width:28px;color:#fff}::ng-deep .category-multi-select.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i6.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "pipe", type: i7.FilterPipe, name: "filter" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryMultiSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-category-multi-select', template: "<div class=\"category-multi-select\" [class.animate]=\"animation\">\r\n  <div class=\"category-multi-select-head\">\r\n    <h3 class=\"category-multi-select-title\">Select Programs</h3>\r\n  </div>\r\n  <div class=\"category-multi-select-body\">\r\n    <div class=\"filter-card-row\">\r\n      <div class=\"filter-card\" [class.active]=\"activeTab == 'regulations'\" (click)=\"activeTab = 'regulations'\">\r\n        <div class=\"left\">\r\n          <label>REGULATIONS</label>\r\n          <p *ngIf=\"categoryList?.regulations?.selectedList?.length != 0\">\r\n            {{categoryList?.regulations?.selectedList?.length}}\r\n            {{(categoryList?.regulations?.selectedList?.length==1)?'Category':'Categories'}} selected\r\n          </p>\r\n        </div>\r\n        <span class=\"counter\">{{categoryList?.regulations?.list?.length}}</span>\r\n      </div>\r\n      <div class=\"filter-card\" [class.active]=\"activeTab == 'standards'\" (click)=\"activeTab = 'standards'\">\r\n        <div class=\"left\">\r\n          <label>STANDARDS</label>\r\n          <p *ngIf=\"categoryList?.standards?.selectedList?.length != 0\">\r\n            {{categoryList?.standards?.selectedList?.length}}\r\n            {{(categoryList?.standards?.selectedList?.length==1)?'Category':'Categories'}} selected\r\n          </p>\r\n        </div>\r\n        <span class=\"counter\">{{categoryList?.standards?.list?.length}}</span>\r\n      </div>\r\n      <div class=\"filter-card\" [class.active]=\"activeTab == 'internalControls'\"\r\n        (click)=\"activeTab = 'internalControls'\">\r\n        <div class=\"left\">\r\n          <label>INTERNAL CONTROLS</label>\r\n          <p *ngIf=\"categoryList?.internalControls?.selectedList?.length != 0\">\r\n            {{categoryList?.internalControls?.selectedList?.length}}\r\n            {{(categoryList?.internalControls?.selectedList?.length==1)?'Category':'Categories'}} selected\r\n          </p>\r\n        </div>\r\n        <span class=\"counter\">{{categoryList?.internalControls?.list?.length}}</span>\r\n      </div>\r\n      <div class=\"filter-card\" [class.active]=\"activeTab == 'others'\" (click)=\"activeTab = 'others'\">\r\n        <div class=\"left\">\r\n          <label>OTHERS</label>\r\n          <p *ngIf=\"categoryList?.others?.selectedList?.length != 0\">\r\n            {{categoryList?.others?.selectedList?.length}}\r\n            {{(categoryList?.others?.selectedList?.length==1)?'Category':'Categories'}} selected\r\n          </p>\r\n        </div>\r\n        <span class=\"counter\">{{categoryList?.others?.list?.length}}</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"search-block\">\r\n      <i class=\"icons\">&#xe90b;</i>\r\n      <input type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search Responsibility Category\" />\r\n    </div>\r\n    <!-- <div class=\"body-top\">\r\n      <div class=\"pagination\"></div>\r\n    </div> -->\r\n    <ng-container *ngIf=\"(categoryList[activeTab].list | filter: search) as searchList\">\r\n      <div class=\"body-top\" *ngIf=\"searchList?.length > 0 && search.trim()?.length === 0\">\r\n        <app-cs-checkbox [ngValue]=\"checkSelectAll(activeTab)\" (ngValueChange)=\"selectAll($event,activeTab)\">\r\n          <strong>{{checkSelectAll(activeTab) ? 'Deselect All' : 'Select All'}}</strong>\r\n        </app-cs-checkbox>\r\n      </div>\r\n      <ul class=\"categories\" *ngIf=\"searchList?.length > 0 \">\r\n        <li *ngFor=\"let category of searchList\" >\r\n          <app-cs-checkbox [ngValue]=\"selectedIds.includes(category[categoryIdKey])\"\r\n            (ngValueChange)=\"selectCategory($event,activeTab,category)\">\r\n            <ul class=\"category-name\" #listBlock>\r\n              <li *ngFor=\"let entity of category.category_name; let j = index\" [appTooltip]=\"entity\" placement=\"bottom\"\r\n                type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\" [style.max-width.px]=\"blockWidth / category.category_name.length\">\r\n                <span>\r\n                  <i class=\"icons\" *ngIf=\"j !== 0\">&#xe910;</i>{{ entity }}\r\n                </span>\r\n              </li>\r\n            </ul>\r\n          </app-cs-checkbox>\r\n        </li>\r\n      </ul>\r\n      <app-no-data *ngIf=\"searchList.length === 0\"\r\n        [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n        [noDataText]=\"'No Categories Found'\"></app-no-data>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"category-multi-select-footer\">\r\n    <app-floating-bar [selectedData]=\"selectedCategories\" [displayElementKey]=\"'item_name'\"\r\n      [singularText]=\"'Program selected'\" [pluralText]=\"'Programs selected'\"\r\n      (closeEvent)=\"save()\" (deleteEvent)=\"deleteEvent($event)\" (closeList)=\"close()\"\r\n      [isDisabled]=\"selectedCategories?.length === 0 ||  categoryList[activeTab]?.list?.length === 0\">\r\n    </app-floating-bar>\r\n  </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .category-multi-select{position:fixed;inset:0 500px 0 0;border-top:3px solid #1E5DD3;z-index:-1}::ng-deep .category-multi-select-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .category-multi-select-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .category-multi-select-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .category-multi-select-body{padding:24px 40px 24px 36px;background:#fff;height:calc(100vh - 124px)}::ng-deep .category-multi-select-body .filter-card{display:flex;align-items:center;border:1px solid #dbdbdb;border-radius:4px;height:55px;padding:12px 15px;width:100%;justify-content:space-between;cursor:pointer}::ng-deep .category-multi-select-body .filter-card.active{box-shadow:0 3px 6px #1e5dd31a}::ng-deep .category-multi-select-body .filter-card label{font-weight:600;text-transform:uppercase;color:#747576;line-height:16px;margin-left:0;font-size:11px;width:100%;pointer-events:none}::ng-deep .category-multi-select-body .filter-card p{line-height:16px;font-size:10px;color:#161b2f;font-weight:600;margin:0}::ng-deep .category-multi-select-body .filter-card span.counter{display:flex;height:32px;min-width:32px;border-radius:4px;background:#042e7d;color:#fff;font-size:11px;font-weight:600;justify-content:center;align-items:center;padding:0 5px;line-height:32px}::ng-deep .category-multi-select-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .category-multi-select-body .filter-card+.filter-card{margin-left:10px}::ng-deep .category-multi-select-body .filter-card-row{display:flex;padding-bottom:15px}::ng-deep .category-multi-select-body .search-block{position:relative}::ng-deep .category-multi-select-body .search-block input{height:44px;line-height:24px;padding:10px 15px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .category-multi-select-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .category-multi-select-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .category-multi-select-body .body-top{display:flex;justify-content:space-between;padding:16px 0 0}::ng-deep .category-multi-select-body .body-top app-cs-checkbox,::ng-deep .category-multi-select-body .body-top app-cs-radio{display:flex}::ng-deep .category-multi-select-body .body-top app-cs-checkbox label span.value strong,::ng-deep .category-multi-select-body .body-top app-cs-radio label span.value strong{color:#161b2f;font-size:14px;font-weight:600;white-space:nowrap}::ng-deep .category-multi-select-body ul{padding:0;margin:0}::ng-deep .category-multi-select-body ul.categories{display:block;align-items:flex-start;flex-wrap:wrap;max-height:calc(100vh - 300px);min-height:calc(100vh - 300px);overflow:auto;padding:16px 0 0}::ng-deep .category-multi-select-body ul.categories li{width:100%;padding:0 0 16px;list-style:none}::ng-deep .category-multi-select-body ul.categories li app-cs-radio,::ng-deep .category-multi-select-body ul.categories li app-cs-checkbox{display:flex}::ng-deep .category-multi-select-body ul.categories li app-cs-radio label.radio-item,::ng-deep .category-multi-select-body ul.categories li app-cs-checkbox label.radio-item,::ng-deep .category-multi-select-body ul.categories li app-cs-radio label.checkbox-item,::ng-deep .category-multi-select-body ul.categories li app-cs-checkbox label.checkbox-item{width:100%}::ng-deep .category-multi-select-body ul.categories li app-cs-radio label.radio-item span.value,::ng-deep .category-multi-select-body ul.categories li app-cs-checkbox label.radio-item span.value,::ng-deep .category-multi-select-body ul.categories li app-cs-radio label.checkbox-item span.value,::ng-deep .category-multi-select-body ul.categories li app-cs-checkbox label.checkbox-item span.value{color:#161b2f;font-size:13px;font-weight:400;width:100%}::ng-deep .category-multi-select-body ul.categories li ul.category-name{display:flex;justify-content:flex-start;width:100%}::ng-deep .category-multi-select-body ul.categories li ul.category-name li{list-style:none;color:#747576;width:auto;padding:0 8px 0 0;max-width:40%;display:inline-flex}::ng-deep .category-multi-select-body ul.categories li ul.category-name li span{font-size:14px;font-weight:400;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}::ng-deep .category-multi-select-body ul.categories li ul.category-name li i{font-size:8px;padding-left:0;padding-right:4px}::ng-deep .category-multi-select-body ul.categories li ul.category-name li:first-child span{color:#4681ef}::ng-deep .category-multi-select-body ul.categories li ul.category-name li:last-of-type span{color:#66bf72}::ng-deep .category-multi-select-body app-no-data .no-data-wrapper{height:calc(100% - 42px)!important}::ng-deep .category-multi-select-body.no-footer{height:calc(100vh - 42px)}::ng-deep .category-multi-select-body .card-row{display:flex;justify-content:space-between;margin-bottom:12px}::ng-deep .category-multi-select-body .card-row .card-block{width:100%;display:flex;padding:8px 12px;border-radius:2px;box-shadow:0 0 3px #1e5dd345;min-height:48px;position:relative;cursor:pointer;justify-content:space-between;align-items:center}::ng-deep .category-multi-select-body .card-row .card-block+.card-block{margin-left:4px}::ng-deep .category-multi-select-body .card-row .card-block.active{box-shadow:0 0 10px #1e5dd2e6;z-index:1}::ng-deep .category-multi-select-body .card-row .card-block .card-text{padding:0;margin:0;font-weight:500;font-size:11px;text-transform:uppercase;line-height:16px;width:auto;white-space:nowrap}::ng-deep .category-multi-select-body .card-row .card-block span.count{font-size:14px;line-height:24px;background:#042e7d;padding:0 8px;border-radius:2px;min-width:28px;color:#fff}::ng-deep .category-multi-select.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { listBlock: [{
+                type: ViewChild,
+                args: ['listBlock', { static: false }]
+            }], categoryList: [{
+                type: Input
+            }], allCategories: [{
+                type: Input
+            }], categoryIdKey: [{
+                type: Input
+            }], selectedCategories: [{
+                type: Input
+            }], saveSelectedCategory: [{
+                type: Output
+            }], closeList: [{
+                type: Output
+            }], closeCategoriesList: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2F0ZWdvcnktbXVsdGktc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvY2F0ZWdvcnktbXVsdGlzZWxlY3QvY2F0ZWdvcnktbXVsdGktc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvY2F0ZWdvcnktbXVsdGlzZWxlY3QvY2F0ZWdvcnktbXVsdGktc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBYyxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUNMLFNBQVMsRUFFVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksR0FHYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFDOzs7Ozs7Ozs7QUFFdEMsMkNBQTJDO0FBTTNDLE1BQU0sT0FBTyw0QkFBNEI7SUFrQnZDO1FBZlMsa0JBQWEsR0FBVSxFQUFFLENBQUM7UUFHMUIsdUJBQWtCLEdBQVUsRUFBRSxDQUFDO1FBRXhDLFdBQU0sR0FBRyxFQUFFLENBQUM7UUFDWixjQUFTLEdBQVEsRUFBRSxDQUFDO1FBQ3BCLGdCQUFXLEdBQVUsRUFBRSxDQUFDO1FBQ3hCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFHUix5QkFBb0IsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzFDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQy9CLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFcEMsQ0FBQztJQUVoQixXQUFXLEtBQUksQ0FBQztJQUVoQixRQUFRO1FBQ04sSUFBSSxDQUFDLFNB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QkFBbUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNsQyxDQUFDOytHQXBKVSw0QkFBNEI7bUdBQTVCLDRCQUE0QixpZENsQnpDLDAzSkF3Rk07OzRGRHRFTyw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsMkJBQTJCOzBFQUtNLFNBQVM7c0JBQW5ELFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFDaEMsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUVHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQVFJLG9CQUFvQjtzQkFBN0IsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLG1CQUFtQjtzQkFBNUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVsZW1lbnRSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBPbkluaXQsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBPbkNoYW5nZXMsXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgY2xvbmVEZWVwIH0gZnJvbSAnbG9kYXNoLWVzJztcclxuaW1wb3J0IHsgQ2F0ZWdvcnlMaXN0IH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9jYXRlZ29yeUxpc3QnO1xyXG4vLyBpbXBvcnQgaXNFcXVhbCBmcm9tICdsb2Rhc2gtZXMvaXNFcXVhbCc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNhdGVnb3J5LW11bHRpLXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NhdGVnb3J5LW11bHRpLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY2F0ZWdvcnktbXVsdGktc2VsZWN0LmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXRlZ29yeU11bHRpU2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xyXG4gIEBWaWV3Q2hpbGQoJ2xpc3RCbG9jaycsIHsgc3RhdGljOiBmYWxzZSB9KSBsaXN0QmxvY2shOiBFbGVtZW50UmVmO1xyXG4gIEBJbnB1dCgpIGNhdGVnb3J5TGlzdDogYW55O1xyXG4gIEBJbnB1dCgpIGFsbENhdGVnb3JpZXM6IGFueVtdID0gW107XHJcblxyXG4gIEBJbnB1dCgpIGNhdGVnb3J5SWRLZXk6IGFueTtcclxuICBASW5wdXQoKSBzZWxlY3RlZENhdGVnb3JpZXM6IGFueVtdID0gW107XHJcblxyXG4gIHNlYXJjaCA9ICcnO1xyXG4gIGFjdGl2ZVRhYjogYW55ID0gJyc7XHJcbiAgc2VsZWN0ZWRJZHM6IGFueVtdID0gW107XHJcbiAgYW5pbWF0aW9uID0gZmFsc2U7XHJcbiAgYmxvY2tXaWR0aDogYW55O1xyXG5cclxuICBAT3V0cHV0KCkgc2F2ZVNlbGVjdGVkQ2F0ZWdvcnkgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIGNsb3NlTGlzdCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgY2xvc2VDYXRlZ29yaWVzTGlzdCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uQ2hhbmdlcygpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5hbmltYXRpb24gPSB0cnVlO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuYW5pbWF0aW9uID0gZmFsc2U7XHJcbiAgICB9LCAzMDApO1xyXG4gICAgdGhpcy5zZWxlY3RlZElkcyA9IFtdO1xyXG4gICAgaWYgKHRoaXMuc2VsZWN0ZWRDYXRlZ29yaWVzKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRDYXRlZ29yaWVzLmZvckVhY2goKGVsZW1lbnQpID0+IHtcclxuICAgICAgICB0aGlzLnNlbGVjdGVkSWRzLnB1c2goZWxlbWVudFt0aGlzLmNhdGVnb3J5SWRLZXldKTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICB0aGlzLnNldExpc3QoKTtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICB0aGlzLmJsb2NrV2lkdGggPSB0aGlzLmxpc3RCbG9jaz8ubmF0aXZlRWxlbWVudD8ub2Zmc2V0V2lkdGg7XHJcbiAgICB9LCAxMCk7XHJcbiAgfVxyXG5cclxuICBzZWxlY3RDYXRlZ29yeShtb2RlOiBhbnksIGFjdGl2ZVRhYjogYW55LCBjYXRlZ29yeTogYW55KSB7XHJcbiAgICBpZiAobW9kZSkge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkSWRzLnB1c2goY2F0ZWdvcnlbdGhpcy5jYXRlZ29yeUlkS2V5XSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBjb25zdCBpbmRleCA9IHRoaXMuc2VsZWN0ZWRJZHMuZmluZEluZGV4KFxyXG4gICAgICAgIChlbGVtZW50OiBhbnkpID0+IGVsZW1lbnQgPT0gY2F0ZWdvcnlbdGhpcy5jYXRlZ29yeUlkS2V5XVxyXG4gICAgICApO1xyXG4gICAgICB0aGlzLnNlbGVjdGVkSWRzLnNwbGljZShpbmRleCwgMSk7XHJcbiAgICB9XHJcbiAgICB0aGlzLnNldExpc3QoKTtcclxuICB9XHJcblxyXG4gIGRlbGV0ZUV2ZW50KGV2ZW50OiBhbnkpIHtcclxuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5zZWxlY3RlZElkcy5maW5kSW5kZXgoXHJcbiAgICAgIChlbGVtZW50OiBhbnkpID0+IGVsZW1lbnQgPT0gZXZlbnRbdGhpcy5jYXRlZ29yeUlkS2V5XVxyXG4gICAgKTtcclxuICAgIHRoaXMuc2VsZWN0ZWRJZHMuc3BsaWNlKGluZGV4LCAxKTtcclxuICAgIHRoaXMuc2V0TGlzdCgpO1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0QWxsKG1vZGU6IGFueSwgYWN0aXZlVGFiOiBhbnkpIHtcclxuICAgIGlmIChtb2RlKSB7XHJcbiAgICAgIGNvbnN0IGxpc3QgPSBbLi4udGhpcy5jYXRlZ29yeUxpc3RbYWN0aXZlVGFiXS5saXN0XTtcclxuICAgICAgbGlzdC5mb3JFYWNoKChlbGVtZW50KSA9PiB7XHJcbiAgICAgICAgaWYgKCF0aGlzLnNlbGVjdGVkSWRzLmluY2x1ZGVzKGVsZW1lbnRbdGhpcy5jYXRlZ29yeUlkS2V5XSkpIHtcclxuICAgICAgICAgIHRoaXMuc2VsZWN0ZWRJZHMucHVzaChlbGVtZW50W3RoaXMuY2F0ZWdvcnlJZEtleV0pO1xyXG4gICAgICAgIH1cclxuICAgICAgfSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBjb25zdCBsaXN0ID0gWy4uLnRoaXMuY2F0ZWdvcnlMaXN0W2FjdGl2ZVRhYl0ubGlzdF07XHJcbiAgICAgIGxpc3QuZm9yRWFjaCgoZWxlbWVudCkgPT4ge1xyXG4gICAgICAgIGlmICh0aGlzLnNlbGVjdGVkSWRzLmluY2x1ZGVzKGVsZW1lbnRbdGhpcy5jYXRlZ29yeUlkS2V5XSkpIHtcclxuICAgICAgICAgIGxldCBpZEluZGV4ID0gdGhpcy5zZWxlY3RlZElkcy5maW5kSW5kZXgoXHJcbiAgICAgICAgICAgIChpZDogYW55KSA9PiBpZCA9PSBlbGVtZW50W3RoaXMuY2F0ZWdvcnlJZEtleV1cclxuICAgICAgICAgICk7XHJcbiAgICAgICAgICB0aGlzLnNlbGVjdGVkSWRzLnNwbGljZShpZEluZGV4LCAxKTtcclxuICAgICAgICB9XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgdGhpcy5zZXRMaXN0KCk7XHJcbiAgfVxyXG5cclxuICBzZXRMaXN0KCkge1xyXG4gICAgY29uc3QgZGF0YTogYW55ID0gW107XHJcbiAgICBjb25zdCBjYXRlZ29yeUxpc3QgPSBjbG9uZURlZXAodGhpcy5hbGxDYXRlZ29yaWVzKTtcclxuICAgIGNvbnN0IHNlbGVjdGVkSWRzID0gY2xvbmVEZWVwKHRoaXMuc2VsZWN0ZWRJZHMpO1xyXG4gICAgdGhpcy5jYXRlZ29yeUxpc3QucmVndWxhdGlvbnMuc2VsZWN0ZWRMaXN0ID0gW107XHJcbiAgICB0aGlzLmNhdGVnb3J5TGlzdC5zdGFuZGFyZHMuc2VsZWN0ZWRMaXN0ID0gW107XHJcbiAgICB0aGlzLmNhdGVnb3J5TGlzdC5pbnRlcm5hbENvbnRyb2xzLnNlbGVjdGVkTGlzdCA9IFtdO1xyXG4gICAgdGhpcy5jYXRlZ29yeUxpc3Qub3RoZXJzLnNlbGVjdGVkTGlzdCA9IFtdO1xyXG5cclxuICAgIGNhdGVnb3J5TGlzdC5mb3JFYWNoKChlbGVtZW50OiBhbnkpID0+IHtcclxuICAgICAgaWYgKHNlbGVjdGVkSWRzLmluY2x1ZGVzKGVsZW1lbnRbdGhpcy5jYXRlZ29yeUlkS2V5XSkpIHtcclxuICAgICAgICBkYXRhLnB1c2goZWxlbWVudCk7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gICAgdGhpcy5zZWxlY3RlZENhdGVnb3JpZXMgPSBkYXRhO1xyXG5cclxuICAgIHRoaXMuY2F0ZWdvcnlMaXN0LnJlZ3VsYXRpb25zLmxpc3QuZm9yRWFjaCgoY2F0ZWdvcnk6IGFueSkgPT4ge1xyXG4gICAgICBpZiAoc2VsZWN0ZWRJZHMuaW5jbHVkZXMoY2F0ZWdvcnlbdGhpcy5jYXRlZ29yeUlkS2V5XSkpIHtcclxuICAgICAgICB0aGlzLmNhdGVnb3J5TGlzdC5yZWd1bGF0aW9ucy5zZWxlY3RlZExpc3QucHVzaChjYXRlZ29yeSk7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gICAgdGhpcy5jYXRlZ29yeUxpc3Quc3RhbmRhcmRzLmxpc3QuZm9yRWFjaCgoY2F0ZWdvcnk6IGFueSkgPT4ge1xyXG4gICAgICBpZiAoc2VsZWN0ZWRJZHMuaW5jbHVkZXMoY2F0ZWdvcnlbdGhpcy5jYXRlZ29yeUlkS2V5XSkpIHtcclxuICAgICAgICB0aGlzLmNhdGVnb3J5TGlzdC5zdGFuZGFyZHMuc2VsZWN0ZWRMaXN0LnB1c2goY2F0ZWdvcnkpO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICAgIHRoaXMuY2F0ZWdvcnlMaXN0LmludGVybmFsQ29udHJvbHMubGlzdC5mb3JFYWNoKChjYXRlZ29yeTogYW55KSA9PiB7XHJcbiAgICAgIGlmIChzZWxlY3RlZElkcy5pbmNsdWRlcyhjYXRlZ29yeVt0aGlzLmNhdGVnb3J5SWRLZXldKSkge1xyXG4gICAgICAgIHRoaXMuY2F0ZWdvcnlMaXN0LmludGVybmFsQ29udHJvbHMuc2VsZWN0ZWRMaXN0LnB1c2goY2F0ZWdvcnkpO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICAgIHRoaXMuY2F0ZWdvcnlMaXN0Lm90aGVycy5saXN0LmZvckVhY2goKGNhdGVnb3J5OiBhbnkpID0+IHtcclxuICAgICAgaWYgKHNlbGVjdGVkSWRzLmluY2x1ZGVzKGNhdGVnb3J5W3RoaXMuY2F0ZWdvcnlJZEtleV0pKSB7XHJcbiAgICAgICAgdGhpcy5jYXRlZ29yeUxpc3Qub3RoZXJzLnNlbGVjdGVkTGlzdC5wdXNoKGNhdGVnb3J5KTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgICBpZiAoIXRoaXMuYWN0aXZlVGFiKSB7XHJcbiAgICAgIHRoaXMuc2V0QWN0aXZlVGFiKCk7XHJcbiAgICB9XHJcbiAgfVxyXG4gIHNldEFjdGl2ZVRhYigpIHtcclxuICAgIGlmICh0aGlzLmNhdGVnb3J5TGlzdC5yZWd1bGF0aW9ucy5zZWxlY3RlZExpc3QubGVuZ3RoID4gMCkge1xyXG4gICAgICB0aGlzLmFjdGl2ZVRhYiA9ICdyZWd1bGF0aW9ucyc7XHJcbiAgICB9IGVsc2UgaWYgKHRoaXMuY2F0ZWdvcnlMaXN0LnN0YW5kYXJkcy5zZWxlY3RlZExpc3QubGVuZ3RoID4gMCkge1xyXG4gICAgICB0aGlzLmFjdGl2ZVRhYiA9ICdzdGFuZGFyZHMnO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLmNhdGVnb3J5TGlzdC5pbnRlcm5hbENvbnRyb2xzLnNlbGVjdGVkTGlzdC5sZW5ndGggPiAwKSB7XHJcbiAgICAgIHRoaXMuYWN0aXZlVGFiID0gJ2ludGVybmFsQ29udHJvbHMnO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLmNhdGVnb3J5TGlzdC5vdGhlcnMuc2VsZWN0ZWRMaXN0Lmxlbmd0aCA+IDApIHtcclxuICAgICAgdGhpcy5hY3RpdmVUYWIgPSAnb3RoZXJzJztcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuYWN0aXZlVGFiID0gJ3JlZ3VsYXRpb25zJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNoZWNrU2VsZWN0QWxsKGFjdGl2ZVRhYjogYW55KSB7XHJcbiAgICBjb25zdCBkYXRhID0gdGhpcy5jYXRlZ29yeUxpc3RbYWN0aXZlVGFiXS5saXN0LmV2ZXJ5KCh1c2VyOiBhbnkpID0+XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRJZHMuaW5jbHVkZXModXNlclt0aGlzLmNhdGVnb3J5SWRLZXldKVxyXG4gICAgKTtcclxuICAgIHJldHVybiBkYXRhO1xyXG4gIH1cclxuXHJcbiAgc2F2ZSgpIHtcclxuICAgIHRoaXMuc2F2ZVNlbGVjdGVkQ2F0ZWdvcnkuZW1pdCh0aGlzLnNlbGVjdGVkQ2F0ZWdvcmllcyk7XHJcbiAgfVxyXG5cclxuICBjbG9zZSgpIHtcclxuICAgIHRoaXMuY2xvc2VDYXRlZ29yaWVzTGlzdC5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjYXRlZ29yeS1tdWx0aS1zZWxlY3RcIiBbY2xhc3MuYW5pbWF0ZV09XCJhbmltYXRpb25cIj5cclxuICA8ZGl2IGNsYXNzPVwiY2F0ZWdvcnktbXVsdGktc2VsZWN0LWhlYWRcIj5cclxuICAgIDxoMyBjbGFzcz1cImNhdGVnb3J5LW11bHRpLXNlbGVjdC10aXRsZVwiPlNlbGVjdCBQcm9ncmFtczwvaDM+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImNhdGVnb3J5LW11bHRpLXNlbGVjdC1ib2R5XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLWNhcmQtcm93XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXItY2FyZFwiIFtjbGFzcy5hY3RpdmVdPVwiYWN0aXZlVGFiID09ICdyZWd1bGF0aW9ucydcIiAoY2xpY2spPVwiYWN0aXZlVGFiID0gJ3JlZ3VsYXRpb25zJ1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0XCI+XHJcbiAgICAgICAgICA8bGFiZWw+UkVHVUxBVElPTlM8L2xhYmVsPlxyXG4gICAgICAgICAgPHAgKm5nSWY9XCJjYXRlZ29yeUxpc3Q/LnJlZ3VsYXRpb25zPy5zZWxlY3RlZExpc3Q/Lmxlbmd0aCAhPSAwXCI+XHJcbiAgICAgICAgICAgIHt7Y2F0ZWdvcnlMaXN0Py5yZWd1bGF0aW9ucz8uc2VsZWN0ZWRMaXN0Py5sZW5ndGh9fVxyXG4gICAgICAgICAgICB7eyhjYXRlZ29yeUxpc3Q/LnJlZ3VsYXRpb25zPy5zZWxlY3RlZExpc3Q/Lmxlbmd0aD09MSk/J0NhdGVnb3J5JzonQ2F0ZWdvcmllcyd9fSBzZWxlY3RlZFxyXG4gICAgICAgICAgPC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiY291bnRlclwiPnt7Y2F0ZWdvcnlMaXN0Py5yZWd1bGF0aW9ucz8ubGlzdD8ubGVuZ3RofX08L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLWNhcmRcIiBbY2xhc3MuYWN0aXZlXT1cImFjdGl2ZVRhYiA9PSAnc3RhbmRhcmRzJ1wiIChjbGljayk9XCJhY3RpdmVUYWIgPSAnc3RhbmRhcmRzJ1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0XCI+XHJcbiAgICAgICAgICA8bGFiZWw+U1RBTkRBUkRTPC9sYWJlbD5cclxuICAgICAgICAgIDxwICpuZ0lmPVwiY2F0ZWdvcnlMaXN0Py5zdGFuZGFyZHM/LnNlbGVjdGVkTGlzdD8ubGVuZ3RoICE9IDBcIj5cclxuICAgICAgICAgICAge3tjYXRlZ29yeUxpc3Q/LnN0YW5kYXJkcz8uc2VsZWN0ZWRMaXN0Py5sZW5ndGh9fVxyXG4gICAgICAgICAgICB7eyhjYXRlZ29yeUxpc3Q/LnN0YW5kYXJkcz8uc2VsZWN0ZWRMaXN0Py5sZW5ndGg9PTEpPydDYXRlZ29yeSc6J0NhdGVnb3JpZXMnfX0gc2VsZWN0ZWRcclxuICAgICAgICAgIDwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImNvdW50ZXJcIj57e2NhdGVnb3J5TGlzdD8uc3RhbmRhcmRzPy5saXN0Py5sZW5ndGh9fTwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXItY2FyZFwiIFtjbGFzcy5hY3RpdmVdPVwiYWN0aXZlVGFiID09ICdpbnRlcm5hbENvbnRyb2xzJ1wiXHJcbiAgICAgICAgKGNsaWNrKT1cImFjdGl2ZVRhYiA9ICdpbnRlcm5hbENvbnRyb2xzJ1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0XCI+XHJcbiAgICAgICAgICA8bGFiZWw+SU5URVJOQUwgQ09OVFJPTFM8L2xhYmVsPlxyXG4gICAgICAgICAgPHAgKm5nSWY9XCJjYXRlZ29yeUxpc3Q/LmludGVybmFsQ29udHJvbHM/LnNlbGVjdGVkTGlzdD8ubGVuZ3RoICE9IDBcIj5cclxuICAgICAgICAgICAge3tjYXRlZ29yeUxpc3Q/LmludGVybmFsQ29udHJvbHM/LnNlbGVjdGVkTGlzdD8ubGVuZ3RofX1cclxuICAgICAgICAgICAge3soY2F0ZWdvcnlMaXN0Py5pbnRlcm5hbENvbnRyb2xzPy5zZWxlY3RlZExpc3Q/Lmxlbmd0aD09MSk/J0NhdGVnb3J5JzonQ2F0ZWdvcmllcyd9fSBzZWxlY3RlZFxyXG4gICAgICAgICAgPC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiY291bnRlclwiPnt7Y2F0ZWdvcnlMaXN0Py5pbnRlcm5hbENvbnRyb2xzPy5saXN0Py5sZW5ndGh9fTwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXItY2FyZFwiIFtjbGFzcy5hY3RpdmVdPVwiYWN0aXZlVGFiID09ICdvdGhlcnMnXCIgKGNsaWNrKT1cImFjdGl2ZVRhYiA9ICdvdGhlcnMnXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImxlZnRcIj5cclxuICAgICAgICAgIDxsYWJlbD5PVEhFUlM8L2xhYmVsPlxyXG4gICAgICAgICAgPHAgKm5nSWY9XCJjYXRlZ29yeUxpc3Q/Lm90aGVycz8uc2VsZWN0ZWRMaXN0Py5sZW5ndGggIT0gMFwiPlxyXG4gICAgICAgICAgICB7e2NhdGVnb3J5TGlzdD8ub3RoZXJzPy5zZWxlY3RlZExpc3Q/Lmxlbmd0aH19XHJcbiAgICAgICAgICAgIHt7KGNhdGVnb3J5TGlzdD8ub3RoZXJzPy5zZWxlY3RlZExpc3Q/Lmxlbmd0aD09MSk/J0NhdGVnb3J5JzonQ2F0ZWdvcmllcyd9fSBzZWxlY3RlZFxyXG4gICAgICAgICAgPC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiY291bnRlclwiPnt7Y2F0ZWdvcnlMaXN0Py5vdGhlcnM/Lmxpc3Q/Lmxlbmd0aH19PC9zcGFuPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInNlYXJjaC1ibG9ja1wiPlxyXG4gICAgICA8aSBjbGFzcz1cImljb25zXCI+JiN4ZTkwYjs8L2k+XHJcbiAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIFsobmdNb2RlbCldPVwic2VhcmNoXCIgcGxhY2Vob2xkZXI9XCJTZWFyY2ggUmVzcG9uc2liaWxpdHkgQ2F0ZWdvcnlcIiAvPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8IS0tIDxkaXYgY2xhc3M9XCJib2R5LXRvcFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicGFnaW5hdGlvblwiPjwvZGl2PlxyXG4gICAgPC9kaXY+IC0tPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIihjYXRlZ29yeUxpc3RbYWN0aXZlVGFiXS5saXN0IHwgZmlsdGVyOiBzZWFyY2gpIGFzIHNlYXJjaExpc3RcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImJvZHktdG9wXCIgKm5nSWY9XCJzZWFyY2hMaXN0Py5sZW5ndGggPiAwICYmIHNlYXJjaC50cmltKCk/Lmxlbmd0aCA9PT0gMFwiPlxyXG4gICAgICAgIDxhcHAtY3MtY2hlY2tib3ggW25nVmFsdWVdPVwiY2hlY2tTZWxlY3RBbGwoYWN0aXZlVGFiKVwiIChuZ1ZhbHVlQ2hhbmdlKT1cInNlbGVjdEFsbCgkZXZlbnQsYWN0aXZlVGFiKVwiPlxyXG4gICAgICAgICAgPHN0cm9uZz57e2NoZWNrU2VsZWN0QWxsKGFjdGl2ZVRhYikgPyAnRGVzZWxlY3QgQWxsJyA6ICdTZWxlY3QgQWxsJ319PC9zdHJvbmc+XHJcbiAgICAgICAgPC9hcHAtY3MtY2hlY2tib3g+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8dWwgY2xhc3M9XCJjYXRlZ29yaWVzXCIgKm5nSWY9XCJzZWFyY2hMaXN0Py5sZW5ndGggPiAwIFwiPlxyXG4gICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgY2F0ZWdvcnkgb2Ygc2VhcmNoTGlzdFwiID5cclxuICAgICAgICAgIDxhcHAtY3MtY2hlY2tib3ggW25nVmFsdWVdPVwic2VsZWN0ZWRJZHMuaW5jbHVkZXMoY2F0ZWdvcnlbY2F0ZWdvcnlJZEtleV0pXCJcclxuICAgICAgICAgICAgKG5nVmFsdWVDaGFuZ2UpPVwic2VsZWN0Q2F0ZWdvcnkoJGV2ZW50LGFjdGl2ZVRhYixjYXRlZ29yeSlcIj5cclxuICAgICAgICAgICAgPHVsIGNsYXNzPVwiY2F0ZWdvcnktbmFtZVwiICNsaXN0QmxvY2s+XHJcbiAgICAgICAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBlbnRpdHkgb2YgY2F0ZWdvcnkuY2F0ZWdvcnlfbmFtZTsgbGV0IGogPSBpbmRleFwiIFthcHBUb29sdGlwXT1cImVudGl0eVwiIHBsYWNlbWVudD1cImJvdHRvbVwiXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYmxhY2tcIiBkZWxheT1cIjBcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJ0cnVlXCIgW3N0eWxlLm1heC13aWR0aC5weF09XCJibG9ja1dpZHRoIC8gY2F0ZWdvcnkuY2F0ZWdvcnlfbmFtZS5sZW5ndGhcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuPlxyXG4gICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zXCIgKm5nSWY9XCJqICE9PSAwXCI+JiN4ZTkxMDs8L2k+e3sgZW50aXR5IH19XHJcbiAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgIDwvYXBwLWNzLWNoZWNrYm94PlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgIDwvdWw+XHJcbiAgICAgIDxhcHAtbm8tZGF0YSAqbmdJZj1cInNlYXJjaExpc3QubGVuZ3RoID09PSAwXCJcclxuICAgICAgICBbbm9EYXRhSW1hZ2VdPVwiJ2h0dHBzOi8vY2RuLnYtY29tcGx5LmNvbS9saWJyYXJpZXMvd29ya2Zsb3ctZW5naW5lL2Fzc2V0cy93b3JrZmxvdy9zZWFyY2gtZGF0YS5zdmcnXCJcclxuICAgICAgICBbbm9EYXRhVGV4dF09XCInTm8gQ2F0ZWdvcmllcyBGb3VuZCdcIj48L2FwcC1uby1kYXRhPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImNhdGVnb3J5LW11bHRpLXNlbGVjdC1mb290ZXJcIj5cclxuICAgIDxhcHAtZmxvYXRpbmctYmFyIFtzZWxlY3RlZERhdGFdPVwic2VsZWN0ZWRDYXRlZ29yaWVzXCIgW2Rpc3BsYXlFbGVtZW50S2V5XT1cIidpdGVtX25hbWUnXCJcclxuICAgICAgW3Npbmd1bGFyVGV4dF09XCInUHJvZ3JhbSBzZWxlY3RlZCdcIiBbcGx1cmFsVGV4dF09XCInUHJvZ3JhbXMgc2VsZWN0ZWQnXCJcclxuICAgICAgKGNsb3NlRXZlbnQpPVwic2F2ZSgpXCIgKGRlbGV0ZUV2ZW50KT1cImRlbGV0ZUV2ZW50KCRldmVudClcIiAoY2xvc2VMaXN0KT1cImNsb3NlKClcIlxyXG4gICAgICBbaXNEaXNhYmxlZF09XCJzZWxlY3RlZENhdGVnb3JpZXM/Lmxlbmd0aCA9PT0gMCB8fCAgY2F0ZWdvcnlMaXN0W2FjdGl2ZVRhYl0/Lmxpc3Q/Lmxlbmd0aCA9PT0gMFwiPlxyXG4gICAgPC9hcHAtZmxvYXRpbmctYmFyPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2022/lib/sharedComponents/checkbox-list/checkbox-list.component.mjs

@@ -0,0 +1,92 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "../../formgroup/cs-checkbox/cs-checkbox.component";
+import * as i4 from "../../ui-kit/tooltip/tooltip.directive";
+import * as i5 from "../no-data/no-data.component";
+import * as i6 from "../floating-bar/floating-bar.component";
+import * as i7 from "../../pipes/list-mapper.pipe";
+import * as i8 from "../../pipes/search.pipe";
+export class CheckboxListComponent {
+    constructor() {
+        this.itemsList = [];
+        this.selectedItems = [];
+        this.identifierKey = '';
+        this.displayKey = '';
+        this.tooltipKey = '';
+        this.twoColumn = false;
+        this.closeList = new EventEmitter();
+        this.saveList = new EventEmitter();
+        this.searchItem = '';
+        this.animation = true;
+    }
+    ngOnInit() {
+        setTimeout(() => {
+            this.animation = false;
+        }, 300);
+        this.selectedItems = this.arrayToId(this.selectedItems, this.identifierKey);
+    }
+    selectItem(item, checked) {
+        if (checked) {
+            this.selectedItems.push(item);
+            this.selectedItems = Array.from(new Set(this.selectedItems));
+        }
+        else {
+            const itemIndex = this.selectedItems.findIndex((el) => el === item);
+            if (itemIndex !== -1) {
+                this.selectedItems.splice(itemIndex, 1);
+            }
+        }
+    }
+    deleteItem(item) {
+        const itemIndex = this.selectedItems.findIndex((el) => el === item[this.identifierKey]);
+        if (itemIndex !== -1) {
+            this.selectedItems.splice(itemIndex, 1);
+        }
+    }
+    save() {
+        this.saveList.emit(this.selectedItems);
+    }
+    close() {
+        this.closeList.emit();
+    }
+    arrayToId(array, identifierKey) {
+        return array.map((a) => a[identifierKey]);
+    }
+    selectAll(evt) {
+        if (evt === true) {
+            this.selectedItems = this.itemsList.map((e) => {
+                return e[this.identifierKey];
+            });
+        }
+        else {
+            this.selectedItems = [];
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxListComponent, selector: "app-checkbox-list", inputs: { itemsList: "itemsList", selectedItems: "selectedItems", identifierKey: "identifierKey", displayKey: "displayKey", tooltipKey: "tooltipKey", config: "config", twoColumn: "twoColumn" }, outputs: { closeList: "closeList", saveList: "saveList" }, ngImport: i0, template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\r\n    <div class=\"add-risk-rc-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n        <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">{{config?.panelTitle}}</div>\r\n        <!-- <button class=\"add-risk-rc-close\" (click)=close()>\r\n            <i class=\"icons\">&#xe90d;</i>\r\n        </button> -->\r\n    </div>\r\n    <div class=\"add-risk-rc-body\">\r\n        <div class=\"search-block\">\r\n            <i class=\"icons\">&#xe90b;</i>\r\n            <input type=\"text\" placeholder=\"{{config?.searchPlaceholder}}\" [(ngModel)]=\"searchItem\" />\r\n        </div>\r\n        <ng-container *ngIf=\"(itemsList | search:searchItem:displayKey) as searchList\">\r\n            <div class=\"body-top\" *ngIf=\"config?.selectAllEnabled && searchList?.length > 0 && searchItem?.trim()?.length === 0 \">\r\n                <app-cs-checkbox [ngValue]=\"itemsList?.length === selectedItems?.length && selectedItems?.length > 0\"\r\n                    (ngValueChange)=\"selectAll($event)\"><strong> {{itemsList?.length === selectedItems?.length &&\r\n                        selectedItems?.length > 0?'Deselect All':'Select All'}}</strong>\r\n                </app-cs-checkbox>\r\n            </div>\r\n            <div class=\"add-risk-rc-list\" *ngIf=\"searchList?.length > 0\">\r\n                <ul [class.two-column]=\"twoColumn\">\r\n                    <li *ngFor=\"let item  of searchList\" #ulElement>\r\n                        <app-cs-checkbox *ngIf=\"config.workflow !== 'policy'\" [ngValue]=\"selectedItems.includes(item[identifierKey])\"\r\n                            (ngValueChange)=\"selectItem(item[identifierKey],$event)\"\r\n                            [appTooltip]=\"tooltipKey ? item[tooltipKey]: item[displayKey]\" placement=\"bottom-left\" delay=\"0\"\r\n                            [tooltipMandatory]=\"true\">\r\n                            {{item[displayKey]}}{{item?.parent_items?.length && config.workflow === 'policy'? ' < ' + item?.parent_items?.join(' < '):'' }}\r\n                        </app-cs-checkbox>\r\n                        <app-cs-checkbox *ngIf=\"config.workflow === 'policy'\" [ngValue]=\"selectedItems.includes(item[identifierKey])\"\r\n                        (ngValueChange)=\"selectItem(item[identifierKey],$event)\">\r\n                            <ul class=\"add-category-name\">\r\n                                <li *ngFor=\"let data of item?.parent_items; let i = index\" [appTooltip]=\"data\" placement=\"bottom-left\" type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\r\n                                    <i *ngIf=\"i > 0;\" class=\"icons\">&#xe910;</i>{{data}}\r\n                                </li>\r\n                                <li  [appTooltip]=\"item[displayKey]\" placement=\"bottom-left\" type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\r\n                                    <i *ngIf=\"item?.parent_items?.length > 0\" class=\"icons\">&#xe910;</i> {{item[displayKey]}}\r\n                                </li>\r\n                            </ul>\r\n                        </app-cs-checkbox>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n            <app-no-data *ngIf=\"searchList.length === 0\"\r\n                [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n                [noDataText]=\"config?.noDataText?.length > 0 ? config?.noDataText:'No data to display'\"></app-no-data>\r\n        </ng-container>\r\n\r\n        <app-floating-bar [selectedData]=\"selectedItems|listMapper:itemsList:identifierKey\" [displayElementKey]=\"displayKey\"\r\n            [singularText]=\"config?.floatingTextSingular\"\r\n            [pluralText]=\"config?.floatingTextPlural ?config?.floatingTextPlural:'Users selected'\" (closeEvent)=\"save()\"\r\n            (closeList)=\"close()\" [isDisabled]=\"selectedItems.length === 0 || itemsList.length === 0 \"\r\n            (deleteEvent)=\"deleteItem($event)\"></app-floating-bar>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/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/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 .add-risk-rc{position:fixed;inset:0 500px 0 0;z-index:1}::ng-deep .add-risk-rc:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-rc-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-rc-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .add-risk-rc-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-rc-body .search-block{position:relative}::ng-deep .add-risk-rc-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .add-risk-rc-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .add-risk-rc-body .search-block i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .add-risk-rc-body .body-top{display:flex;justify-content:space-between;padding:.5rem 0 0}::ng-deep .add-risk-rc-body .body-top app-cs-checkbox{display:flex}::ng-deep .add-risk-rc-body .body-top app-cs-checkbox label span.value strong{color:#161b2f;font-size:12px;font-weight:600;white-space:nowrap}::ng-deep .add-risk-rc-body .add-risk-rc-list{margin:1rem 0;display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 16rem);overflow:hidden;overflow-y:auto}::ng-deep .add-risk-rc-body .add-risk-rc-list::-webkit-scrollbar-track{background-color:transparent}::ng-deep .add-risk-rc-body .add-risk-rc-list::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .add-risk-rc-body .add-risk-rc-list ul{padding:0;margin:0}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li{width:100%;padding:0 0 1rem;list-style:none}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio{display:flex}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox label,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio label{width:100%}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox label span.value,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio label span.value{width:auto;justify-content:flex-start;line-height:18px!important;font-size:12px!important;color:#161b2f!important}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox ul.add-category-name,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio ul.add-category-name{display:flex;justify-content:flex-start;width:auto;max-width:100%}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox ul.add-category-name li,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio ul.add-category-name li{list-style:none;color:#747576;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 8px 0 0;max-width:100%}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox ul.add-category-name li i,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio ul.add-category-name li i{font-size:8px;padding-right:8px}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox ul.add-category-name li:first-child,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio ul.add-category-name li:first-child{color:#1e5dd3;max-width:100%}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox ul.add-category-name li:last-of-type,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio ul.add-category-name li:last-of-type{color:#34aa44}::ng-deep .add-risk-rc-body .add-risk-rc-list ul.two-column{display:flex;flex-wrap:wrap}::ng-deep .add-risk-rc-body .add-risk-rc-list ul.two-column li{width:50%;padding-right:20px}::ng-deep .add-risk-rc-body app-no-data .no-data-wrapper{height:calc(100vh - 200px)}::ng-deep .add-risk-rc.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .add-risk-rc .message-footer{background:#1e5dd3;border-radius:5px;margin:0 0 0 30px;width:calc(100% - 60px);position:relative;bottom:0}::ng-deep .add-risk-rc .message-footer .message{padding:15px;display:flex;align-items:flex-start}::ng-deep .add-risk-rc .message-footer .message i{width:auto;font-size:16px;color:#fff}::ng-deep .add-risk-rc .message-footer .message span{color:#fff;font-size:12px;line-height:18px;padding-left:9px;font-weight:300}::ng-deep .add-risk-rc .message-footer .footer{border-top:1px solid #1483ef;display:flex;justify-content:space-between;align-items:center;padding:10px 15px}::ng-deep .add-risk-rc .message-footer .footer span{color:#fff;font-size:14px}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper{display:flex}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button{width:60px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;font-weight:500;border:1px solid #fff;text-transform:uppercase;border-radius:2px;outline:none;padding:0;margin:0}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button.outline{background:#1e5dd3;color:#fff}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button.fill{background:#fff;color:#1e5dd3}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i6.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "pipe", type: i7.ListMapperPipe, name: "listMapper" }, { kind: "pipe", type: i8.SearchPipe, name: "search" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-checkbox-list', template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\r\n    <div class=\"add-risk-rc-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n        <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">{{config?.panelTitle}}</div>\r\n        <!-- <button class=\"add-risk-rc-close\" (click)=close()>\r\n            <i class=\"icons\">&#xe90d;</i>\r\n        </button> -->\r\n    </div>\r\n    <div class=\"add-risk-rc-body\">\r\n        <div class=\"search-block\">\r\n            <i class=\"icons\">&#xe90b;</i>\r\n            <input type=\"text\" placeholder=\"{{config?.searchPlaceholder}}\" [(ngModel)]=\"searchItem\" />\r\n        </div>\r\n        <ng-container *ngIf=\"(itemsList | search:searchItem:displayKey) as searchList\">\r\n            <div class=\"body-top\" *ngIf=\"config?.selectAllEnabled && searchList?.length > 0 && searchItem?.trim()?.length === 0 \">\r\n                <app-cs-checkbox [ngValue]=\"itemsList?.length === selectedItems?.length && selectedItems?.length > 0\"\r\n                    (ngValueChange)=\"selectAll($event)\"><strong> {{itemsList?.length === selectedItems?.length &&\r\n                        selectedItems?.length > 0?'Deselect All':'Select All'}}</strong>\r\n                </app-cs-checkbox>\r\n            </div>\r\n            <div class=\"add-risk-rc-list\" *ngIf=\"searchList?.length > 0\">\r\n                <ul [class.two-column]=\"twoColumn\">\r\n                    <li *ngFor=\"let item  of searchList\" #ulElement>\r\n                        <app-cs-checkbox *ngIf=\"config.workflow !== 'policy'\" [ngValue]=\"selectedItems.includes(item[identifierKey])\"\r\n                            (ngValueChange)=\"selectItem(item[identifierKey],$event)\"\r\n                            [appTooltip]=\"tooltipKey ? item[tooltipKey]: item[displayKey]\" placement=\"bottom-left\" delay=\"0\"\r\n                            [tooltipMandatory]=\"true\">\r\n                            {{item[displayKey]}}{{item?.parent_items?.length && config.workflow === 'policy'? ' < ' + item?.parent_items?.join(' < '):'' }}\r\n                        </app-cs-checkbox>\r\n                        <app-cs-checkbox *ngIf=\"config.workflow === 'policy'\" [ngValue]=\"selectedItems.includes(item[identifierKey])\"\r\n                        (ngValueChange)=\"selectItem(item[identifierKey],$event)\">\r\n                            <ul class=\"add-category-name\">\r\n                                <li *ngFor=\"let data of item?.parent_items; let i = index\" [appTooltip]=\"data\" placement=\"bottom-left\" type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\r\n                                    <i *ngIf=\"i > 0;\" class=\"icons\">&#xe910;</i>{{data}}\r\n                                </li>\r\n                                <li  [appTooltip]=\"item[displayKey]\" placement=\"bottom-left\" type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\r\n                                    <i *ngIf=\"item?.parent_items?.length > 0\" class=\"icons\">&#xe910;</i> {{item[displayKey]}}\r\n                                </li>\r\n                            </ul>\r\n                        </app-cs-checkbox>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n            <app-no-data *ngIf=\"searchList.length === 0\"\r\n                [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n                [noDataText]=\"config?.noDataText?.length > 0 ? config?.noDataText:'No data to display'\"></app-no-data>\r\n        </ng-container>\r\n\r\n        <app-floating-bar [selectedData]=\"selectedItems|listMapper:itemsList:identifierKey\" [displayElementKey]=\"displayKey\"\r\n            [singularText]=\"config?.floatingTextSingular\"\r\n            [pluralText]=\"config?.floatingTextPlural ?config?.floatingTextPlural:'Users selected'\" (closeEvent)=\"save()\"\r\n            (closeList)=\"close()\" [isDisabled]=\"selectedItems.length === 0 || itemsList.length === 0 \"\r\n            (deleteEvent)=\"deleteItem($event)\"></app-floating-bar>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/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/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 .add-risk-rc{position:fixed;inset:0 500px 0 0;z-index:1}::ng-deep .add-risk-rc:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-rc-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-rc-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .add-risk-rc-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-rc-body .search-block{position:relative}::ng-deep .add-risk-rc-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .add-risk-rc-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .add-risk-rc-body .search-block i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .add-risk-rc-body .body-top{display:flex;justify-content:space-between;padding:.5rem 0 0}::ng-deep .add-risk-rc-body .body-top app-cs-checkbox{display:flex}::ng-deep .add-risk-rc-body .body-top app-cs-checkbox label span.value strong{color:#161b2f;font-size:12px;font-weight:600;white-space:nowrap}::ng-deep .add-risk-rc-body .add-risk-rc-list{margin:1rem 0;display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 16rem);overflow:hidden;overflow-y:auto}::ng-deep .add-risk-rc-body .add-risk-rc-list::-webkit-scrollbar-track{background-color:transparent}::ng-deep .add-risk-rc-body .add-risk-rc-list::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .add-risk-rc-body .add-risk-rc-list ul{padding:0;margin:0}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li{width:100%;padding:0 0 1rem;list-style:none}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio{display:flex}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox label,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio label{width:100%}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox label span.value,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio label span.value{width:auto;justify-content:flex-start;line-height:18px!important;font-size:12px!important;color:#161b2f!important}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox ul.add-category-name,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio ul.add-category-name{display:flex;justify-content:flex-start;width:auto;max-width:100%}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox ul.add-category-name li,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio ul.add-category-name li{list-style:none;color:#747576;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 8px 0 0;max-width:100%}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox ul.add-category-name li i,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio ul.add-category-name li i{font-size:8px;padding-right:8px}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox ul.add-category-name li:first-child,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio ul.add-category-name li:first-child{color:#1e5dd3;max-width:100%}::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-checkbox ul.add-category-name li:last-of-type,::ng-deep .add-risk-rc-body .add-risk-rc-list ul li app-cs-radio ul.add-category-name li:last-of-type{color:#34aa44}::ng-deep .add-risk-rc-body .add-risk-rc-list ul.two-column{display:flex;flex-wrap:wrap}::ng-deep .add-risk-rc-body .add-risk-rc-list ul.two-column li{width:50%;padding-right:20px}::ng-deep .add-risk-rc-body app-no-data .no-data-wrapper{height:calc(100vh - 200px)}::ng-deep .add-risk-rc.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .add-risk-rc .message-footer{background:#1e5dd3;border-radius:5px;margin:0 0 0 30px;width:calc(100% - 60px);position:relative;bottom:0}::ng-deep .add-risk-rc .message-footer .message{padding:15px;display:flex;align-items:flex-start}::ng-deep .add-risk-rc .message-footer .message i{width:auto;font-size:16px;color:#fff}::ng-deep .add-risk-rc .message-footer .message span{color:#fff;font-size:12px;line-height:18px;padding-left:9px;font-weight:300}::ng-deep .add-risk-rc .message-footer .footer{border-top:1px solid #1483ef;display:flex;justify-content:space-between;align-items:center;padding:10px 15px}::ng-deep .add-risk-rc .message-footer .footer span{color:#fff;font-size:14px}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper{display:flex}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button{width:60px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;font-weight:500;border:1px solid #fff;text-transform:uppercase;border-radius:2px;outline:none;padding:0;margin:0}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button.outline{background:#1e5dd3;color:#fff}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button.fill{background:#fff;color:#1e5dd3}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { itemsList: [{
+                type: Input
+            }], selectedItems: [{
+                type: Input
+            }], identifierKey: [{
+                type: Input
+            }], displayKey: [{
+                type: Input
+            }], tooltipKey: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], twoColumn: [{
+                type: Input
+            }], closeList: [{
+                type: Output
+            }], saveList: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2NoZWNrYm94LWxpc3QvY2hlY2tib3gtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL2NoZWNrYm94LWxpc3QvY2hlY2tib3gtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7O0FBTy9FLE1BQU0sT0FBTyxxQkFBcUI7SUFZaEM7UUFYUyxjQUFTLEdBQVEsRUFBRSxDQUFDO1FBQ3BCLGtCQUFhLEdBQVEsRUFBRSxDQUFDO1FBQ3hCLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ25CLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFDaEIsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUVoQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQy9CLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3hDLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFDaEIsY0FBUyxHQUFJLElBQUksQ0FBQztJQUNGLENBQUM7SUFFakIsUUFBUTtRQUNOLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN6QixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDUixJQUFJLENBQUMsYUFBYSxHQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFFL0UsQ0FBQztJQUNELFVBQVUsQ0FBQyxJQUFTLEVBQUUsT0FBZ0I7UUFDcEMsSUFBSSxPQUFPLEVBQUM7WUFDVixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUM5QixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7U0FFOUQ7YUFBSTtZQUNELE1BQU0sU0FBUyxHQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBTyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEtBQUssSUFBSSxDQUFDLENBQUM7WUFDMUUsSUFBSSxTQUFTLEtBQUssQ0FBQyxDQUFDLEVBQUM7Z0JBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxDQUFDO2FBQUU7U0FDbkU7SUFDSCxDQUFDO0lBQ0QsVUFBVSxDQUFDLElBQVM7UUFDbEIsTUFBTSxTQUFTLEdBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7UUFDOUYsSUFBSSxTQUFTLEtBQUssQ0FBQyxDQUFDLEVBQUM7WUFBQyxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLENBQUM7U0FBRTtJQUNuRSxDQUFDO0lBR0QsSUFBSTtRQUNELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUdELFNBQVMsQ0FBQyxLQUFVLEVBQUUsYUFBa0I7UUFDckMsT0FBTyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBQ0QsU0FBUyxDQUFDLEdBQVE7UUFDakIsSUFBRyxHQUFHLEtBQUssSUFBSSxFQUFDO1lBQ2QsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQU0sRUFBRSxFQUFFO2dCQUNqRCxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDL0IsQ0FBQyxDQUFDLENBQUM7U0FDSjthQUFJO1lBQ0gsSUFBSSxDQUFDLGFBQWEsR0FBRyxFQUFFLENBQUM7U0FDekI7SUFFRixDQUFDOytHQTFEVyxxQkFBcUI7bUdBQXJCLHFCQUFxQixzVENQbEMsb2hJQXNEQTs7NEZEL0NhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxtQkFBbUI7MEVBS3BCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jaGVja2JveC1saXN0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3gtbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY2hlY2tib3gtbGlzdC5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaGVja2JveExpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGl0ZW1zTGlzdDogYW55ID0gW107XHJcbiAgQElucHV0KCkgc2VsZWN0ZWRJdGVtczogYW55ID0gW107XHJcbiAgQElucHV0KCkgaWRlbnRpZmllcktleSA9ICcnO1xyXG4gIEBJbnB1dCgpIGRpc3BsYXlLZXkgPSAnJztcclxuICBASW5wdXQoKSB0b29sdGlwS2V5ID0gJyc7XHJcbiAgQElucHV0KCkgY29uZmlnICE6IGFueTtcclxuICBASW5wdXQoKSB0d29Db2x1bW4gPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgY2xvc2VMaXN0ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBzYXZlTGlzdCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBzZWFyY2hJdGVtID0gJyc7XHJcbiAgYW5pbWF0aW9uID0gIHRydWU7XHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5hbmltYXRpb24gPSBmYWxzZTtcclxuICAgIH0sIDMwMCk7XHJcbiAgICB0aGlzLnNlbGVjdGVkSXRlbXMgPSAgdGhpcy5hcnJheVRvSWQodGhpcy5zZWxlY3RlZEl0ZW1zLCB0aGlzLmlkZW50aWZpZXJLZXkpO1xyXG5cclxuICB9XHJcbiAgc2VsZWN0SXRlbShpdGVtOiBhbnksIGNoZWNrZWQ6IGJvb2xlYW4pe1xyXG4gICAgaWYgKGNoZWNrZWQpe1xyXG4gICAgICB0aGlzLnNlbGVjdGVkSXRlbXMucHVzaChpdGVtKTtcclxuICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zID0gQXJyYXkuZnJvbShuZXcgU2V0KHRoaXMuc2VsZWN0ZWRJdGVtcykpO1xyXG5cclxuICAgIH1lbHNle1xyXG4gICAgICAgIGNvbnN0IGl0ZW1JbmRleCA9ICB0aGlzLnNlbGVjdGVkSXRlbXMuZmluZEluZGV4KChlbDogYW55KSA9PiBlbCA9PT0gaXRlbSk7XHJcbiAgICAgICAgaWYgKGl0ZW1JbmRleCAhPT0gLTEpe3RoaXMuc2VsZWN0ZWRJdGVtcy5zcGxpY2UoaXRlbUluZGV4LCAxKTsgfVxyXG4gICAgfVxyXG4gIH1cclxuICBkZWxldGVJdGVtKGl0ZW06IGFueSl7XHJcbiAgICBjb25zdCBpdGVtSW5kZXggPSAgdGhpcy5zZWxlY3RlZEl0ZW1zLmZpbmRJbmRleCgoZWw6IGFueSkgPT4gZWwgPT09IGl0ZW1bdGhpcy5pZGVudGlmaWVyS2V5XSk7XHJcbiAgICBpZiAoaXRlbUluZGV4ICE9PSAtMSl7dGhpcy5zZWxlY3RlZEl0ZW1zLnNwbGljZShpdGVtSW5kZXgsIDEpOyB9XHJcbiB9XHJcblxyXG5cclxuIHNhdmUoKXtcclxuICAgIHRoaXMuc2F2ZUxpc3QuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXMpO1xyXG4gfVxyXG5cclxuIGNsb3NlKCl7XHJcbiAgIHRoaXMuY2xvc2VMaXN0LmVtaXQoKTtcclxuIH1cclxuXHJcblxyXG4gYXJyYXlUb0lkKGFycmF5OiBhbnksIGlkZW50aWZpZXJLZXk6IGFueSl7XHJcbiAgICByZXR1cm4gYXJyYXkubWFwKChhOiBhbnkpID0+IGFbaWRlbnRpZmllcktleV0pO1xyXG4gfVxyXG4gc2VsZWN0QWxsKGV2dDogYW55KXtcclxuICBpZihldnQgPT09IHRydWUpe1xyXG4gICAgdGhpcy5zZWxlY3RlZEl0ZW1zID0gdGhpcy5pdGVtc0xpc3QubWFwKChlOiBhbnkpID0+IHtcclxuICAgICAgcmV0dXJuIGVbdGhpcy5pZGVudGlmaWVyS2V5XTtcclxuICAgIH0pO1xyXG4gIH1lbHNle1xyXG4gICAgdGhpcy5zZWxlY3RlZEl0ZW1zID0gW107XHJcbiAgfVxyXG5cclxuIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiYWRkLXJpc2stcmNcIiBbY2xhc3MuYW5pbWF0ZV09XCJhbmltYXRpb25cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJhZGQtcmlzay1yYy1oZWFkIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1iZXR3ZWVuIHZ4LXBsLTQgdngtcHItNFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2eC1mcy0xNCB2eC1mdy01MDAgdngtbGFiZWwtdHh0XCI+e3tjb25maWc/LnBhbmVsVGl0bGV9fTwvZGl2PlxyXG4gICAgICAgIDwhLS0gPGJ1dHRvbiBjbGFzcz1cImFkZC1yaXNrLXJjLWNsb3NlXCIgKGNsaWNrKT1jbG9zZSgpPlxyXG4gICAgICAgICAgICA8aSBjbGFzcz1cImljb25zXCI+JiN4ZTkwZDs8L2k+XHJcbiAgICAgICAgPC9idXR0b24+IC0tPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYWRkLXJpc2stcmMtYm9keVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2gtYmxvY2tcIj5cclxuICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiPiYjeGU5MGI7PC9pPlxyXG4gICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBwbGFjZWhvbGRlcj1cInt7Y29uZmlnPy5zZWFyY2hQbGFjZWhvbGRlcn19XCIgWyhuZ01vZGVsKV09XCJzZWFyY2hJdGVtXCIgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiKGl0ZW1zTGlzdCB8IHNlYXJjaDpzZWFyY2hJdGVtOmRpc3BsYXlLZXkpIGFzIHNlYXJjaExpc3RcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJvZHktdG9wXCIgKm5nSWY9XCJjb25maWc/LnNlbGVjdEFsbEVuYWJsZWQgJiYgc2VhcmNoTGlzdD8ubGVuZ3RoID4gMCAmJiBzZWFyY2hJdGVtPy50cmltKCk/Lmxlbmd0aCA9PT0gMCBcIj5cclxuICAgICAgICAgICAgICAgIDxhcHAtY3MtY2hlY2tib3ggW25nVmFsdWVdPVwiaXRlbXNMaXN0Py5sZW5ndGggPT09IHNlbGVjdGVkSXRlbXM/Lmxlbmd0aCAmJiBzZWxlY3RlZEl0ZW1zPy5sZW5ndGggPiAwXCJcclxuICAgICAgICAgICAgICAgICAgICAobmdWYWx1ZUNoYW5nZSk9XCJzZWxlY3RBbGwoJGV2ZW50KVwiPjxzdHJvbmc+IHt7aXRlbXNMaXN0Py5sZW5ndGggPT09IHNlbGVjdGVkSXRlbXM/Lmxlbmd0aCAmJlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzZWxlY3RlZEl0ZW1zPy5sZW5ndGggPiAwPydEZXNlbGVjdCBBbGwnOidTZWxlY3QgQWxsJ319PC9zdHJvbmc+XHJcbiAgICAgICAgICAgICAgICA8L2FwcC1jcy1jaGVja2JveD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhZGQtcmlzay1yYy1saXN0XCIgKm5nSWY9XCJzZWFyY2hMaXN0Py5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICAgICAgICA8dWwgW2NsYXNzLnR3by1jb2x1bW5dPVwidHdvQ29sdW1uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtICBvZiBzZWFyY2hMaXN0XCIgI3VsRWxlbWVudD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1jcy1jaGVja2JveCAqbmdJZj1cImNvbmZpZy53b3JrZmxvdyAhPT0gJ3BvbGljeSdcIiBbbmdWYWx1ZV09XCJzZWxlY3RlZEl0ZW1zLmluY2x1ZGVzKGl0ZW1baWRlbnRpZmllcktleV0pXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChuZ1ZhbHVlQ2hhbmdlKT1cInNlbGVjdEl0ZW0oaXRlbVtpZGVudGlmaWVyS2V5XSwkZXZlbnQpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthcHBUb29sdGlwXT1cInRvb2x0aXBLZXkgPyBpdGVtW3Rvb2x0aXBLZXldOiBpdGVtW2Rpc3BsYXlLZXldXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3tpdGVtW2Rpc3BsYXlLZXldfX17e2l0ZW0/LnBhcmVudF9pdGVtcz8ubGVuZ3RoICYmIGNvbmZpZy53b3JrZmxvdyA9PT0gJ3BvbGljeSc/ICcgPCAnICsgaXRlbT8ucGFyZW50X2l0ZW1zPy5qb2luKCcgPCAnKTonJyB9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2FwcC1jcy1jaGVja2JveD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1jcy1jaGVja2JveCAqbmdJZj1cImNvbmZpZy53b3JrZmxvdyA9PT0gJ3BvbGljeSdcIiBbbmdWYWx1ZV09XCJzZWxlY3RlZEl0ZW1zLmluY2x1ZGVzKGl0ZW1baWRlbnRpZmllcktleV0pXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgKG5nVmFsdWVDaGFuZ2UpPVwic2VsZWN0SXRlbShpdGVtW2lkZW50aWZpZXJLZXldLCRldmVudClcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1bCBjbGFzcz1cImFkZC1jYXRlZ29yeS1uYW1lXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBkYXRhIG9mIGl0ZW0/LnBhcmVudF9pdGVtczsgbGV0IGkgPSBpbmRleFwiIFthcHBUb29sdGlwXT1cImRhdGFcIiBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiIHR5cGU9XCJibGFja1wiIGRlbGF5PVwiMFwiIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgKm5nSWY9XCJpID4gMDtcIiBjbGFzcz1cImljb25zXCI+JiN4ZTkxMDs8L2k+e3tkYXRhfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaSAgW2FwcFRvb2x0aXBdPVwiaXRlbVtkaXNwbGF5S2V5XVwiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgdHlwZT1cImJsYWNrXCIgZGVsYXk9XCIwXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSAqbmdJZj1cIml0ZW0/LnBhcmVudF9pdGVtcz8ubGVuZ3RoID4gMFwiIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTEwOzwvaT4ge3tpdGVtW2Rpc3BsYXlLZXldfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9hcHAtY3MtY2hlY2tib3g+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8YXBwLW5vLWRhdGEgKm5nSWY9XCJzZWFyY2hMaXN0Lmxlbmd0aCA9PT0gMFwiXHJcbiAgICAgICAgICAgICAgICBbbm9EYXRhSW1hZ2VdPVwiJ2h0dHBzOi8vY2RuLnYtY29tcGx5LmNvbS9saWJyYXJpZXMvd29ya2Zsb3ctZW5naW5lL2Fzc2V0cy93b3JrZmxvdy9zZWFyY2gtZGF0YS5zdmcnXCJcclxuICAgICAgICAgICAgICAgIFtub0RhdGFUZXh0XT1cImNvbmZpZz8ubm9EYXRhVGV4dD8ubGVuZ3RoID4gMCA/IGNvbmZpZz8ubm9EYXRhVGV4dDonTm8gZGF0YSB0byBkaXNwbGF5J1wiPjwvYXBwLW5vLWRhdGE+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgICAgIDxhcHAtZmxvYXRpbmctYmFyIFtzZWxlY3RlZERhdGFdPVwic2VsZWN0ZWRJdGVtc3xsaXN0TWFwcGVyOml0ZW1zTGlzdDppZGVudGlmaWVyS2V5XCIgW2Rpc3BsYXlFbGVtZW50S2V5XT1cImRpc3BsYXlLZXlcIlxyXG4gICAgICAgICAgICBbc2luZ3VsYXJUZXh0XT1cImNvbmZpZz8uZmxvYXRpbmdUZXh0U2luZ3VsYXJcIlxyXG4gICAgICAgICAgICBbcGx1cmFsVGV4dF09XCJjb25maWc/LmZsb2F0aW5nVGV4dFBsdXJhbCA/Y29uZmlnPy5mbG9hdGluZ1RleHRQbHVyYWw6J1VzZXJzIHNlbGVjdGVkJ1wiIChjbG9zZUV2ZW50KT1cInNhdmUoKVwiXHJcbiAgICAgICAgICAgIChjbG9zZUxpc3QpPVwiY2xvc2UoKVwiIFtpc0Rpc2FibGVkXT1cInNlbGVjdGVkSXRlbXMubGVuZ3RoID09PSAwIHx8IGl0ZW1zTGlzdC5sZW5ndGggPT09IDAgXCJcclxuICAgICAgICAgICAgKGRlbGV0ZUV2ZW50KT1cImRlbGV0ZUl0ZW0oJGV2ZW50KVwiPjwvYXBwLWZsb2F0aW5nLWJhcj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19