vcomply-workflow-engine 3.5.3 → 3.5.4

package/esm2022/lib/sharedComponents/responsibility-centers-list/responsibility-centers-list.component.mjs

@@ -0,0 +1,125 @@
+import { Component, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
+import { cloneDeep } from 'lodash';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../floating-bar/floating-bar.component";
+import * as i4 from "../../formgroup/cs-checkbox/cs-checkbox.component";
+import * as i5 from "../../formgroup/cs-radio/cs-radio.component";
+import * as i6 from "../no-data/no-data.component";
+import * as i7 from "../../pipes/search.pipe";
+export class ResponsibilityCentersListComponent {
+    constructor() {
+        this.responsibilityCentersList = [];
+        this.selectedResponsibilityCenters = [];
+        this.rcIdKey = '';
+        this.radioSelection = false;
+        this.saveSelectedList = new EventEmitter();
+        this.closeRcList = new EventEmitter();
+        this.pluralText = 'Responsibility Centers selected';
+        this.singularText = 'Responsibility Center selected';
+        this.selectedIds = [];
+        this.animation = false;
+        this.search = '';
+    }
+    ngOnChanges() {
+        this.selectedIds = this.selectedResponsibilityCenters.map((ele) => {
+            if (ele[this.rcIdKey]) {
+                return ele[this.rcIdKey];
+            }
+        });
+    }
+    ngOnInit() {
+        this.animation = true;
+        setTimeout(() => {
+            this.animation = false;
+        }, 300);
+        setTimeout(() => {
+            this.blockWidth = this.listBlock?.nativeElement?.offsetWidth;
+        }, 10);
+    }
+    selectRc(rc, mode) {
+        if (this.radioSelection) {
+            if (mode) {
+                this.selectedIds = [];
+                this.selectedIds.push(rc);
+            }
+            this.setList();
+        }
+        else {
+            if (mode) {
+                this.selectedIds.push(rc);
+            }
+            else {
+                const index = this.selectedIds.findIndex((element) => element == rc);
+                this.selectedIds.splice(index, 1);
+            }
+            this.setList();
+        }
+    }
+    deleteEvent(event) {
+        const index = this.selectedIds.findIndex((element) => element == event[this.rcIdKey]);
+        this.selectedIds.splice(index, 1);
+        this.setList();
+    }
+    selectAll(mode) {
+        if (mode) {
+            const list = [...this.responsibilityCentersList];
+            this.selectedIds = [];
+            list.forEach((element) => {
+                this.selectedIds.push(element[this.rcIdKey]);
+            });
+        }
+        else {
+            this.selectedIds = [];
+        }
+        this.setList();
+    }
+    setList() {
+        const data = [];
+        const rcList = cloneDeep(this.responsibilityCentersList);
+        const selectedIds = cloneDeep(this.selectedIds);
+        rcList.forEach((element) => {
+            if (selectedIds.includes(element[this.rcIdKey])) {
+                data.push(element);
+            }
+        });
+        this.selectedResponsibilityCenters = data;
+    }
+    checkSelectAll() {
+        const data = this.responsibilityCentersList.every((rc) => this.selectedIds.includes(rc[this.rcIdKey]));
+        return data;
+    }
+    save(selectedIds) {
+        this.saveSelectedList.emit(selectedIds);
+    }
+    close() {
+        this.closeRcList.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsibilityCentersListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResponsibilityCentersListComponent, selector: "app-responsibility-centers-list", inputs: { responsibilityCentersList: "responsibilityCentersList", selectedResponsibilityCenters: "selectedResponsibilityCenters", rcIdKey: "rcIdKey", radioSelection: "radioSelection", pluralText: "pluralText", singularText: "singularText" }, outputs: { saveSelectedList: "saveSelectedList", closeRcList: "closeRcList" }, viewQueries: [{ propertyName: "listBlock", first: true, predicate: ["listBlock"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\r\n  <div\r\n    class=\"add-risk-rc-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\r\n  >\r\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\r\n      Select Responsibility Center(s)\r\n    </div>\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\r\n        type=\"text\"\r\n        [(ngModel)]=\"search\"\r\n        placeholder=\"Search Responsibility Center\"\r\n      />\r\n    </div>\r\n    <!-- <app-workflow-pagination></app-workflow-pagination> -->\r\n    <ng-container\r\n      *ngIf=\"responsibilityCentersList | search : search as searchList\"\r\n    >\r\n      <div\r\n        class=\"body-top\"\r\n        *ngIf=\"\r\n          !radioSelection &&\r\n          searchList?.length > 0 &&\r\n          search?.trim()?.length === 0\r\n        \"\r\n      >\r\n        <app-cs-checkbox\r\n          [ngValue]=\"checkSelectAll()\"\r\n          (ngValueChange)=\"selectAll($event)\"\r\n          ><strong>{{\r\n            checkSelectAll() ? \"Deselect All\" : \"Select All\"\r\n          }}</strong>\r\n        </app-cs-checkbox>\r\n      </div>\r\n\r\n      <ul\r\n        class=\"add-risk-rc-list\"\r\n        [class.with-selectAll]=\"\r\n          !radioSelection &&\r\n          searchList?.length > 0 &&\r\n          search?.trim()?.length === 0\r\n        \"\r\n        *ngIf=\"searchList?.length > 0\"\r\n      >\r\n        <ng-container *ngIf=\"!radioSelection\">\r\n          <li *ngFor=\"let rc of searchList\" #ulElement>\r\n            <app-cs-checkbox\r\n              [ngValue]=\"selectedIds.includes(rc.item_id)\"\r\n              (ngValueChange)=\"selectRc(rc.item_id, $event)\"\r\n            >\r\n              <ul class=\"add-risk-rc-name\" #listBlock>\r\n                <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\r\n                <li\r\n                  *ngFor=\"let entity of rc.rc_name; let j = index\"\r\n                  [appTooltip]=\"entity\"\r\n                  placement=\"bottom\"\r\n                  type=\"black\"\r\n                  delay=\"0\"\r\n                  [tooltipMandatory]=\"true\"\r\n                >\r\n                  <i class=\"icons\" *ngIf=\"j !== 0\">&#xe910;</i>{{ entity }}\r\n                </li>\r\n              </ul>\r\n            </app-cs-checkbox>\r\n          </li>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"radioSelection\">\r\n          <li *ngFor=\"let rc of searchList\" #ulElement>\r\n            <app-cs-radio\r\n              (checkedEvent)=\"selectRc(rc.item_id, $event)\"\r\n              [checked]=\"selectedIds.includes(rc.item_id)\"\r\n            >\r\n              <ul class=\"add-risk-rc-name\">\r\n                <li\r\n                  *ngFor=\"let entity of rc.rc_name; let j = index\"\r\n                  [appTooltip]=\"entity\"\r\n                  placement=\"bottom\"\r\n                  type=\"black\"\r\n                  delay=\"0\"\r\n                  [tooltipMandatory]=\"true\"\r\n                >\r\n                  <i class=\"icons\" *ngIf=\"j !== 0\">&#xe910;</i>{{ entity }}\r\n                </li>\r\n              </ul>\r\n            </app-cs-radio>\r\n          </li>\r\n        </ng-container>\r\n      </ul>\r\n      <app-no-data\r\n        *ngIf=\"!searchList?.length\"\r\n        [noDataImage]=\"\r\n          'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\r\n        \"\r\n        [noDataText]=\"'No data to display'\"\r\n      ></app-no-data>\r\n    </ng-container>\r\n\r\n    <app-floating-bar\r\n      [selectedData]=\"selectedResponsibilityCenters\"\r\n      [displayElementKey]=\"'item_name'\"\r\n      [singularText]=\"singularText\"\r\n      [pluralText]=\"pluralText\"\r\n      (closeEvent)=\"save(selectedIds)\"\r\n      (deleteEvent)=\"deleteEvent($event)\"\r\n      (closeList)=\"close()\"\r\n      [isDisabled]=\"\r\n        selectedResponsibilityCenters?.length === 0 ||\r\n        responsibilityCentersList?.length === 0\r\n      \"\r\n    ></app-floating-bar>\r\n  </div>\r\n</div>\r\n\r\n<!-- <button (click)=\"save(selectedIds)\">Next</button> -->\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\";::-webkit-scrollbar-track{background-color:#fff;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .add-risk-rc{position:fixed;inset:0 500px 0 0}::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-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 ul{padding:0;margin:0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 14.5rem);overflow:auto;margin:1rem 0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list.with-selectAll{height:calc(100vh - 16rem)}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li{width:100%;padding:0 0 1rem;list-style:none}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio{display:flex}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox label,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio label{width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox label span.value,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;line-height:18px!important}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name{display:flex;justify-content:flex-start;width:auto;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-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 .5rem 0 0;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li i,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li i{font-size:8px;padding-right:8px}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li:first-child,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li:first-child{color:#1e5dd3;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li:last-of-type,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li:last-of-type{color:#34aa44}::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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.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: "component", type: i4.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i5.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "component", type: i6.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "pipe", type: i7.SearchPipe, name: "search" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsibilityCentersListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-responsibility-centers-list', template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\r\n  <div\r\n    class=\"add-risk-rc-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\r\n  >\r\n    <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\r\n      Select Responsibility Center(s)\r\n    </div>\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\r\n        type=\"text\"\r\n        [(ngModel)]=\"search\"\r\n        placeholder=\"Search Responsibility Center\"\r\n      />\r\n    </div>\r\n    <!-- <app-workflow-pagination></app-workflow-pagination> -->\r\n    <ng-container\r\n      *ngIf=\"responsibilityCentersList | search : search as searchList\"\r\n    >\r\n      <div\r\n        class=\"body-top\"\r\n        *ngIf=\"\r\n          !radioSelection &&\r\n          searchList?.length > 0 &&\r\n          search?.trim()?.length === 0\r\n        \"\r\n      >\r\n        <app-cs-checkbox\r\n          [ngValue]=\"checkSelectAll()\"\r\n          (ngValueChange)=\"selectAll($event)\"\r\n          ><strong>{{\r\n            checkSelectAll() ? \"Deselect All\" : \"Select All\"\r\n          }}</strong>\r\n        </app-cs-checkbox>\r\n      </div>\r\n\r\n      <ul\r\n        class=\"add-risk-rc-list\"\r\n        [class.with-selectAll]=\"\r\n          !radioSelection &&\r\n          searchList?.length > 0 &&\r\n          search?.trim()?.length === 0\r\n        \"\r\n        *ngIf=\"searchList?.length > 0\"\r\n      >\r\n        <ng-container *ngIf=\"!radioSelection\">\r\n          <li *ngFor=\"let rc of searchList\" #ulElement>\r\n            <app-cs-checkbox\r\n              [ngValue]=\"selectedIds.includes(rc.item_id)\"\r\n              (ngValueChange)=\"selectRc(rc.item_id, $event)\"\r\n            >\r\n              <ul class=\"add-risk-rc-name\" #listBlock>\r\n                <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\r\n                <li\r\n                  *ngFor=\"let entity of rc.rc_name; let j = index\"\r\n                  [appTooltip]=\"entity\"\r\n                  placement=\"bottom\"\r\n                  type=\"black\"\r\n                  delay=\"0\"\r\n                  [tooltipMandatory]=\"true\"\r\n                >\r\n                  <i class=\"icons\" *ngIf=\"j !== 0\">&#xe910;</i>{{ entity }}\r\n                </li>\r\n              </ul>\r\n            </app-cs-checkbox>\r\n          </li>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"radioSelection\">\r\n          <li *ngFor=\"let rc of searchList\" #ulElement>\r\n            <app-cs-radio\r\n              (checkedEvent)=\"selectRc(rc.item_id, $event)\"\r\n              [checked]=\"selectedIds.includes(rc.item_id)\"\r\n            >\r\n              <ul class=\"add-risk-rc-name\">\r\n                <li\r\n                  *ngFor=\"let entity of rc.rc_name; let j = index\"\r\n                  [appTooltip]=\"entity\"\r\n                  placement=\"bottom\"\r\n                  type=\"black\"\r\n                  delay=\"0\"\r\n                  [tooltipMandatory]=\"true\"\r\n                >\r\n                  <i class=\"icons\" *ngIf=\"j !== 0\">&#xe910;</i>{{ entity }}\r\n                </li>\r\n              </ul>\r\n            </app-cs-radio>\r\n          </li>\r\n        </ng-container>\r\n      </ul>\r\n      <app-no-data\r\n        *ngIf=\"!searchList?.length\"\r\n        [noDataImage]=\"\r\n          'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\r\n        \"\r\n        [noDataText]=\"'No data to display'\"\r\n      ></app-no-data>\r\n    </ng-container>\r\n\r\n    <app-floating-bar\r\n      [selectedData]=\"selectedResponsibilityCenters\"\r\n      [displayElementKey]=\"'item_name'\"\r\n      [singularText]=\"singularText\"\r\n      [pluralText]=\"pluralText\"\r\n      (closeEvent)=\"save(selectedIds)\"\r\n      (deleteEvent)=\"deleteEvent($event)\"\r\n      (closeList)=\"close()\"\r\n      [isDisabled]=\"\r\n        selectedResponsibilityCenters?.length === 0 ||\r\n        responsibilityCentersList?.length === 0\r\n      \"\r\n    ></app-floating-bar>\r\n  </div>\r\n</div>\r\n\r\n<!-- <button (click)=\"save(selectedIds)\">Next</button> -->\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\";::-webkit-scrollbar-track{background-color:#fff;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .add-risk-rc{position:fixed;inset:0 500px 0 0}::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-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 ul{padding:0;margin:0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 14.5rem);overflow:auto;margin:1rem 0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list.with-selectAll{height:calc(100vh - 16rem)}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li{width:100%;padding:0 0 1rem;list-style:none}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio{display:flex}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox label,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio label{width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox label span.value,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;line-height:18px!important}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name{display:flex;justify-content:flex-start;width:auto;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-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 .5rem 0 0;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li i,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li i{font-size:8px;padding-right:8px}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li:first-child,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li:first-child{color:#1e5dd3;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li:last-of-type,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li:last-of-type{color:#34aa44}::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: { listBlock: [{
+                type: ViewChild,
+                args: ['listBlock', { static: false }]
+            }], responsibilityCentersList: [{
+                type: Input
+            }], selectedResponsibilityCenters: [{
+                type: Input
+            }], rcIdKey: [{
+                type: Input
+            }], radioSelection: [{
+                type: Input
+            }], saveSelectedList: [{
+                type: Output
+            }], closeRcList: [{
+                type: Output
+            }], pluralText: [{
+                type: Input
+            }], singularText: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2liaWxpdHktY2VudGVycy1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvcmVzcG9uc2liaWxpdHktY2VudGVycy1saXN0L3Jlc3BvbnNpYmlsaXR5LWNlbnRlcnMtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3Jlc3BvbnNpYmlsaXR5LWNlbnRlcnMtbGlzdC9yZXNwb25zaWJpbGl0eS1jZW50ZXJzLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sRUFDTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFFBQVEsQ0FBQzs7Ozs7Ozs7O0FBT25DLE1BQU0sT0FBTyxrQ0FBa0M7SUFjN0M7UUFaUyw4QkFBeUIsR0FBRyxFQUFFLENBQUM7UUFDL0Isa0NBQTZCLEdBQUcsRUFBRSxDQUFDO1FBQ25DLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUN0QixxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3RDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNsQyxlQUFVLEdBQVcsaUNBQWlDLENBQUM7UUFDdkQsaUJBQVksR0FBVyxnQ0FBZ0MsQ0FBQztRQUNqRSxnQkFBVyxHQUFVLEVBQUUsQ0FBQztRQUN4QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLFdBQU0sR0FBRyxFQUFFLENBQUM7SUFFRyxDQUFDO0lBRWhCLFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyw2QkFBNkIsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFRLEVBQUUsRUFBRTtZQUNyRSxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUU7Z0JBQ3JCLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQzthQUMxQjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDekIsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ1IsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxhQUFhLEVBQUUsV0FBVyxDQUFDO1FBQy9ELENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNULENBQUM7SUFFRCxRQUFRLENBQUMsRUFBTyxFQUFFLElBQVM7UUFDekIsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3ZCLElBQUksSUFBSSxFQUFFO2dCQUNSLElBQUksQ0FBQyxXQUFXLEdBQUcsRUFBRSxDQUFDO2dCQUN0QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQzthQUMzQjtZQUNELElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUNoQjthQUFNO1lBQ0wsSUFBSSxJQUFJLEVBQUU7Z0JBQ1IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7YUFDM0I7aUJBQU07Z0JBQ0wsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQ3RDLENBQUMsT0FBWSxFQUFFLEVBQUUsQ0FBQyxPQUFPLElBQUksRUFBRSxDQUNoQyxDQUFDO2dCQUNGLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQzthQUNuQztZQUNELElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUNoQjtJQUNILENBQUM7SUFDRCxXQUFXLENBQUMsS0FBVTtRQUNwQixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FDdEMsQ0FBQyxPQUFZLEVBQUUsRUFBRSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUNqRCxDQUFDO1FBQ0YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsU0FBUyxDQUFDLElBQVM7UUFDakIsSUFBSSxJQUFJLEVBQUU7WUFDUixNQUFNLElBQUksR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLHlCQUF5QixDQUFDLENBQUM7WUFDakQsSUFBSSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFO2dCQUN2QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDL0MsQ0FBQyxDQUFDLENBQUM7U0FDSjthQUFNO1lBQ0wsSUFBSSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUM7U0FDdkI7UUFDRCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVELE9BQU87UUFDTCxNQUFNLElBQUksR0FBUSxFQUFFLENBQUM7UUFDckIsTUFBTSxNQUFNLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1FBQ3pELE1BQU0sV0FBVyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDaEQsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQVksRUFBRSxFQUFFO1lBQzlCLElBQUksV0FBVyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQUU7Z0JBQy9DLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7YUFDcEI7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyw2QkFBNkIsR0FBRyxJQUFJLENBQUM7SUFDNUMsQ0FBQztJQUVELGNBQWM7UUFDWixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMseUJBQXlCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBTyxFQUFFLEVBQUUsQ0FDNUQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUM1QyxDQUFDO1FBQ0YsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsSUFBSSxDQUFDLFdBQWdCO1FBQ25CLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUM7K0dBbEdVLGtDQUFrQzttR0FBbEMsa0NBQWtDLHFnQkNqQi9DLHNwSUFxSEE7OzRGRHBHYSxrQ0FBa0M7a0JBTDlDLFNBQVM7K0JBQ0UsaUNBQWlDOzBFQUtBLFNBQVM7c0JBQW5ELFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFDaEMseUJBQXlCO3NCQUFqQyxLQUFLO2dCQUNHLDZCQUE2QjtzQkFBckMsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDSSxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkFDRSxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBWaWV3Q2hpbGQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGNsb25lRGVlcCB9IGZyb20gJ2xvZGFzaCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1yZXNwb25zaWJpbGl0eS1jZW50ZXJzLWxpc3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9yZXNwb25zaWJpbGl0eS1jZW50ZXJzLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3Jlc3BvbnNpYmlsaXR5LWNlbnRlcnMtbGlzdC5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUmVzcG9uc2liaWxpdHlDZW50ZXJzTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICBAVmlld0NoaWxkKCdsaXN0QmxvY2snLCB7IHN0YXRpYzogZmFsc2UgfSkgbGlzdEJsb2NrITogRWxlbWVudFJlZjtcclxuICBASW5wdXQoKSByZXNwb25zaWJpbGl0eUNlbnRlcnNMaXN0ID0gW107XHJcbiAgQElucHV0KCkgc2VsZWN0ZWRSZXNwb25zaWJpbGl0eUNlbnRlcnMgPSBbXTtcclxuICBASW5wdXQoKSByY0lkS2V5ID0gJyc7XHJcbiAgQElucHV0KCkgcmFkaW9TZWxlY3Rpb24gPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgc2F2ZVNlbGVjdGVkTGlzdCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgY2xvc2VSY0xpc3QgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQElucHV0KCkgcGx1cmFsVGV4dDogc3RyaW5nID0gJ1Jlc3BvbnNpYmlsaXR5IENlbnRlcnMgc2VsZWN0ZWQnO1xyXG4gIEBJbnB1dCgpIHNpbmd1bGFyVGV4dDogc3RyaW5nID0gJ1Jlc3BvbnNpYmlsaXR5IENlbnRlciBzZWxlY3RlZCc7XHJcbiAgc2VsZWN0ZWRJZHM6IGFueVtdID0gW107XHJcbiAgYW5pbWF0aW9uID0gZmFsc2U7XHJcbiAgc2VhcmNoID0gJyc7XHJcbiAgYmxvY2tXaWR0aDogYW55O1xyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNlbGVjdGVkSWRzID0gdGhpcy5zZWxlY3RlZFJlc3BvbnNpYmlsaXR5Q2VudGVycy5tYXAoKGVsZTogYW55KSA9PiB7XHJcbiAgICAgIGlmIChlbGVbdGhpcy5yY0lkS2V5XSkge1xyXG4gICAgICAgIHJldHVybiBlbGVbdGhpcy5yY0lkS2V5XTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5hbmltYXRpb24gPSB0cnVlO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuYW5pbWF0aW9uID0gZmFsc2U7XHJcbiAgICB9LCAzMDApO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuYmxvY2tXaWR0aCA9IHRoaXMubGlzdEJsb2NrPy5uYXRpdmVFbGVtZW50Py5vZmZzZXRXaWR0aDtcclxuICAgIH0sIDEwKTtcclxuICB9XHJcblxyXG4gIHNlbGVjdFJjKHJjOiBhbnksIG1vZGU6IGFueSkge1xyXG4gICAgaWYgKHRoaXMucmFkaW9TZWxlY3Rpb24pIHtcclxuICAgICAgaWYgKG1vZGUpIHtcclxuICAgICAgICB0aGlzLnNlbGVjdGVkSWRzID0gW107XHJcbiAgICAgICAgdGhpcy5zZWxlY3RlZElkcy5wdXNoKHJjKTtcclxuICAgICAgfVxyXG4gICAgICB0aGlzLnNldExpc3QoKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGlmIChtb2RlKSB7XHJcbiAgICAgICAgdGhpcy5zZWxlY3RlZElkcy5wdXNoKHJjKTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICBjb25zdCBpbmRleCA9IHRoaXMuc2VsZWN0ZWRJZHMuZmluZEluZGV4KFxyXG4gICAgICAgICAgKGVsZW1lbnQ6IGFueSkgPT4gZWxlbWVudCA9PSByY1xyXG4gICAgICAgICk7XHJcbiAgICAgICAgdGhpcy5zZWxlY3RlZElkcy5zcGxpY2UoaW5kZXgsIDEpO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuc2V0TGlzdCgpO1xyXG4gICAgfVxyXG4gIH1cclxuICBkZWxldGVFdmVudChldmVudDogYW55KSB7XHJcbiAgICBjb25zdCBpbmRleCA9IHRoaXMuc2VsZWN0ZWRJZHMuZmluZEluZGV4KFxyXG4gICAgICAoZWxlbWVudDogYW55KSA9PiBlbGVtZW50ID09IGV2ZW50W3RoaXMucmNJZEtleV1cclxuICAgICk7XHJcbiAgICB0aGlzLnNlbGVjdGVkSWRzLnNwbGljZShpbmRleCwgMSk7XHJcbiAgICB0aGlzLnNldExpc3QoKTtcclxuICB9XHJcblxyXG4gIHNlbGVjdEFsbChtb2RlOiBhbnkpIHtcclxuICAgIGlmIChtb2RlKSB7XHJcbiAgICAgIGNvbnN0IGxpc3QgPSBbLi4udGhpcy5yZXNwb25zaWJpbGl0eUNlbnRlcnNMaXN0XTtcclxuICAgICAgdGhpcy5zZWxlY3RlZElkcyA9IFtdO1xyXG4gICAgICBsaXN0LmZvckVhY2goKGVsZW1lbnQpID0+IHtcclxuICAgICAgICB0aGlzLnNlbGVjdGVkSWRzLnB1c2goZWxlbWVudFt0aGlzLnJjSWRLZXldKTtcclxuICAgICAgfSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkSWRzID0gW107XHJcbiAgICB9XHJcbiAgICB0aGlzLnNldExpc3QoKTtcclxuICB9XHJcblxyXG4gIHNldExpc3QoKSB7XHJcbiAgICBjb25zdCBkYXRhOiBhbnkgPSBbXTtcclxuICAgIGNvbnN0IHJjTGlzdCA9IGNsb25lRGVlcCh0aGlzLnJlc3BvbnNpYmlsaXR5Q2VudGVyc0xpc3QpO1xyXG4gICAgY29uc3Qgc2VsZWN0ZWRJZHMgPSBjbG9uZURlZXAodGhpcy5zZWxlY3RlZElkcyk7XHJcbiAgICByY0xpc3QuZm9yRWFjaCgoZWxlbWVudDogYW55KSA9PiB7XHJcbiAgICAgIGlmIChzZWxlY3RlZElkcy5pbmNsdWRlcyhlbGVtZW50W3RoaXMucmNJZEtleV0pKSB7XHJcbiAgICAgICAgZGF0YS5wdXNoKGVsZW1lbnQpO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICAgIHRoaXMuc2VsZWN0ZWRSZXNwb25zaWJpbGl0eUNlbnRlcnMgPSBkYXRhO1xyXG4gIH1cclxuXHJcbiAgY2hlY2tTZWxlY3RBbGwoKSB7XHJcbiAgICBjb25zdCBkYXRhID0gdGhpcy5yZXNwb25zaWJpbGl0eUNlbnRlcnNMaXN0LmV2ZXJ5KChyYzogYW55KSA9PlxyXG4gICAgICB0aGlzLnNlbGVjdGVkSWRzLmluY2x1ZGVzKHJjW3RoaXMucmNJZEtleV0pXHJcbiAgICApO1xyXG4gICAgcmV0dXJuIGRhdGE7XHJcbiAgfVxyXG5cclxuICBzYXZlKHNlbGVjdGVkSWRzOiBhbnkpIHtcclxuICAgIHRoaXMuc2F2ZVNlbGVjdGVkTGlzdC5lbWl0KHNlbGVjdGVkSWRzKTtcclxuICB9XHJcblxyXG4gIGNsb3NlKCkge1xyXG4gICAgdGhpcy5jbG9zZVJjTGlzdC5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJhZGQtcmlzay1yY1wiIFtjbGFzcy5hbmltYXRlXT1cImFuaW1hdGlvblwiPlxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwiYWRkLXJpc2stcmMtaGVhZCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktYmV0d2VlbiB2eC1wbC00IHZ4LXByLTRcIlxyXG4gID5cclxuICAgIDxkaXYgY2xhc3M9XCJ2eC1mcy0xNCB2eC1mdy01MDAgdngtbGFiZWwtdHh0XCI+XHJcbiAgICAgIFNlbGVjdCBSZXNwb25zaWJpbGl0eSBDZW50ZXIocylcclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJhZGQtcmlzay1yYy1ib2R5XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2VhcmNoLWJsb2NrXCI+XHJcbiAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTBiOzwvaT5cclxuICAgICAgPGlucHV0XHJcbiAgICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoXCJcclxuICAgICAgICBwbGFjZWhvbGRlcj1cIlNlYXJjaCBSZXNwb25zaWJpbGl0eSBDZW50ZXJcIlxyXG4gICAgICAvPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8IS0tIDxhcHAtd29ya2Zsb3ctcGFnaW5hdGlvbj48L2FwcC13b3JrZmxvdy1wYWdpbmF0aW9uPiAtLT5cclxuICAgIDxuZy1jb250YWluZXJcclxuICAgICAgKm5nSWY9XCJyZXNwb25zaWJpbGl0eUNlbnRlcnNMaXN0IHwgc2VhcmNoIDogc2VhcmNoIGFzIHNlYXJjaExpc3RcIlxyXG4gICAgPlxyXG4gICAgICA8ZGl2XHJcbiAgICAgICAgY2xhc3M9XCJib2R5LXRvcFwiXHJcbiAgICAgICAgKm5nSWY9XCJcclxuICAgICAgICAgICFyYWRpb1NlbGVjdGlvbiAmJlxyXG4gICAgICAgICAgc2VhcmNoTGlzdD8ubGVuZ3RoID4gMCAmJlxyXG4gICAgICAgICAgc2VhcmNoPy50cmltKCk/Lmxlbmd0aCA9PT0gMFxyXG4gICAgICAgIFwiXHJcbiAgICAgID5cclxuICAgICAgICA8YXBwLWNzLWNoZWNrYm94XHJcbiAgICAgICAgICBbbmdWYWx1ZV09XCJjaGVja1NlbGVjdEFsbCgpXCJcclxuICAgICAgICAgIChuZ1ZhbHVlQ2hhbmdlKT1cInNlbGVjdEFsbCgkZXZlbnQpXCJcclxuICAgICAgICAgID48c3Ryb25nPnt7XHJcbiAgICAgICAgICAgIGNoZWNrU2VsZWN0QWxsKCkgPyBcIkRlc2VsZWN0IEFsbFwiIDogXCJTZWxlY3QgQWxsXCJcclxuICAgICAgICAgIH19PC9zdHJvbmc+XHJcbiAgICAgICAgPC9hcHAtY3MtY2hlY2tib3g+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPHVsXHJcbiAgICAgICAgY2xhc3M9XCJhZGQtcmlzay1yYy1saXN0XCJcclxuICAgICAgICBbY2xhc3Mud2l0aC1zZWxlY3RBbGxdPVwiXHJcbiAgICAgICAgICAhcmFkaW9TZWxlY3Rpb24gJiZcclxuICAgICAgICAgIHNlYXJjaExpc3Q/Lmxlbmd0aCA+IDAgJiZcclxuICAgICAgICAgIHNlYXJjaD8udHJpbSgpPy5sZW5ndGggPT09IDBcclxuICAgICAgICBcIlxyXG4gICAgICAgICpuZ0lmPVwic2VhcmNoTGlzdD8ubGVuZ3RoID4gMFwiXHJcbiAgICAgID5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIXJhZGlvU2VsZWN0aW9uXCI+XHJcbiAgICAgICAgICA8bGkgKm5nRm9yPVwibGV0IHJjIG9mIHNlYXJjaExpc3RcIiAjdWxFbGVtZW50PlxyXG4gICAgICAgICAgICA8YXBwLWNzLWNoZWNrYm94XHJcbiAgICAgICAgICAgICAgW25nVmFsdWVdPVwic2VsZWN0ZWRJZHMuaW5jbHVkZXMocmMuaXRlbV9pZClcIlxyXG4gICAgICAgICAgICAgIChuZ1ZhbHVlQ2hhbmdlKT1cInNlbGVjdFJjKHJjLml0ZW1faWQsICRldmVudClcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgPHVsIGNsYXNzPVwiYWRkLXJpc2stcmMtbmFtZVwiICNsaXN0QmxvY2s+XHJcbiAgICAgICAgICAgICAgICA8IS0tIFtzdHlsZS5tYXgtd2lkdGgucHhdPVwiYmxvY2tXaWR0aCAvIHJjLnJjX25hbWVcIiAtLT5cclxuICAgICAgICAgICAgICAgIDxsaVxyXG4gICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgZW50aXR5IG9mIHJjLnJjX25hbWU7IGxldCBqID0gaW5kZXhcIlxyXG4gICAgICAgICAgICAgICAgICBbYXBwVG9vbHRpcF09XCJlbnRpdHlcIlxyXG4gICAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxyXG4gICAgICAgICAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICAgICAgICAgICAgICBkZWxheT1cIjBcIlxyXG4gICAgICAgICAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiICpuZ0lmPVwiaiAhPT0gMFwiPiYjeGU5MTA7PC9pPnt7IGVudGl0eSB9fVxyXG4gICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICA8L3VsPlxyXG4gICAgICAgICAgICA8L2FwcC1jcy1jaGVja2JveD5cclxuICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInJhZGlvU2VsZWN0aW9uXCI+XHJcbiAgICAgICAgICA8bGkgKm5nRm9yPVwibGV0IHJjIG9mIHNlYXJjaExpc3RcIiAjdWxFbGVtZW50PlxyXG4gICAgICAgICAgICA8YXBwLWNzLXJhZGlvXHJcbiAgICAgICAgICAgICAgKGNoZWNrZWRFdmVudCk9XCJzZWxlY3RSYyhyYy5pdGVtX2lkLCAkZXZlbnQpXCJcclxuICAgICAgICAgICAgICBbY2hlY2tlZF09XCJzZWxlY3RlZElkcy5pbmNsdWRlcyhyYy5pdGVtX2lkKVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICA8dWwgY2xhc3M9XCJhZGQtcmlzay1yYy1uYW1lXCI+XHJcbiAgICAgICAgICAgICAgICA8bGlcclxuICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGVudGl0eSBvZiByYy5yY19uYW1lOyBsZXQgaiA9IGluZGV4XCJcclxuICAgICAgICAgICAgICAgICAgW2FwcFRvb2x0aXBdPVwiZW50aXR5XCJcclxuICAgICAgICAgICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcclxuICAgICAgICAgICAgICAgICAgdHlwZT1cImJsYWNrXCJcclxuICAgICAgICAgICAgICAgICAgZGVsYXk9XCIwXCJcclxuICAgICAgICAgICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIiAqbmdJZj1cImogIT09IDBcIj4mI3hlOTEwOzwvaT57eyBlbnRpdHkgfX1cclxuICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgICAgPC9hcHAtY3MtcmFkaW8+XHJcbiAgICAgICAgICA8L2xpPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L3VsPlxyXG4gICAgICA8YXBwLW5vLWRhdGFcclxuICAgICAgICAqbmdJZj1cIiFzZWFyY2hMaXN0Py5sZW5ndGhcIlxyXG4gICAgICAgIFtub0RhdGFJbWFnZV09XCJcclxuICAgICAgICAgICdodHRwczovL2Nkbi52LWNvbXBseS5jb20vbGlicmFyaWVzL3dvcmtmbG93LWVuZ2luZS9hc3NldHMvd29ya2Zsb3cvc2VhcmNoLWRhdGEuc3ZnJ1xyXG4gICAgICAgIFwiXHJcbiAgICAgICAgW25vRGF0YVRleHRdPVwiJ05vIGRhdGEgdG8gZGlzcGxheSdcIlxyXG4gICAgICA+PC9hcHAtbm8tZGF0YT5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxhcHAtZmxvYXRpbmctYmFyXHJcbiAgICAgIFtzZWxlY3RlZERhdGFdPVwic2VsZWN0ZWRSZXNwb25zaWJpbGl0eUNlbnRlcnNcIlxyXG4gICAgICBbZGlzcGxheUVsZW1lbnRLZXldPVwiJ2l0ZW1fbmFtZSdcIlxyXG4gICAgICBbc2luZ3VsYXJUZXh0XT1cInNpbmd1bGFyVGV4dFwiXHJcbiAgICAgIFtwbHVyYWxUZXh0XT1cInBsdXJhbFRleHRcIlxyXG4gICAgICAoY2xvc2VFdmVudCk9XCJzYXZlKHNlbGVjdGVkSWRzKVwiXHJcbiAgICAgIChkZWxldGVFdmVudCk9XCJkZWxldGVFdmVudCgkZXZlbnQpXCJcclxuICAgICAgKGNsb3NlTGlzdCk9XCJjbG9zZSgpXCJcclxuICAgICAgW2lzRGlzYWJsZWRdPVwiXHJcbiAgICAgICAgc2VsZWN0ZWRSZXNwb25zaWJpbGl0eUNlbnRlcnM/Lmxlbmd0aCA9PT0gMCB8fFxyXG4gICAgICAgIHJlc3BvbnNpYmlsaXR5Q2VudGVyc0xpc3Q/Lmxlbmd0aCA9PT0gMFxyXG4gICAgICBcIlxyXG4gICAgPjwvYXBwLWZsb2F0aW5nLWJhcj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48IS0tIDxidXR0b24gKGNsaWNrKT1cInNhdmUoc2VsZWN0ZWRJZHMpXCI+TmV4dDwvYnV0dG9uPiAtLT5cclxuIl19

package/esm2022/lib/sharedComponents/responsibility-risk-selector/responsibility-risk-selector.component.mjs

@@ -0,0 +1,81 @@
+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 "../no-data/no-data.component";
+import * as i4 from "../floating-bar/floating-bar.component";
+import * as i5 from "../list-loader/list-loader.component";
+import * as i6 from "../../pipes/list-mapper.pipe";
+import * as i7 from "../pipes/array-filter.pipe";
+export class ResponsibilityRiskSelectorComponent {
+    set activeEntity(value) {
+        if (value) {
+            this.activeTab = value;
+        }
+    }
+    constructor() {
+        this.animation = true;
+        this.activeTab = 'RESPONSIBILITY';
+        this.controlIdKey = 'itemControlId';
+        this.itemDisplayKey = 'itemControlName';
+        this.identifierKey = 'itemId';
+        this.listItems = [];
+        this.selectedItems = [];
+        this.loading = false;
+        this.fetchList = new EventEmitter();
+        this.closeList = new EventEmitter();
+        this.saveList = new EventEmitter();
+    }
+    ngOnInit() {
+        setTimeout(() => {
+            this.animation = false;
+        }, 300);
+        this.selectedItems = this.arrayToId(this.selectedItems, this.identifierKey);
+    }
+    changeTab(type) {
+        if (this.loading === true) {
+            return;
+        }
+        this.activeTab = type;
+        this.fetchList.emit(type);
+        this.listItems = [];
+    }
+    selectItem(item) {
+        this.selectedItems = [];
+        this.selectedItems.push(item);
+    }
+    deleteItem(item) {
+        this.selectedItems = [];
+        // this.rerenderList();
+    }
+    save() {
+        this.saveList.emit(this.selectedItems);
+    }
+    close() {
+        this.closeList.emit();
+    }
+    arrayToId(array, identifierKey) {
+        return array.map((a) => a[identifierKey]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsibilityRiskSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResponsibilityRiskSelectorComponent, selector: "app-responsibility-risk-selector", inputs: { activeEntity: "activeEntity", listItems: "listItems", selectedItems: "selectedItems", loading: "loading" }, outputs: { fetchList: "fetchList", closeList: "closeList", saveList: "saveList" }, ngImport: i0, template: "<div class=\"risk-radio-list\" [class.animate]=\"animation\">\r\n    <div class=\"risk-radio-list-head\">\r\n      <h3 class=\"risk-radio-list-title\">Define Sample Size for Selected Audit Objects</h3>\r\n      <!-- <button class=\"radio-list-close\">\r\n        <i class=\"icons\" (click)=\"close()\">&#xe90d;</i>\r\n      </button> -->\r\n    </div>\r\n\r\n    <div class=\"risk-radio-list-body\">\r\n\r\n      <div class=\"tab-button\">\r\n          <button [class.active]=\"activeTab === 'RESPONSIBILITY'\" (click)=\"changeTab('RESPONSIBILITY')\">RESPONSIBILITIES</button>\r\n          <button [class.active]=\"activeTab === 'RISK'\" (click)=\"changeTab('RISK')\">RISKS</button>\r\n      </div>\r\n      <ng-container *ngIf=\"!loading\">\r\n          <ul class=\"categories\">\r\n              <li *ngFor= \"let item of listItems |arrayFilter : activeTab\"\r\n              ><app-cs-radio [checked]=\"selectedItems.includes(item[identifierKey])\" (checkedEvent)=\"selectItem(item[identifierKey])\"><span class=\"cid\" *ngIf=\"item[controlIdKey]\">{{item[controlIdKey]}}</span>{{ ''+ item[itemDisplayKey]}}</app-cs-radio></li>\r\n          </ul>\r\n      </ng-container>\r\n      <app-list-loader *ngIf=\"loading\"></app-list-loader>\r\n      <app-no-data *ngIf=\"listItems?.length === 0 && !loading\"\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    </div>\r\n    <!-- [singularText]=\"config?.floatingTextSingular\"\r\n    [pluralText]=\"config?.floatingTextPlural ?config?.floatingTextPlural:'Users selected'\" -->\r\n    <!-- [selectedData]=\"selectedItems|listMapper:listItems:identifierKey\" -->\r\n    <div class=\"risk-radio-list-footer\">\r\n      <app-floating-bar  [displayElementKey]=\"itemDisplayKey\"\r\n      [selectedData]=\"selectedItems|listMapper:listItems:identifierKey\"\r\n       (closeEvent)=\"save()\"\r\n      (closeList)=\"close()\" (deleteEvent)=\"deleteItem($event)\"\r\n      [isDisabled]=\"selectedItems.length === 0 || listItems.length === 0 \">\r\n    </app-floating-bar>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::-webkit-scrollbar-track{background-color:#fff;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .risk-radio-list{background:#fff;position:fixed;inset:0 500px 0 0;border-top:3px solid #1E5DD3}::ng-deep .risk-radio-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .risk-radio-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .risk-radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .risk-radio-list-body{padding:24px 40px 24px 36px;background:#fff;height:calc(100vh - 124px)}::ng-deep .risk-radio-list-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 .risk-radio-list-body .filter-card.active{box-shadow:0 3px 6px #1e5dd31a}::ng-deep .risk-radio-list-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 .risk-radio-list-body .filter-card p{line-height:16px;font-size:10px;color:#161b2f;font-weight:600;margin:0}::ng-deep .risk-radio-list-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 .risk-radio-list-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .risk-radio-list-body .filter-card+.filter-card{margin-left:10px}::ng-deep .risk-radio-list-body .filter-card-row{display:flex;padding-bottom:15px}::ng-deep .risk-radio-list-body .search-block{position:relative}::ng-deep .risk-radio-list-body .search-block input{height:44px;line-height:24px;padding:10px 16px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .risk-radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .risk-radio-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .risk-radio-list-body .tab-button{display:flex;align-items:center;border-bottom:1px solid #f1f1f1}::ng-deep .risk-radio-list-body .tab-button button{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;color:#161b2f;font-size:11px;font-weight:600;text-transform:uppercase;padding:0;margin-right:28px}::ng-deep .risk-radio-list-body .tab-button button.active{border-bottom:2px solid #1E5DD3;color:#1e5dd3}::ng-deep .risk-radio-list-body .body-top{display:flex;justify-content:space-between;padding:0 0 16px}::ng-deep .risk-radio-list-body .body-top app-cs-checkbox,::ng-deep .risk-radio-list-body .body-top app-cs-radio{display:flex}::ng-deep .risk-radio-list-body .body-top app-cs-checkbox label span.value strong,::ng-deep .risk-radio-list-body .body-top app-cs-radio label span.value strong{color:#161b2f;font-size:14px;font-weight:600;white-space:nowrap}::ng-deep .risk-radio-list-body ul{padding:0;margin:0}::ng-deep .risk-radio-list-body ul.categories{display:block;align-items:flex-start;flex-wrap:wrap;max-height:calc(100vh - 200px);overflow:auto;padding:12px 0 0;scrollbar-width:thin}::ng-deep .risk-radio-list-body ul.categories li{padding:12px 0;list-style:none;border-bottom:1px solid #F1F1F1}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio{display:flex}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item{width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value{width:100%;color:#1e5dd3;font-size:12px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value .cid{font-size:10px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name{display:flex;justify-content:flex-start;width:auto}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li{list-style:none;color:#747576;font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 8px 0 0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li i{font-size:8px;padding-left:8px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:first-child{color:#4681ef;max-width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:last-of-type{color:#66bf72}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:last-of-type i{display:none}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul{padding:0;margin:0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list{display:flex;max-width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li{display:block;padding:0 8px;position:relative;max-width:50%;width:auto}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:after{content:\">\";position:absolute;top:0;right:-3px;color:#747576;font-size:13px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#747576}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type:after{display:none}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type span{color:#34aa44}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type{padding-left:0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type span{color:#1e5dd3}::ng-deep .risk-radio-list-body ul.categories.two-column{display:flex;flex-wrap:wrap}::ng-deep .risk-radio-list-body ul.categories.two-column li{width:50%;padding-right:20px}::ng-deep .risk-radio-list-body app-no-data .no-data-wrapper{height:calc(100% - 42px)!important}::ng-deep .risk-radio-list-body.no-footer{height:calc(100vh - 42px)}::ng-deep .risk-radio-list-body .card-row{display:flex;justify-content:space-between;margin-bottom:12px}::ng-deep .risk-radio-list-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 .risk-radio-list-body .card-row .card-block+.card-block{margin-left:4px}::ng-deep .risk-radio-list-body .card-row .card-block.active{box-shadow:0 0 10px #1e5dd2e6;z-index:1}::ng-deep .risk-radio-list-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 .risk-radio-list-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 .risk-radio-list.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.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: "component", type: i3.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i4.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: "component", type: i5.ListLoaderComponent, selector: "app-list-loader" }, { kind: "pipe", type: i6.ListMapperPipe, name: "listMapper" }, { kind: "pipe", type: i7.ArrayFilterPipe, name: "arrayFilter" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsibilityRiskSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-responsibility-risk-selector', template: "<div class=\"risk-radio-list\" [class.animate]=\"animation\">\r\n    <div class=\"risk-radio-list-head\">\r\n      <h3 class=\"risk-radio-list-title\">Define Sample Size for Selected Audit Objects</h3>\r\n      <!-- <button class=\"radio-list-close\">\r\n        <i class=\"icons\" (click)=\"close()\">&#xe90d;</i>\r\n      </button> -->\r\n    </div>\r\n\r\n    <div class=\"risk-radio-list-body\">\r\n\r\n      <div class=\"tab-button\">\r\n          <button [class.active]=\"activeTab === 'RESPONSIBILITY'\" (click)=\"changeTab('RESPONSIBILITY')\">RESPONSIBILITIES</button>\r\n          <button [class.active]=\"activeTab === 'RISK'\" (click)=\"changeTab('RISK')\">RISKS</button>\r\n      </div>\r\n      <ng-container *ngIf=\"!loading\">\r\n          <ul class=\"categories\">\r\n              <li *ngFor= \"let item of listItems |arrayFilter : activeTab\"\r\n              ><app-cs-radio [checked]=\"selectedItems.includes(item[identifierKey])\" (checkedEvent)=\"selectItem(item[identifierKey])\"><span class=\"cid\" *ngIf=\"item[controlIdKey]\">{{item[controlIdKey]}}</span>{{ ''+ item[itemDisplayKey]}}</app-cs-radio></li>\r\n          </ul>\r\n      </ng-container>\r\n      <app-list-loader *ngIf=\"loading\"></app-list-loader>\r\n      <app-no-data *ngIf=\"listItems?.length === 0 && !loading\"\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    </div>\r\n    <!-- [singularText]=\"config?.floatingTextSingular\"\r\n    [pluralText]=\"config?.floatingTextPlural ?config?.floatingTextPlural:'Users selected'\" -->\r\n    <!-- [selectedData]=\"selectedItems|listMapper:listItems:identifierKey\" -->\r\n    <div class=\"risk-radio-list-footer\">\r\n      <app-floating-bar  [displayElementKey]=\"itemDisplayKey\"\r\n      [selectedData]=\"selectedItems|listMapper:listItems:identifierKey\"\r\n       (closeEvent)=\"save()\"\r\n      (closeList)=\"close()\" (deleteEvent)=\"deleteItem($event)\"\r\n      [isDisabled]=\"selectedItems.length === 0 || listItems.length === 0 \">\r\n    </app-floating-bar>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::-webkit-scrollbar-track{background-color:#fff;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .risk-radio-list{background:#fff;position:fixed;inset:0 500px 0 0;border-top:3px solid #1E5DD3}::ng-deep .risk-radio-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .risk-radio-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .risk-radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .risk-radio-list-body{padding:24px 40px 24px 36px;background:#fff;height:calc(100vh - 124px)}::ng-deep .risk-radio-list-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 .risk-radio-list-body .filter-card.active{box-shadow:0 3px 6px #1e5dd31a}::ng-deep .risk-radio-list-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 .risk-radio-list-body .filter-card p{line-height:16px;font-size:10px;color:#161b2f;font-weight:600;margin:0}::ng-deep .risk-radio-list-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 .risk-radio-list-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .risk-radio-list-body .filter-card+.filter-card{margin-left:10px}::ng-deep .risk-radio-list-body .filter-card-row{display:flex;padding-bottom:15px}::ng-deep .risk-radio-list-body .search-block{position:relative}::ng-deep .risk-radio-list-body .search-block input{height:44px;line-height:24px;padding:10px 16px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .risk-radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .risk-radio-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .risk-radio-list-body .tab-button{display:flex;align-items:center;border-bottom:1px solid #f1f1f1}::ng-deep .risk-radio-list-body .tab-button button{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;color:#161b2f;font-size:11px;font-weight:600;text-transform:uppercase;padding:0;margin-right:28px}::ng-deep .risk-radio-list-body .tab-button button.active{border-bottom:2px solid #1E5DD3;color:#1e5dd3}::ng-deep .risk-radio-list-body .body-top{display:flex;justify-content:space-between;padding:0 0 16px}::ng-deep .risk-radio-list-body .body-top app-cs-checkbox,::ng-deep .risk-radio-list-body .body-top app-cs-radio{display:flex}::ng-deep .risk-radio-list-body .body-top app-cs-checkbox label span.value strong,::ng-deep .risk-radio-list-body .body-top app-cs-radio label span.value strong{color:#161b2f;font-size:14px;font-weight:600;white-space:nowrap}::ng-deep .risk-radio-list-body ul{padding:0;margin:0}::ng-deep .risk-radio-list-body ul.categories{display:block;align-items:flex-start;flex-wrap:wrap;max-height:calc(100vh - 200px);overflow:auto;padding:12px 0 0;scrollbar-width:thin}::ng-deep .risk-radio-list-body ul.categories li{padding:12px 0;list-style:none;border-bottom:1px solid #F1F1F1}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio{display:flex}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item{width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value{width:100%;color:#1e5dd3;font-size:12px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value .cid{font-size:10px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name{display:flex;justify-content:flex-start;width:auto}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li{list-style:none;color:#747576;font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 8px 0 0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li i{font-size:8px;padding-left:8px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:first-child{color:#4681ef;max-width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:last-of-type{color:#66bf72}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:last-of-type i{display:none}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul{padding:0;margin:0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list{display:flex;max-width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li{display:block;padding:0 8px;position:relative;max-width:50%;width:auto}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:after{content:\">\";position:absolute;top:0;right:-3px;color:#747576;font-size:13px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#747576}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type:after{display:none}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type span{color:#34aa44}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type{padding-left:0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type span{color:#1e5dd3}::ng-deep .risk-radio-list-body ul.categories.two-column{display:flex;flex-wrap:wrap}::ng-deep .risk-radio-list-body ul.categories.two-column li{width:50%;padding-right:20px}::ng-deep .risk-radio-list-body app-no-data .no-data-wrapper{height:calc(100% - 42px)!important}::ng-deep .risk-radio-list-body.no-footer{height:calc(100vh - 42px)}::ng-deep .risk-radio-list-body .card-row{display:flex;justify-content:space-between;margin-bottom:12px}::ng-deep .risk-radio-list-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 .risk-radio-list-body .card-row .card-block+.card-block{margin-left:4px}::ng-deep .risk-radio-list-body .card-row .card-block.active{box-shadow:0 0 10px #1e5dd2e6;z-index:1}::ng-deep .risk-radio-list-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 .risk-radio-list-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 .risk-radio-list.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: { activeEntity: [{
+                type: Input
+            }], listItems: [{
+                type: Input
+            }], selectedItems: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], fetchList: [{
+                type: Output
+            }], closeList: [{
+                type: Output
+            }], saveList: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2liaWxpdHktcmlzay1zZWxlY3Rvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3Jlc3BvbnNpYmlsaXR5LXJpc2stc2VsZWN0b3IvcmVzcG9uc2liaWxpdHktcmlzay1zZWxlY3Rvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3Jlc3BvbnNpYmlsaXR5LXJpc2stc2VsZWN0b3IvcmVzcG9uc2liaWxpdHktcmlzay1zZWxlY3Rvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUFPL0UsTUFBTSxPQUFPLG1DQUFtQztJQU85QyxJQUFhLFlBQVksQ0FBQyxLQUFVO1FBQ2xDLElBQUksS0FBSyxFQUFFO1lBQ1QsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7U0FDeEI7SUFDSCxDQUFDO0lBT0Q7UUFqQkEsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNqQixjQUFTLEdBQUcsZ0JBQWdCLENBQUM7UUFDN0IsaUJBQVksR0FBRyxlQUFlLENBQUM7UUFDL0IsbUJBQWMsR0FBRyxpQkFBaUIsQ0FBQztRQUNuQyxrQkFBYSxHQUFHLFFBQVEsQ0FBQztRQU9oQixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBQ2Ysa0JBQWEsR0FBUSxFQUFFLENBQUM7UUFDeEIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNmLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQy9CLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQy9CLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFaEIsUUFBUTtRQUNOLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN6QixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDUixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDOUUsQ0FBQztJQUVELFNBQVMsQ0FBQyxJQUFZO1FBQ3BCLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxJQUFJLEVBQUU7WUFDekIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUNELFVBQVUsQ0FBQyxJQUFTO1FBQ2xCLElBQUksQ0FBQyxhQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFDRCxVQUFVLENBQUMsSUFBUztRQUNsQixJQUFJLENBQUMsYUFBYSxHQUFHLEVBQUUsQ0FBQztRQUN4Qix1QkFBdUI7SUFDekIsQ0FBQztJQUVELElBQUk7UUFDRixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBVSxFQUFFLGFBQWtCO1FBQ3RDLE9BQU8sS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQU0sRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7SUFDakQsQ0FBQzsrR0F0RFUsbUNBQW1DO21HQUFuQyxtQ0FBbUMsaVJDUGhELHluRUFxQ0E7OzRGRDlCYSxtQ0FBbUM7a0JBTC9DLFNBQVM7K0JBQ0Usa0NBQWtDOzBFQVcvQixZQUFZO3NCQUF4QixLQUFLO2dCQUtHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1yZXNwb25zaWJpbGl0eS1yaXNrLXNlbGVjdG9yJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcmVzcG9uc2liaWxpdHktcmlzay1zZWxlY3Rvci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcmVzcG9uc2liaWxpdHktcmlzay1zZWxlY3Rvci5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUmVzcG9uc2liaWxpdHlSaXNrU2VsZWN0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGFuaW1hdGlvbiA9IHRydWU7XHJcbiAgYWN0aXZlVGFiID0gJ1JFU1BPTlNJQklMSVRZJztcclxuICBjb250cm9sSWRLZXkgPSAnaXRlbUNvbnRyb2xJZCc7XHJcbiAgaXRlbURpc3BsYXlLZXkgPSAnaXRlbUNvbnRyb2xOYW1lJztcclxuICBpZGVudGlmaWVyS2V5ID0gJ2l0ZW1JZCc7XHJcblxyXG4gIEBJbnB1dCgpIHNldCBhY3RpdmVFbnRpdHkodmFsdWU6IGFueSkge1xyXG4gICAgaWYgKHZhbHVlKSB7XHJcbiAgICAgIHRoaXMuYWN0aXZlVGFiID0gdmFsdWU7XHJcbiAgICB9XHJcbiAgfVxyXG4gIEBJbnB1dCgpIGxpc3RJdGVtcyA9IFtdO1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkSXRlbXM6IGFueSA9IFtdO1xyXG4gIEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgZmV0Y2hMaXN0ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBjbG9zZUxpc3QgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIHNhdmVMaXN0ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5hbmltYXRpb24gPSBmYWxzZTtcclxuICAgIH0sIDMwMCk7XHJcbiAgICB0aGlzLnNlbGVjdGVkSXRlbXMgPSB0aGlzLmFycmF5VG9JZCh0aGlzLnNlbGVjdGVkSXRlbXMsIHRoaXMuaWRlbnRpZmllcktleSk7XHJcbiAgfVxyXG5cclxuICBjaGFuZ2VUYWIodHlwZTogc3RyaW5nKSB7XHJcbiAgICBpZiAodGhpcy5sb2FkaW5nID09PSB0cnVlKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIHRoaXMuYWN0aXZlVGFiID0gdHlwZTtcclxuICAgIHRoaXMuZmV0Y2hMaXN0LmVtaXQodHlwZSk7XHJcbiAgICB0aGlzLmxpc3RJdGVtcyA9IFtdO1xyXG4gIH1cclxuICBzZWxlY3RJdGVtKGl0ZW06IGFueSkge1xyXG4gICAgdGhpcy5zZWxlY3RlZEl0ZW1zID0gW107XHJcbiAgICB0aGlzLnNlbGVjdGVkSXRlbXMucHVzaChpdGVtKTtcclxuICB9XHJcbiAgZGVsZXRlSXRlbShpdGVtOiBhbnkpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRJdGVtcyA9IFtdO1xyXG4gICAgLy8gdGhpcy5yZXJlbmRlckxpc3QoKTtcclxuICB9XHJcblxyXG4gIHNhdmUoKSB7XHJcbiAgICB0aGlzLnNhdmVMaXN0LmVtaXQodGhpcy5zZWxlY3RlZEl0ZW1zKTtcclxuICB9XHJcblxyXG4gIGNsb3NlKCkge1xyXG4gICAgdGhpcy5jbG9zZUxpc3QuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgYXJyYXlUb0lkKGFycmF5OiBhbnksIGlkZW50aWZpZXJLZXk6IGFueSkge1xyXG4gICAgcmV0dXJuIGFycmF5Lm1hcCgoYTogYW55KSA9PiBhW2lkZW50aWZpZXJLZXldKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJpc2stcmFkaW8tbGlzdFwiIFtjbGFzcy5hbmltYXRlXT1cImFuaW1hdGlvblwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInJpc2stcmFkaW8tbGlzdC1oZWFkXCI+XHJcbiAgICAgIDxoMyBjbGFzcz1cInJpc2stcmFkaW8tbGlzdC10aXRsZVwiPkRlZmluZSBTYW1wbGUgU2l6ZSBmb3IgU2VsZWN0ZWQgQXVkaXQgT2JqZWN0czwvaDM+XHJcbiAgICAgIDwhLS0gPGJ1dHRvbiBjbGFzcz1cInJhZGlvLWxpc3QtY2xvc2VcIj5cclxuICAgICAgICA8aSBjbGFzcz1cImljb25zXCIgKGNsaWNrKT1cImNsb3NlKClcIj4mI3hlOTBkOzwvaT5cclxuICAgICAgPC9idXR0b24+IC0tPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInJpc2stcmFkaW8tbGlzdC1ib2R5XCI+XHJcblxyXG4gICAgICA8ZGl2IGNsYXNzPVwidGFiLWJ1dHRvblwiPlxyXG4gICAgICAgICAgPGJ1dHRvbiBbY2xhc3MuYWN0aXZlXT1cImFjdGl2ZVRhYiA9PT0gJ1JFU1BPTlNJQklMSVRZJ1wiIChjbGljayk9XCJjaGFuZ2VUYWIoJ1JFU1BPTlNJQklMSVRZJylcIj5SRVNQT05TSUJJTElUSUVTPC9idXR0b24+XHJcbiAgICAgICAgICA8YnV0dG9uIFtjbGFzcy5hY3RpdmVdPVwiYWN0aXZlVGFiID09PSAnUklTSydcIiAoY2xpY2spPVwiY2hhbmdlVGFiKCdSSVNLJylcIj5SSVNLUzwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFsb2FkaW5nXCI+XHJcbiAgICAgICAgICA8dWwgY2xhc3M9XCJjYXRlZ29yaWVzXCI+XHJcbiAgICAgICAgICAgICAgPGxpICpuZ0Zvcj0gXCJsZXQgaXRlbSBvZiBsaXN0SXRlbXMgfGFycmF5RmlsdGVyIDogYWN0aXZlVGFiXCJcclxuICAgICAgICAgICAgICA+PGFwcC1jcy1yYWRpbyBbY2hlY2tlZF09XCJzZWxlY3RlZEl0ZW1zLmluY2x1ZGVzKGl0ZW1baWRlbnRpZmllcktleV0pXCIgKGNoZWNrZWRFdmVudCk9XCJzZWxlY3RJdGVtKGl0ZW1baWRlbnRpZmllcktleV0pXCI+PHNwYW4gY2xhc3M9XCJjaWRcIiAqbmdJZj1cIml0ZW1bY29udHJvbElkS2V5XVwiPnt7aXRlbVtjb250cm9sSWRLZXldfX08L3NwYW4+e3sgJycrIGl0ZW1baXRlbURpc3BsYXlLZXldfX08L2FwcC1jcy1yYWRpbz48L2xpPlxyXG4gICAgICAgICAgPC91bD5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDxhcHAtbGlzdC1sb2FkZXIgKm5nSWY9XCJsb2FkaW5nXCI+PC9hcHAtbGlzdC1sb2FkZXI+XHJcbiAgICAgIDxhcHAtbm8tZGF0YSAqbmdJZj1cImxpc3RJdGVtcz8ubGVuZ3RoID09PSAwICYmICFsb2FkaW5nXCJcclxuICAgICAgW25vRGF0YUltYWdlXT1cIidodHRwczovL2Nkbi52LWNvbXBseS5jb20vbGlicmFyaWVzL3dvcmtmbG93LWVuZ2luZS9hc3NldHMvd29ya2Zsb3cvc2VhcmNoLWRhdGEuc3ZnJ1wiXHJcbiAgICAgIFtub0RhdGFUZXh0XT1cIidObyBDYXRlZ29yaWVzIEZvdW5kJ1wiPjwvYXBwLW5vLWRhdGE+XHJcbiAgICA8L2Rpdj5cclxuICAgIDwhLS0gW3Npbmd1bGFyVGV4dF09XCJjb25maWc/LmZsb2F0aW5nVGV4dFNpbmd1bGFyXCJcclxuICAgIFtwbHVyYWxUZXh0XT1cImNvbmZpZz8uZmxvYXRpbmdUZXh0UGx1cmFsID9jb25maWc/LmZsb2F0aW5nVGV4dFBsdXJhbDonVXNlcnMgc2VsZWN0ZWQnXCIgLS0+XHJcbiAgICA8IS0tIFtzZWxlY3RlZERhdGFdPVwic2VsZWN0ZWRJdGVtc3xsaXN0TWFwcGVyOmxpc3RJdGVtczppZGVudGlmaWVyS2V5XCIgLS0+XHJcbiAgICA8ZGl2IGNsYXNzPVwicmlzay1yYWRpby1saXN0LWZvb3RlclwiPlxyXG4gICAgICA8YXBwLWZsb2F0aW5nLWJhciAgW2Rpc3BsYXlFbGVtZW50S2V5XT1cIml0ZW1EaXNwbGF5S2V5XCJcclxuICAgICAgW3NlbGVjdGVkRGF0YV09XCJzZWxlY3RlZEl0ZW1zfGxpc3RNYXBwZXI6bGlzdEl0ZW1zOmlkZW50aWZpZXJLZXlcIlxyXG4gICAgICAgKGNsb3NlRXZlbnQpPVwic2F2ZSgpXCJcclxuICAgICAgKGNsb3NlTGlzdCk9XCJjbG9zZSgpXCIgKGRlbGV0ZUV2ZW50KT1cImRlbGV0ZUl0ZW0oJGV2ZW50KVwiXHJcbiAgICAgIFtpc0Rpc2FibGVkXT1cInNlbGVjdGVkSXRlbXMubGVuZ3RoID09PSAwIHx8IGxpc3RJdGVtcy5sZW5ndGggPT09IDAgXCI+XHJcbiAgICA8L2FwcC1mbG9hdGluZy1iYXI+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/sharedComponents/review-frequency/review-frequency.component.mjs

@@ -0,0 +1,44 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../ui-kit/snack-bar/snack-bar.service";
+import * as i2 from "@angular/forms";
+import * as i3 from "../../ui-kit/snack-bar/snack-bar.component";
+import * as i4 from "../floating-bar/floating-bar.component";
+export class ReviewFrequencyComponent {
+    constructor(snackbar) {
+        this.snackbar = snackbar;
+        this.closeReviewFrequency = new EventEmitter();
+        this.backToUserList = new EventEmitter();
+        this.saveReviewFrequency = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    close() {
+        this.backToUserList.emit();
+    }
+    save() {
+        this.saveReviewFrequency.emit({ completeDays: this.reviewCompleteDays, notCompleted: this.reviewNOtCompletedDays });
+    }
+    onValueChange() {
+        if (this.reviewCompleteDays < 1) {
+            this.snackbar.show('Please enter a value greater than 0.', 'alert');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReviewFrequencyComponent, deps: [{ token: i1.SnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ReviewFrequencyComponent, selector: "app-review-frequency", inputs: { reviewCompleteDays: "reviewCompleteDays", reviewNOtCompletedDays: "reviewNOtCompletedDays" }, outputs: { closeReviewFrequency: "closeReviewFrequency", backToUserList: "backToUserList", saveReviewFrequency: "saveReviewFrequency" }, ngImport: i0, template: "<app-snack-bar></app-snack-bar>\r\n\r\n<div class=\"review-frequency\">\r\n    <div class=\"review-frequency-head vx-d-flex vx-align-center vx-pl-4 vx-pr-4\">\r\n        <i class=\"icons arrow vx-fs-16 vx-mr-2\" (click)=\"close()\">&#xe91d;</i> <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select a Review Frequency</div>\r\n    </div>\r\n    <div class=\"review-frequency-body\">\r\n      <div class=\"review-frequency-message\">\r\n          <div class=\"review-frequency-icon\"><img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/bulb.svg\" alt=\"\"></div>\r\n          <div class=\"review-frequency-inner vx-fs-12 vx-paragraph-txt vx-lh-5 vx-w-100\">\r\n              The review period begins after the responsibility is completed. This means that if a responsibility is\r\n              completed on the specified due date, the review will take place after the due date. In some\r\n              circumstances this may be fine. In others, such as a responsibility with a regulatory due date, this may\r\n              result in non-compliance with an external obligation. Accordingly, when adding the \u201CReview\u201D option to a\r\n              responsibility, it is important to carefully consider the due date for a responsibility and how\r\n              incorporating a review of the responsibility affects when a responsibility is completed.\r\n          </div>\r\n      </div>\r\n      <div class=\"review-frequency-body-inner vx-mt-2 vx-mb-4\">\r\n        <div class=\"frequency-due-date\">\r\n            <div class=\"frequency-due-date-item vx-mt-3\">\r\n                <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">COMPLETION WINDOW OPENS:</div>\r\n                <div class=\"frequency-due-date-item-box vx-fs-13 vx-paragraph-txt vx-p-3 vx-pt-4 vx-pb-4 vx-d-block\">\r\n                    The responsibility can be reviewed\r\n                    <input class=\"countNum\" [(ngModel)]=\"reviewCompleteDays\" (focusout)=\"onValueChange()\" type=\"number\" onkeydown=\"return event.keyCode !== 190\" min=\"0\" oninput=\"this.value = Math.abs(this.value)\">\r\n                    {{ reviewCompleteDays > 1 ? 'days' : 'day' }} <span class=\"vx-fw-500\">after</span> it has been completed. Where this occurs, this will show as the review being <span class=\"completed-text vx-fw-500\">completed on time</span>.\r\n                </div>\r\n            </div>\r\n  \r\n            <div class=\"frequency-due-date-item vx-mt-5\">\r\n              <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">EXTENSION:</div>\r\n              <div class=\"frequency-due-date-item-box vx-fs-13 vx-paragraph-txt vx-p-3 vx-pt-4 vx-pb-4 vx-d-block\">\r\n                The responsibility can be reviewed\r\n                <input class=\"countNum\" [(ngModel)]=\"reviewNOtCompletedDays\" type=\"number\" onkeydown=\"return event.keyCode !== 190\" min=\"0\" oninput=\"this.value = Math.abs(this.value)\">\r\n                {{ reviewNOtCompletedDays > 1 ? 'days' : 'day' }}<span class=\"vx-fw-500\"> after</span> the review due date. Where this occurs, this will show as the review being <span class=\"delay-text vx-fw-500\">completed with delay</span>.\r\n              </div>\r\n            </div>\r\n  \r\n            <div class=\"frequency-due-date-item vx-mt-5\">\r\n              <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">COMPLETION WINDOW CLOSES:</div>\r\n              <div class=\"frequency-due-date-item-box vx-fs-13 vx-paragraph-txt vx-p-3 vx-pt-4 vx-pb-4 vx-d-block\">\r\n                The responsibility cannot be reviewed\r\n                <span class=\"vx-fw-500 vx-label-txt vx-ml-1\">{{reviewNOtCompletedDays}}</span>\r\n                {{ reviewNOtCompletedDays > 1 ? 'days' : 'day' }}<span class=\"vx-fw-500\"> after</span> the review due date. Where this occurs, this will show as the review being <span class=\"notcompleted-text vx-fw-500\">not completed</span>.\r\n              </div>\r\n            </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <app-floating-bar \r\n     [showWorkflow]=\"false\"\r\n     [isDisabled]=\"(reviewCompleteDays<1)?true:false\"\r\n     (closeEvent)=\"save()\" (closeList)=\"closeReviewFrequency.emit()\"> <span  class=\"name\">This responsibility needs to be reviewed within <b>{{reviewCompleteDays}}</b> {{reviewCompleteDays > 1 ? 'days': 'day'}} after it has been completed.</span>\r\n    </app-floating-bar>\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/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-top.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/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.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 .review-frequency{position:fixed;top:0;right:31.25rem;bottom:0;left:0;z-index:-1}@media screen and (max-width: 1280px){::ng-deep .review-frequency{right:30px}}::ng-deep .review-frequency:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .review-frequency-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .review-frequency-head .arrow{cursor:pointer}::ng-deep .review-frequency-body{background:#fff;height:calc(100vh - 7.75rem);padding:2rem 2rem 1rem}::ng-deep .review-frequency-body-inner{height:calc(100vh - 18.75rem);overflow:hidden;overflow-y:auto}::ng-deep .review-frequency-message{position:relative}::ng-deep .review-frequency-inner{background:#fbfbfb;border:1px solid #f1f1f1;border-radius:.25rem;padding:.5rem .5rem .5rem 1.75rem!important}::ng-deep .review-frequency-icon{background:#fff;box-shadow:1px 1px 4px #1c5bd140;border-radius:.25rem;width:2rem;height:2rem;padding:.125rem;position:absolute;left:-1rem;top:1rem}::ng-deep .review-frequency-icon img{width:100%}::ng-deep .review-frequency app-floating-bar .userGroup-floating-bar{margin:0 2rem}::ng-deep .frequency-due-date-item-box{border-radius:.25rem;border:1px solid #f1f1f1}::ng-deep .frequency-due-date-item-box input.countNum{-moz-appearance:textfield;border:none;border-bottom:1px solid #DBDBDB;color:#161b2f;display:inline-block;font-size:13px;text-align:center;width:2.75rem;padding:.125rem;margin:0 .5rem;outline:none}::ng-deep .frequency-due-date-item-box input.countNum::-webkit-inner-spin-button,::ng-deep .frequency-due-date-item-box input.countNum::-webkit-outer-spin-button{-webkit-appearance:none}::ng-deep .frequency-due-date-item-box .completed-text{color:#34aa44}::ng-deep .frequency-due-date-item-box .delay-text{color:#f0b819}::ng-deep .frequency-due-date-item-box .notcompleted-text{color:#d93b41}\n"], dependencies: [{ kind: "directive", type: i2.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: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SnackBarComponent, selector: "app-snack-bar" }, { kind: "component", type: i4.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReviewFrequencyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-review-frequency', template: "<app-snack-bar></app-snack-bar>\r\n\r\n<div class=\"review-frequency\">\r\n    <div class=\"review-frequency-head vx-d-flex vx-align-center vx-pl-4 vx-pr-4\">\r\n        <i class=\"icons arrow vx-fs-16 vx-mr-2\" (click)=\"close()\">&#xe91d;</i> <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select a Review Frequency</div>\r\n    </div>\r\n    <div class=\"review-frequency-body\">\r\n      <div class=\"review-frequency-message\">\r\n          <div class=\"review-frequency-icon\"><img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/bulb.svg\" alt=\"\"></div>\r\n          <div class=\"review-frequency-inner vx-fs-12 vx-paragraph-txt vx-lh-5 vx-w-100\">\r\n              The review period begins after the responsibility is completed. This means that if a responsibility is\r\n              completed on the specified due date, the review will take place after the due date. In some\r\n              circumstances this may be fine. In others, such as a responsibility with a regulatory due date, this may\r\n              result in non-compliance with an external obligation. Accordingly, when adding the \u201CReview\u201D option to a\r\n              responsibility, it is important to carefully consider the due date for a responsibility and how\r\n              incorporating a review of the responsibility affects when a responsibility is completed.\r\n          </div>\r\n      </div>\r\n      <div class=\"review-frequency-body-inner vx-mt-2 vx-mb-4\">\r\n        <div class=\"frequency-due-date\">\r\n            <div class=\"frequency-due-date-item vx-mt-3\">\r\n                <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">COMPLETION WINDOW OPENS:</div>\r\n                <div class=\"frequency-due-date-item-box vx-fs-13 vx-paragraph-txt vx-p-3 vx-pt-4 vx-pb-4 vx-d-block\">\r\n                    The responsibility can be reviewed\r\n                    <input class=\"countNum\" [(ngModel)]=\"reviewCompleteDays\" (focusout)=\"onValueChange()\" type=\"number\" onkeydown=\"return event.keyCode !== 190\" min=\"0\" oninput=\"this.value = Math.abs(this.value)\">\r\n                    {{ reviewCompleteDays > 1 ? 'days' : 'day' }} <span class=\"vx-fw-500\">after</span> it has been completed. Where this occurs, this will show as the review being <span class=\"completed-text vx-fw-500\">completed on time</span>.\r\n                </div>\r\n            </div>\r\n  \r\n            <div class=\"frequency-due-date-item vx-mt-5\">\r\n              <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">EXTENSION:</div>\r\n              <div class=\"frequency-due-date-item-box vx-fs-13 vx-paragraph-txt vx-p-3 vx-pt-4 vx-pb-4 vx-d-block\">\r\n                The responsibility can be reviewed\r\n                <input class=\"countNum\" [(ngModel)]=\"reviewNOtCompletedDays\" type=\"number\" onkeydown=\"return event.keyCode !== 190\" min=\"0\" oninput=\"this.value = Math.abs(this.value)\">\r\n                {{ reviewNOtCompletedDays > 1 ? 'days' : 'day' }}<span class=\"vx-fw-500\"> after</span> the review due date. Where this occurs, this will show as the review being <span class=\"delay-text vx-fw-500\">completed with delay</span>.\r\n              </div>\r\n            </div>\r\n  \r\n            <div class=\"frequency-due-date-item vx-mt-5\">\r\n              <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">COMPLETION WINDOW CLOSES:</div>\r\n              <div class=\"frequency-due-date-item-box vx-fs-13 vx-paragraph-txt vx-p-3 vx-pt-4 vx-pb-4 vx-d-block\">\r\n                The responsibility cannot be reviewed\r\n                <span class=\"vx-fw-500 vx-label-txt vx-ml-1\">{{reviewNOtCompletedDays}}</span>\r\n                {{ reviewNOtCompletedDays > 1 ? 'days' : 'day' }}<span class=\"vx-fw-500\"> after</span> the review due date. Where this occurs, this will show as the review being <span class=\"notcompleted-text vx-fw-500\">not completed</span>.\r\n              </div>\r\n            </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <app-floating-bar \r\n     [showWorkflow]=\"false\"\r\n     [isDisabled]=\"(reviewCompleteDays<1)?true:false\"\r\n     (closeEvent)=\"save()\" (closeList)=\"closeReviewFrequency.emit()\"> <span  class=\"name\">This responsibility needs to be reviewed within <b>{{reviewCompleteDays}}</b> {{reviewCompleteDays > 1 ? 'days': 'day'}} after it has been completed.</span>\r\n    </app-floating-bar>\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/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-top.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/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.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 .review-frequency{position:fixed;top:0;right:31.25rem;bottom:0;left:0;z-index:-1}@media screen and (max-width: 1280px){::ng-deep .review-frequency{right:30px}}::ng-deep .review-frequency:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .review-frequency-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .review-frequency-head .arrow{cursor:pointer}::ng-deep .review-frequency-body{background:#fff;height:calc(100vh - 7.75rem);padding:2rem 2rem 1rem}::ng-deep .review-frequency-body-inner{height:calc(100vh - 18.75rem);overflow:hidden;overflow-y:auto}::ng-deep .review-frequency-message{position:relative}::ng-deep .review-frequency-inner{background:#fbfbfb;border:1px solid #f1f1f1;border-radius:.25rem;padding:.5rem .5rem .5rem 1.75rem!important}::ng-deep .review-frequency-icon{background:#fff;box-shadow:1px 1px 4px #1c5bd140;border-radius:.25rem;width:2rem;height:2rem;padding:.125rem;position:absolute;left:-1rem;top:1rem}::ng-deep .review-frequency-icon img{width:100%}::ng-deep .review-frequency app-floating-bar .userGroup-floating-bar{margin:0 2rem}::ng-deep .frequency-due-date-item-box{border-radius:.25rem;border:1px solid #f1f1f1}::ng-deep .frequency-due-date-item-box input.countNum{-moz-appearance:textfield;border:none;border-bottom:1px solid #DBDBDB;color:#161b2f;display:inline-block;font-size:13px;text-align:center;width:2.75rem;padding:.125rem;margin:0 .5rem;outline:none}::ng-deep .frequency-due-date-item-box input.countNum::-webkit-inner-spin-button,::ng-deep .frequency-due-date-item-box input.countNum::-webkit-outer-spin-button{-webkit-appearance:none}::ng-deep .frequency-due-date-item-box .completed-text{color:#34aa44}::ng-deep .frequency-due-date-item-box .delay-text{color:#f0b819}::ng-deep .frequency-due-date-item-box .notcompleted-text{color:#d93b41}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.SnackBarService }]; }, propDecorators: { reviewCompleteDays: [{
+                type: Input
+            }], reviewNOtCompletedDays: [{
+                type: Input
+            }], closeReviewFrequency: [{
+                type: Output
+            }], backToUserList: [{
+                type: Output
+            }], saveReviewFrequency: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmV2aWV3LWZyZXF1ZW5jeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3Jldmlldy1mcmVxdWVuY3kvcmV2aWV3LWZyZXF1ZW5jeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3Jldmlldy1mcmVxdWVuY3kvcmV2aWV3LWZyZXF1ZW5jeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRL0UsTUFBTSxPQUFPLHdCQUF3QjtJQVFuQyxZQUFvQixRQUF5QjtRQUF6QixhQUFRLEdBQVIsUUFBUSxDQUFpQjtRQUxuQyx5QkFBb0IsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzFDLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNwQyx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFBO0lBSWpELENBQUM7SUFFRixRQUFRO0lBQ1IsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxDQUFDO0lBRzdCLENBQUM7SUFDRCxJQUFJO1FBQ0YsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxFQUFFLFlBQVksRUFBRSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsWUFBWSxFQUFFLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDLENBQUE7SUFDckgsQ0FBQztJQUNELGFBQWE7UUFDWCxJQUFHLElBQUksQ0FBQyxrQkFBa0IsR0FBQyxDQUFDLEVBQUM7WUFDM0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsc0NBQXNDLEVBQUUsT0FBTyxDQUFDLENBQUM7U0FFckU7SUFDSCxDQUFDOytHQTNCVSx3QkFBd0I7bUdBQXhCLHdCQUF3Qiw2U0NSckMscTVJQXVETTs7NEZEL0NPLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxzQkFBc0I7c0dBS3ZCLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxzQkFBc0I7c0JBQTlCLEtBQUs7Z0JBQ0ksb0JBQW9CO3NCQUE3QixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0csbUJBQW1CO3NCQUE1QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTbmFja0JhclNlcnZpY2UgfSBmcm9tICcuLi8uLi91aS1raXQvc25hY2stYmFyL3NuYWNrLWJhci5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXJldmlldy1mcmVxdWVuY3knLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9yZXZpZXctZnJlcXVlbmN5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9yZXZpZXctZnJlcXVlbmN5LmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFJldmlld0ZyZXF1ZW5jeUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgcmV2aWV3Q29tcGxldGVEYXlzOiBhbnk7XHJcbiAgQElucHV0KCkgcmV2aWV3Tk90Q29tcGxldGVkRGF5czogYW55O1xyXG4gIEBPdXRwdXQoKSBjbG9zZVJldmlld0ZyZXF1ZW5jeSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgYmFja1RvVXNlckxpc3QgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIHNhdmVSZXZpZXdGcmVxdWVuY3kgPSBuZXcgRXZlbnRFbWl0dGVyKClcclxuXHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc25hY2tiYXI6IFNuYWNrQmFyU2VydmljZSwpIHtcclxuICAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIGNsb3NlKCkge1xyXG4gICAgdGhpcy5iYWNrVG9Vc2VyTGlzdC5lbWl0KCk7XHJcblxyXG5cclxuICB9XHJcbiAgc2F2ZSgpIHtcclxuICAgIHRoaXMuc2F2ZVJldmlld0ZyZXF1ZW5jeS5lbWl0KHsgY29tcGxldGVEYXlzOiB0aGlzLnJldmlld0NvbXBsZXRlRGF5cywgbm90Q29tcGxldGVkOiB0aGlzLnJldmlld05PdENvbXBsZXRlZERheXMgfSlcclxuICB9XHJcbiAgb25WYWx1ZUNoYW5nZSgpe1xyXG4gICAgaWYodGhpcy5yZXZpZXdDb21wbGV0ZURheXM8MSl7XHJcbiAgICAgIHRoaXMuc25hY2tiYXIuc2hvdygnUGxlYXNlIGVudGVyIGEgdmFsdWUgZ3JlYXRlciB0aGFuIDAuJywgJ2FsZXJ0Jyk7XHJcblxyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8YXBwLXNuYWNrLWJhcj48L2FwcC1zbmFjay1iYXI+XHJcblxyXG48ZGl2IGNsYXNzPVwicmV2aWV3LWZyZXF1ZW5jeVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInJldmlldy1mcmVxdWVuY3ktaGVhZCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LXBsLTQgdngtcHItNFwiPlxyXG4gICAgICAgIDxpIGNsYXNzPVwiaWNvbnMgYXJyb3cgdngtZnMtMTYgdngtbXItMlwiIChjbGljayk9XCJjbG9zZSgpXCI+JiN4ZTkxZDs8L2k+IDxkaXYgY2xhc3M9XCJ2eC1mcy0xNCB2eC1mdy01MDAgdngtbGFiZWwtdHh0XCI+U2VsZWN0IGEgUmV2aWV3IEZyZXF1ZW5jeTwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwicmV2aWV3LWZyZXF1ZW5jeS1ib2R5XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJyZXZpZXctZnJlcXVlbmN5LW1lc3NhZ2VcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJyZXZpZXctZnJlcXVlbmN5LWljb25cIj48aW1nIHNyYz1cImh0dHBzOi8vY2RuLnYtY29tcGx5LmNvbS9saWJyYXJpZXMvd29ya2Zsb3ctZW5naW5lL2Fzc2V0cy93b3JrZmxvdy9idWxiLnN2Z1wiIGFsdD1cIlwiPjwvZGl2PlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInJldmlldy1mcmVxdWVuY3ktaW5uZXIgdngtZnMtMTIgdngtcGFyYWdyYXBoLXR4dCB2eC1saC01IHZ4LXctMTAwXCI+XHJcbiAgICAgICAgICAgICAgVGhlIHJldmlldyBwZXJpb2QgYmVnaW5zIGFmdGVyIHRoZSByZXNwb25zaWJpbGl0eSBpcyBjb21wbGV0ZWQuIFRoaXMgbWVhbnMgdGhhdCBpZiBhIHJlc3BvbnNpYmlsaXR5IGlzXHJcbiAgICAgICAgICAgICAgY29tcGxldGVkIG9uIHRoZSBzcGVjaWZpZWQgZHVlIGRhdGUsIHRoZSByZXZpZXcgd2lsbCB0YWtlIHBsYWNlIGFmdGVyIHRoZSBkdWUgZGF0ZS4gSW4gc29tZVxyXG4gICAgICAgICAgICAgIGNpcmN1bXN0YW5jZXMgdGhpcyBtYXkgYmUgZmluZS4gSW4gb3RoZXJzLCBzdWNoIGFzIGEgcmVzcG9uc2liaWxpdHkgd2l0aCBhIHJlZ3VsYXRvcnkgZHVlIGRhdGUsIHRoaXMgbWF5XHJcbiAgICAgICAgICAgICAgcmVzdWx0IGluIG5vbi1jb21wbGlhbmNlIHdpdGggYW4gZXh0ZXJuYWwgb2JsaWdhdGlvbi4gQWNjb3JkaW5nbHksIHdoZW4gYWRkaW5nIHRoZSDigJxSZXZpZXfigJ0gb3B0aW9uIHRvIGFcclxuICAgICAgICAgICAgICByZXNwb25zaWJpbGl0eSwgaXQgaXMgaW1wb3J0YW50IHRvIGNhcmVmdWxseSBjb25zaWRlciB0aGUgZHVlIGRhdGUgZm9yIGEgcmVzcG9uc2liaWxpdHkgYW5kIGhvd1xyXG4gICAgICAgICAgICAgIGluY29ycG9yYXRpbmcgYSByZXZpZXcgb2YgdGhlIHJlc3BvbnNpYmlsaXR5IGFmZmVjdHMgd2hlbiBhIHJlc3BvbnNpYmlsaXR5IGlzIGNvbXBsZXRlZC5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInJldmlldy1mcmVxdWVuY3ktYm9keS1pbm5lciB2eC1tdC0yIHZ4LW1iLTRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZnJlcXVlbmN5LWR1ZS1kYXRlXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmcmVxdWVuY3ktZHVlLWRhdGUtaXRlbSB2eC1tdC0zXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidngtZnMtMTEgdngtZnctNTAwIHZ4LWxhYmVsLXR4dCB2eC10dC11cHBlcmNhc2UgdngtbWItMVwiPkNPTVBMRVRJT04gV0lORE9XIE9QRU5TOjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZyZXF1ZW5jeS1kdWUtZGF0ZS1pdGVtLWJveCB2eC1mcy0xMyB2eC1wYXJhZ3JhcGgtdHh0IHZ4LXAtMyB2eC1wdC00IHZ4LXBiLTQgdngtZC1ibG9ja1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIFRoZSByZXNwb25zaWJpbGl0eSBjYW4gYmUgcmV2aWV3ZWRcclxuICAgICAgICAgICAgICAgICAgICA8aW5wdXQgY2xhc3M9XCJjb3VudE51bVwiIFsobmdNb2RlbCldPVwicmV2aWV3Q29tcGxldGVEYXlzXCIgKGZvY3Vzb3V0KT1cIm9uVmFsdWVDaGFuZ2UoKVwiIHR5cGU9XCJudW1iZXJcIiBvbmtleWRvd249XCJyZXR1cm4gZXZlbnQua2V5Q29kZSAhPT0gMTkwXCIgbWluPVwiMFwiIG9uaW5wdXQ9XCJ0aGlzLnZhbHVlID0gTWF0aC5hYnModGhpcy52YWx1ZSlcIj5cclxuICAgICAgICAgICAgICAgICAgICB7eyByZXZpZXdDb21wbGV0ZURheXMgPiAxID8gJ2RheXMnIDogJ2RheScgfX0gPHNwYW4gY2xhc3M9XCJ2eC1mdy01MDBcIj5hZnRlcjwvc3Bhbj4gaXQgaGFzIGJlZW4gY29tcGxldGVkLiBXaGVyZSB0aGlzIG9jY3VycywgdGhpcyB3aWxsIHNob3cgYXMgdGhlIHJldmlldyBiZWluZyA8c3BhbiBjbGFzcz1cImNvbXBsZXRlZC10ZXh0IHZ4LWZ3LTUwMFwiPmNvbXBsZXRlZCBvbiB0aW1lPC9zcGFuPi5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICBcclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZyZXF1ZW5jeS1kdWUtZGF0ZS1pdGVtIHZ4LW10LTVcIj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidngtZnMtMTEgdngtZnctNTAwIHZ4LWxhYmVsLXR4dCB2eC10dC11cHBlcmNhc2UgdngtbWItMVwiPkVYVEVOU0lPTjo8L2Rpdj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZnJlcXVlbmN5LWR1ZS1kYXRlLWl0ZW0tYm94IHZ4LWZzLTEzIHZ4LXBhcmFncmFwaC10eHQgdngtcC0zIHZ4LXB0LTQgdngtcGItNCB2eC1kLWJsb2NrXCI+XHJcbiAgICAgICAgICAgICAgICBUaGUgcmVzcG9uc2liaWxpdHkgY2FuIGJlIHJldmlld2VkXHJcbiAgICAgICAgICAgICAgICA8aW5wdXQgY2xhc3M9XCJjb3VudE51bVwiIFsobmdNb2RlbCldPVwicmV2aWV3Tk90Q29tcGxldGVkRGF5c1wiIHR5cGU9XCJudW1iZXJcIiBvbmtleWRvd249XCJyZXR1cm4gZXZlbnQua2V5Q29kZSAhPT0gMTkwXCIgbWluPVwiMFwiIG9uaW5wdXQ9XCJ0aGlzLnZhbHVlID0gTWF0aC5hYnModGhpcy52YWx1ZSlcIj5cclxuICAgICAgICAgICAgICAgIHt7IHJldmlld05PdENvbXBsZXRlZERheXMgPiAxID8gJ2RheXMnIDogJ2RheScgfX08c3BhbiBjbGFzcz1cInZ4LWZ3LTUwMFwiPiBhZnRlcjwvc3Bhbj4gdGhlIHJldmlldyBkdWUgZGF0ZS4gV2hlcmUgdGhpcyBvY2N1cnMsIHRoaXMgd2lsbCBzaG93IGFzIHRoZSByZXZpZXcgYmVpbmcgPHNwYW4gY2xhc3M9XCJkZWxheS10ZXh0IHZ4LWZ3LTUwMFwiPmNvbXBsZXRlZCB3aXRoIGRlbGF5PC9zcGFuPi5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgXHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmcmVxdWVuY3ktZHVlLWRhdGUtaXRlbSB2eC1tdC01XCI+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC1sYWJlbC10eHQgdngtdHQtdXBwZXJjYXNlIHZ4LW1iLTFcIj5DT01QTEVUSU9OIFdJTkRPVyBDTE9TRVM6PC9kaXY+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZyZXF1ZW5jeS1kdWUtZGF0ZS1pdGVtLWJveCB2eC1mcy0xMyB2eC1wYXJhZ3JhcGgtdHh0IHZ4LXAtMyB2eC1wdC00IHZ4LXBiLTQgdngtZC1ibG9ja1wiPlxyXG4gICAgICAgICAgICAgICAgVGhlIHJlc3BvbnNpYmlsaXR5IGNhbm5vdCBiZSByZXZpZXdlZFxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2eC1mdy01MDAgdngtbGFiZWwtdHh0IHZ4LW1sLTFcIj57e3Jldmlld05PdENvbXBsZXRlZERheXN9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIHt7IHJldmlld05PdENvbXBsZXRlZERheXMgPiAxID8gJ2RheXMnIDogJ2RheScgfX08c3BhbiBjbGFzcz1cInZ4LWZ3LTUwMFwiPiBhZnRlcjwvc3Bhbj4gdGhlIHJldmlldyBkdWUgZGF0ZS4gV2hlcmUgdGhpcyBvY2N1cnMsIHRoaXMgd2lsbCBzaG93IGFzIHRoZSByZXZpZXcgYmVpbmcgPHNwYW4gY2xhc3M9XCJub3Rjb21wbGV0ZWQtdGV4dCB2eC1mdy01MDBcIj5ub3QgY29tcGxldGVkPC9zcGFuPi5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGFwcC1mbG9hdGluZy1iYXIgXHJcbiAgICAgW3Nob3dXb3JrZmxvd109XCJmYWxzZVwiXHJcbiAgICAgW2lzRGlzYWJsZWRdPVwiKHJldmlld0NvbXBsZXRlRGF5czwxKT90cnVlOmZhbHNlXCJcclxuICAgICAoY2xvc2VFdmVudCk9XCJzYXZlKClcIiAoY2xvc2VMaXN0KT1cImNsb3NlUmV2aWV3RnJlcXVlbmN5LmVtaXQoKVwiPiA8c3BhbiAgY2xhc3M9XCJuYW1lXCI+VGhpcyByZXNwb25zaWJpbGl0eSBuZWVkcyB0byBiZSByZXZpZXdlZCB3aXRoaW4gPGI+e3tyZXZpZXdDb21wbGV0ZURheXN9fTwvYj4ge3tyZXZpZXdDb21wbGV0ZURheXMgPiAxID8gJ2RheXMnOiAnZGF5J319IGFmdGVyIGl0IGhhcyBiZWVuIGNvbXBsZXRlZC48L3NwYW4+XHJcbiAgICA8L2FwcC1mbG9hdGluZy1iYXI+XHJcbjwvZGl2PiJdfQ==