vcomply-workflow-engine 3.5.3 → 3.5.4

package/esm2022/lib/workflow-program/create-program-ui/role-list/role-list.component.mjs

@@ -0,0 +1,240 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../ui-kit/tooltip/tooltip.directive";
+import * as i3 from "../../../ui-kit/popover/popover.component";
+import * as i4 from "../../../ui-kit/popover/popover.directive";
+import * as i5 from "@angular/forms";
+import * as i6 from "../../../ui-kit/no-data/no-data.component";
+import * as i7 from "../checkbox/checkbox.component";
+import * as i8 from "../floating-bar/floating-bar.component";
+import * as i9 from "./loader/loader.component";
+import * as i10 from "../pipes/search.pipe";
+export class RoleListComponent {
+    constructor() {
+        this.save = new EventEmitter();
+        this.cancel = new EventEmitter();
+        this.animation = true;
+        this.searchKey = '';
+        //Used to disable items
+        this.systemRolesIds = [];
+        //used to check checkbox
+        this.selectedIds = [];
+        //complete object of selected items
+        this.selectedRoles = [];
+        //contains id's of all the expanded rows
+        this.expandedRows = [];
+        //list of all the available roles
+        this.rolesList = [];
+        this.initialSelected = null;
+        this.showConfirmation = false;
+        // only used in select all function
+        this.allListIds = [];
+        //isAllItems
+        this.allSelected = false;
+        this.loading = false;
+    }
+    ngOnInit() {
+        this.animation = true;
+        setTimeout(() => {
+            this.animation = false;
+        }, 300);
+    }
+    set setList(value) {
+        if (value && value?.length) {
+            this.rolesList = [...value];
+            this.setSystemRole(this.rolesList);
+            this.allListIds = this.rolesList.map((ele) => ele?._id);
+            this.setAllSelectedStatus();
+        }
+    }
+    set selectedRolesVal(value) {
+        this.selectedRoles = this.uniqueByProp([...this.selectedRoles, ...value], '_id');
+        this.selectedIds = this.selectedRoles.map((ele) => ele?._id);
+        if (!this.initialSelected || !this.initialSelected?.length) {
+            this.initialSelected = this.selectedIds;
+        }
+        this.setAllSelectedStatus();
+    }
+    /**
+     * #### Description
+     *
+     * Expands or collapse the row
+     * @param type
+     * @param [id]
+     */
+    expandOrCollapse(type, id) {
+        switch (type) {
+            case 'COLLAPSE': {
+                this.expandedRows = this.expandedRows.filter((ele) => ele !== id);
+                break;
+            }
+            case 'EXPAND': {
+                this.expandedRows = Array.from(new Set([...this.expandedRows, ...[id]]));
+                break;
+            }
+            case 'COLLAPSE_ALL': {
+                this.expandedRows = [];
+                break;
+            }
+        }
+    }
+    selectAll(evt) {
+        if (evt?.target?.checked === true) {
+            this.selectedRoles = this.rolesList;
+            this.selectedIds = this.rolesList.map((ele) => ele?._id);
+        }
+        else {
+            this.selectedRoles = [];
+            this.selectedIds = [];
+            this.setSystemRole(this.rolesList);
+        }
+        this.setAllSelectedStatus();
+    }
+    setAllSelectedStatus() {
+        this.allSelected =
+            this.allListIds.sort().toString() === this.selectedIds.sort()?.toString();
+    }
+    /**
+     * #### Description
+     *
+     * Sets system role for admins and key admins
+     * @param roles
+     */
+    setSystemRole(roles) {
+        const systemRoles = roles.filter((ele) => ele?.roleName?.toLowerCase() === 'key admin' ||
+            ele?.roleName?.toLowerCase() === 'admin');
+        this.systemRolesIds = Array.from(new Set([
+            ...this.systemRolesIds,
+            ...systemRoles.map((ele) => ele?._id),
+        ]));
+        this.selectedIds = Array.from(new Set([...this.selectedIds, ...this.systemRolesIds]));
+        this.selectedRoles = this.uniqueByProp([...systemRoles, ...this.selectedRoles], '_id');
+    }
+    /**
+     * #### Description
+     * Selects item or deselect a itme
+     * @param evt
+     * @param payload
+     */
+    selectItem(evt, payload) {
+        evt?.target?.checked === true
+            ? this.manipulateSelectedItems('ADD', payload)
+            : this.manipulateSelectedItems('DELETE', payload);
+    }
+    /**
+     * #### Description
+     *
+     * Manipulates selected items in role list
+     * @param action :'ADD' | 'DELETE'
+     * @param payload
+     */
+    manipulateSelectedItems(action, payload) {
+        if (action === 'ADD') {
+            this.selectedRoles = this.uniqueByProp([...this.selectedRoles, ...[payload]], '_id');
+            this.selectedIds = this.selectedRoles.map((ele) => ele?._id);
+        }
+        else if (action === 'DELETE') {
+            let index = this.selectedRoles.findIndex((ele) => ele?._id === payload?._id);
+            if (index > -1) {
+                this.selectedRoles = this.selectedRoles.filter((ele) => ele?._id !== payload?._id);
+                this.selectedIds = this.selectedIds.filter((ele) => ele !== payload?._id);
+            }
+        }
+        this.setAllSelectedStatus();
+    }
+    saveList() {
+        if (this.initialSelected?.sort()?.toString() !==
+            this.selectedIds.sort()?.toString()) {
+            this.showConfirmation = true;
+        }
+        else {
+            this.save.emit(this.selectedRoles);
+        }
+    }
+    confirmAction(evt) {
+        if (evt === 'YES') {
+            this.save.emit(this.selectedRoles);
+        }
+        else if (evt === 'NO') {
+            this.showConfirmation = false;
+        }
+    }
+    closeList() {
+        this.cancel.emit();
+    }
+    /**
+     * #### Description
+     *
+     * Returns the unique array of object based on unique key
+     * @param array
+     * @param key
+     * @returns
+     */
+    uniqueByProp(array, key) {
+        return Array.from(array
+            .reduce((acc, item) => (item && item[key] && acc.set(item[key], item), acc), new Map())
+            .values());
+    }
+    //view and manage roles and groups text changed with featureflag
+    permissionText(permission) {
+        if (permission == 'view roles') {
+            if (this.ff_rc_listing) {
+                return 'view permissions';
+            }
+            else {
+                return 'view permission groups';
+            }
+        }
+        if (permission == 'manage roles') {
+            if (this.ff_rc_listing) {
+                return 'Manage permissions';
+            }
+            else {
+                return 'Manage permission groups';
+            }
+        }
+        if (permission == 'view groups') {
+            if (this.featureflagGroup) {
+                return 'view user groups';
+            }
+            else {
+                return permission;
+            }
+        }
+        if (permission == 'manage groups') {
+            if (this.featureflagGroup) {
+                return 'Manage user groups';
+            }
+            else {
+                return permission;
+            }
+        }
+        return permission;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RoleListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RoleListComponent, selector: "role-list", inputs: { featureflagrole: "featureflagrole", featureflagGroup: "featureflagGroup", ff_rc_listing: "ff_rc_listing", setList: ["list", "setList"], loading: "loading", selectedRolesVal: ["selected", "selectedRolesVal"] }, outputs: { save: "save", cancel: "cancel" }, ngImport: i0, template: "<div class=\"roles-list\" [class.animate]=\"animation\">\r\n    <div class=\"roles-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n        <div id =\"titlename\" class=\"vx-fs-14 vx-fw-500 vx-label-txt\">{{ff_rc_listing ? 'Select Permissions':'Select Permission Group(s)'}}</div>\r\n    </div>\r\n\r\n    <div class=\"roles-list-body\">\r\n        <div class=\"search-block vx-mb-1\" [class.disabled]=\"!rolesList?.length\">\r\n            <i class=\"icons\">&#xe90b;</i>\r\n            <input type=\"text\" [placeholder]=\"ff_rc_listing ?'Search Permissions':'Search Permission Groups'\" [(ngModel)]=\"searchKey\"/>\r\n        </div>\r\n        <div class=\"vx-mt-4\" *ngIf=\"loading\"><role-loader></role-loader></div>\r\n\r\n        <ng-container *ngIf=\"!loading\">\r\n            <ng-container *ngIf=\"(rolesList|search:searchKey:'roleName') as roles\">\r\n                <div *ngIf=\"roles?.length  > 0\" class=\"roles-list-mid vx-mb-4\">\r\n                    <div class=\"role-box-select vx-pb-2\">\r\n                        <vui-checkbox [indeterminateEnabled]=\"false\" #check (change)=\"selectAll($event)\"\r\n                            [(ngModel)]=\"allSelected\" [checked]=\"allSelected\">\r\n                            <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">{{!check.checked ? 'Select All' :\r\n                                'Deselect All'}}</div>\r\n                        </vui-checkbox>\r\n                    </div>\r\n\r\n                    <div class=\"role-box vx-mb-2\" *ngFor=\"let role of roles; let i = index\">\r\n                        <div (click)=\"!expandedRows.includes(role?._id) ? expandOrCollapse('EXPAND',role?._id):  expandOrCollapse('COLLAPSE',role?._id) \"\r\n                            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                                <vui-checkbox [disabled]=\"systemRolesIds.includes(role?._id)\"\r\n                                    [checked]=\"selectedIds.includes(role?._id)\" (change)=\"selectItem($event,role)\">\r\n                                </vui-checkbox>\r\n                                <div class=\"name vx-fs-12 vx-label-txt\" [appTooltip]=\"'Role name'\" placement=\"bottom-left\"\r\n                                    delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{featureflagrole && role?.permissionGroupName ? role?.permissionGroupName : role?.roleName}}</div>\r\n                                <span *ngIf=\"role?.roleActions?.length  > 0\"\r\n                                    class=\"count vx-fs-9 vx-fw-600 vx-lh-3 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-ml-2\">{{role?.roleActions?.length}}\r\n                                    PERMISSIONS</span>\r\n                            </div>\r\n                            <div class=\"right vx-d-flex vx-align-center vx-justify-between\">\r\n                                <div *ngIf=\"role?.licenseType === 'power users'\"\r\n                                    class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\"\r\n                                    [class.power-user]=\"true\" [class.all-user]=\"false\"> Power User</div>\r\n                                <div *ngIf=\"role?.licenseType === 'light users'\"\r\n                                    class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\"\r\n                                    [class.power-user]=\"false\" [class.all-user]=\"true\">Light 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=\"!expandedRows.includes(role?._id)\" class=\"icons\">&#xe970;</i>\r\n                                    <i *ngIf=\"expandedRows.includes(role?._id)\" class=\"icons\">&#xe9e8;</i>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"role-box-list\" *ngIf=\"expandedRows.includes(role?._id)\">\r\n                            <ul class=\"vx-p-0 vx-m-0\">\r\n                                <li class=\"vx-p-3 vx-lh-4\" *ngFor=\"let permission  of role?.roleActions\">\r\n                                    <div class=\"value vx-fs-12 vx-label-txt\">{{ permissionText(permission)}}</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=\"roles?.length === 0\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"searchKey?.length > 0 ?'No match found.': 'No Roles Found'\"></app-no-data>\r\n            </ng-container>\r\n        </ng-container>\r\n\r\n        <div class=\"roles-list-footer\"  *ngIf=\"!showConfirmation\">\r\n            <vui-floating-bar (closeEvent)=\"saveList()\" (closeList)=\"closeList()\">\r\n                <!-- <div class=\"counter\" *ngIf=\"selectedRoles?.length\"\r\n                placement=\"left\">{{selectedRoles?.length}}</div> -->\r\n                <button *ngIf=\"selectedRoles?.length\"class=\"counter role-list-counter\" appPopover (click)=\"role.popover()\" placement=\"left\">{{selectedRoles?.length}}</button>\r\n              <div class=\"name\" *ngIf=\"selectedRoles?.length>1\" id=\"permissionselected\">\r\n                <span *ngIf=\"selectedRoles?.length === 1\">{{featureflagrole ? 'Permission selected':'Role selected'}}</span>\r\n                <span *ngIf=\"selectedRoles?.length > 1\">{{featureflagrole ? 'Permissions selected':'Roles selected'}}</span>\r\n              </div>\r\n            </vui-floating-bar>\r\n    \r\n            <app-popover #role [dontCloseonClick]=\"true\">\r\n              <div class=\"wf-action-list\">\r\n                  <ul class=\"action-item\">\r\n                      <li *ngFor=\"let data of selectedRoles\">\r\n                          <div class=\"avatar-card\">\r\n                              <span class=\"value\">\r\n                                  <i *ngIf=\"!systemRolesIds.includes(data?._id)\" class=\"icons\"\r\n                                  (click)=\"selectItem({target:{checked:false}},data)\">&#xe90d;</i>\r\n                                        {{featureflagrole && data?.permissionGroupName ? data?.permissionGroupName : data?.roleName}}\r\n                              </span>\r\n                          </div>\r\n                      </li>\r\n                  </ul>\r\n              </div>\r\n          </app-popover>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"roles-list-confirmation\" *ngIf=\"showConfirmation\">\r\n        <div class=\"confirmation-top\">\r\n            <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\r\n            <div class=\"text\" id=\"confirmationmessage\">{{featureflagrole ?'This action will update the Permission settings and impact the owners selected for the Program.':'This action will update the Role settings and impact the owners selected for the Program.'}}</div>\r\n        </div>\r\n        <div class=\"confirmation-bottom\">\r\n            <div class=\"message\">Are you sure you would like to proceed?</div>\r\n            <div class=\"button-group\">\r\n                <button class=\"no-btn\" (click)=\"confirmAction('NO')\">NO</button>\r\n                <button class=\"yes-btn\"  (click)=\"confirmAction('YES')\">YES</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .roles-list{position:fixed;inset:0 500px 0 0}::ng-deep .roles-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::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:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .roles-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .roles-list-body .search-block{position:relative}::ng-deep .roles-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 .roles-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .roles-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .roles-list-mid{width:calc(100% + .75rem);height:calc(100vh - 13.8rem);overflow:hidden;overflow-y: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 vui-checkbox .checkbox-item{position:relative;padding-left:1.75rem;width:100%}::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-select vui-checkbox .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 vui-checkbox{height:1rem}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item{position:relative;padding-left:1.75rem;height:1rem}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .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 vui-checkbox .checkbox-item{width:100%}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item span.value{width:100%}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item span.value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .roles-list-confirmation{background:#161b2f;border-radius:.25rem;position:absolute;left:2rem;right:2rem;bottom:2rem;z-index:1}::ng-deep .roles-list-confirmation .confirmation-top{display:flex;align-items:center;justify-content:flex-start;padding:1.25rem}::ng-deep .roles-list-confirmation .confirmation-top .icon-block{height:2.25rem;width:2.25rem;border-radius:50%;background:#fff;border:1px solid #dbdbdb;display:flex;justify-content:center;align-items:center;margin-right:1rem}::ng-deep .roles-list-confirmation .confirmation-top .icon-block i{color:#eb2424;font-size:12px}::ng-deep .roles-list-confirmation .confirmation-top .text{color:#fff;font-size:14px;font-weight:300}::ng-deep .roles-list-confirmation .confirmation-bottom{background:#282e48;border-radius:0 0 .25rem .25rem;padding:.75rem .75rem .75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}::ng-deep .roles-list-confirmation .confirmation-bottom .message{font-size:14px;font-weight:500;line-height:20px;color:#fff}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group{display:flex}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button{height:1.5rem;width:4rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button.no-btn{background:transparent;color:#fff}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button.yes-btn{background:#fff;color:#1e5dd3;margin-left:.25rem}.counter.role-list-counter{background:#1e5dd3!important;border:1px solid #1E5DD3!important;margin-left:0!important}.name{margin-left:4px}.name b{text-transform:lowercase}.wf-action-list{width:220px}.wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.wf-action-list ul.action-item{display:block}.wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.wf-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.wf-action-list ul.action-item li button i{font-size:16px;margin-right:10px;color:#1e5dd3}.wf-action-list ul.action-item li button:hover{background:#f3f3f3}.wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.wf-action-list ul.action-item li .avatar-card.within-con{display:block}.wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.wf-action-list ul.action-item li .avatar-card .avatar img{width:100%}.wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.wf-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:5px}.wf-action-list ul.action-item li .avatar-card.no-image{display:block}.wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.wf-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.wf-action-list ul.action-item li .chip-item i{color:#747576;margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.wf-action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.wf-action-list ul.action-item li .chip-item span.id{font-size:9px}.wf-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.wf-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.wf-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i3.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: i4.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.NoDataComponent, selector: "app-no-data", inputs: ["action", "secondaryAction", "noDataImage", "noDataText", "noDataButton", "secondaryButton", "noDataSecButton", "altText", "smallButton"], outputs: ["buttonAction", "secondaryActionButton"] }, { kind: "component", type: i7.CheckboxComponent, selector: "vui-checkbox", inputs: ["disabled", "checked", "indeterminateEnabled"] }, { kind: "component", type: i8.VuiFloatingBarComponent, selector: "vui-floating-bar", inputs: ["selectedData", "groupSelected", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "nextDisabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "workflowTypeChanged"] }, { kind: "component", type: i9.LoaderComponent, selector: "role-loader" }, { kind: "pipe", type: i10.SearchPipe, name: "search" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RoleListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'role-list', template: "<div class=\"roles-list\" [class.animate]=\"animation\">\r\n    <div class=\"roles-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\r\n        <div id =\"titlename\" class=\"vx-fs-14 vx-fw-500 vx-label-txt\">{{ff_rc_listing ? 'Select Permissions':'Select Permission Group(s)'}}</div>\r\n    </div>\r\n\r\n    <div class=\"roles-list-body\">\r\n        <div class=\"search-block vx-mb-1\" [class.disabled]=\"!rolesList?.length\">\r\n            <i class=\"icons\">&#xe90b;</i>\r\n            <input type=\"text\" [placeholder]=\"ff_rc_listing ?'Search Permissions':'Search Permission Groups'\" [(ngModel)]=\"searchKey\"/>\r\n        </div>\r\n        <div class=\"vx-mt-4\" *ngIf=\"loading\"><role-loader></role-loader></div>\r\n\r\n        <ng-container *ngIf=\"!loading\">\r\n            <ng-container *ngIf=\"(rolesList|search:searchKey:'roleName') as roles\">\r\n                <div *ngIf=\"roles?.length  > 0\" class=\"roles-list-mid vx-mb-4\">\r\n                    <div class=\"role-box-select vx-pb-2\">\r\n                        <vui-checkbox [indeterminateEnabled]=\"false\" #check (change)=\"selectAll($event)\"\r\n                            [(ngModel)]=\"allSelected\" [checked]=\"allSelected\">\r\n                            <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">{{!check.checked ? 'Select All' :\r\n                                'Deselect All'}}</div>\r\n                        </vui-checkbox>\r\n                    </div>\r\n\r\n                    <div class=\"role-box vx-mb-2\" *ngFor=\"let role of roles; let i = index\">\r\n                        <div (click)=\"!expandedRows.includes(role?._id) ? expandOrCollapse('EXPAND',role?._id):  expandOrCollapse('COLLAPSE',role?._id) \"\r\n                            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                                <vui-checkbox [disabled]=\"systemRolesIds.includes(role?._id)\"\r\n                                    [checked]=\"selectedIds.includes(role?._id)\" (change)=\"selectItem($event,role)\">\r\n                                </vui-checkbox>\r\n                                <div class=\"name vx-fs-12 vx-label-txt\" [appTooltip]=\"'Role name'\" placement=\"bottom-left\"\r\n                                    delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{featureflagrole && role?.permissionGroupName ? role?.permissionGroupName : role?.roleName}}</div>\r\n                                <span *ngIf=\"role?.roleActions?.length  > 0\"\r\n                                    class=\"count vx-fs-9 vx-fw-600 vx-lh-3 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-ml-2\">{{role?.roleActions?.length}}\r\n                                    PERMISSIONS</span>\r\n                            </div>\r\n                            <div class=\"right vx-d-flex vx-align-center vx-justify-between\">\r\n                                <div *ngIf=\"role?.licenseType === 'power users'\"\r\n                                    class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\"\r\n                                    [class.power-user]=\"true\" [class.all-user]=\"false\"> Power User</div>\r\n                                <div *ngIf=\"role?.licenseType === 'light users'\"\r\n                                    class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\"\r\n                                    [class.power-user]=\"false\" [class.all-user]=\"true\">Light 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=\"!expandedRows.includes(role?._id)\" class=\"icons\">&#xe970;</i>\r\n                                    <i *ngIf=\"expandedRows.includes(role?._id)\" class=\"icons\">&#xe9e8;</i>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"role-box-list\" *ngIf=\"expandedRows.includes(role?._id)\">\r\n                            <ul class=\"vx-p-0 vx-m-0\">\r\n                                <li class=\"vx-p-3 vx-lh-4\" *ngFor=\"let permission  of role?.roleActions\">\r\n                                    <div class=\"value vx-fs-12 vx-label-txt\">{{ permissionText(permission)}}</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=\"roles?.length === 0\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"searchKey?.length > 0 ?'No match found.': 'No Roles Found'\"></app-no-data>\r\n            </ng-container>\r\n        </ng-container>\r\n\r\n        <div class=\"roles-list-footer\"  *ngIf=\"!showConfirmation\">\r\n            <vui-floating-bar (closeEvent)=\"saveList()\" (closeList)=\"closeList()\">\r\n                <!-- <div class=\"counter\" *ngIf=\"selectedRoles?.length\"\r\n                placement=\"left\">{{selectedRoles?.length}}</div> -->\r\n                <button *ngIf=\"selectedRoles?.length\"class=\"counter role-list-counter\" appPopover (click)=\"role.popover()\" placement=\"left\">{{selectedRoles?.length}}</button>\r\n              <div class=\"name\" *ngIf=\"selectedRoles?.length>1\" id=\"permissionselected\">\r\n                <span *ngIf=\"selectedRoles?.length === 1\">{{featureflagrole ? 'Permission selected':'Role selected'}}</span>\r\n                <span *ngIf=\"selectedRoles?.length > 1\">{{featureflagrole ? 'Permissions selected':'Roles selected'}}</span>\r\n              </div>\r\n            </vui-floating-bar>\r\n    \r\n            <app-popover #role [dontCloseonClick]=\"true\">\r\n              <div class=\"wf-action-list\">\r\n                  <ul class=\"action-item\">\r\n                      <li *ngFor=\"let data of selectedRoles\">\r\n                          <div class=\"avatar-card\">\r\n                              <span class=\"value\">\r\n                                  <i *ngIf=\"!systemRolesIds.includes(data?._id)\" class=\"icons\"\r\n                                  (click)=\"selectItem({target:{checked:false}},data)\">&#xe90d;</i>\r\n                                        {{featureflagrole && data?.permissionGroupName ? data?.permissionGroupName : data?.roleName}}\r\n                              </span>\r\n                          </div>\r\n                      </li>\r\n                  </ul>\r\n              </div>\r\n          </app-popover>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"roles-list-confirmation\" *ngIf=\"showConfirmation\">\r\n        <div class=\"confirmation-top\">\r\n            <div class=\"icon-block\"><i class=\"icons\">&#xe930;</i></div>\r\n            <div class=\"text\" id=\"confirmationmessage\">{{featureflagrole ?'This action will update the Permission settings and impact the owners selected for the Program.':'This action will update the Role settings and impact the owners selected for the Program.'}}</div>\r\n        </div>\r\n        <div class=\"confirmation-bottom\">\r\n            <div class=\"message\">Are you sure you would like to proceed?</div>\r\n            <div class=\"button-group\">\r\n                <button class=\"no-btn\" (click)=\"confirmAction('NO')\">NO</button>\r\n                <button class=\"yes-btn\"  (click)=\"confirmAction('YES')\">YES</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .roles-list{position:fixed;inset:0 500px 0 0}::ng-deep .roles-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::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:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .roles-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .roles-list-body .search-block{position:relative}::ng-deep .roles-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 .roles-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .roles-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .roles-list-mid{width:calc(100% + .75rem);height:calc(100vh - 13.8rem);overflow:hidden;overflow-y: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 vui-checkbox .checkbox-item{position:relative;padding-left:1.75rem;width:100%}::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-select vui-checkbox .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 vui-checkbox{height:1rem}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item{position:relative;padding-left:1.75rem;height:1rem}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .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 vui-checkbox .checkbox-item{width:100%}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item span.value{width:100%}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item span.value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .roles-list-confirmation{background:#161b2f;border-radius:.25rem;position:absolute;left:2rem;right:2rem;bottom:2rem;z-index:1}::ng-deep .roles-list-confirmation .confirmation-top{display:flex;align-items:center;justify-content:flex-start;padding:1.25rem}::ng-deep .roles-list-confirmation .confirmation-top .icon-block{height:2.25rem;width:2.25rem;border-radius:50%;background:#fff;border:1px solid #dbdbdb;display:flex;justify-content:center;align-items:center;margin-right:1rem}::ng-deep .roles-list-confirmation .confirmation-top .icon-block i{color:#eb2424;font-size:12px}::ng-deep .roles-list-confirmation .confirmation-top .text{color:#fff;font-size:14px;font-weight:300}::ng-deep .roles-list-confirmation .confirmation-bottom{background:#282e48;border-radius:0 0 .25rem .25rem;padding:.75rem .75rem .75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}::ng-deep .roles-list-confirmation .confirmation-bottom .message{font-size:14px;font-weight:500;line-height:20px;color:#fff}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group{display:flex}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button{height:1.5rem;width:4rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button.no-btn{background:transparent;color:#fff}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button.yes-btn{background:#fff;color:#1e5dd3;margin-left:.25rem}.counter.role-list-counter{background:#1e5dd3!important;border:1px solid #1E5DD3!important;margin-left:0!important}.name{margin-left:4px}.name b{text-transform:lowercase}.wf-action-list{width:220px}.wf-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.wf-action-list ul.action-item{display:block}.wf-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.wf-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.wf-action-list ul.action-item li button i{font-size:16px;margin-right:10px;color:#1e5dd3}.wf-action-list ul.action-item li button:hover{background:#f3f3f3}.wf-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.wf-action-list ul.action-item li .avatar-card.within-con{display:block}.wf-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#1e5dd3;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.wf-action-list ul.action-item li .avatar-card .avatar img{width:100%}.wf-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.wf-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.wf-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#747576;cursor:pointer;margin-right:5px}.wf-action-list ul.action-item li .avatar-card.no-image{display:block}.wf-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.wf-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.wf-action-list ul.action-item li .chip-item i{color:#747576;margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.wf-action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.wf-action-list ul.action-item li .chip-item span.id{font-size:9px}.wf-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.wf-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.wf-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.wf-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.wf-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { save: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }], featureflagrole: [{
+                type: Input
+            }], featureflagGroup: [{
+                type: Input
+            }], ff_rc_listing: [{
+                type: Input
+            }], setList: [{
+                type: Input,
+                args: ['list']
+            }], loading: [{
+                type: Input
+            }], selectedRolesVal: [{
+                type: Input,
+                args: ['selected']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9sZS1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3dvcmtmbG93LXByb2dyYW0vY3JlYXRlLXByb2dyYW0tdWkvcm9sZS1saXN0L3JvbGUtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi93b3JrZmxvdy1wcm9ncmFtL2NyZWF0ZS1wcm9ncmFtLXVpL3JvbGUtbGlzdC9yb2xlLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7Ozs7O0FBTy9FLE1BQU0sT0FBTyxpQkFBaUI7SUFRNUI7UUFQVSxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMxQixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUl0QyxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBVWpCLGNBQVMsR0FBUSxFQUFFLENBQUM7UUFDcEIsdUJBQXVCO1FBQ3ZCLG1CQUFjLEdBQVEsRUFBRSxDQUFDO1FBQ3pCLHdCQUF3QjtRQUN4QixnQkFBVyxHQUFRLEVBQUUsQ0FBQztRQUN0QixtQ0FBbUM7UUFDbkMsa0JBQWEsR0FBUSxFQUFFLENBQUM7UUFDeEIsd0NBQXdDO1FBQ3hDLGlCQUFZLEdBQVEsRUFBRSxDQUFDO1FBRXZCLGlDQUFpQztRQUNqQyxjQUFTLEdBQVEsRUFBRSxDQUFDO1FBRXBCLG9CQUFlLEdBQVEsSUFBSSxDQUFDO1FBQzVCLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUN6QixtQ0FBbUM7UUFDbkMsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNoQixZQUFZO1FBQ1osZ0JBQVcs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RUFBRTtZQUM5QixJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUU7Z0JBQ3RCLE9BQU8sa0JBQWtCLENBQUM7YUFDM0I7aUJBQU07Z0JBQ0wsT0FBTyx3QkFBd0IsQ0FBQzthQUNqQztTQUNGO1FBQ0QsSUFBSSxVQUFVLElBQUksY0FBYyxFQUFFO1lBQ2hDLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtnQkFDdEIsT0FBTyxvQkFBb0IsQ0FBQzthQUM3QjtpQkFBTTtnQkFDTCxPQUFPLDBCQUEwQixDQUFDO2FBQ25DO1NBQ0Y7UUFDRCxJQUFJLFVBQVUsSUFBSSxhQUFhLEVBQUU7WUFDL0IsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7Z0JBQ3pCLE9BQU8sa0JBQWtCLENBQUM7YUFDM0I7aUJBQU07Z0JBQ0wsT0FBTyxVQUFVLENBQUM7YUFDbkI7U0FDRjtRQUNELElBQUksVUFBVSxJQUFJLGVBQWUsRUFBRTtZQUNqQyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtnQkFDekIsT0FBTyxvQkFBb0IsQ0FBQzthQUM3QjtpQkFBTTtnQkFDTCxPQUFPLFVBQVUsQ0FBQzthQUNuQjtTQUNGO1FBQ0QsT0FBTyxVQUFVLENBQUM7SUFDcEIsQ0FBQzsrR0FqUFUsaUJBQWlCO21HQUFqQixpQkFBaUIsMFRDUjlCLDhuUkF5SEE7OzRGRGpIYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVzswRUFLWCxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNFLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBOEJhLE9BQU87c0JBQXpCLEtBQUs7dUJBQUMsTUFBTTtnQkFRSixPQUFPO3NCQUFmLEtBQUs7Z0JBQ2lCLGdCQUFnQjtzQkFBdEMsS0FBSzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWZTdG10IH0gZnJvbSAnQGFuZ3VsYXIvY29tcGlsZXInO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3JvbGUtbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3JvbGUtbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcm9sZS1saXN0LmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSb2xlTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQE91dHB1dCgpIHNhdmUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIGNhbmNlbCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBmZWF0dXJlZmxhZ3JvbGUhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGZlYXR1cmVmbGFnR3JvdXAhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGZmX3JjX2xpc3RpbmchOiBib29sZWFuO1xyXG4gIGFuaW1hdGlvbiA9IHRydWU7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmFuaW1hdGlvbiA9IHRydWU7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5hbmltYXRpb24gPSBmYWxzZTtcclxuICAgIH0sIDMwMCk7XHJcbiAgfVxyXG4gIHNlYXJjaEtleTogYW55ID0gJyc7XHJcbiAgLy9Vc2VkIHRvIGRpc2FibGUgaXRlbXNcclxuICBzeXN0ZW1Sb2xlc0lkczogYW55ID0gW107XHJcbiAgLy91c2VkIHRvIGNoZWNrIGNoZWNrYm94XHJcbiAgc2VsZWN0ZWRJZHM6IGFueSA9IFtdO1xyXG4gIC8vY29tcGxldGUgb2JqZWN0IG9mIHNlbGVjdGVkIGl0ZW1zXHJcbiAgc2VsZWN0ZWRSb2xlczogYW55ID0gW107XHJcbiAgLy9jb250YWlucyBpZCdzIG9mIGFsbCB0aGUgZXhwYW5kZWQgcm93c1xyXG4gIGV4cGFuZGVkUm93czogYW55ID0gW107XHJcblxyXG4gIC8vbGlzdCBvZiBhbGwgdGhlIGF2YWlsYWJsZSByb2xlc1xyXG4gIHJvbGVzTGlzdDogYW55ID0gW107XHJcblxyXG4gIGluaXRpYWxTZWxlY3RlZDogYW55ID0gbnVsbDtcclxuICBzaG93Q29uZmlybWF0aW9uID0gZmFsc2U7XHJcbiAgLy8gb25seSB1c2VkIGluIHNlbGVjdCBhbGwgZnVuY3Rpb25cclxuICBhbGxMaXN0SWRzID0gW107XHJcbiAgLy9pc0FsbEl0ZW1zXHJcbiAgYWxsU2VsZWN0ZWQgPSBmYWxzZTtcclxuICBASW5wdXQoJ2xpc3QnKSBzZXQgc2V0TGlzdCh2YWx1ZTogYW55KSB7XHJcbiAgICBpZiAodmFsdWUgJiYgdmFsdWU/Lmxlbmd0aCkge1xyXG4gICAgICB0aGlzLnJvbGVzTGlzdCA9IFsuLi52YWx1ZV07XHJcbiAgICAgIHRoaXMuc2V0U3lzdGVtUm9sZSh0aGlzLnJvbGVzTGlzdCk7XHJcbiAgICAgIHRoaXMuYWxsTGlzdElkcyA9IHRoaXMucm9sZXNMaXN0Lm1hcCgoZWxlOiBhbnkpID0+IGVsZT8uX2lkKTtcclxuICAgICAgdGhpcy5zZXRBbGxTZWxlY3RlZFN0YXR1cygpO1xyXG4gICAgfVxyXG4gIH1cclxuICBASW5wdXQoKSBsb2FkaW5nID0gZmFsc2U7XHJcbiAgQElucHV0KCdzZWxlY3RlZCcpIHNldCBzZWxlY3RlZFJvbGVzVmFsKHZhbHVlOiBhbnkpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRSb2xlcyA9IHRoaXMudW5pcXVlQnlQcm9wKFxyXG4gICAgICBbLi4udGhpcy5zZWxlY3RlZFJvbGVzLCAuLi52YWx1ZV0sXHJcbiAgICAgICdfaWQnXHJcbiAgICApO1xyXG4gICAgdGhpcy5zZWxlY3RlZElkcyA9IHRoaXMuc2VsZWN0ZWRSb2xlcy5tYXAoKGVsZTogYW55KSA9PiBlbGU/Ll9pZCk7XHJcbiAgICBpZiAoIXRoaXMuaW5pdGlhbFNlbGVjdGVkIHx8ICF0aGlzLmluaXRpYWxTZWxlY3RlZD8ubGVuZ3RoKSB7XHJcbiAgICAgIHRoaXMuaW5pdGlhbFNlbGVjdGVkID0gdGhpcy5zZWxlY3RlZElkcztcclxuICAgIH1cclxuICAgIHRoaXMuc2V0QWxsU2VsZWN0ZWRTdGF0dXMoKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqICMjIyMgRGVzY3JpcHRpb25cclxuICAgKlxyXG4gICAqIEV4cGFuZHMgb3IgY29sbGFwc2UgdGhlIHJvd1xyXG4gICAqIEBwYXJhbSB0eXBlXHJcbiAgICogQHBhcmFtIFtpZF1cclxuICAgKi9cclxuICBleHBhbmRPckNvbGxhcHNlKHR5cGU6ICdFWFBBTkQnIHwgJ0NPTExBUFNFJyB8ICdDT0xMQVBTRV9BTEwnLCBpZD86IGFueSkge1xyXG4gICAgc3dpdGNoICh0eXBlKSB7XHJcbiAgICAgIGNhc2UgJ0NPTExBUFNFJzoge1xyXG4gICAgICAgIHRoaXMuZXhwYW5kZWRSb3dzID0gdGhpcy5leHBhbmRlZFJvd3MuZmlsdGVyKChlbGU6IGFueSkgPT4gZWxlICE9PSBpZCk7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIH1cclxuICAgICAgY2FzZSAnRVhQQU5EJzoge1xyXG4gICAgICAgIHRoaXMuZXhwYW5kZWRSb3dzID0gQXJyYXkuZnJvbShcclxuICAgICAgICAgIG5ldyBTZXQ8YW55W10+KFsuLi50aGlzLmV4cGFuZGVkUm93cywgLi4uW2lkXV0pXHJcbiAgICAgICAgKTtcclxuICAgICAgICBicmVhaztcclxuICAgICAgfVxyXG4gICAgICBjYXNlICdDT0xMQVBTRV9BTEwnOiB7XHJcbiAgICAgICAgdGhpcy5leHBhbmRlZFJvd3MgPSBbXTtcclxuICAgICAgICBicmVhaztcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgc2VsZWN0QWxsKGV2dDogYW55KSB7XHJcbiAgICBpZiAoZXZ0Py50YXJnZXQ/LmNoZWNrZWQgPT09IHRydWUpIHtcclxuICAgICAgdGhpcy5zZWxlY3RlZFJvbGVzID0gdGhpcy5yb2xlc0xpc3Q7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRJZHMgPSB0aGlzLnJvbGVzTGlzdC5tYXAoKGVsZTogYW55KSA9PiBlbGU/Ll9pZCk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkUm9sZXMgPSBbXTtcclxuICAgICAgdGhpcy5zZWxlY3RlZElkcyA9IFtdO1xyXG4gICAgICB0aGlzLnNldFN5c3RlbVJvbGUodGhpcy5yb2xlc0xpc3QpO1xyXG4gICAgfVxyXG4gICAgdGhpcy5zZXRBbGxTZWxlY3RlZFN0YXR1cygpO1xyXG4gIH1cclxuXHJcbiAgc2V0QWxsU2VsZWN0ZWRTdGF0dXMoKSB7XHJcbiAgICB0aGlzLmFsbFNlbGVjdGVkID1cclxuICAgICAgdGhpcy5hbGxMaXN0SWRzLnNvcnQoKS50b1N0cmluZygpID09PSB0aGlzLnNlbGVjdGVkSWRzLnNvcnQoKT8udG9TdHJpbmcoKTtcclxuICB9XHJcbiAgLyoqXHJcbiAgICogIyMjIyBEZXNjcmlwdGlvblxyXG4gICAqXHJcbiAgICogU2V0cyBzeXN0ZW0gcm9sZSBmb3IgYWRtaW5zIGFuZCBrZXkgYWRtaW5zXHJcbiAgICogQHBhcmFtIHJvbGVzXHJcbiAgICovXHJcbiAgc2V0U3lzdGVtUm9sZShyb2xlczogYW55KSB7XHJcbiAgICBjb25zdCBzeXN0ZW1Sb2xlcyA9IHJvbGVzLmZpbHRlcihcclxuICAgICAgKGVsZTogYW55KSA9PlxyXG4gICAgICAgIGVsZT8ucm9sZU5hbWU/LnRvTG93ZXJDYXNlKCkgPT09ICdrZXkgYWRtaW4nIHx8XHJcbiAgICAgICAgZWxlPy5yb2xlTmFtZT8udG9Mb3dlckNhc2UoKSA9PT0gJ2FkbWluJ1xyXG4gICAgKTtcclxuICAgIHRoaXMuc3lzdGVtUm9sZXNJZHMgPSBBcnJheS5mcm9tKFxyXG4gICAgICBuZXcgU2V0PGFueVtdPihbXHJcbiAgICAgICAgLi4udGhpcy5zeXN0ZW1Sb2xlc0lkcyxcclxuICAgICAgICAuLi5zeXN0ZW1Sb2xlcy5tYXAoKGVsZTogYW55KSA9PiBlbGU/Ll9pZCksXHJcbiAgICAgIF0pXHJcbiAgICApO1xyXG4gICAgdGhpcy5zZWxlY3RlZElkcyA9IEFycmF5LmZyb20oXHJcbiAgICAgIG5ldyBTZXQ8YW55W10+KFsuLi50aGlzLnNlbGVjdGVkSWRzLCAuLi50aGlzLnN5c3RlbVJvbGVzSWRzXSlcclxuICAgICk7XHJcbiAgICB0aGlzLnNlbGVjdGVkUm9sZXMgPSB0aGlzLnVuaXF1ZUJ5UHJvcChcclxuICAgICAgWy4uLnN5c3RlbVJvbGVzLCAuLi50aGlzLnNlbGVjdGVkUm9sZXNdLFxyXG4gICAgICAnX2lkJ1xyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqICMjIyMgRGVzY3JpcHRpb25cclxuICAgKiBTZWxlY3RzIGl0ZW0gb3IgZGVzZWxlY3QgYSBpdG1lXHJcbiAgICogQHBhcmFtIGV2dFxyXG4gICAqIEBwYXJhbSBwYXlsb2FkXHJcbiAgICovXHJcbiAgc2VsZWN0SXRlbShldnQ6IGFueSwgcGF5bG9hZDogYW55KSB7XHJcbiAgICBldnQ/LnRhcmdldD8uY2hlY2tlZCA9PT0gdHJ1ZVxyXG4gICAgICA/IHRoaXMubWFuaXB1bGF0ZVNlbGVjdGVkSXRlbXMoJ0FERCcsIHBheWxvYWQpXHJcbiAgICAgIDogdGhpcy5tYW5pcHVsYXRlU2VsZWN0ZWRJdGVtcygnREVMRVRFJywgcGF5bG9hZCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiAjIyMjIERlc2NyaXB0aW9uXHJcbiAgICpcclxuICAgKiBNYW5pcHVsYXRlcyBzZWxlY3RlZCBpdGVtcyBpbiByb2xlIGxpc3RcclxuICAgKiBAcGFyYW0gYWN0aW9uIDonQUREJyB8ICdERUxFVEUnXHJcbiAgICogQHBhcmFtIHBheWxvYWRcclxuICAgKi9cclxuICBtYW5pcHVsYXRlU2VsZWN0ZWRJdGVtcyhhY3Rpb246ICdBREQnIHwgJ0RFTEVURScsIHBheWxvYWQ6IGFueSkge1xyXG4gICAgaWYgKGFjdGlvbiA9PT0gJ0FERCcpIHtcclxuICAgICAgdGhpcy5zZWxlY3RlZFJvbGVzID0gdGhpcy51bmlxdWVCeVByb3AoXHJcbiAgICAgICAgWy4uLnRoaXMuc2VsZWN0ZWRSb2xlcywgLi4uW3BheWxvYWRdXSxcclxuICAgICAgICAnX2lkJ1xyXG4gICAgICApO1xyXG4gICAgICB0aGlzLnNlbGVjdGVkSWRzID0gdGhpcy5zZWxlY3RlZFJvbGVzLm1hcCgoZWxlOiBhbnkpID0+IGVsZT8uX2lkKTtcclxuICAgIH0gZWxzZSBpZiAoYWN0aW9uID09PSAnREVMRVRFJykge1xyXG4gICAgICBsZXQgaW5kZXggPSB0aGlzLnNlbGVjdGVkUm9sZXMuZmluZEluZGV4KFxyXG4gICAgICAgIChlbGU6IGFueSkgPT4gZWxlPy5faWQgPT09IHBheWxvYWQ/Ll9pZFxyXG4gICAgICApO1xyXG4gICAgICBpZiAoaW5kZXggPiAtMSkge1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRSb2xlcyA9IHRoaXMuc2VsZWN0ZWRSb2xlcy5maWx0ZXIoXHJcbiAgICAgICAgICAoZWxlOiBhbnkpID0+IGVsZT8uX2lkICE9PSBwYXlsb2FkPy5faWRcclxuICAgICAgICApO1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRJZHMgPSB0aGlzLnNlbGVjdGVkSWRzLmZpbHRlcihcclxuICAgICAgICAgIChlbGU6IGFueSkgPT4gZWxlICE9PSBwYXlsb2FkPy5faWRcclxuICAgICAgICApO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICB0aGlzLnNldEFsbFNlbGVjdGVkU3RhdHVzKCk7XHJcbiAgfVxyXG5cclxuICBzYXZlTGlzdCgpIHtcclxuICAgIGlmIChcclxuICAgICAgdGhpcy5pbml0aWFsU2VsZWN0ZWQ/LnNvcnQoKT8udG9TdHJpbmcoKSAhPT1cclxuICAgICAgdGhpcy5zZWxlY3RlZElkcy5zb3J0KCk/LnRvU3RyaW5nKClcclxuICAgICkge1xyXG4gICAgICB0aGlzLnNob3dDb25maXJtYXRpb24gPSB0cnVlO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5zYXZlLmVtaXQodGhpcy5zZWxlY3RlZFJvbGVzKTtcclxuICAgIH1cclxuICB9XHJcbiAgY29uZmlybUFjdGlvbihldnQ6ICdZRVMnIHwgJ05PJykge1xyXG4gICAgaWYgKGV2dCA9PT0gJ1lFUycpIHtcclxuICAgICAgdGhpcy5zYXZlLmVtaXQodGhpcy5zZWxlY3RlZFJvbGVzKTtcclxuICAgIH0gZWxzZSBpZiAoZXZ0ID09PSAnTk8nKSB7XHJcbiAgICAgIHRoaXMuc2hvd0NvbmZpcm1hdGlvbiA9IGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY2xvc2VMaXN0KCkge1xyXG4gICAgdGhpcy5jYW5jZWwuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogIyMjIyBEZXNjcmlwdGlvblxyXG4gICAqXHJcbiAgICogUmV0dXJucyB0aGUgdW5pcXVlIGFycmF5IG9mIG9iamVjdCBiYXNlZCBvbiB1bmlxdWUga2V5XHJcbiAgICogQHBhcmFtIGFycmF5XHJcbiAgICogQHBhcmFtIGtleVxyXG4gICAqIEByZXR1cm5zXHJcbiAgICovXHJcbiAgdW5pcXVlQnlQcm9wKGFycmF5OiBhbnksIGtleTogc3RyaW5nKSB7XHJcbiAgICByZXR1cm4gQXJyYXkuZnJvbShcclxuICAgICAgYXJyYXlcclxuICAgICAgICAucmVkdWNlKFxyXG4gICAgICAgICAgKGFjYzogYW55LCBpdGVtOiBhbnkpID0+IChcclxuICAgICAgICAgICAgaXRlbSAmJiBpdGVtW2tleV0gJiYgYWNjLnNldChpdGVtW2tleV0sIGl0ZW0pLCBhY2NcclxuICAgICAgICAgICksXHJcbiAgICAgICAgICBuZXcgTWFwKClcclxuICAgICAgICApXHJcbiAgICAgICAgLnZhbHVlcygpXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgLy92aWV3IGFuZCBtYW5hZ2Ugcm9sZXMgYW5kIGdyb3VwcyB0ZXh0IGNoYW5nZWQgd2l0aCBmZWF0dXJlZmxhZ1xyXG4gIHBlcm1pc3Npb25UZXh0KHBlcm1pc3Npb246IGFueSk6IHN0cmluZyB7XHJcbiAgICBpZiAocGVybWlzc2lvbiA9PSAndmlldyByb2xlcycpIHtcclxuICAgICAgaWYgKHRoaXMuZmZfcmNfbGlzdGluZykge1xyXG4gICAgICAgIHJldHVybiAndmlldyBwZXJtaXNzaW9ucyc7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgcmV0dXJuICd2aWV3IHBlcm1pc3Npb24gZ3JvdXBzJztcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgaWYgKHBlcm1pc3Npb24gPT0gJ21hbmFnZSByb2xlcycpIHtcclxuICAgICAgaWYgKHRoaXMuZmZfcmNfbGlzdGluZykge1xyXG4gICAgICAgIHJldHVybiAnTWFuYWdlIHBlcm1pc3Npb25zJztcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICByZXR1cm4gJ01hbmFnZSBwZXJtaXNzaW9uIGdyb3Vwcyc7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIGlmIChwZXJtaXNzaW9uID09ICd2aWV3IGdyb3VwcycpIHtcclxuICAgICAgaWYgKHRoaXMuZmVhdHVyZWZsYWdHcm91cCkge1xyXG4gICAgICAgIHJldHVybiAndmlldyB1c2VyIGdyb3Vwcyc7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgcmV0dXJuIHBlcm1pc3Npb247XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIGlmIChwZXJtaXNzaW9uID09ICdtYW5hZ2UgZ3JvdXBzJykge1xyXG4gICAgICBpZiAodGhpcy5mZWF0dXJlZmxhZ0dyb3VwKSB7XHJcbiAgICAgICAgcmV0dXJuICdNYW5hZ2UgdXNlciBncm91cHMnO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHJldHVybiBwZXJtaXNzaW9uO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICByZXR1cm4gcGVybWlzc2lvbjtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJvbGVzLWxpc3RcIiBbY2xhc3MuYW5pbWF0ZV09XCJhbmltYXRpb25cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJyb2xlcy1saXN0LWhlYWQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWJldHdlZW4gdngtcGwtNCB2eC1wci00XCI+XHJcbiAgICAgICAgPGRpdiBpZCA9XCJ0aXRsZW5hbWVcIiBjbGFzcz1cInZ4LWZzLTE0IHZ4LWZ3LTUwMCB2eC1sYWJlbC10eHRcIj57e2ZmX3JjX2xpc3RpbmcgPyAnU2VsZWN0IFBlcm1pc3Npb25zJzonU2VsZWN0IFBlcm1pc3Npb24gR3JvdXAocyknfX08L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJyb2xlcy1saXN0LWJvZHlcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2VhcmNoLWJsb2NrIHZ4LW1iLTFcIiBbY2xhc3MuZGlzYWJsZWRdPVwiIXJvbGVzTGlzdD8ubGVuZ3RoXCI+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTBiOzwvaT5cclxuICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgW3BsYWNlaG9sZGVyXT1cImZmX3JjX2xpc3RpbmcgPydTZWFyY2ggUGVybWlzc2lvbnMnOidTZWFyY2ggUGVybWlzc2lvbiBHcm91cHMnXCIgWyhuZ01vZGVsKV09XCJzZWFyY2hLZXlcIi8+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInZ4LW10LTRcIiAqbmdJZj1cImxvYWRpbmdcIj48cm9sZS1sb2FkZXI+PC9yb2xlLWxvYWRlcj48L2Rpdj5cclxuXHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFsb2FkaW5nXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIocm9sZXNMaXN0fHNlYXJjaDpzZWFyY2hLZXk6J3JvbGVOYW1lJykgYXMgcm9sZXNcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJyb2xlcz8ubGVuZ3RoICA+IDBcIiBjbGFzcz1cInJvbGVzLWxpc3QtbWlkIHZ4LW1iLTRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm9sZS1ib3gtc2VsZWN0IHZ4LXBiLTJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHZ1aS1jaGVja2JveCBbaW5kZXRlcm1pbmF0ZUVuYWJsZWRdPVwiZmFsc2VcIiAjY2hlY2sgKGNoYW5nZSk9XCJzZWxlY3RBbGwoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cImFsbFNlbGVjdGVkXCIgW2NoZWNrZWRdPVwiYWxsU2VsZWN0ZWRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ1c2VyLW5hbWUgdngtZnMtMTIgdngtZnctNjAwIHZ4LWxhYmVsLXR4dFwiPnt7IWNoZWNrLmNoZWNrZWQgPyAnU2VsZWN0IEFsbCcgOlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICdEZXNlbGVjdCBBbGwnfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC92dWktY2hlY2tib3g+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb2xlLWJveCB2eC1tYi0yXCIgKm5nRm9yPVwibGV0IHJvbGUgb2Ygcm9sZXM7IGxldCBpID0gaW5kZXhcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiAoY2xpY2spPVwiIWV4cGFuZGVkUm93cy5pbmNsdWRlcyhyb2xlPy5faWQpID8gZXhwYW5kT3JDb2xsYXBzZSgnRVhQQU5EJyxyb2xlPy5faWQpOiAgZXhwYW5kT3JDb2xsYXBzZSgnQ09MTEFQU0UnLHJvbGU/Ll9pZCkgXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwicm9sZS1ib3gtaGVhZGluZyB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktYmV0d2VlbiB2eC1wLTNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtbGgtNFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx2dWktY2hlY2tib3ggW2Rpc2FibGVkXT1cInN5c3RlbVJvbGVzSWRzLmluY2x1ZGVzKHJvbGU/Ll9pZClcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY2hlY2tlZF09XCJzZWxlY3RlZElkcy5pbmNsdWRlcyhyb2xlPy5faWQpXCIgKGNoYW5nZSk9XCJzZWxlY3RJdGVtKCRldmVudCxyb2xlKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvdnVpLWNoZWNrYm94PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuYW1lIHZ4LWZzLTEyIHZ4LWxhYmVsLXR4dFwiIFthcHBUb29sdGlwXT1cIidSb2xlIG5hbWUnXCIgcGxhY2VtZW50PVwiYm90dG9tLWxlZnRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkZWxheT1cIjBcIiB0eXBlPVwiYmxhY2tcIiBbdG9vbHRpcE1hbmRhdG9yeV09XCJmYWxzZVwiPnt7ZmVhdHVyZWZsYWdyb2xlICYmIHJvbGU/LnBlcm1pc3Npb25Hcm91cE5hbWUgPyByb2xlPy5wZXJtaXNzaW9uR3JvdXBOYW1lIDogcm9sZT8ucm9sZU5hbWV9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwicm9sZT8ucm9sZUFjdGlvbnM/Lmxlbmd0aCAgPiAwXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJjb3VudCB2eC1mcy05IHZ4LWZ3LTYwMCB2eC1saC0zIHZ4LXR0LXVwcGVyY2FzZSB2eC1wbC0xIHZ4LXByLTEgdngtbWwtMlwiPnt7cm9sZT8ucm9sZUFjdGlvbnM/Lmxlbmd0aH19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFBFUk1JU1NJT05TPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWJldHdlZW5cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwicm9sZT8ubGljZW5zZVR5cGUgPT09ICdwb3dlciB1c2VycydcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInN0YXR1cy1sYWJlbCB2eC1mcy05IHZ4LWZ3LTUwMCB2eC10eHQtd2hpdGUgdngtdHQtdXBwZXJjYXNlIHZ4LXBsLTEgdngtcHItMVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzcy5wb3dlci11c2VyXT1cInRydWVcIiBbY2xhc3MuYWxsLXVzZXJdPVwiZmFsc2VcIj4gUG93ZXIgVXNlcjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJyb2xlPy5saWNlbnNlVHlwZSA9PT0gJ2xpZ2h0IHVzZXJzJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic3RhdHVzLWxhYmVsIHZ4LWZzLTkgdngtZnctNTAwIHZ4LXR4dC13aGl0ZSB2eC10dC11cHBlcmNhc2UgdngtcGwtMSB2eC1wci0xXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLnBvd2VyLXVzZXJdPVwiZmFsc2VcIiBbY2xhc3MuYWxsLXVzZXJdPVwidHJ1ZVwiPkxpZ2h0IFVzZXI8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYXJyb3ctYnRuIHZ4LWZzLTEyIHZ4LXBhcmFncmFwaC10eHQgdngtbS0wIHZ4LXAtMCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpICpuZ0lmPVwiIWV4cGFuZGVkUm93cy5pbmNsdWRlcyhyb2xlPy5faWQpXCIgY2xhc3M9XCJpY29uc1wiPiYjeGU5NzA7PC9pPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSAqbmdJZj1cImV4cGFuZGVkUm93cy5pbmNsdWRlcyhyb2xlPy5faWQpXCIgY2xhc3M9XCJpY29uc1wiPiYjeGU5ZTg7PC9pPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm9sZS1ib3gtbGlzdFwiICpuZ0lmPVwiZXhwYW5kZWRSb3dzLmluY2x1ZGVzKHJvbGU/Ll9pZClcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1bCBjbGFzcz1cInZ4LXAtMCB2eC1tLTBcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJ2eC1wLTMgdngtbGgtNFwiICpuZ0Zvcj1cImxldCBwZXJtaXNzaW9uICBvZiByb2xlPy5yb2xlQWN0aW9uc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWUgdngtZnMtMTIgdngtbGFiZWwtdHh0XCI+e3sgcGVybWlzc2lvblRleHQocGVybWlzc2lvbil9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPCEtLSA8bGkgY2xhc3M9XCJ2eC1wLTMgdngtbGgtNFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZSB2eC1mcy0xMiB2eC1sYWJlbC10eHRcIj5WaWV3IFVzZXIgTGlzdDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cInZ4LXAtMyB2eC1saC00XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlIHZ4LWZzLTEyIHZ4LWxhYmVsLXR4dFwiPk1hbmFnZSBVc2VycyA8c3BhbiBjbGFzcz1cInZ4LWZzLTEwIHZ4LXBhcmFncmFwaC10eHRcIj4oQ3JlYXRlL0VkaXQvRGVsZXRlL0RlYWN0aXZhdGUpPC9zcGFuPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cInZ4LXAtMyB2eC1saC00XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlIHZ4LWZzLTEyIHZ4LWxhYmVsLXR4dFwiPk92ZXItcmlkZSBMb2cgSW48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJ2eC1wLTMgdngtbGgtNFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZSB2eC1mcy0xMiB2eC1sYWJlbC10eHRcIj5WaWV3IFN0YXR1dG9yeSBIb2xpZGF5czwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cInZ4LXAtMyB2eC1saC00XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlIHZ4LWZzLTEyIHZ4LWxhYmVsLXR4dFwiPk1hbmFnZSBTdGF0dXRvcnkgSG9saWRheXM8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+IC0tPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgICAgICA8YXBwLW5vLWRhdGEgKm5nSWY9XCJyb2xlcz8ubGVuZ3RoID09PSAwXCIgW25vRGF0YUltYWdlXT1cIidodHRwczovL2Nkbi52LWNvbXBseS5jb20vbGlicmFyaWVzL3dvcmtmbG93LWVuZ2luZS9hc3NldHMvd29ya2Zsb3cvc2VhcmNoLWRhdGEuc3ZnJ1wiIFtub0RhdGFUZXh0XT1cInNlYXJjaEtleT8ubGVuZ3RoID4gMCA/J05vIG1hdGNoIGZvdW5kLic6ICdObyBSb2xlcyBGb3VuZCdcIj48L2FwcC1uby1kYXRhPlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInJvbGVzLWxpc3QtZm9vdGVyXCIgICpuZ0lmPVwiIXNob3dDb25maXJtYXRpb25cIj5cclxuICAgICAgICAgICAgPHZ1aS1mbG9hdGluZy1iYXIgKGNsb3NlRXZlbnQpPVwic2F2ZUxpc3QoKVwiIChjbG9zZUxpc3QpPVwiY2xvc2VMaXN0KClcIj5cclxuICAgICAgICAgICAgICAgIDwhLS0gPGRpdiBjbGFzcz1cImNvdW50ZXJcIiAqbmdJZj1cInNlbGVjdGVkUm9sZXM/Lmxlbmd0aFwiXHJcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCI+e3tzZWxlY3RlZFJvbGVzPy5sZW5ndGh9fTwvZGl2PiAtLT5cclxuICAgICAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCJzZWxlY3RlZFJvbGVzPy5sZW5ndGhcImNsYXNzPVwiY291bnRlciByb2xlLWxpc3QtY291bnRlclwiIGFwcFBvcG92ZXIgKGNsaWNrKT1cInJvbGUucG9wb3ZlcigpXCIgcGxhY2VtZW50PVwibGVmdFwiPnt7c2VsZWN0ZWRSb2xlcz8ubGVuZ3RofX08L2J1dHRvbj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmFtZVwiICpuZ0lmPVwic2VsZWN0ZWRSb2xlcz8ubGVuZ3RoPjFcIiBpZD1cInBlcm1pc3Npb25zZWxlY3RlZFwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJzZWxlY3RlZFJvbGVzPy5sZW5ndGggPT09IDFcIj57e2ZlYXR1cmVmbGFncm9sZSA/ICdQZXJtaXNzaW9uIHNlbGVjdGVkJzonUm9sZSBzZWxlY3RlZCd9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwic2VsZWN0ZWRSb2xlcz8ubGVuZ3RoID4gMVwiPnt7ZmVhdHVyZWZsYWdyb2xlID8gJ1Blcm1pc3Npb25zIHNlbGVjdGVkJzonUm9sZXMgc2VsZWN0ZWQnfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvdnVpLWZsb2F0aW5nLWJhcj5cclxuICAgIFxyXG4gICAgICAgICAgICA8YXBwLXBvcG92ZXIgI3JvbGUgW2RvbnRDbG9zZW9uQ2xpY2tdPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3Zi1hY3Rpb24tbGlzdFwiPlxyXG4gICAgICAgICAgICAgICAgICA8dWwgY2xhc3M9XCJhY3Rpb24taXRlbVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBkYXRhIG9mIHNlbGVjdGVkUm9sZXNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXZhdGFyLWNhcmRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgKm5nSWY9XCIhc3lzdGVtUm9sZXNJZHMuaW5jbHVkZXMoZGF0YT8uX2lkKVwiIGNsYXNzPVwiaWNvbnNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdEl0ZW0oe3RhcmdldDp7Y2hlY2tlZDpmYWxzZX19LGRhdGEpXCI+JiN4ZTkwZDs8L2k+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e2ZlYXR1cmVmbGFncm9sZSAmJiBkYXRhPy5wZXJtaXNzaW9uR3JvdXBOYW1lID8gZGF0YT8ucGVybWlzc2lvbkdyb3VwTmFtZSA6IGRhdGE/LnJvbGVOYW1lfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvYXBwLXBvcG92ZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwicm9sZXMtbGlzdC1jb25maXJtYXRpb25cIiAqbmdJZj1cInNob3dDb25maXJtYXRpb25cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29uZmlybWF0aW9uLXRvcFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1ibG9ja1wiPjxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTMwOzwvaT48L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHRcIiBpZD1cImNvbmZpcm1hdGlvbm1lc3NhZ2VcIj57e2ZlYXR1cmVmbGFncm9sZSA/J1RoaXMgYWN0aW9uIHdpbGwgdXBkYXRlIHRoZSBQZXJtaXNzaW9uIHNldHRpbmdzIGFuZCBpbXBhY3QgdGhlIG93bmVycyBzZWxlY3RlZCBmb3IgdGhlIFByb2dyYW0uJzonVGhpcyBhY3Rpb24gd2lsbCB1cGRhdGUgdGhlIFJvbGUgc2V0dGluZ3MgYW5kIGltcGFjdCB0aGUgb3duZXJzIHNlbGVjdGVkIGZvciB0aGUgUHJvZ3JhbS4nfX08L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29uZmlybWF0aW9uLWJvdHRvbVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWVzc2FnZVwiPkFyZSB5b3Ugc3VyZSB5b3Ugd291bGQgbGlrZSB0byBwcm9jZWVkPzwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uLWdyb3VwXCI+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwibm8tYnRuXCIgKGNsaWNrKT1cImNvbmZpcm1BY3Rpb24oJ05PJylcIj5OTzwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInllcy1idG5cIiAgKGNsaWNrKT1cImNvbmZpcm1BY3Rpb24oJ1lFUycpXCI+WUVTPC9idXR0b24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/workflow-program/create-program-ui/tab-selector/tab-selector.component.mjs

@@ -0,0 +1,43 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const SELECTOR_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => TabSelector),
+    multi: true,
+};
+export class TabSelector {
+    constructor() {
+        this.selectedItem = 1;
+        this.onValueChanged = new EventEmitter();
+        this.onChanged = (value) => { };
+        this.onTouched = () => { };
+    }
+    writeValue(value) {
+        this.selectedItem = value ?? 1;
+    }
+    registerOnChange(fn) {
+        this.onChanged = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    valueChanged(value) {
+        this.selectedItem = value;
+        this.onChanged(this.selectedItem);
+        this.onTouched();
+        this.onValueChanged.emit(this.selectedItem);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabSelector, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TabSelector, isStandalone: true, selector: "tab-selector", inputs: { disabled: "disabled", selectedItem: "selectedItem", displayArray: "displayArray" }, outputs: { onValueChanged: "onValueChanged" }, providers: [SELECTOR_VALUE_ACCESSOR], ngImport: i0, template: "<div class=\"type-field \"  [ngClass]=\"{'two': displayArray?.length === 2, 'four': displayArray?.length === 4}\">\r\n    <div class=\"type-item\" *ngFor=\"let item of displayArray\" [class.active]=\"selectedItem === item?.value\">\r\n        <button (click)=\"valueChanged(item?.value)\">{{item?.label}}</button>\r\n    </div>\r\n    <span class=\"background-glider\"></span>\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/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/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";.type-field{background:#f8f8f8;border:1px solid #dbdbdb;border-radius:4px;height:40px;display:flex;align-items:center;justify-content:space-between;padding:4px;position:relative;z-index:1}.type-field.four .type-item:first-of-type{width:6.25rem}.type-field.four .type-item:nth-child(2){width:5.75rem}.type-field.four .type-item:nth-child(2).active~.background-glider{transform:translate(6.4375rem);width:5.75rem}.type-field.four .type-item:nth-child(3){width:8.625rem}.type-field.four .type-item:nth-child(3).active~.background-glider{transform:translate(12.375rem);width:8.625rem}.type-field.four .type-item:last-of-type{width:5.25rem}.type-field.four .type-item:last-of-type.active~.background-glider{transform:translate(21.1875rem);width:5.25rem}.type-field.four .background-glider{width:6.25rem}.type-field.two .type-item{width:50%}.type-field.two .type-item:nth-child(2).active~.background-glider{transform:translate(100%)}.type-field.two .background-glider{width:13rem}.type-field .type-item{position:relative}.type-field .type-item button{background:transparent;border:none;border-radius:0;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase;width:100%;height:32px;padding:0 12px;text-align:center}.type-field .type-item button.disabled{background:transparent!important;color:#dbdbdb!important;filter:unset!important;opacity:unset!important;pointer-events:none}.type-field .type-item .info{color:#1e5dd3;font-size:12px;position:absolute;top:10px;right:12px;cursor:pointer}.type-field .type-item.active button{color:#1e5dd3!important}.type-field .background-glider{background:#fff;border-radius:4px;box-shadow:0 1px 3px #161b2f26;position:absolute;display:flex;height:32px;z-index:-1;transition:.25s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: TabSelector, decorators: [{
+            type: Component,
+            args: [{ selector: 'tab-selector', providers: [SELECTOR_VALUE_ACCESSOR], standalone: true, imports: [CommonModule], inputs: ['disabled', 'selectedItem', 'displayArray'], outputs: ['onValueChanged'], template: "<div class=\"type-field \"  [ngClass]=\"{'two': displayArray?.length === 2, 'four': displayArray?.length === 4}\">\r\n    <div class=\"type-item\" *ngFor=\"let item of displayArray\" [class.active]=\"selectedItem === item?.value\">\r\n        <button (click)=\"valueChanged(item?.value)\">{{item?.label}}</button>\r\n    </div>\r\n    <span class=\"background-glider\"></span>\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/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/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";.type-field{background:#f8f8f8;border:1px solid #dbdbdb;border-radius:4px;height:40px;display:flex;align-items:center;justify-content:space-between;padding:4px;position:relative;z-index:1}.type-field.four .type-item:first-of-type{width:6.25rem}.type-field.four .type-item:nth-child(2){width:5.75rem}.type-field.four .type-item:nth-child(2).active~.background-glider{transform:translate(6.4375rem);width:5.75rem}.type-field.four .type-item:nth-child(3){width:8.625rem}.type-field.four .type-item:nth-child(3).active~.background-glider{transform:translate(12.375rem);width:8.625rem}.type-field.four .type-item:last-of-type{width:5.25rem}.type-field.four .type-item:last-of-type.active~.background-glider{transform:translate(21.1875rem);width:5.25rem}.type-field.four .background-glider{width:6.25rem}.type-field.two .type-item{width:50%}.type-field.two .type-item:nth-child(2).active~.background-glider{transform:translate(100%)}.type-field.two .background-glider{width:13rem}.type-field .type-item{position:relative}.type-field .type-item button{background:transparent;border:none;border-radius:0;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase;width:100%;height:32px;padding:0 12px;text-align:center}.type-field .type-item button.disabled{background:transparent!important;color:#dbdbdb!important;filter:unset!important;opacity:unset!important;pointer-events:none}.type-field .type-item .info{color:#1e5dd3;font-size:12px;position:absolute;top:10px;right:12px;cursor:pointer}.type-field .type-item.active button{color:#1e5dd3!important}.type-field .background-glider{background:#fff;border-radius:4px;box-shadow:0 1px 3px #161b2f26;position:absolute;display:flex;height:32px;z-index:-1;transition:.25s ease-out}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXNlbGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3dvcmtmbG93LXByb2dyYW0vY3JlYXRlLXByb2dyYW0tdWkvdGFiLXNlbGVjdG9yL3RhYi1zZWxlY3Rvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi93b3JrZmxvdy1wcm9ncmFtL2NyZWF0ZS1wcm9ncmFtLXVpL3RhYi1zZWxlY3Rvci90YWItc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUM5RSxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQUN6RSxNQUFNLHVCQUF1QixHQUFhO0lBQ3hDLE9BQU8sRUFBRSxpQkFBaUI7SUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxXQUFXLENBQUM7SUFDMUMsS0FBSyxFQUFFLElBQUk7Q0FDWixDQUFDO0FBZUYsTUFBTSxPQUFPLFdBQVc7SUFWeEI7UUFhRSxpQkFBWSxHQUFHLENBQUMsQ0FBQztRQUVqQixtQkFBYyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3ZELGNBQVMsR0FBRyxDQUFDLEtBQVUsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQy9CLGNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7S0FvQnRCO0lBbEJDLFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxJQUFJLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBQ0QsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBQ0QsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBQ0QsZ0JBQWdCLENBQUMsVUFBbUI7UUFDbEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDN0IsQ0FBQztJQUNELFlBQVksQ0FBQyxLQUFVO1FBQ3JCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDOUMsQ0FBQzsrR0ExQlUsV0FBVzttR0FBWCxXQUFXLHdNQU5YLENBQUMsdUJBQXVCLENBQUMsMEJDaEJ0QyxvWUFLTSxvb0ZEYU0sWUFBWTs7NEZBSVgsV0FBVztrQkFWdkIsU0FBUzsrQkFDRSxjQUFjLGFBR2IsQ0FBQyx1QkFBdUIsQ0FBQyxjQUN4QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsVUFDZixDQUFDLFVBQVUsRUFBRSxjQUFjLEVBQUUsY0FBYyxDQUFDLFdBQzNDLENBQUMsZ0JBQWdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgUHJvdmlkZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5jb25zdCBTRUxFQ1RPUl9WQUxVRV9BQ0NFU1NPUjogUHJvdmlkZXIgPSB7XHJcbiAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gVGFiU2VsZWN0b3IpLFxyXG4gIG11bHRpOiB0cnVlLFxyXG59O1xyXG5leHBvcnQgaW50ZXJmYWNlIFRhYlNlbGVjdG9ySW50ZXJmYWNlIHtcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIHZhbHVlOiBhbnk7XHJcbn1cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0YWItc2VsZWN0b3InLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90YWItc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RhYi1zZWxlY3Rvci5jb21wb25lbnQubGVzcyddLFxyXG4gIHByb3ZpZGVyczogW1NFTEVDVE9SX1ZBTFVFX0FDQ0VTU09SXSxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIGlucHV0czogWydkaXNhYmxlZCcsICdzZWxlY3RlZEl0ZW0nLCAnZGlzcGxheUFycmF5J10sXHJcbiAgb3V0cHV0czogWydvblZhbHVlQ2hhbmdlZCddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFiU2VsZWN0b3IgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgZGlzcGxheUFycmF5ITogQXJyYXk8VGFiU2VsZWN0b3JJbnRlcmZhY2U+O1xyXG4gIGRpc2FibGVkITogYm9vbGVhbiB8IGFueTtcclxuICBzZWxlY3RlZEl0ZW0gPSAxO1xyXG5cclxuICBvblZhbHVlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgb25DaGFuZ2VkID0gKHZhbHVlOiBhbnkpID0+IHt9O1xyXG4gIG9uVG91Y2hlZCA9ICgpID0+IHt9O1xyXG5cclxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRJdGVtID0gdmFsdWUgPz8gMTtcclxuICB9XHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlZCA9IGZuO1xyXG4gIH1cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xyXG4gIH1cclxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xyXG4gIH1cclxuICB2YWx1ZUNoYW5nZWQodmFsdWU6IGFueSkge1xyXG4gICAgdGhpcy5zZWxlY3RlZEl0ZW0gPSB2YWx1ZTtcclxuICAgIHRoaXMub25DaGFuZ2VkKHRoaXMuc2VsZWN0ZWRJdGVtKTtcclxuICAgIHRoaXMub25Ub3VjaGVkKCk7XHJcbiAgICB0aGlzLm9uVmFsdWVDaGFuZ2VkLmVtaXQodGhpcy5zZWxlY3RlZEl0ZW0pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwidHlwZS1maWVsZCBcIiAgW25nQ2xhc3NdPVwieyd0d28nOiBkaXNwbGF5QXJyYXk/Lmxlbmd0aCA9PT0gMiwgJ2ZvdXInOiBkaXNwbGF5QXJyYXk/Lmxlbmd0aCA9PT0gNH1cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0eXBlLWl0ZW1cIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkaXNwbGF5QXJyYXlcIiBbY2xhc3MuYWN0aXZlXT1cInNlbGVjdGVkSXRlbSA9PT0gaXRlbT8udmFsdWVcIj5cclxuICAgICAgICA8YnV0dG9uIChjbGljayk9XCJ2YWx1ZUNoYW5nZWQoaXRlbT8udmFsdWUpXCI+e3tpdGVtPy5sYWJlbH19PC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxzcGFuIGNsYXNzPVwiYmFja2dyb3VuZC1nbGlkZXJcIj48L3NwYW4+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/workflow-program/create-program-ui/tick-mark/tick-mark.component.mjs

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class TickMarkComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TickMarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TickMarkComponent, selector: "tick-mark", ngImport: i0, template: "\r\n    <svg *ngIf=\"true\" class=\"checkIcon\"\r\n        xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n        <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n        <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n    </svg>\r\n", styles: [".checkIcon{width:32px;height:32px;background:#fff;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;margin-top:0}.checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}.checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes strokeCheck{to{stroke-dashoffset:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TickMarkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tick-mark', template: "\r\n    <svg *ngIf=\"true\" class=\"checkIcon\"\r\n        xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n        <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n        <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n    </svg>\r\n", styles: [".checkIcon{width:32px;height:32px;background:#fff;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;margin-top:0}.checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}.checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes strokeCheck{to{stroke-dashoffset:0}}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGljay1tYXJrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3dvcmtmbG93LXByb2dyYW0vY3JlYXRlLXByb2dyYW0tdWkvdGljay1tYXJrL3RpY2stbWFyay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi93b3JrZmxvdy1wcm9ncmFtL2NyZWF0ZS1wcm9ncmFtLXVpL3RpY2stbWFyay90aWNrLW1hcmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBT2xELE1BQU0sT0FBTyxpQkFBaUI7SUFFNUIsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7K0dBTFUsaUJBQWlCO21HQUFqQixpQkFBaUIsaURDUDlCLHVVQU1BOzs0RkRDYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RpY2stbWFyaycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RpY2stbWFyay5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGljay1tYXJrLmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRpY2tNYXJrQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxufVxyXG4iLCJcclxuICAgIDxzdmcgKm5nSWY9XCJ0cnVlXCIgY2xhc3M9XCJjaGVja0ljb25cIlxyXG4gICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDUyIDUyXCI+XHJcbiAgICAgICAgPGNpcmNsZSBjbGFzcz1cImNoZWNrSWNvbl9fY2lyY2xlXCIgY3g9XCIyNlwiIGN5PVwiMjZcIiByPVwiMjVcIiBmaWxsPVwibm9uZVwiIC8+XHJcbiAgICAgICAgPHBhdGggY2xhc3M9XCJjaGVja0ljb25fX2NoZWNrXCIgZmlsbD1cIm5vbmVcIiBkPVwiTTE0LjEgMjcuMmw3LjEgNy4yIDE2LjctMTYuOFwiIC8+XHJcbiAgICA8L3N2Zz5cclxuIl19