vcomply-workflow-engine 3.5.3 → 3.5.4

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

@@ -0,0 +1,30 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../formgroup/cs-checkbox/cs-checkbox.component";
+import * as i3 from "../../formgroup/cs-checkbox-indeterminate/cs-checkbox-indeterminate.component";
+import * as i4 from "../../ui-kit/tooltip/tooltip.directive";
+import * as i5 from "../no-data/no-data.component";
+import * as i6 from "../floating-bar/floating-bar.component";
+export class RolesListComponent {
+    constructor() {
+        this.animation = true;
+        this.roleList = false;
+    }
+    ngOnInit() {
+        this.animation = true;
+        setTimeout(() => {
+            this.animation = false;
+        }, 300);
+    }
+    clickRoleList() {
+        this.roleList = !this.roleList;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RolesListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RolesListComponent, selector: "app-roles-list", ngImport: i0, template: "<div class=\"roles-list\" [class.animate]=\"animation\">\r\n    <div class=\"roles-list-head\">\r\n      <h3 class=\"roles-list-title\">Select Roles(s)</h3>\r\n    </div>\r\n  \r\n    <div class=\"roles-list-body\">\r\n        <div class=\"search-block\">\r\n          <i class=\"icons\">&#xe90b;</i>\r\n          <input type=\"text\" placeholder=\"Search Roles\" />\r\n        </div>\r\n\r\n        <div *ngIf=\"true\" class=\"roles-list-mid vx-mt-2\">\r\n            <div class=\"role-box-select vx-pb-2\">\r\n                <app-cs-checkbox>\r\n                    <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">Select All</div>\r\n                </app-cs-checkbox>\r\n                <app-cs-checkbox-indeterminate>\r\n                    <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">Deselect All</div>\r\n                </app-cs-checkbox-indeterminate>\r\n            </div>\r\n\r\n            <div class=\"role-box vx-mb-2\" *ngFor=\"let data of [1, 1, 1]\">\r\n                <div (click)=\"clickRoleList()\" class=\"role-box-heading vx-d-flex vx-align-center vx-justify-between vx-p-3\">\r\n                    <div class=\"left vx-d-flex vx-align-center vx-lh-4\">\r\n                        <app-cs-checkbox></app-cs-checkbox>\r\n                        <div class=\"name vx-fs-12 vx-label-txt\" [appTooltip]=\"'Role name'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Role name</div>\r\n                        <span class=\"count vx-fs-9 vx-fw-600 vx-lh-3 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-ml-2\">10 PERMISSIONS</span>\r\n                    </div>\r\n                    <div class=\"right vx-d-flex vx-align-center vx-justify-between\">\r\n                        <div class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\" [class.power-user]=\"true\" [class.all-user]=\"false\">Power User</div>\r\n                        <button class=\"arrow-btn vx-fs-12 vx-paragraph-txt vx-m-0 vx-p-0 vx-d-flex vx-align-center\">\r\n                            <i *ngIf=\"!roleList\" class=\"icons\">&#xe970;</i>\r\n                            <i *ngIf=\"roleList\" class=\"icons\">&#xe9e8;</i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"role-box-list\" *ngIf=\"roleList\">\r\n                    <ul class=\"vx-p-0 vx-m-0\">\r\n                        <li class=\"vx-p-3 vx-lh-4\">\r\n                            <div class=\"value vx-fs-12 vx-label-txt\">Manage Roles <span class=\"vx-fs-10 vx-paragraph-txt\">(Create, Edit, Delete)</span></div>\r\n                        </li>\r\n                        <li class=\"vx-p-3 vx-lh-4\">\r\n                            <div class=\"value vx-fs-12 vx-label-txt\">View User List</div>\r\n                        </li>\r\n                        <li class=\"vx-p-3 vx-lh-4\">\r\n                            <div class=\"value vx-fs-12 vx-label-txt\">Manage Users <span class=\"vx-fs-10 vx-paragraph-txt\">(Create/Edit/Delete/Deactivate)</span></div>\r\n                        </li>\r\n                        <li class=\"vx-p-3 vx-lh-4\">\r\n                            <div class=\"value vx-fs-12 vx-label-txt\">Over-ride Log In</div>\r\n                        </li>\r\n                        <li class=\"vx-p-3 vx-lh-4\">\r\n                            <div class=\"value vx-fs-12 vx-label-txt\">View Statutory Holidays</div>\r\n                        </li>\r\n                        <li class=\"vx-p-3 vx-lh-4\">\r\n                            <div class=\"value vx-fs-12 vx-label-txt\">Manage Statutory Holidays</div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <app-no-data *ngIf=\"false\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Roles Found'\"></app-no-data>\r\n    </div>\r\n\r\n    <div class=\"roles-list-footer\">\r\n        <app-floating-bar></app-floating-bar>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";::ng-deep .roles-list{background:#fff;position:fixed;inset:0 500px 0 0;border-top:3px solid #1E5DD3}::ng-deep .roles-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .roles-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .roles-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .roles-list-body{padding:24px 40px 24px 36px;height:calc(100vh - 124px)}::ng-deep .roles-list-body .search-block{position:relative}::ng-deep .roles-list-body .search-block input{height:44px;line-height:24px;padding:10px 16px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .roles-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .roles-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .roles-list-mid{width:calc(100% + .75rem);height:calc(100vh - 14rem);overflow:auto;padding-right:.75rem}::ng-deep .roles-list-mid .role-box{border:1px solid #f1f1f1;border-radius:.25rem}::ng-deep .roles-list-mid .role-box-select{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item{position:relative;padding-left:1.75rem;width:100%}::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .checkmark,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .value,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .value{margin:0!important}::ng-deep .roles-list-mid .role-box-heading{cursor:pointer}::ng-deep .roles-list-mid .role-box-heading .left{width:calc(100% - 6.5rem)}::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate{height:1rem}::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item{position:relative;padding-left:1.75rem;height:1rem}::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item .checkmark,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-heading .left .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 9.25rem)}::ng-deep .roles-list-mid .role-box-heading .left .count{background:#f1f1f1;border-radius:.125rem;color:#042e7d}::ng-deep .roles-list-mid .role-box-heading .right{width:6.5rem}::ng-deep .roles-list-mid .role-box-heading .right .status-label{border-radius:.125rem;height:.75rem}::ng-deep .roles-list-mid .role-box-heading .right .status-label.all-user{background:#7aa6f7}::ng-deep .roles-list-mid .role-box-heading .right .status-label.power-user{background:#fadd8a}::ng-deep .roles-list-mid .role-box-heading .right button.arrow-btn{background:transparent;border:none;border-radius:0}::ng-deep .roles-list-mid .role-box-list ul{list-style-type:none}::ng-deep .roles-list-mid .role-box-list ul li{border-top:1px solid #f1f1f1;padding-left:2.5rem!important;position:relative}::ng-deep .roles-list-mid .role-box-list ul li:before{background:#dbdbdb;border-radius:.125rem;width:.25rem;height:.25rem;content:\"\";position:absolute;top:18px;left:18px}::ng-deep .roles-list-mid .role-box-list ul li .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-transform:capitalize}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item{width:100%}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item span.value{width:100%}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item span.value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: i3.CsCheckboxIndeterminateComponent, selector: "app-cs-checkbox-indeterminate", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i5.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i6.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RolesListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-roles-list', template: "<div class=\"roles-list\" [class.animate]=\"animation\">\r\n    <div class=\"roles-list-head\">\r\n      <h3 class=\"roles-list-title\">Select Roles(s)</h3>\r\n    </div>\r\n  \r\n    <div class=\"roles-list-body\">\r\n        <div class=\"search-block\">\r\n          <i class=\"icons\">&#xe90b;</i>\r\n          <input type=\"text\" placeholder=\"Search Roles\" />\r\n        </div>\r\n\r\n        <div *ngIf=\"true\" class=\"roles-list-mid vx-mt-2\">\r\n            <div class=\"role-box-select vx-pb-2\">\r\n                <app-cs-checkbox>\r\n                    <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">Select All</div>\r\n                </app-cs-checkbox>\r\n                <app-cs-checkbox-indeterminate>\r\n                    <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">Deselect All</div>\r\n                </app-cs-checkbox-indeterminate>\r\n            </div>\r\n\r\n            <div class=\"role-box vx-mb-2\" *ngFor=\"let data of [1, 1, 1]\">\r\n                <div (click)=\"clickRoleList()\" class=\"role-box-heading vx-d-flex vx-align-center vx-justify-between vx-p-3\">\r\n                    <div class=\"left vx-d-flex vx-align-center vx-lh-4\">\r\n                        <app-cs-checkbox></app-cs-checkbox>\r\n                        <div class=\"name vx-fs-12 vx-label-txt\" [appTooltip]=\"'Role name'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Role name</div>\r\n                        <span class=\"count vx-fs-9 vx-fw-600 vx-lh-3 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-ml-2\">10 PERMISSIONS</span>\r\n                    </div>\r\n                    <div class=\"right vx-d-flex vx-align-center vx-justify-between\">\r\n                        <div class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\" [class.power-user]=\"true\" [class.all-user]=\"false\">Power User</div>\r\n                        <button class=\"arrow-btn vx-fs-12 vx-paragraph-txt vx-m-0 vx-p-0 vx-d-flex vx-align-center\">\r\n                            <i *ngIf=\"!roleList\" class=\"icons\">&#xe970;</i>\r\n                            <i *ngIf=\"roleList\" class=\"icons\">&#xe9e8;</i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"role-box-list\" *ngIf=\"roleList\">\r\n                    <ul class=\"vx-p-0 vx-m-0\">\r\n                        <li class=\"vx-p-3 vx-lh-4\">\r\n                            <div class=\"value vx-fs-12 vx-label-txt\">Manage Roles <span class=\"vx-fs-10 vx-paragraph-txt\">(Create, Edit, Delete)</span></div>\r\n                        </li>\r\n                        <li class=\"vx-p-3 vx-lh-4\">\r\n                            <div class=\"value vx-fs-12 vx-label-txt\">View User List</div>\r\n                        </li>\r\n                        <li class=\"vx-p-3 vx-lh-4\">\r\n                            <div class=\"value vx-fs-12 vx-label-txt\">Manage Users <span class=\"vx-fs-10 vx-paragraph-txt\">(Create/Edit/Delete/Deactivate)</span></div>\r\n                        </li>\r\n                        <li class=\"vx-p-3 vx-lh-4\">\r\n                            <div class=\"value vx-fs-12 vx-label-txt\">Over-ride Log In</div>\r\n                        </li>\r\n                        <li class=\"vx-p-3 vx-lh-4\">\r\n                            <div class=\"value vx-fs-12 vx-label-txt\">View Statutory Holidays</div>\r\n                        </li>\r\n                        <li class=\"vx-p-3 vx-lh-4\">\r\n                            <div class=\"value vx-fs-12 vx-label-txt\">Manage Statutory Holidays</div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <app-no-data *ngIf=\"false\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Roles Found'\"></app-no-data>\r\n    </div>\r\n\r\n    <div class=\"roles-list-footer\">\r\n        <app-floating-bar></app-floating-bar>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";::ng-deep .roles-list{background:#fff;position:fixed;inset:0 500px 0 0;border-top:3px solid #1E5DD3}::ng-deep .roles-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .roles-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .roles-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .roles-list-body{padding:24px 40px 24px 36px;height:calc(100vh - 124px)}::ng-deep .roles-list-body .search-block{position:relative}::ng-deep .roles-list-body .search-block input{height:44px;line-height:24px;padding:10px 16px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .roles-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .roles-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .roles-list-mid{width:calc(100% + .75rem);height:calc(100vh - 14rem);overflow:auto;padding-right:.75rem}::ng-deep .roles-list-mid .role-box{border:1px solid #f1f1f1;border-radius:.25rem}::ng-deep .roles-list-mid .role-box-select{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item{position:relative;padding-left:1.75rem;width:100%}::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .checkmark,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .value,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .value{margin:0!important}::ng-deep .roles-list-mid .role-box-heading{cursor:pointer}::ng-deep .roles-list-mid .role-box-heading .left{width:calc(100% - 6.5rem)}::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate{height:1rem}::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item{position:relative;padding-left:1.75rem;height:1rem}::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item .checkmark,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-heading .left .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 9.25rem)}::ng-deep .roles-list-mid .role-box-heading .left .count{background:#f1f1f1;border-radius:.125rem;color:#042e7d}::ng-deep .roles-list-mid .role-box-heading .right{width:6.5rem}::ng-deep .roles-list-mid .role-box-heading .right .status-label{border-radius:.125rem;height:.75rem}::ng-deep .roles-list-mid .role-box-heading .right .status-label.all-user{background:#7aa6f7}::ng-deep .roles-list-mid .role-box-heading .right .status-label.power-user{background:#fadd8a}::ng-deep .roles-list-mid .role-box-heading .right button.arrow-btn{background:transparent;border:none;border-radius:0}::ng-deep .roles-list-mid .role-box-list ul{list-style-type:none}::ng-deep .roles-list-mid .role-box-list ul li{border-top:1px solid #f1f1f1;padding-left:2.5rem!important;position:relative}::ng-deep .roles-list-mid .role-box-list ul li:before{background:#dbdbdb;border-radius:.125rem;width:.25rem;height:.25rem;content:\"\";position:absolute;top:18px;left:18px}::ng-deep .roles-list-mid .role-box-list ul li .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-transform:capitalize}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item{width:100%}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item span.value{width:100%}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item span.value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9sZXMtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3JvbGVzLWxpc3Qvcm9sZXMtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3JvbGVzLWxpc3Qvcm9sZXMtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQU9sRCxNQUFNLE9BQU8sa0JBQWtCO0lBSTdCO1FBSEEsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO0lBRUQsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQzsrR0FmVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixzRENQL0IsK2dJQW1FTTs7NEZENURPLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtcm9sZXMtbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3JvbGVzLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3JvbGVzLWxpc3QuY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUm9sZXNMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBhbmltYXRpb24gPSB0cnVlO1xyXG4gIHJvbGVMaXN0ID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5hbmltYXRpb24gPSB0cnVlO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuYW5pbWF0aW9uID0gZmFsc2U7XHJcbiAgICB9LCAzMDApO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tSb2xlTGlzdCgpIHtcclxuICAgIHRoaXMucm9sZUxpc3QgPSAhdGhpcy5yb2xlTGlzdDtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJyb2xlcy1saXN0XCIgW2NsYXNzLmFuaW1hdGVdPVwiYW5pbWF0aW9uXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicm9sZXMtbGlzdC1oZWFkXCI+XHJcbiAgICAgIDxoMyBjbGFzcz1cInJvbGVzLWxpc3QtdGl0bGVcIj5TZWxlY3QgUm9sZXMocyk8L2gzPlxyXG4gICAgPC9kaXY+XHJcbiAgXHJcbiAgICA8ZGl2IGNsYXNzPVwicm9sZXMtbGlzdC1ib2R5XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNlYXJjaC1ibG9ja1wiPlxyXG4gICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiPiYjeGU5MGI7PC9pPlxyXG4gICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgcGxhY2Vob2xkZXI9XCJTZWFyY2ggUm9sZXNcIiAvPlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwidHJ1ZVwiIGNsYXNzPVwicm9sZXMtbGlzdC1taWQgdngtbXQtMlwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm9sZS1ib3gtc2VsZWN0IHZ4LXBiLTJcIj5cclxuICAgICAgICAgICAgICAgIDxhcHAtY3MtY2hlY2tib3g+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInVzZXItbmFtZSB2eC1mcy0xMiB2eC1mdy02MDAgdngtbGFiZWwtdHh0XCI+U2VsZWN0IEFsbDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9hcHAtY3MtY2hlY2tib3g+XHJcbiAgICAgICAgICAgICAgICA8YXBwLWNzLWNoZWNrYm94LWluZGV0ZXJtaW5hdGU+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInVzZXItbmFtZSB2eC1mcy0xMiB2eC1mdy02MDAgdngtbGFiZWwtdHh0XCI+RGVzZWxlY3QgQWxsPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2FwcC1jcy1jaGVja2JveC1pbmRldGVybWluYXRlPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb2xlLWJveCB2eC1tYi0yXCIgKm5nRm9yPVwibGV0IGRhdGEgb2YgWzEsIDEsIDFdXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IChjbGljayk9XCJjbGlja1JvbGVMaXN0KClcIiBjbGFzcz1cInJvbGUtYm94LWhlYWRpbmcgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWJldHdlZW4gdngtcC0zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1saC00XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtY3MtY2hlY2tib3g+PC9hcHAtY3MtY2hlY2tib3g+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuYW1lIHZ4LWZzLTEyIHZ4LWxhYmVsLXR4dFwiIFthcHBUb29sdGlwXT1cIidSb2xlIG5hbWUnXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIiBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiPlJvbGUgbmFtZTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNvdW50IHZ4LWZzLTkgdngtZnctNjAwIHZ4LWxoLTMgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTEgdngtcHItMSB2eC1tbC0yXCI+MTAgUEVSTUlTU0lPTlM8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1iZXR3ZWVuXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGF0dXMtbGFiZWwgdngtZnMtOSB2eC1mdy01MDAgdngtdHh0LXdoaXRlIHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0xIHZ4LXByLTFcIiBbY2xhc3MucG93ZXItdXNlcl09XCJ0cnVlXCIgW2NsYXNzLmFsbC11c2VyXT1cImZhbHNlXCI+UG93ZXIgVXNlcjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYXJyb3ctYnRuIHZ4LWZzLTEyIHZ4LXBhcmFncmFwaC10eHQgdngtbS0wIHZ4LXAtMCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSAqbmdJZj1cIiFyb2xlTGlzdFwiIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTcwOzwvaT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpICpuZ0lmPVwicm9sZUxpc3RcIiBjbGFzcz1cImljb25zXCI+JiN4ZTllODs8L2k+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm9sZS1ib3gtbGlzdFwiICpuZ0lmPVwicm9sZUxpc3RcIj5cclxuICAgICAgICAgICAgICAgICAgICA8dWwgY2xhc3M9XCJ2eC1wLTAgdngtbS0wXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cInZ4LXAtMyB2eC1saC00XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWUgdngtZnMtMTIgdngtbGFiZWwtdHh0XCI+TWFuYWdlIFJvbGVzIDxzcGFuIGNsYXNzPVwidngtZnMtMTAgdngtcGFyYWdyYXBoLXR4dFwiPihDcmVhdGUsIEVkaXQsIERlbGV0ZSk8L3NwYW4+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cInZ4LXAtMyB2eC1saC00XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWUgdngtZnMtMTIgdngtbGFiZWwtdHh0XCI+VmlldyBVc2VyIExpc3Q8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwidngtcC0zIHZ4LWxoLTRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZSB2eC1mcy0xMiB2eC1sYWJlbC10eHRcIj5NYW5hZ2UgVXNlcnMgPHNwYW4gY2xhc3M9XCJ2eC1mcy0xMCB2eC1wYXJhZ3JhcGgtdHh0XCI+KENyZWF0ZS9FZGl0L0RlbGV0ZS9EZWFjdGl2YXRlKTwvc3Bhbj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwidngtcC0zIHZ4LWxoLTRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZSB2eC1mcy0xMiB2eC1sYWJlbC10eHRcIj5PdmVyLXJpZGUgTG9nIEluPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cInZ4LXAtMyB2eC1saC00XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWUgdngtZnMtMTIgdngtbGFiZWwtdHh0XCI+VmlldyBTdGF0dXRvcnkgSG9saWRheXM8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwidngtcC0zIHZ4LWxoLTRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZSB2eC1mcy0xMiB2eC1sYWJlbC10eHRcIj5NYW5hZ2UgU3RhdHV0b3J5IEhvbGlkYXlzPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGFwcC1uby1kYXRhICpuZ0lmPVwiZmFsc2VcIiBbbm9EYXRhSW1hZ2VdPVwiJ2h0dHBzOi8vY2RuLnYtY29tcGx5LmNvbS9saWJyYXJpZXMvd29ya2Zsb3ctZW5naW5lL2Fzc2V0cy93b3JrZmxvdy9zZWFyY2gtZGF0YS5zdmcnXCIgW25vRGF0YVRleHRdPVwiJ05vIFJvbGVzIEZvdW5kJ1wiPjwvYXBwLW5vLWRhdGE+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwicm9sZXMtbGlzdC1mb290ZXJcIj5cclxuICAgICAgICA8YXBwLWZsb2F0aW5nLWJhcj48L2FwcC1mbG9hdGluZy1iYXI+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/sharedComponents/select-approvers/select-approvers.component.mjs

@@ -0,0 +1,78 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "../../formgroup/cs-radio/cs-radio.component";
+import * as i3 from "../../ui-kit/tooltip/tooltip.directive";
+import * as i4 from "../../workflow-program/create-program-ui/user-group-list/user-group-list.component";
+export class SelectApproversComponent {
+    constructor() {
+        this.approvalLevelName = '';
+        this.approversPayload = [];
+        this.selectedType = 'SEQUENTIAL';
+        this.levels = 1;
+        this.closeSelectApprover = new EventEmitter();
+        this.selectedApprover = new EventEmitter();
+    }
+    ngOnInit() {
+        this.approvalLevelName = `Level ${this.levels - 1}`;
+        if (this.editApprovalData?.length) {
+            this.approvalLevelName = this.editApprovalData[0]?.alias_name;
+            this.selectedType = this.editApprovalData[0]?.type;
+        }
+    }
+    closeUserList() {
+        this.closeSelectApprover.emit();
+    }
+    selectedUsers(event) {
+        // this.generatePayload(event);
+        this.generateApprovers(event.users);
+    }
+    generateApprovers(approvers) {
+        let approversList = [];
+        approversList = approvers.map((ele) => {
+            return {
+                member_id: ele.member_id,
+                member_name: ele.member_name,
+                approval_flag: false,
+                reject_flag: false,
+                remove_flag: false,
+            };
+        });
+        this.generatePayload(approversList);
+    }
+    approvalType(type) {
+        this.selectedType = type;
+    }
+    generatePayload(event) {
+        this.approversPayload = [];
+        this.approversPayload = [
+            {
+                approvers: event,
+                type: this.selectedType,
+                approval_done: false,
+                level1: `Level ${this.levels - 1}`,
+                alias_name: this.approvalLevelName === ''
+                    ? `Level ${this.levels - 1}`
+                    : this.approvalLevelName,
+            },
+        ];
+        this.selectedApprover.emit(this.approversPayload);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectApproversComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectApproversComponent, selector: "app-select-approvers", inputs: { allApprovers: "allApprovers", levels: "levels", editApprovalData: "editApprovalData" }, outputs: { closeSelectApprover: "closeSelectApprover", selectedApprover: "selectedApprover" }, ngImport: i0, template: "<div class=\"select-approvers-dialog\">\r\n    <div class=\"select-approvers-dialog-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n        <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select Approvers & Approval Workflow</div>\r\n    </div>\r\n    <div class=\"select-approvers-dialog-body\">\r\n        <div class=\"select-approvers-dialog-body-inner\">\r\n            <!-- Step 1 -->\r\n            <div class=\"approvers-form-group vx-mb-2\">\r\n                <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">STEP 1: APPROVAL LEVEL NAME <span class=\"vx-fs-14 vx-txt-red\">*</span></div>\r\n                <input [(ngModel)]=\"approvalLevelName\" class=\"textField\" type=\"text\" placeholder=\"Level 1\" />\r\n            </div>\r\n\r\n            <!-- Step 2 -->\r\n            <div class=\"approvers-form-group vx-mb-2\">\r\n                <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">STEP 2: APPROVAL WORKFLOW TYPE <span class=\"vx-fs-14 vx-txt-red\">*</span></div>\r\n                <div class=\"vx-d-flex vx-align-center vx-justify-between\">\r\n                    <app-cs-radio [checked]=\"selectedType === 'SEQUENTIAL'\">\r\n                        <div (click)=\"approvalType('SEQUENTIAL')\"  class=\"approval-type vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\">\r\n                            <div class=\"vx-d-flex vx-align-center\">\r\n                                <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/sequential.svg\" />\r\n                                <div class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\">SEQUENTIAL</div>\r\n                                <i class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\" [appTooltip]=\"'The policy would be sent for approval one at a time in the sequence defined by you.'\" placement=\"bottom\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe91f;</i>\r\n                            </div>\r\n                            <div class=\"vx-d-block\">\r\n                                <span class=\"circle-selection\"></span>\r\n                                <i class=\"icons ckeck-selection vx-fs-16\">&#xe949;</i>\r\n                            </div>\r\n                        </div>\r\n                    </app-cs-radio>\r\n                    <app-cs-radio [checked]=\"selectedType === 'ROUNDROBIN'\">\r\n                        <div (click)=\"approvalType('ROUNDROBIN')\"  class=\"approval-type vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\">\r\n                            <div class=\"vx-d-flex vx-align-center\">\r\n                                <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/round-robin.svg\" />\r\n                                <div  class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\">ROUND-ROBIN</div>\r\n                                <i class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\" [appTooltip]=\"'The policy will be sent for approval to all approvers at the same time. However, it is mandatory for all approvers to take action.'\" placement=\"bottom\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe91f;</i>\r\n                            </div>\r\n                            <div class=\"vx-d-block\">\r\n                                <span class=\"circle-selection\"></span>\r\n                                <i class=\"icons ckeck-selection vx-fs-16\">&#xe949;</i>\r\n                            </div>\r\n                        </div>\r\n                    </app-cs-radio>\r\n                    <app-cs-radio [checked]=\"selectedType === 'ANYONE'\">\r\n                        <div (click)=\"approvalType('ANYONE')\"  class=\"approval-type vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\">\r\n                            <div class=\"vx-d-flex vx-align-center\">\r\n                                <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/anyone.svg\" />\r\n                                <div class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\">ANY ONE</div>\r\n                                <i class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\" [appTooltip]=\"'The policy will be sent for approval to all approvers at the same time. If anyone of the approver approves the policy, it will be considered as approved.'\" placement=\"bottom\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe91f;</i>\r\n                            </div>\r\n                            <div class=\"vx-d-block\">\r\n                                <span class=\"circle-selection\"></span>\r\n                                <i class=\"icons ckeck-selection vx-fs-16\">&#xe949;</i>\r\n                            </div>\r\n                        </div>\r\n                    </app-cs-radio>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Step 3 -->\r\n            <div class=\"approvers-form-group\">\r\n                <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">STEP 3: APPROVERS <span class=\"vx-fs-14 vx-txt-red\">*</span></div>\r\n                <div class=\"approvers-user-group\">\r\n                    <!-- <app-owner-list  [listHeading]=\"'Select Approvers'\" [singularText]=\"'User selected'\" [pluralText]=\"'Users selected'\" [usersList]=\"allApprovers\" [showWorkflow]=\"true\" [usersList]=\"allApprovers\" [userIdKey]=\"'member_id'\" [itemEmailKey]=\"'member_email'\" [itemNameKey]=\"'member_name'\" [mode]=\"'CREATE'\"></app-owner-list> -->\r\n                    <user-group-list [userlist]=\"allApprovers\" [groupEnabled]=\"false\" (cancel)=\"closeUserList()\" (save)=\"selectedUsers($event)\" [selectedUsers] = \"editApprovalData[0]?.approvers\r\n                    \" [fromApprovalWorkflow]=\"true\" [approvalType]=\"selectedType\"></user-group-list>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .select-approvers-dialog{position:fixed;inset:0 500px 0 0}::ng-deep .select-approvers-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .select-approvers-dialog-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .select-approvers-dialog-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .select-approvers-dialog-body-inner{height:calc(100vh - 10.5rem);overflow:hidden;overflow-y:auto;padding-right:.75rem;width:calc(100% + .75rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio{width:calc(33.33% - .25rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item{width:100%}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .radio,::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .radiomark{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value{margin-left:0!important;max-width:100%!important;width:100%}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type{border-radius:.25rem;border:1px solid #dbdbdb;width:100%}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type img{height:2rem;margin-right:.75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type .circle-selection{border-radius:50%;border:1px solid #dbdbdb;display:block;width:1rem;min-width:1rem;height:1rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type .ckeck-selection{color:#34aa44;display:none}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type{background:#eefcf0;border:1px solid #34AA44}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type .circle-selection{display:none}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type .ckeck-selection{display:block}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list{position:static!important;animation:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list:before{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list{animation:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-head{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body{padding:0!important;height:auto!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body-inner{border-radius:.25rem;border:1px solid #dbdbdb;padding-top:.75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .user-group-list-tab{border-bottom:1px solid #dbdbdb;padding:.75rem .75rem 0}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .search-block{padding:0 .75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .search-block i{left:1.75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .user-group-list-mid{padding:0 .75rem;width:100%;height:auto}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-mid{height:calc(100vh - 25.95rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-footer{position:fixed;bottom:2rem;left:2rem;width:calc(100% - 35.25rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-footer vui-floating-bar .reviewer-floating-bar{padding:0!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list{position:static!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list:before{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list .add-risk-owner-list-head{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list .add-risk-owner-list-body{border-radius:.25rem;border:1px solid #dbdbdb;padding:0!important;height:auto!important;margin-bottom:1rem}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: i3.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.UserGroupListComponent, selector: "user-group-list", inputs: ["groupEnabled", "panelTitle", "singleSelect", "selectedReviewer", "featureflag", "reviewerWorkflowType", "mode", "fieldType", "fromResponsibility", "assignorId", "assigneeIds", "reviewerIds", "overseerIds", "FromProgram", "userListInfo", "groupListInfo", "fromApprovalWorkflow", "approvalType", "showFutureUsersSwitch", "futureUsersWillSelect", "isAllDisabled", "isGroupTabShow", "disabledIds", "nonRemovableUserIds", "allUserSelectedDisabled", "nonRemovableGroupIds", "loading", "userlist", "selectedUsers", "defaultSelectedUsers", "userType", "groupList", "selectedGroups"], outputs: ["save", "cancel", "reviewerWorkflowTypeChange", "fetchUserData"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectApproversComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-select-approvers', template: "<div class=\"select-approvers-dialog\">\r\n    <div class=\"select-approvers-dialog-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n        <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select Approvers & Approval Workflow</div>\r\n    </div>\r\n    <div class=\"select-approvers-dialog-body\">\r\n        <div class=\"select-approvers-dialog-body-inner\">\r\n            <!-- Step 1 -->\r\n            <div class=\"approvers-form-group vx-mb-2\">\r\n                <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">STEP 1: APPROVAL LEVEL NAME <span class=\"vx-fs-14 vx-txt-red\">*</span></div>\r\n                <input [(ngModel)]=\"approvalLevelName\" class=\"textField\" type=\"text\" placeholder=\"Level 1\" />\r\n            </div>\r\n\r\n            <!-- Step 2 -->\r\n            <div class=\"approvers-form-group vx-mb-2\">\r\n                <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">STEP 2: APPROVAL WORKFLOW TYPE <span class=\"vx-fs-14 vx-txt-red\">*</span></div>\r\n                <div class=\"vx-d-flex vx-align-center vx-justify-between\">\r\n                    <app-cs-radio [checked]=\"selectedType === 'SEQUENTIAL'\">\r\n                        <div (click)=\"approvalType('SEQUENTIAL')\"  class=\"approval-type vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\">\r\n                            <div class=\"vx-d-flex vx-align-center\">\r\n                                <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/sequential.svg\" />\r\n                                <div class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\">SEQUENTIAL</div>\r\n                                <i class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\" [appTooltip]=\"'The policy would be sent for approval one at a time in the sequence defined by you.'\" placement=\"bottom\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe91f;</i>\r\n                            </div>\r\n                            <div class=\"vx-d-block\">\r\n                                <span class=\"circle-selection\"></span>\r\n                                <i class=\"icons ckeck-selection vx-fs-16\">&#xe949;</i>\r\n                            </div>\r\n                        </div>\r\n                    </app-cs-radio>\r\n                    <app-cs-radio [checked]=\"selectedType === 'ROUNDROBIN'\">\r\n                        <div (click)=\"approvalType('ROUNDROBIN')\"  class=\"approval-type vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\">\r\n                            <div class=\"vx-d-flex vx-align-center\">\r\n                                <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/round-robin.svg\" />\r\n                                <div  class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\">ROUND-ROBIN</div>\r\n                                <i class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\" [appTooltip]=\"'The policy will be sent for approval to all approvers at the same time. However, it is mandatory for all approvers to take action.'\" placement=\"bottom\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe91f;</i>\r\n                            </div>\r\n                            <div class=\"vx-d-block\">\r\n                                <span class=\"circle-selection\"></span>\r\n                                <i class=\"icons ckeck-selection vx-fs-16\">&#xe949;</i>\r\n                            </div>\r\n                        </div>\r\n                    </app-cs-radio>\r\n                    <app-cs-radio [checked]=\"selectedType === 'ANYONE'\">\r\n                        <div (click)=\"approvalType('ANYONE')\"  class=\"approval-type vx-d-flex vx-align-center vx-justify-between vx-p-2 vx-pl-3 vx-pr-3\">\r\n                            <div class=\"vx-d-flex vx-align-center\">\r\n                                <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/anyone.svg\" />\r\n                                <div class=\"vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase\">ANY ONE</div>\r\n                                <i class=\"icons vx-fs-12 vx-txt-blue vx-ml-2\" [appTooltip]=\"'The policy will be sent for approval to all approvers at the same time. If anyone of the approver approves the policy, it will be considered as approved.'\" placement=\"bottom\" delay=\"0\" type=\"white\" [tooltipMandatory]=\"true\">&#xe91f;</i>\r\n                            </div>\r\n                            <div class=\"vx-d-block\">\r\n                                <span class=\"circle-selection\"></span>\r\n                                <i class=\"icons ckeck-selection vx-fs-16\">&#xe949;</i>\r\n                            </div>\r\n                        </div>\r\n                    </app-cs-radio>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Step 3 -->\r\n            <div class=\"approvers-form-group\">\r\n                <div class=\"vx-fs-11 vx-fw-500 vx-label-txt vx-tt-uppercase vx-mb-1\">STEP 3: APPROVERS <span class=\"vx-fs-14 vx-txt-red\">*</span></div>\r\n                <div class=\"approvers-user-group\">\r\n                    <!-- <app-owner-list  [listHeading]=\"'Select Approvers'\" [singularText]=\"'User selected'\" [pluralText]=\"'Users selected'\" [usersList]=\"allApprovers\" [showWorkflow]=\"true\" [usersList]=\"allApprovers\" [userIdKey]=\"'member_id'\" [itemEmailKey]=\"'member_email'\" [itemNameKey]=\"'member_name'\" [mode]=\"'CREATE'\"></app-owner-list> -->\r\n                    <user-group-list [userlist]=\"allApprovers\" [groupEnabled]=\"false\" (cancel)=\"closeUserList()\" (save)=\"selectedUsers($event)\" [selectedUsers] = \"editApprovalData[0]?.approvers\r\n                    \" [fromApprovalWorkflow]=\"true\" [approvalType]=\"selectedType\"></user-group-list>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .select-approvers-dialog{position:fixed;inset:0 500px 0 0}::ng-deep .select-approvers-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .select-approvers-dialog-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .select-approvers-dialog-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .select-approvers-dialog-body-inner{height:calc(100vh - 10.5rem);overflow:hidden;overflow-y:auto;padding-right:.75rem;width:calc(100% + .75rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio{width:calc(33.33% - .25rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item{width:100%}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .radio,::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .radiomark{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value{margin-left:0!important;max-width:100%!important;width:100%}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type{border-radius:.25rem;border:1px solid #dbdbdb;width:100%}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type img{height:2rem;margin-right:.75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type .circle-selection{border-radius:50%;border:1px solid #dbdbdb;display:block;width:1rem;min-width:1rem;height:1rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item .value .approval-type .ckeck-selection{color:#34aa44;display:none}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type{background:#eefcf0;border:1px solid #34AA44}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type .circle-selection{display:none}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group app-cs-radio .radio-item input[type=radio]:checked~.value .approval-type .ckeck-selection{display:block}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list{position:static!important;animation:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list:before{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list{animation:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-head{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body{padding:0!important;height:auto!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body-inner{border-radius:.25rem;border:1px solid #dbdbdb;padding-top:.75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .user-group-list-tab{border-bottom:1px solid #dbdbdb;padding:.75rem .75rem 0}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .search-block{padding:0 .75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .search-block i{left:1.75rem}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-body .user-group-list-mid{padding:0 .75rem;width:100%;height:auto}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-mid{height:calc(100vh - 25.95rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-footer{position:fixed;bottom:2rem;left:2rem;width:calc(100% - 35.25rem)}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group user-group-list .user-group-list .user-group-list-footer vui-floating-bar .reviewer-floating-bar{padding:0!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list{position:static!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list:before{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list .add-risk-owner-list-head{display:none!important}::ng-deep .select-approvers-dialog-body-inner .approvers-form-group .approvers-user-group app-owner-list .add-risk-owner-list .add-risk-owner-list-body{border-radius:.25rem;border:1px solid #dbdbdb;padding:0!important;height:auto!important;margin-bottom:1rem}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { allApprovers: [{
+                type: Input
+            }], levels: [{
+                type: Input
+            }], editApprovalData: [{
+                type: Input
+            }], closeSelectApprover: [{
+                type: Output
+            }], selectedApprover: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWFwcHJvdmVycy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3NlbGVjdC1hcHByb3ZlcnMvc2VsZWN0LWFwcHJvdmVycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3NlbGVjdC1hcHByb3ZlcnMvc2VsZWN0LWFwcHJvdmVycy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFPL0UsTUFBTSxPQUFPLHdCQUF3QjtJQVVuQztRQVRBLHNCQUFpQixHQUFXLEVBQUUsQ0FBQztRQUMvQixxQkFBZ0IsR0FBVSxFQUFFLENBQUM7UUFDN0IsaUJBQVksR0FBVyxZQUFZLENBQUM7UUFFM0IsV0FBTSxHQUFXLENBQUMsQ0FBQztRQUVsQix3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3pDLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFakMsQ0FBQztJQUVoQixRQUFRO1FBQ04sSUFBSSxDQUFDLGlCQUFpQixHQUFHLFNBQVMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUUsQ0FBQztRQUNwRCxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxNQUFNLEVBQUU7WUFDakMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxVQUFVLENBQUM7WUFDOUQsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDO1NBQ3BEO0lBQ0gsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFVO1FBQ3RCLCtCQUErQjtRQUUvQixJQUFJLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxTQUFjO1FBQzlCLElBQUksYUFBYSxHQUFVLEVBQUUsQ0FBQztRQUM5QixhQUFhLEdBQUcsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQVEsRUFBRSxFQUFFO1lBQ3pDLE9BQU87Z0JBQ0wsU0FBUyxFQUFFLEdBQUcsQ0FBQyxTQUFTO2dCQUN4QixXQUFXLEVBQUUsR0FBRyxDQUFDLFdBQVc7Z0JBQzVCLGFBQWEsRUFBRSxLQUFLO2dCQUNwQixXQUFXLEVBQUUsS0FBSztnQkFDbEIsV0FBVyxFQUFFLEtBQUs7YUFDbkIsQ0FBQztRQUNKLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsWUFBWSxDQUFDLElBQTRDO1FBQ3ZELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO0lBQzNCLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBVTtRQUN4QixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRztZQUN0QjtnQkFDRSxTQUFTLEVBQUUsS0FBSztnQkFDaEIsSUFBSSxFQUFFLElBQUksQ0FBQyxZQUFZO2dCQUN2QixhQUFhLEVBQUUsS0FBSztnQkFDcEIsTUFBTSxFQUFFLFNBQVMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ2xDLFVBQVUsRUFDUixJQUFJLENBQUMsaUJBQWlCLEtBQUssRUFBRTtvQkFDM0IsQ0FBQyxDQUFDLFNBQVMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7b0JBQzVCLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCO2FBQzdCO1NBQ0YsQ0FBQztRQUNGLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDcEQsQ0FBQzsrR0EvRFUsd0JBQXdCO21HQUF4Qix3QkFBd0IsNlBDUHJDLG81TEF1RUE7OzRGRGhFYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0Usc0JBQXNCOzBFQVF2QixZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXNlbGVjdC1hcHByb3ZlcnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3QtYXBwcm92ZXJzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zZWxlY3QtYXBwcm92ZXJzLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWxlY3RBcHByb3ZlcnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGFwcHJvdmFsTGV2ZWxOYW1lOiBzdHJpbmcgPSAnJztcclxuICBhcHByb3ZlcnNQYXlsb2FkOiBhbnlbXSA9IFtdO1xyXG4gIHNlbGVjdGVkVHlwZTogc3RyaW5nID0gJ1NFUVVFTlRJQUwnO1xyXG4gIEBJbnB1dCgpIGFsbEFwcHJvdmVycyE6IGFueTtcclxuICBASW5wdXQoKSBsZXZlbHM6IG51bWJlciA9IDE7XHJcbiAgQElucHV0KCkgZWRpdEFwcHJvdmFsRGF0YSE6IGFueTtcclxuICBAT3V0cHV0KCkgY2xvc2VTZWxlY3RBcHByb3ZlciA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgc2VsZWN0ZWRBcHByb3ZlciA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuYXBwcm92YWxMZXZlbE5hbWUgPSBgTGV2ZWwgJHt0aGlzLmxldmVscyAtIDF9YDtcclxuICAgIGlmICh0aGlzLmVkaXRBcHByb3ZhbERhdGE/Lmxlbmd0aCkge1xyXG4gICAgICB0aGlzLmFwcHJvdmFsTGV2ZWxOYW1lID0gdGhpcy5lZGl0QXBwcm92YWxEYXRhWzBdPy5hbGlhc19uYW1lO1xyXG4gICAgICB0aGlzLnNlbGVjdGVkVHlwZSA9IHRoaXMuZWRpdEFwcHJvdmFsRGF0YVswXT8udHlwZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNsb3NlVXNlckxpc3QoKSB7XHJcbiAgICB0aGlzLmNsb3NlU2VsZWN0QXBwcm92ZXIuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0ZWRVc2VycyhldmVudDogYW55KSB7XHJcbiAgICAvLyB0aGlzLmdlbmVyYXRlUGF5bG9hZChldmVudCk7XHJcblxyXG4gICAgdGhpcy5nZW5lcmF0ZUFwcHJvdmVycyhldmVudC51c2Vycyk7XHJcbiAgfVxyXG5cclxuICBnZW5lcmF0ZUFwcHJvdmVycyhhcHByb3ZlcnM6IGFueSkge1xyXG4gICAgbGV0IGFwcHJvdmVyc0xpc3Q6IGFueVtdID0gW107XHJcbiAgICBhcHByb3ZlcnNMaXN0ID0gYXBwcm92ZXJzLm1hcCgoZWxlOiBhbnkpID0+IHtcclxuICAgICAgcmV0dXJuIHtcclxuICAgICAgICBtZW1iZXJfaWQ6IGVsZS5tZW1iZXJfaWQsXHJcbiAgICAgICAgbWVtYmVyX25hbWU6IGVsZS5tZW1iZXJfbmFtZSxcclxuICAgICAgICBhcHByb3ZhbF9mbGFnOiBmYWxzZSxcclxuICAgICAgICByZWplY3RfZmxhZzogZmFsc2UsXHJcbiAgICAgICAgcmVtb3ZlX2ZsYWc6IGZhbHNlLFxyXG4gICAgICB9O1xyXG4gICAgfSk7XHJcbiAgICB0aGlzLmdlbmVyYXRlUGF5bG9hZChhcHByb3ZlcnNMaXN0KTtcclxuICB9XHJcblxyXG4gIGFwcHJvdmFsVHlwZSh0eXBlOiAnQU5ZT05FJyB8ICdST1VORFJPQklOJyB8ICdTRVFVRU5USUFMJykge1xyXG4gICAgdGhpcy5zZWxlY3RlZFR5cGUgPSB0eXBlO1xyXG4gIH1cclxuXHJcbiAgZ2VuZXJhdGVQYXlsb2FkKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMuYXBwcm92ZXJzUGF5bG9hZCA9IFtdO1xyXG4gICAgdGhpcy5hcHByb3ZlcnNQYXlsb2FkID0gW1xyXG4gICAgICB7XHJcbiAgICAgICAgYXBwcm92ZXJzOiBldmVudCxcclxuICAgICAgICB0eXBlOiB0aGlzLnNlbGVjdGVkVHlwZSxcclxuICAgICAgICBhcHByb3ZhbF9kb25lOiBmYWxzZSxcclxuICAgICAgICBsZXZlbDE6IGBMZXZlbCAke3RoaXMubGV2ZWxzIC0gMX1gLFxyXG4gICAgICAgIGFsaWFzX25hbWU6XHJcbiAgICAgICAgICB0aGlzLmFwcHJvdmFsTGV2ZWxOYW1lID09PSAnJ1xyXG4gICAgICAgICAgICA/IGBMZXZlbCAke3RoaXMubGV2ZWxzIC0gMX1gXHJcbiAgICAgICAgICAgIDogdGhpcy5hcHByb3ZhbExldmVsTmFtZSxcclxuICAgICAgfSxcclxuICAgIF07XHJcbiAgICB0aGlzLnNlbGVjdGVkQXBwcm92ZXIuZW1pdCh0aGlzLmFwcHJvdmVyc1BheWxvYWQpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwic2VsZWN0LWFwcHJvdmVycy1kaWFsb2dcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzZWxlY3QtYXBwcm92ZXJzLWRpYWxvZy1oZWFkIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1iZXR3ZWVuIHZ4LXBsLTQgdngtcHItNFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2eC1mcy0xNCB2eC1mdy01MDAgdngtbGFiZWwtdHh0XCI+U2VsZWN0IEFwcHJvdmVycyAmIEFwcHJvdmFsIFdvcmtmbG93PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJzZWxlY3QtYXBwcm92ZXJzLWRpYWxvZy1ib2R5XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNlbGVjdC1hcHByb3ZlcnMtZGlhbG9nLWJvZHktaW5uZXJcIj5cclxuICAgICAgICAgICAgPCEtLSBTdGVwIDEgLS0+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhcHByb3ZlcnMtZm9ybS1ncm91cCB2eC1tYi0yXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidngtZnMtMTEgdngtZnctNTAwIHZ4LWxhYmVsLXR4dCB2eC10dC11cHBlcmNhc2UgdngtbWItMVwiPlNURVAgMTogQVBQUk9WQUwgTEVWRUwgTkFNRSA8c3BhbiBjbGFzcz1cInZ4LWZzLTE0IHZ4LXR4dC1yZWRcIj4qPC9zcGFuPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGlucHV0IFsobmdNb2RlbCldPVwiYXBwcm92YWxMZXZlbE5hbWVcIiBjbGFzcz1cInRleHRGaWVsZFwiIHR5cGU9XCJ0ZXh0XCIgcGxhY2Vob2xkZXI9XCJMZXZlbCAxXCIgLz5cclxuICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICA8IS0tIFN0ZXAgMiAtLT5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFwcHJvdmVycy1mb3JtLWdyb3VwIHZ4LW1iLTJcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2eC1mcy0xMSB2eC1mdy01MDAgdngtbGFiZWwtdHh0IHZ4LXR0LXVwcGVyY2FzZSB2eC1tYi0xXCI+U1RFUCAyOiBBUFBST1ZBTCBXT1JLRkxPVyBUWVBFIDxzcGFuIGNsYXNzPVwidngtZnMtMTQgdngtdHh0LXJlZFwiPio8L3NwYW4+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgICAgICAgICAgICAgICAgICA8YXBwLWNzLXJhZGlvIFtjaGVja2VkXT1cInNlbGVjdGVkVHlwZSA9PT0gJ1NFUVVFTlRJQUwnXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgKGNsaWNrKT1cImFwcHJvdmFsVHlwZSgnU0VRVUVOVElBTCcpXCIgIGNsYXNzPVwiYXBwcm92YWwtdHlwZSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktYmV0d2VlbiB2eC1wLTIgdngtcGwtMyB2eC1wci0zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgc3JjPVwiaHR0cHM6Ly9jZG4udi1jb21wbHkuY29tL2xpYnJhcmllcy93b3JrZmxvdy1lbmdpbmUvYXNzZXRzL3dvcmtmbG93L3NlcXVlbnRpYWwuc3ZnXCIgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidngtZnMtMTEgdngtZnctNTAwIHZ4LXBhcmFncmFwaC10eHQgdngtdHQtdXBwZXJjYXNlXCI+U0VRVUVOVElBTDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnMgdngtZnMtMTIgdngtdHh0LWJsdWUgdngtbWwtMlwiIFthcHBUb29sdGlwXT1cIidUaGUgcG9saWN5IHdvdWxkIGJlIHNlbnQgZm9yIGFwcHJvdmFsIG9uZSBhdCBhIHRpbWUgaW4gdGhlIHNlcXVlbmNlIGRlZmluZWQgYnkgeW91LidcIiBwbGFjZW1lbnQ9XCJib3R0b21cIiBkZWxheT1cIjBcIiB0eXBlPVwid2hpdGVcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJ0cnVlXCI+JiN4ZTkxZjs8L2k+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2eC1kLWJsb2NrXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjaXJjbGUtc2VsZWN0aW9uXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnMgY2tlY2stc2VsZWN0aW9uIHZ4LWZzLTE2XCI+JiN4ZTk0OTs8L2k+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9hcHAtY3MtcmFkaW8+XHJcbiAgICAgICAgICAgICAgICAgICAgPGFwcC1jcy1yYWRpbyBbY2hlY2tlZF09XCJzZWxlY3RlZFR5cGUgPT09ICdST1VORFJPQklOJ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IChjbGljayk9XCJhcHByb3ZhbFR5cGUoJ1JPVU5EUk9CSU4nKVwiICBjbGFzcz1cImFwcHJvdmFsLXR5cGUgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWJldHdlZW4gdngtcC0yIHZ4LXBsLTMgdngtcHItM1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cImh0dHBzOi8vY2RuLnYtY29tcGx5LmNvbS9saWJyYXJpZXMvd29ya2Zsb3ctZW5naW5lL2Fzc2V0cy93b3JrZmxvdy9yb3VuZC1yb2Jpbi5zdmdcIiAvPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgIGNsYXNzPVwidngtZnMtMTEgdngtZnctNTAwIHZ4LXBhcmFncmFwaC10eHQgdngtdHQtdXBwZXJjYXNlXCI+Uk9VTkQtUk9CSU48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zIHZ4LWZzLTEyIHZ4LXR4dC1ibHVlIHZ4LW1sLTJcIiBbYXBwVG9vbHRpcF09XCInVGhlIHBvbGljeSB3aWxsIGJlIHNlbnQgZm9yIGFwcHJvdmFsIHRvIGFsbCBhcHByb3ZlcnMgYXQgdGhlIHNhbWUgdGltZS4gSG93ZXZlciwgaXQgaXMgbWFuZGF0b3J5IGZvciBhbGwgYXBwcm92ZXJzIHRvIHRha2UgYWN0aW9uLidcIiBwbGFjZW1lbnQ9XCJib3R0b21cIiBkZWxheT1cIjBcIiB0eXBlPVwid2hpdGVcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJ0cnVlXCI+JiN4ZTkxZjs8L2k+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2eC1kLWJsb2NrXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjaXJjbGUtc2VsZWN0aW9uXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnMgY2tlY2stc2VsZWN0aW9uIHZ4LWZzLTE2XCI+JiN4ZTk0OTs8L2k+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9hcHAtY3MtcmFkaW8+XHJcbiAgICAgICAgICAgICAgICAgICAgPGFwcC1jcy1yYWRpbyBbY2hlY2tlZF09XCJzZWxlY3RlZFR5cGUgPT09ICdBTllPTkUnXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgKGNsaWNrKT1cImFwcHJvdmFsVHlwZSgnQU5ZT05FJylcIiAgY2xhc3M9XCJhcHByb3ZhbC10eXBlIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1iZXR3ZWVuIHZ4LXAtMiB2eC1wbC0zIHZ4LXByLTNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBzcmM9XCJodHRwczovL2Nkbi52LWNvbXBseS5jb20vbGlicmFyaWVzL3dvcmtmbG93LWVuZ2luZS9hc3NldHMvd29ya2Zsb3cvYW55b25lLnN2Z1wiIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWZzLTExIHZ4LWZ3LTUwMCB2eC1wYXJhZ3JhcGgtdHh0IHZ4LXR0LXVwcGVyY2FzZVwiPkFOWSBPTkU8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zIHZ4LWZzLTEyIHZ4LXR4dC1ibHVlIHZ4LW1sLTJcIiBbYXBwVG9vbHRpcF09XCInVGhlIHBvbGljeSB3aWxsIGJlIHNlbnQgZm9yIGFwcHJvdmFsIHRvIGFsbCBhcHByb3ZlcnMgYXQgdGhlIHNhbWUgdGltZS4gSWYgYW55b25lIG9mIHRoZSBhcHByb3ZlciBhcHByb3ZlcyB0aGUgcG9saWN5LCBpdCB3aWxsIGJlIGNvbnNpZGVyZWQgYXMgYXBwcm92ZWQuJ1wiIHBsYWNlbWVudD1cImJvdHRvbVwiIGRlbGF5PVwiMFwiIHR5cGU9XCJ3aGl0ZVwiIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIj4mI3hlOTFmOzwvaT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWQtYmxvY2tcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNpcmNsZS1zZWxlY3Rpb25cIj48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29ucyBja2Vjay1zZWxlY3Rpb24gdngtZnMtMTZcIj4mI3hlOTQ5OzwvaT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2FwcC1jcy1yYWRpbz5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgIDwhLS0gU3RlcCAzIC0tPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXBwcm92ZXJzLWZvcm0tZ3JvdXBcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2eC1mcy0xMSB2eC1mdy01MDAgdngtbGFiZWwtdHh0IHZ4LXR0LXVwcGVyY2FzZSB2eC1tYi0xXCI+U1RFUCAzOiBBUFBST1ZFUlMgPHNwYW4gY2xhc3M9XCJ2eC1mcy0xNCB2eC10eHQtcmVkXCI+Kjwvc3Bhbj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhcHByb3ZlcnMtdXNlci1ncm91cFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDwhLS0gPGFwcC1vd25lci1saXN0ICBbbGlzdEhlYWRpbmddPVwiJ1NlbGVjdCBBcHByb3ZlcnMnXCIgW3Npbmd1bGFyVGV4dF09XCInVXNlciBzZWxlY3RlZCdcIiBbcGx1cmFsVGV4dF09XCInVXNlcnMgc2VsZWN0ZWQnXCIgW3VzZXJzTGlzdF09XCJhbGxBcHByb3ZlcnNcIiBbc2hvd1dvcmtmbG93XT1cInRydWVcIiBbdXNlcnNMaXN0XT1cImFsbEFwcHJvdmVyc1wiIFt1c2VySWRLZXldPVwiJ21lbWJlcl9pZCdcIiBbaXRlbUVtYWlsS2V5XT1cIidtZW1iZXJfZW1haWwnXCIgW2l0ZW1OYW1lS2V5XT1cIidtZW1iZXJfbmFtZSdcIiBbbW9kZV09XCInQ1JFQVRFJ1wiPjwvYXBwLW93bmVyLWxpc3Q+IC0tPlxyXG4gICAgICAgICAgICAgICAgICAgIDx1c2VyLWdyb3VwLWxpc3QgW3VzZXJsaXN0XT1cImFsbEFwcHJvdmVyc1wiIFtncm91cEVuYWJsZWRdPVwiZmFsc2VcIiAoY2FuY2VsKT1cImNsb3NlVXNlckxpc3QoKVwiIChzYXZlKT1cInNlbGVjdGVkVXNlcnMoJGV2ZW50KVwiIFtzZWxlY3RlZFVzZXJzXSA9IFwiZWRpdEFwcHJvdmFsRGF0YVswXT8uYXBwcm92ZXJzXHJcbiAgICAgICAgICAgICAgICAgICAgXCIgW2Zyb21BcHByb3ZhbFdvcmtmbG93XT1cInRydWVcIiBbYXBwcm92YWxUeXBlXT1cInNlbGVjdGVkVHlwZVwiPjwvdXNlci1ncm91cC1saXN0PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuIl19

package/esm2022/lib/sharedComponents/table-card-loader/table-card-loader.component.mjs

@@ -0,0 +1,15 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class TableCardLoaderComponent {
+    constructor() { }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableCardLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableCardLoaderComponent, isStandalone: true, selector: "app-table-card-loader", ngImport: i0, template: "<div class=\"table-card-area vx-d-flex vx-align-center vx-mb-2\">\r\n    <div  *ngFor=\"let data of [1,1,1,1]\" class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-mr-1 vx-w-100\">\r\n        <div class=\"left vx-d-block vx-w-100\">\r\n            <div class=\"label vx-d-flex vx-align-center\">\r\n                <div class=\"loader\"></div>\r\n            </div>\r\n        </div>\r\n        <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\r\n            <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center loader\"></span>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/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/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-right.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/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-right.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/table-card/table-card.css\";::ng-deep .table-card-area .vx-table-card:last-of-type{margin-right:0!important}::ng-deep .table-card-area .vx-table-card .left .label .loader{width:100%}::ng-deep .table-card-area .vx-table-card .right span{width:1.75rem;height:1.75rem}.loader{background:#f1f1f1!important;height:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableCardLoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-table-card-loader', standalone: true, imports: [CommonModule], template: "<div class=\"table-card-area vx-d-flex vx-align-center vx-mb-2\">\r\n    <div  *ngFor=\"let data of [1,1,1,1]\" class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-mr-1 vx-w-100\">\r\n        <div class=\"left vx-d-block vx-w-100\">\r\n            <div class=\"label vx-d-flex vx-align-center\">\r\n                <div class=\"loader\"></div>\r\n            </div>\r\n        </div>\r\n        <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\r\n            <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center loader\"></span>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/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/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-right.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/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-right.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/table-card/table-card.css\";::ng-deep .table-card-area .vx-table-card:last-of-type{margin-right:0!important}::ng-deep .table-card-area .vx-table-card .left .label .loader{width:100%}::ng-deep .table-card-area .vx-table-card .right span{width:1.75rem;height:1.75rem}.loader{background:#f1f1f1!important;height:.5rem}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY2FyZC1sb2FkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy90YWJsZS1jYXJkLWxvYWRlci90YWJsZS1jYXJkLWxvYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3RhYmxlLWNhcmQtbG9hZGVyL3RhYmxlLWNhcmQtbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFTbEQsTUFBTSxPQUFPLHdCQUF3QjtJQUNuQyxnQkFBZSxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDOytHQUhSLHdCQUF3QjttR0FBeEIsd0JBQXdCLGlGQ1ZyQyxrcEJBV00sOGxERExNLFlBQVk7OzRGQUlYLHdCQUF3QjtrQkFQcEMsU0FBUzsrQkFDRSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXRhYmxlLWNhcmQtbG9hZGVyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS1jYXJkLWxvYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGFibGUtY2FyZC1sb2FkZXIuY29tcG9uZW50Lmxlc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYmxlQ2FyZExvYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInRhYmxlLWNhcmQtYXJlYSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LW1iLTJcIj5cclxuICAgIDxkaXYgICpuZ0Zvcj1cImxldCBkYXRhIG9mIFsxLDEsMSwxXVwiIGNsYXNzPVwidngtdGFibGUtY2FyZCB2eC1iZy13aGl0ZSB2eC1kLWZsZXggdngtanVzdGlmeS1iZXR3ZWVuIHZ4LWFsaWduLWNlbnRlciB2eC1wdC0yIHZ4LXBiLTIgdngtcGwtMyB2eC1wci0zIHZ4LW1yLTEgdngtdy0xMDBcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdCB2eC1kLWJsb2NrIHZ4LXctMTAwXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsYWJlbCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9hZGVyXCI+PC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJyaWdodCB2eC1kLWZsZXggdngtanVzdGlmeS1lbmQgdngtdy0xMDBcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2eC10eHQtd2hpdGUgdngtZnctNTAwIHZ4LWQtaW5saW5lLWJsb2NrIHZ4LXRleHQtY2VudGVyIGxvYWRlclwiPjwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2022/lib/sharedComponents/users-radio-list/users-radio-list.component.mjs

@@ -0,0 +1,83 @@
+import { Component, Input, Output, EventEmitter, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "../../formgroup/cs-radio/cs-radio.component";
+import * as i4 from "../../ui-kit/tooltip/tooltip.directive";
+import * as i5 from "../no-data/no-data.component";
+import * as i6 from "../floating-bar/floating-bar.component";
+import * as i7 from "../../workflow-program/create-program-ui/define-framework-listing/pipes/tooltip-message.pipe";
+import * as i8 from "../pipes/filterPipe";
+export class UserRadioListComponent {
+    constructor() {
+        this.usersList = [];
+        this.selectedUsers = '';
+        this.userIdKey = '';
+        this.itemNameKey = '';
+        this.itemEmailKey = '';
+        this.saveSelectedList = new EventEmitter();
+        this.closeUsersList = new EventEmitter();
+        this.disabledId = [];
+        this.reviewerIds = [];
+        this.overseerIds = [];
+        this.assignorId = [];
+        this.headerText = 'Select User';
+        this.search = '';
+        this.selectedIds = [];
+        this.animation = false;
+    }
+    ngOnChanges() {
+        this.selectedUser = this.selectedUsers[0];
+    }
+    ngOnInit() {
+        this.animation = true;
+        setTimeout(() => {
+            this.animation = false;
+        }, 300);
+    }
+    selectUser(user) {
+        this.selectedUser = user;
+    }
+    deleteEvent(event) {
+        this.selectedUser = '';
+    }
+    save() {
+        this.saveSelectedList.emit(this.selectedUser);
+    }
+    close() {
+        this.closeUsersList.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserRadioListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UserRadioListComponent, selector: "app-users-radio-list", inputs: { usersList: "usersList", selectedUsers: "selectedUsers", userIdKey: "userIdKey", itemNameKey: "itemNameKey", itemEmailKey: "itemEmailKey", disabledId: "disabledId", fromResponsibility: "fromResponsibility", reviewerIds: "reviewerIds", overseerIds: "overseerIds", assignorId: "assignorId", headerText: "headerText" }, outputs: { saveSelectedList: "saveSelectedList", closeUsersList: "closeUsersList" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"add-risk-user-radio-list\" [class.animate]=\"animation\">\r\n    <div class=\"add-risk-user-radio-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n        <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">{{headerText}}</div>\r\n        <!-- <button class=\"add-risk-user-radio-list-close\" (click)=\"close()\">\r\n            <i class=\"icons\">&#xe90d;</i>\r\n        </button> -->\r\n    </div>\r\n    <div *ngIf=\"usersList?.length > 0\" class=\"add-risk-user-radio-list-body\">\r\n        <div class=\"search-block\">\r\n            <i class=\"icons\">&#xe90b;</i>\r\n            <input type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search User\" />\r\n        </div>\r\n        <ng-container *ngIf=\"(usersList | filter:search) as searchList\">\r\n            <ul class=\"user-radio-list\" *ngIf=\"searchList?.length >0 \">\r\n                <li *ngFor=\"let user of usersList | filter:search\" [appTooltip]=\"user | tooltipMessage:fromResponsibility:reviewerIds:overseerIds:assignorId:[]:'my_member_id':disabledId?.includes(user[userIdKey])\" placement=\"bottom-left\" type=\"black\"\r\n                delay=\"0\" [tooltipMandatory]=true >\r\n                    <app-cs-radio (checkedEvent)=\"selectUser(user)\" [name]=\"'category'\"  [class.disabled]=\"(disabledId?.includes(user[userIdKey]))\"\r\n                        [checked]=\"selectedUser && (selectedUser[userIdKey]== user[userIdKey])\">\r\n                        <span class=\"name\" >\r\n                            {{user[itemNameKey] }}</span>\r\n                    </app-cs-radio>\r\n                </li>\r\n            </ul>\r\n            <app-no-data *ngIf=\"searchList?.length === 0\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Users Found'\"></app-no-data>\r\n        </ng-container>\r\n \r\n        <app-floating-bar [selectedData]=\"selectedUser ? [selectedUser]:[]\" [displayElementKey]=\"itemNameKey\" [elementId]=\"userIdKey\" [singularText]=\"'User selected'\" [pluralText]=\"'Users selected'\" (closeEvent)=\"save()\" (closeList)=\"close()\" (deleteEvent)=\"deleteEvent($event)\" [isDisabled]=\"usersList?.length === 0 || (selectedUser ? [selectedUser]:[])?.length === 0\"></app-floating-bar>\r\n    </div>\r\n    <div class=\"add-risk-user-radio-list-body noUser\" *ngIf=\"usersList?.length === 0\">\r\n        <app-no-data [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Users Found'\"></app-no-data>\r\n \r\n        <app-floating-bar [selectedData]=\"selectedUser ? [selectedUser]:[]\" [displayElementKey]=\"itemNameKey\" [elementId]=\"userIdKey\" [singularText]=\"'User selected'\" [pluralText]=\"'Users selected'\" (closeEvent)=\"save()\" (closeList)=\"close()\" (deleteEvent)=\"deleteEvent($event)\" [isDisabled]=\"usersList?.length === 0 || (selectedUser ? [selectedUser]:[])?.length === 0\"></app-floating-bar>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .add-risk-user-radio-list{position:fixed;inset:0 500px 0 0}::ng-deep .add-risk-user-radio-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-user-radio-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-user-radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .add-risk-user-radio-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-user-radio-list-body.noUser app-no-data{height:calc(100% - 3rem)}::ng-deep .add-risk-user-radio-list-body.noUser app-no-data .no-data-wrapper{height:calc(100vh - 6.75rem)}::ng-deep .add-risk-user-radio-list-body .search-block{position:relative}::ng-deep .add-risk-user-radio-list-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-user-radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .add-risk-user-radio-list-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-user-radio-list-body .body-top{display:flex;justify-content:space-between;padding:.5rem 0 0}::ng-deep .add-risk-user-radio-list-body .body-top app-cs-checkbox{display:flex}::ng-deep .add-risk-user-radio-list-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-user-radio-list-body ul{padding:0;margin:0}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list{height:calc(100vh - 14rem);overflow:auto;margin:1rem 0 .5rem}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li{width:50%;float:left;padding:0 0 .75rem;list-style:none}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio{display:flex}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label{width:100%}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;flex-wrap:wrap}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.name,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.name{color:#161b2f;font-weight:400;line-height:20px;display:block;width:100%;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:24px}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position{border-radius:2px;display:inline-flex;height:12px;align-items:center;padding:0 2px;text-transform:uppercase;font-size:9px;line-height:12px;font-weight:500}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.admin,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.admin{background:#fff9e6;color:#f2bf19}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.key-admin,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.key-admin{background:#dff2e1;color:#34aa44}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.manager,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.manager{color:#4681ef;background:#d4e2fc}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.executive,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.executive{color:#747576;background:#f1f1f1}::ng-deep .add-risk-user-radio-list-body app-no-data{display:block;height:calc(100% - 100px)}::ng-deep .add-risk-user-radio-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .add-risk-user-radio-list app-cs-radio.disabled{pointer-events:none;opacity:.4}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: i4.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i6.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "pipe", type: i7.TooltipMessagePipe, name: "tooltipMessage" }, { kind: "pipe", type: i8.FilterPipe, name: "filter" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserRadioListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-users-radio-list', template: "<div class=\"add-risk-user-radio-list\" [class.animate]=\"animation\">\r\n    <div class=\"add-risk-user-radio-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n        <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">{{headerText}}</div>\r\n        <!-- <button class=\"add-risk-user-radio-list-close\" (click)=\"close()\">\r\n            <i class=\"icons\">&#xe90d;</i>\r\n        </button> -->\r\n    </div>\r\n    <div *ngIf=\"usersList?.length > 0\" class=\"add-risk-user-radio-list-body\">\r\n        <div class=\"search-block\">\r\n            <i class=\"icons\">&#xe90b;</i>\r\n            <input type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search User\" />\r\n        </div>\r\n        <ng-container *ngIf=\"(usersList | filter:search) as searchList\">\r\n            <ul class=\"user-radio-list\" *ngIf=\"searchList?.length >0 \">\r\n                <li *ngFor=\"let user of usersList | filter:search\" [appTooltip]=\"user | tooltipMessage:fromResponsibility:reviewerIds:overseerIds:assignorId:[]:'my_member_id':disabledId?.includes(user[userIdKey])\" placement=\"bottom-left\" type=\"black\"\r\n                delay=\"0\" [tooltipMandatory]=true >\r\n                    <app-cs-radio (checkedEvent)=\"selectUser(user)\" [name]=\"'category'\"  [class.disabled]=\"(disabledId?.includes(user[userIdKey]))\"\r\n                        [checked]=\"selectedUser && (selectedUser[userIdKey]== user[userIdKey])\">\r\n                        <span class=\"name\" >\r\n                            {{user[itemNameKey] }}</span>\r\n                    </app-cs-radio>\r\n                </li>\r\n            </ul>\r\n            <app-no-data *ngIf=\"searchList?.length === 0\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Users Found'\"></app-no-data>\r\n        </ng-container>\r\n \r\n        <app-floating-bar [selectedData]=\"selectedUser ? [selectedUser]:[]\" [displayElementKey]=\"itemNameKey\" [elementId]=\"userIdKey\" [singularText]=\"'User selected'\" [pluralText]=\"'Users selected'\" (closeEvent)=\"save()\" (closeList)=\"close()\" (deleteEvent)=\"deleteEvent($event)\" [isDisabled]=\"usersList?.length === 0 || (selectedUser ? [selectedUser]:[])?.length === 0\"></app-floating-bar>\r\n    </div>\r\n    <div class=\"add-risk-user-radio-list-body noUser\" *ngIf=\"usersList?.length === 0\">\r\n        <app-no-data [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Users Found'\"></app-no-data>\r\n \r\n        <app-floating-bar [selectedData]=\"selectedUser ? [selectedUser]:[]\" [displayElementKey]=\"itemNameKey\" [elementId]=\"userIdKey\" [singularText]=\"'User selected'\" [pluralText]=\"'Users selected'\" (closeEvent)=\"save()\" (closeList)=\"close()\" (deleteEvent)=\"deleteEvent($event)\" [isDisabled]=\"usersList?.length === 0 || (selectedUser ? [selectedUser]:[])?.length === 0\"></app-floating-bar>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .add-risk-user-radio-list{position:fixed;inset:0 500px 0 0}::ng-deep .add-risk-user-radio-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-user-radio-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-user-radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .add-risk-user-radio-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-user-radio-list-body.noUser app-no-data{height:calc(100% - 3rem)}::ng-deep .add-risk-user-radio-list-body.noUser app-no-data .no-data-wrapper{height:calc(100vh - 6.75rem)}::ng-deep .add-risk-user-radio-list-body .search-block{position:relative}::ng-deep .add-risk-user-radio-list-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-user-radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .add-risk-user-radio-list-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-user-radio-list-body .body-top{display:flex;justify-content:space-between;padding:.5rem 0 0}::ng-deep .add-risk-user-radio-list-body .body-top app-cs-checkbox{display:flex}::ng-deep .add-risk-user-radio-list-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-user-radio-list-body ul{padding:0;margin:0}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list{height:calc(100vh - 14rem);overflow:auto;margin:1rem 0 .5rem}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li{width:50%;float:left;padding:0 0 .75rem;list-style:none}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio{display:flex}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label{width:100%}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;flex-wrap:wrap}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.name,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.name{color:#161b2f;font-weight:400;line-height:20px;display:block;width:100%;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:24px}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position{border-radius:2px;display:inline-flex;height:12px;align-items:center;padding:0 2px;text-transform:uppercase;font-size:9px;line-height:12px;font-weight:500}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.admin,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.admin{background:#fff9e6;color:#f2bf19}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.key-admin,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.key-admin{background:#dff2e1;color:#34aa44}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.manager,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.manager{color:#4681ef;background:#d4e2fc}::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-checkbox label span.value span.position.executive,::ng-deep .add-risk-user-radio-list-body ul.user-radio-list li app-cs-radio label span.value span.position.executive{color:#747576;background:#f1f1f1}::ng-deep .add-risk-user-radio-list-body app-no-data{display:block;height:calc(100% - 100px)}::ng-deep .add-risk-user-radio-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .add-risk-user-radio-list app-cs-radio.disabled{pointer-events:none;opacity:.4}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { usersList: [{
+                type: Input
+            }], selectedUsers: [{
+                type: Input
+            }], userIdKey: [{
+                type: Input
+            }], itemNameKey: [{
+                type: Input
+            }], itemEmailKey: [{
+                type: Input
+            }], saveSelectedList: [{
+                type: Output
+            }], closeUsersList: [{
+                type: Output
+            }], disabledId: [{
+                type: Input
+            }], fromResponsibility: [{
+                type: Input
+            }], reviewerIds: [{
+                type: Input
+            }], overseerIds: [{
+                type: Input
+            }], assignorId: [{
+                type: Input
+            }], headerText: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlcnMtcmFkaW8tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3VzZXJzLXJhZGlvLWxpc3QvdXNlcnMtcmFkaW8tbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3VzZXJzLXJhZGlvLWxpc3QvdXNlcnMtcmFkaW8tbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxHQUdiLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7O0FBT3ZCLE1BQU0sT0FBTyxzQkFBc0I7SUFtQmpDO1FBbEJTLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFDZixrQkFBYSxHQUFRLEVBQUUsQ0FBQztRQUN4QixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBQ2YsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsaUJBQVksR0FBRyxFQUFFLENBQUM7UUFDakIscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN0QyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDckMsZUFBVSxHQUFVLEVBQUUsQ0FBQztRQUV2QixnQkFBVyxHQUFVLEVBQUUsQ0FBQztRQUN4QixnQkFBVyxHQUFVLEVBQUUsQ0FBQztRQUN4QixlQUFVLEdBQVUsRUFBRSxDQUFDO1FBRXZCLGVBQVUsR0FBVyxhQUFhLENBQUM7UUFFNUMsV0FBTSxHQUFHLEVBQUUsQ0FBQztRQUNaLGdCQUFXLEdBQVUsRUFBRSxDQUFDO1FBQ3hCLGNBQVMsR0FBRyxLQUFLLENBQUM7SUFDSCxDQUFDO0lBRWhCLFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDekIsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQztJQUVELFVBQVUsQ0FBQyxJQUFTO1FBQ2xCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO0lBQzNCLENBQUM7SUFDRCxXQUFXLENBQUMsS0FBVTtRQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBSTtRQUNGLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM3QixDQUFDOytHQTVDVSxzQkFBc0I7bUdBQXRCLHNCQUFzQiw0ZUNmbkMsczlGQWlDTTs7NEZEbEJPLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxzQkFBc0I7MEVBS3ZCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTTtnQkFDRSxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgT25Jbml0LFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgT25DaGFuZ2VzLFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGNsb25lRGVlcCB9IGZyb20gJ2xvZGFzaCc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXVzZXJzLXJhZGlvLWxpc3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi91c2Vycy1yYWRpby1saXN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi91c2Vycy1yYWRpby1saXN0LmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVc2VyUmFkaW9MaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xyXG4gIEBJbnB1dCgpIHVzZXJzTGlzdCA9IFtdO1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkVXNlcnM6IGFueSA9ICcnO1xyXG4gIEBJbnB1dCgpIHVzZXJJZEtleSA9ICcnO1xyXG4gIEBJbnB1dCgpIGl0ZW1OYW1lS2V5ID0gJyc7XHJcbiAgQElucHV0KCkgaXRlbUVtYWlsS2V5ID0gJyc7XHJcbiAgQE91dHB1dCgpIHNhdmVTZWxlY3RlZExpc3QgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIGNsb3NlVXNlcnNMaXN0ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkSWQ6IGFueVtdID0gW107XHJcbiAgQElucHV0KCkgZnJvbVJlc3BvbnNpYmlsaXR5OiBhbnk7XHJcbiAgQElucHV0KCkgcmV2aWV3ZXJJZHM6IGFueVtdID0gW107XHJcbiAgQElucHV0KCkgb3ZlcnNlZXJJZHM6IGFueVtdID0gW107XHJcbiAgQElucHV0KCkgYXNzaWdub3JJZDogYW55W10gPSBbXTtcclxuICBzZWxlY3RlZFVzZXI6IGFueTtcclxuICBASW5wdXQoKSBoZWFkZXJUZXh0OiBzdHJpbmcgPSAnU2VsZWN0IFVzZXInO1xyXG5cclxuICBzZWFyY2ggPSAnJztcclxuICBzZWxlY3RlZElkczogYW55W10gPSBbXTtcclxuICBhbmltYXRpb24gPSBmYWxzZTtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xyXG4gICAgdGhpcy5zZWxlY3RlZFVzZXIgPSB0aGlzLnNlbGVjdGVkVXNlcnNbMF07XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuYW5pbWF0aW9uID0gdHJ1ZTtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICB0aGlzLmFuaW1hdGlvbiA9IGZhbHNlO1xyXG4gICAgfSwgMzAwKTtcclxuICB9XHJcblxyXG4gIHNlbGVjdFVzZXIodXNlcjogYW55KSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkVXNlciA9IHVzZXI7XHJcbiAgfVxyXG4gIGRlbGV0ZUV2ZW50KGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRVc2VyID0gJyc7XHJcbiAgfVxyXG4gIHNhdmUoKSB7XHJcbiAgICB0aGlzLnNhdmVTZWxlY3RlZExpc3QuZW1pdCh0aGlzLnNlbGVjdGVkVXNlcik7XHJcbiAgfVxyXG5cclxuICBjbG9zZSgpIHtcclxuICAgIHRoaXMuY2xvc2VVc2Vyc0xpc3QuZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiYWRkLXJpc2stdXNlci1yYWRpby1saXN0XCIgW2NsYXNzLmFuaW1hdGVdPVwiYW5pbWF0aW9uXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYWRkLXJpc2stdXNlci1yYWRpby1saXN0LWhlYWQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWJldHdlZW4gdngtcGwtNCB2eC1wci00XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInZ4LWZzLTE0IHZ4LWZ3LTUwMCB2eC1sYWJlbC10eHRcIj57e2hlYWRlclRleHR9fTwvZGl2PlxyXG4gICAgICAgIDwhLS0gPGJ1dHRvbiBjbGFzcz1cImFkZC1yaXNrLXVzZXItcmFkaW8tbGlzdC1jbG9zZVwiIChjbGljayk9XCJjbG9zZSgpXCI+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTBkOzwvaT5cclxuICAgICAgICA8L2J1dHRvbj4gLS0+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgKm5nSWY9XCJ1c2Vyc0xpc3Q/Lmxlbmd0aCA+IDBcIiBjbGFzcz1cImFkZC1yaXNrLXVzZXItcmFkaW8tbGlzdC1ib2R5XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNlYXJjaC1ibG9ja1wiPlxyXG4gICAgICAgICAgICA8aSBjbGFzcz1cImljb25zXCI+JiN4ZTkwYjs8L2k+XHJcbiAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIFsobmdNb2RlbCldPVwic2VhcmNoXCIgcGxhY2Vob2xkZXI9XCJTZWFyY2ggVXNlclwiIC8+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIih1c2Vyc0xpc3QgfCBmaWx0ZXI6c2VhcmNoKSBhcyBzZWFyY2hMaXN0XCI+XHJcbiAgICAgICAgICAgIDx1bCBjbGFzcz1cInVzZXItcmFkaW8tbGlzdFwiICpuZ0lmPVwic2VhcmNoTGlzdD8ubGVuZ3RoID4wIFwiPlxyXG4gICAgICAgICAgICAgICAgPGxpICpuZ0Zvcj1cImxldCB1c2VyIG9mIHVzZXJzTGlzdCB8IGZpbHRlcjpzZWFyY2hcIiBbYXBwVG9vbHRpcF09XCJ1c2VyIHwgdG9vbHRpcE1lc3NhZ2U6ZnJvbVJlc3BvbnNpYmlsaXR5OnJldmlld2VySWRzOm92ZXJzZWVySWRzOmFzc2lnbm9ySWQ6W106J215X21lbWJlcl9pZCc6ZGlzYWJsZWRJZD8uaW5jbHVkZXModXNlclt1c2VySWRLZXldKVwiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgdHlwZT1cImJsYWNrXCJcclxuICAgICAgICAgICAgICAgIGRlbGF5PVwiMFwiIFt0b29sdGlwTWFuZGF0b3J5XT10cnVlID5cclxuICAgICAgICAgICAgICAgICAgICA8YXBwLWNzLXJhZGlvIChjaGVja2VkRXZlbnQpPVwic2VsZWN0VXNlcih1c2VyKVwiIFtuYW1lXT1cIidjYXRlZ29yeSdcIiAgW2NsYXNzLmRpc2FibGVkXT1cIihkaXNhYmxlZElkPy5pbmNsdWRlcyh1c2VyW3VzZXJJZEtleV0pKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjaGVja2VkXT1cInNlbGVjdGVkVXNlciAmJiAoc2VsZWN0ZWRVc2VyW3VzZXJJZEtleV09PSB1c2VyW3VzZXJJZEtleV0pXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibmFtZVwiID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7dXNlcltpdGVtTmFtZUtleV0gfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9hcHAtY3MtcmFkaW8+XHJcbiAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICA8L3VsPlxyXG4gICAgICAgICAgICA8YXBwLW5vLWRhdGEgKm5nSWY9XCJzZWFyY2hMaXN0Py5sZW5ndGggPT09IDBcIiBbbm9EYXRhSW1hZ2VdPVwiJ2h0dHBzOi8vY2RuLnYtY29tcGx5LmNvbS9saWJyYXJpZXMvd29ya2Zsb3ctZW5naW5lL2Fzc2V0cy93b3JrZmxvdy9zZWFyY2gtZGF0YS5zdmcnXCIgW25vRGF0YVRleHRdPVwiJ05vIFVzZXJzIEZvdW5kJ1wiPjwvYXBwLW5vLWRhdGE+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiBcclxuICAgICAgICA8YXBwLWZsb2F0aW5nLWJhciBbc2VsZWN0ZWREYXRhXT1cInNlbGVjdGVkVXNlciA/IFtzZWxlY3RlZFVzZXJdOltdXCIgW2Rpc3BsYXlFbGVtZW50S2V5XT1cIml0ZW1OYW1lS2V5XCIgW2VsZW1lbnRJZF09XCJ1c2VySWRLZXlcIiBbc2luZ3VsYXJUZXh0XT1cIidVc2VyIHNlbGVjdGVkJ1wiIFtwbHVyYWxUZXh0XT1cIidVc2VycyBzZWxlY3RlZCdcIiAoY2xvc2VFdmVudCk9XCJzYXZlKClcIiAoY2xvc2VMaXN0KT1cImNsb3NlKClcIiAoZGVsZXRlRXZlbnQpPVwiZGVsZXRlRXZlbnQoJGV2ZW50KVwiIFtpc0Rpc2FibGVkXT1cInVzZXJzTGlzdD8ubGVuZ3RoID09PSAwIHx8IChzZWxlY3RlZFVzZXIgPyBbc2VsZWN0ZWRVc2VyXTpbXSk/Lmxlbmd0aCA9PT0gMFwiPjwvYXBwLWZsb2F0aW5nLWJhcj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImFkZC1yaXNrLXVzZXItcmFkaW8tbGlzdC1ib2R5IG5vVXNlclwiICpuZ0lmPVwidXNlcnNMaXN0Py5sZW5ndGggPT09IDBcIj5cclxuICAgICAgICA8YXBwLW5vLWRhdGEgW25vRGF0YUltYWdlXT1cIidodHRwczovL2Nkbi52LWNvbXBseS5jb20vbGlicmFyaWVzL3dvcmtmbG93LWVuZ2luZS9hc3NldHMvd29ya2Zsb3cvc2VhcmNoLWRhdGEuc3ZnJ1wiIFtub0RhdGFUZXh0XT1cIidObyBVc2VycyBGb3VuZCdcIj48L2FwcC1uby1kYXRhPlxyXG4gXHJcbiAgICAgICAgPGFwcC1mbG9hdGluZy1iYXIgW3NlbGVjdGVkRGF0YV09XCJzZWxlY3RlZFVzZXIgPyBbc2VsZWN0ZWRVc2VyXTpbXVwiIFtkaXNwbGF5RWxlbWVudEtleV09XCJpdGVtTmFtZUtleVwiIFtlbGVtZW50SWRdPVwidXNlcklkS2V5XCIgW3Npbmd1bGFyVGV4dF09XCInVXNlciBzZWxlY3RlZCdcIiBbcGx1cmFsVGV4dF09XCInVXNlcnMgc2VsZWN0ZWQnXCIgKGNsb3NlRXZlbnQpPVwic2F2ZSgpXCIgKGNsb3NlTGlzdCk9XCJjbG9zZSgpXCIgKGRlbGV0ZUV2ZW50KT1cImRlbGV0ZUV2ZW50KCRldmVudClcIiBbaXNEaXNhYmxlZF09XCJ1c2Vyc0xpc3Q/Lmxlbmd0aCA9PT0gMCB8fCAoc2VsZWN0ZWRVc2VyID8gW3NlbGVjdGVkVXNlcl06W10pPy5sZW5ndGggPT09IDBcIj48L2FwcC1mbG9hdGluZy1iYXI+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/sharedComponents/v-loader/loader/loader.component.mjs

@@ -0,0 +1,21 @@
+import { Component, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../configurations";
+export class LoaderComponent {
+    constructor(config) {
+        if (config) {
+            this.env = config.envConfig;
+        }
+        this.vLoader = this.env.vLoader;
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, deps: [{ token: i1.Configurations, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderComponent, selector: "app-loader", ngImport: i0, template: "<div class=\"main-loader\">\r\n  <img src=\"{{vLoader}}\" alt=\"\" />\r\n  <div class=\"loader-index\">\r\n    <div class=\"loader-index-circle\"></div>\r\n  </div>\r\n</div>", styles: [".main-loader{display:flex;overflow:hidden;align-items:center;justify-content:center;text-align:center;position:fixed;background:transparent;z-index:99;inset:0}.main-loader img{width:45px;position:relative;z-index:2}.main-loader .loader-index{width:100%;height:100%;position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}.main-loader .loader-index-circle{background:#fff;width:65px;height:65px;border-radius:50%;border:4px solid transparent;border-top-color:#dbdbdb;animation:1.5s spin infinite linear}@keyframes spin{to{transform:rotate(360deg)}}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-loader', template: "<div class=\"main-loader\">\r\n  <img src=\"{{vLoader}}\" alt=\"\" />\r\n  <div class=\"loader-index\">\r\n    <div class=\"loader-index-circle\"></div>\r\n  </div>\r\n</div>", styles: [".main-loader{display:flex;overflow:hidden;align-items:center;justify-content:center;text-align:center;position:fixed;background:transparent;z-index:99;inset:0}.main-loader img{width:45px;position:relative;z-index:2}.main-loader .loader-index{width:100%;height:100%;position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}.main-loader .loader-index-circle{background:#fff;width:65px;height:65px;border-radius:50%;border:4px solid transparent;border-top-color:#dbdbdb;animation:1.5s spin infinite linear}@keyframes spin{to{transform:rotate(360deg)}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Configurations, decorators: [{
+                    type: Optional
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvdi1sb2FkZXIvbG9hZGVyL2xvYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3YtbG9hZGVyL2xvYWRlci9sb2FkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUEyQixTQUFTLEVBQVUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTckYsTUFBTSxPQUFPLGVBQWU7SUFLMUIsWUFBd0IsTUFBdUI7UUFDN0MsSUFBSSxNQUFNLEVBQUU7WUFDVixJQUFJLENBQUMsR0FBRyxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUM7U0FDN0I7UUFDRCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxRQUFRLEtBQVUsQ0FBQzsrR0FaUixlQUFlO21HQUFmLGVBQWUsa0RDVDVCLGdMQUtNOzs0RkRJTyxlQUFlO2tCQU4zQixTQUFTOytCQUNFLFlBQVk7OzBCQVVULFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkluaXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbmZpZ3VyYXRpb25zIH0gZnJvbSAnLi4vLi4vLi4vY29uZmlndXJhdGlvbnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtbG9hZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9sb2FkZXIuY29tcG9uZW50Lmxlc3MnXSxcclxuICAvLyBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIExvYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgdkxvYWRlcjogYW55O1xyXG4gIFxyXG4gIHB1YmxpYyBlbnYhOiBhbnk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIGNvbmZpZz86IENvbmZpZ3VyYXRpb25zKSB7XHJcbiAgICBpZiAoY29uZmlnKSB7XHJcbiAgICAgIHRoaXMuZW52ID0gY29uZmlnLmVudkNvbmZpZztcclxuICAgIH1cclxuICAgIHRoaXMudkxvYWRlciA9IHRoaXMuZW52LnZMb2FkZXI7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1haW4tbG9hZGVyXCI+XHJcbiAgPGltZyBzcmM9XCJ7e3ZMb2FkZXJ9fVwiIGFsdD1cIlwiIC8+XHJcbiAgPGRpdiBjbGFzcz1cImxvYWRlci1pbmRleFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImxvYWRlci1pbmRleC1jaXJjbGVcIj48L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/sharedComponents/v-loader/loader-inline/loader-inline.component.mjs

@@ -0,0 +1,21 @@
+import { Component, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../configurations";
+export class LoaderInlineComponent {
+    constructor(config) {
+        if (config) {
+            this.env = config.envConfig;
+        }
+        this.vLoader = this.env.vLoader;
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderInlineComponent, deps: [{ token: i1.Configurations, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderInlineComponent, selector: "app-loader-inline", ngImport: i0, template: "<div class=\"inline-loader\">\r\n  <img src=\"{{vLoader}}\" alt=\"\" />\r\n  <div class=\"loader-index\">\r\n    <div class=\"loader-index-circle\"></div>\r\n  </div>\r\n</div>", styles: [".inline-loader{display:flex;overflow:hidden;align-items:center;justify-content:center;text-align:center;position:absolute;background:transparent;z-index:9;inset:0}.inline-loader img{width:45px;position:relative;z-index:2}.inline-loader .loader-index{width:100%;height:100%;position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}.inline-loader .loader-index-circle{background:#fff;width:65px;height:65px;border-radius:50%;border:4px solid transparent;border-top-color:#dbdbdb;animation:1.5s spin infinite linear}@keyframes spin{to{transform:rotate(360deg)}}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderInlineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-loader-inline', template: "<div class=\"inline-loader\">\r\n  <img src=\"{{vLoader}}\" alt=\"\" />\r\n  <div class=\"loader-index\">\r\n    <div class=\"loader-index-circle\"></div>\r\n  </div>\r\n</div>", styles: [".inline-loader{display:flex;overflow:hidden;align-items:center;justify-content:center;text-align:center;position:absolute;background:transparent;z-index:9;inset:0}.inline-loader img{width:45px;position:relative;z-index:2}.inline-loader .loader-index{width:100%;height:100%;position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}.inline-loader .loader-index-circle{background:#fff;width:65px;height:65px;border-radius:50%;border:4px solid transparent;border-top-color:#dbdbdb;animation:1.5s spin infinite linear}@keyframes spin{to{transform:rotate(360deg)}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Configurations, decorators: [{
+                    type: Optional
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLWlubGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3YtbG9hZGVyL2xvYWRlci1pbmxpbmUvbG9hZGVyLWlubGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3YtbG9hZGVyL2xvYWRlci1pbmxpbmUvbG9hZGVyLWlubGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQTJCLFNBQVMsRUFBVSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVNyRixNQUFNLE9BQU8scUJBQXFCO0lBS2hDLFlBQXdCLE1BQXVCO1FBQzdDLElBQUksTUFBTSxFQUFFO1lBQ1YsSUFBSSxDQUFDLEdBQUcsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDO1NBQzdCO1FBQ0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQztJQUNsQyxDQUFDO0lBRUQsUUFBUSxLQUFVLENBQUM7K0dBWlIscUJBQXFCO21HQUFyQixxQkFBcUIseURDVGxDLGtMQUtNOzs0RkRJTyxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0UsbUJBQW1COzswQkFVaEIsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIE9uSW5pdCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29uZmlndXJhdGlvbnMgfSBmcm9tICcuLi8uLi8uLi9jb25maWd1cmF0aW9ucyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1sb2FkZXItaW5saW5lJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGVyLWlubGluZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZGVyLWlubGluZS5jb21wb25lbnQubGVzcyddLFxyXG4gIC8vIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTG9hZGVySW5saW5lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICB2TG9hZGVyOiBhbnk7XHJcbiAgXHJcbiAgcHVibGljIGVudiE6IGFueTtcclxuXHJcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgY29uZmlnPzogQ29uZmlndXJhdGlvbnMpIHtcclxuICAgIGlmIChjb25maWcpIHtcclxuICAgICAgdGhpcy5lbnYgPSBjb25maWcuZW52Q29uZmlnO1xyXG4gICAgfVxyXG4gICAgdGhpcy52TG9hZGVyID0gdGhpcy5lbnYudkxvYWRlcjtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaW5saW5lLWxvYWRlclwiPlxyXG4gIDxpbWcgc3JjPVwie3t2TG9hZGVyfX1cIiBhbHQ9XCJcIiAvPlxyXG4gIDxkaXYgY2xhc3M9XCJsb2FkZXItaW5kZXhcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJsb2FkZXItaW5kZXgtY2lyY2xlXCI+PC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/sharedComponents/v-loader/v-loader.module.mjs

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { LoaderComponent } from './loader/loader.component';
+import { LoaderInlineComponent } from './loader-inline/loader-inline.component';
+import * as i0 from "@angular/core";
+export class VLoaderModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: VLoaderModule, declarations: [LoaderComponent, LoaderInlineComponent], imports: [CommonModule], exports: [LoaderComponent, LoaderInlineComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VLoaderModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VLoaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LoaderComponent, LoaderInlineComponent],
+                    imports: [CommonModule],
+                    exports: [LoaderComponent, LoaderInlineComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidi1sb2FkZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy92LWxvYWRlci92LWxvYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDOztBQU9oRixNQUFNLE9BQU8sYUFBYTsrR0FBYixhQUFhO2dIQUFiLGFBQWEsaUJBSlQsZUFBZSxFQUFFLHFCQUFxQixhQUMzQyxZQUFZLGFBQ1osZUFBZSxFQUFFLHFCQUFxQjtnSEFFckMsYUFBYSxZQUhkLFlBQVk7OzRGQUdYLGFBQWE7a0JBTHpCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZUFBZSxFQUFFLHFCQUFxQixDQUFDO29CQUN0RCxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLGVBQWUsRUFBRSxxQkFBcUIsQ0FBQztpQkFDbEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBMb2FkZXJDb21wb25lbnQgfSBmcm9tICcuL2xvYWRlci9sb2FkZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTG9hZGVySW5saW5lQ29tcG9uZW50IH0gZnJvbSAnLi9sb2FkZXItaW5saW5lL2xvYWRlci1pbmxpbmUuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbTG9hZGVyQ29tcG9uZW50LCBMb2FkZXJJbmxpbmVDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIGV4cG9ydHM6IFtMb2FkZXJDb21wb25lbnQsIExvYWRlcklubGluZUNvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBWTG9hZGVyTW9kdWxlIHt9XHJcbiJdfQ==

package/esm2022/lib/ui-kit/action-dialog/action-dialog.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { DeleteComponent } from "./delete/delete.component";
+import { ActiveComponent } from "./active/active.component";
+import { DeactivateComponent } from "./deactivate/deactivate.component";
+import { DuplicateComponent } from './duplicate/duplicate.component';
+import * as i0 from "@angular/core";
+export class ActionDialogModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ActionDialogModule, declarations: [DeleteComponent, DeactivateComponent, ActiveComponent, DuplicateComponent], imports: [CommonModule], exports: [DeleteComponent, ActiveComponent, DeactivateComponent, DuplicateComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionDialogModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DeleteComponent, DeactivateComponent, ActiveComponent, DuplicateComponent],
+                    exports: [DeleteComponent, ActiveComponent, DeactivateComponent, DuplicateComponent],
+                    imports: [CommonModule],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWRpYWxvZy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi91aS1raXQvYWN0aW9uLWRpYWxvZy9hY3Rpb24tZGlhbG9nLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQU9yRSxNQUFNLE9BQU8sa0JBQWtCOytHQUFsQixrQkFBa0I7Z0hBQWxCLGtCQUFrQixpQkFKZCxlQUFlLEVBQUUsbUJBQW1CLEVBQUUsZUFBZSxFQUFFLGtCQUFrQixhQUU5RSxZQUFZLGFBRFosZUFBZSxFQUFFLGVBQWUsRUFBRSxtQkFBbUIsRUFBRSxrQkFBa0I7Z0hBR3hFLGtCQUFrQixZQUZuQixZQUFZOzs0RkFFWCxrQkFBa0I7a0JBTDlCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZUFBZSxFQUFFLG1CQUFtQixFQUFFLGVBQWUsRUFBRSxrQkFBa0IsQ0FBQztvQkFDekYsT0FBTyxFQUFFLENBQUMsZUFBZSxFQUFFLGVBQWUsRUFBRSxtQkFBbUIsRUFBRSxrQkFBa0IsQ0FBQztvQkFDcEYsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO2lCQUN4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQgeyBEZWxldGVDb21wb25lbnQgfSBmcm9tIFwiLi9kZWxldGUvZGVsZXRlLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBBY3RpdmVDb21wb25lbnQgfSBmcm9tIFwiLi9hY3RpdmUvYWN0aXZlLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBEZWFjdGl2YXRlQ29tcG9uZW50IH0gZnJvbSBcIi4vZGVhY3RpdmF0ZS9kZWFjdGl2YXRlLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBEdXBsaWNhdGVDb21wb25lbnQgfSBmcm9tICcuL2R1cGxpY2F0ZS9kdXBsaWNhdGUuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbRGVsZXRlQ29tcG9uZW50LCBEZWFjdGl2YXRlQ29tcG9uZW50LCBBY3RpdmVDb21wb25lbnQsIER1cGxpY2F0ZUNvbXBvbmVudF0sXHJcbiAgZXhwb3J0czogW0RlbGV0ZUNvbXBvbmVudCwgQWN0aXZlQ29tcG9uZW50LCBEZWFjdGl2YXRlQ29tcG9uZW50LCBEdXBsaWNhdGVDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWN0aW9uRGlhbG9nTW9kdWxlIHt9XHJcbiJdfQ==