@netgrif/components 6.3.0 → 6.4.0-beta.1

package/esm2020/lib/admin/ldap-group-role-assignment/ldap-group-role-assignment.component.mjs

@@ -3,8 +3,8 @@ import { AbstractLdapGroupRoleAssignmentComponent, RoleAssignmentLdapGroupServic
 import * as i0 from "@angular/core";
 import * as i1 from "@netgrif/components-core";
 import * as i2 from "@angular/material/toolbar";
-import * as i3 from "@angular/material/icon";
-import * as i4 from "@angular/material/form-field";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/icon";
 import * as i5 from "@angular/material/button";
 import * as i6 from "@angular/material/list";
 import * as i7 from "@angular/cdk/scrolling";
@@ -29,11 +29,11 @@ export class LdapGroupRoleAssignmentComponent extends AbstractLdapGroupRoleAssig
 LdapGroupRoleAssignmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LdapGroupRoleAssignmentComponent, deps: [{ token: i1.RoleAssignmentLdapGroupService }], target: i0.ɵɵFactoryTarget.Component });
 LdapGroupRoleAssignmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LdapGroupRoleAssignmentComponent, selector: "nc-ldap-group-role-assignment", providers: [
         RoleAssignmentLdapGroupService
-    ], usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"full-height full-width padding-default\">\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"47\" class=\"full-height\">\n        <ng-container *ngIf=\"ldapGroup.ldapGroups$ | async as ldapGroups_\">\n\n            <mat-toolbar color=\"primary\" class=\"min-height-72\">\n                <span matTooltip=\"{{ 'admin.ldapGroup-list.count' | translate }}: {{ldapGroups_.length}}\">\n                    {{'admin.ldapGroup-list.listTitle' | translate}}\n                </span>\n                <div fxFlex=\"5\"></div>\n\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input netgrif-input-fix netgrif-input-primary-fix netgrif-input-search-fix\">\n                    <mat-icon fxFlex class=\"search-icon\">search</mat-icon>\n                    <mat-form-field fxFlex=\"100\" class=\"ldapGroup-assign-search\" color=\"primary\" appearance=\"outline\">\n                        <mat-label>{{ 'side-menu.ldapGroup.choose' | translate }}</mat-label>\n                        <input matInput [formControl]=\"searchLdapGroupControl\">\n                        <button mat-button *ngIf=\"searchLdapGroupControl.value\" matSuffix mat-icon-button\n                                (click)=\"searchLdapGroupControl.setValue('')\">\n                            <mat-icon>close</mat-icon>\n                        </button>\n                    </mat-form-field>\n                </div>\n\n                <span style=\"flex: 1 1 auto;\"></span>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.SelectAll' | translate }}\" (click)=\"selectAllLdapGroup(true)\">\n                    <mat-icon>done_all</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.DeselectAll' | translate }}\" (click)=\"selectAllLdapGroup(false)\">\n                    <mat-icon>clear</mat-icon>\n                </button>\n            </mat-toolbar>\n\n            <div *ngIf=\"(ldapGroup.loading$ | async) === false && ldapGroups_.length === 0\" fxLayout=\"column\"\n                 fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n                <mat-icon color=\"accent\" class=\"margin-bottom-default no-ldapGroup-icon\">perm_identity</mat-icon>\n                <span class=\"font-size-20\">{{ 'admin.ldapGroup-list.noLdapGroupsWereFound' | translate}}</span>\n            </div>\n\n            <mat-selection-list #ldapGroupList color=\"accent\" fxFlex=\"100\" class=\"full-width\">\n\n                <cdk-virtual-scroll-viewport itemSize=\"72\" (scrolledIndexChange)=\"loadNextLdapGroupPage()\"\n                                             class=\"full-width full-height\">\n                    <mat-list-option *cdkVirtualFor=\"let ldapGroup of ldapGroups_; let i = index;\" checkboxPosition=\"before\"\n                                     [selected]=\"ldapGroup.selected\"\n                                     [value]=\"ldapGroup\"\n                                     [ngClass]=\"{'list-item-selected':ldapGroup.selected}\"\n                                     (click)=\"ldapGroup.toggle();autoSelectRoles()\">\n                        <h3 matLine>{{ldapGroup.cn}}</h3>\n                        <p *ngIf=\"ldapGroup.description !== undefined\" matLine>DN: {{ldapGroup.dn}}, Description: {{ldapGroup.description}}</p>\n                        <p *ngIf=\"ldapGroup.description === undefined\" matLine>DN: {{ldapGroup.dn}}</p>\n                    </mat-list-option>\n\n                    <div *ngIf=\"ldapGroup.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n                        <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n                    </div>\n\n                </cdk-virtual-scroll-viewport>\n\n            </mat-selection-list>\n        </ng-container>\n    </div>\n\n    <div fxFlex=\"3\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"50\" class=\"full-height\">\n\n        <mat-toolbar color=\"primary\" class=\"min-height-72\">\n            <span>{{'admin.process-list.listTitle' | translate}}</span>\n            <span style=\"flex: 1 1 auto;\"></span>\n            <mat-spinner *ngIf=\"ldapGroup.updating$ | async\" color=\"accent\" diameter=\"30\"></mat-spinner>\n        </mat-toolbar>\n\n        <div *ngIf=\"(ldapGroup.loading$ | async) === false && nets.processes.length === 0\" fxLayout=\"column\"\n             fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n            <mat-icon color=\"accent\" class=\"margin-bottom-default no-ldapGroup-icon\">timeline</mat-icon>\n            <span class=\"font-size-20\">{{ 'admin.process-list.noProcessesWereFound' | translate}}</span>\n        </div>\n\n        <mat-accordion class=\"full-width margin-top-default process-list-accordion\" multi fxFlex>\n\n            <mat-expansion-panel *ngFor=\"let item of nets.processes\" (afterExpand)=\"nets.loadProcessItemRoles(item)\"\n                                 (afterCollapse)=\"nets.prepareToTryAgainToLoadRoles(item)\">\n\n                <mat-expansion-panel-header>\n                    <mat-panel-title>\n                        <mat-icon *ngIf=\"item.someRolesSelected\" color=\"accent\" class=\"margin-right-x2\">tour</mat-icon>\n                        <span>{{item.initials}} - {{item.title}}</span>\n                    </mat-panel-title>\n                    <mat-panel-description class=\"process-item-description\">\n                        <span\n                            class=\"process-item-description full-width\">{{'admin.process-list.newestVersion' | translate}}\n                            : {{item.newestVersion}}</span>\n                    </mat-panel-description>\n                </mat-expansion-panel-header>\n\n                <div *ngIf=\"item.loading\" fxFlex=\"100\" class=\"full-width\">\n                    <mat-progress-bar mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n                </div>\n\n                <div *ngIf=\"!item.loading && item.emptyRoles\" fxLayout=\"column\"\n                     fxLayoutAlign=\"center center\" fxFlex class=\"full-width full-height net-panel-content\">\n                    <mat-icon color=\"accent\" class=\"margin-bottom-default\">account_circle</mat-icon>\n                    <span class=\"font-size-15\">{{ 'admin.process-list.noRoles' | translate}}</span>\n                </div>\n\n                <div *ngIf=\"!item.loading && !item.emptyRoles\" fxLayout=\"column\" fxLayoutAlign=\"start start\"\n                     class=\"full-height full-width net-panel-content\">\n                    <h3>{{ 'admin.process-list.roles' | translate}}</h3>\n                    <div *ngFor=\"let net of item.processes; let first = first\" fxLayout=\"column\"\n                         fxLayoutAlign=\"start center\" class=\"full-width\">\n                        <mat-divider *ngIf=\"!first\" style=\"position: relative\"></mat-divider>\n\n                        <button mat-button matTooltip=\"{{item.someRolesSelected ? 'Deselect All' : 'Select All'}}\"\n                                (click)=\"toggleAllRoles(net, !item.someRolesSelected)\">\n                            {{net.version}}\n                        </button>\n\n                        <mat-selection-list color=\"accent\" fxLayout=\"row wrap\" fxLayoutAlign=\"start center\"\n                                            class=\"full-width\">\n                            <mat-list-option *ngFor=\"let role of net.roles\" checkboxPosition=\"before\"\n                                             [selected]=\"role.selected\" (click)=\"role.toggle();update(role)\"\n                                             fxFlex=\"50\">\n                                <h3 matLine>{{role.name}}</h3>\n                            </mat-list-option>\n                        </mat-selection-list>\n                    </div>\n                </div>\n\n            </mat-expansion-panel>\n\n        </mat-accordion>\n\n        <div *ngIf=\"nets.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex=\"100\">\n            <mat-spinner color=\"primary\" diameter=\"65\"></mat-spinner>\n        </div>\n    </div>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-list-item-margin{margin:4px 0}.net-panel-content{padding-left:24px;padding-right:24px;padding-bottom:24px}.font-size-20{font-size:20px}.font-size-15{font-size:15px}.no-user-icon{font-size:40px;width:40px;height:40px}.process-item-description{text-align:right}.process-list-accordion{overflow-y:auto;padding:0 2px 4px}.user-assign-search{width:100%}.search-icon{margin-right:10px}.min-height-72{min-height:72px}\n"], components: [{ type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i7.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: i6.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i9.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i9.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i10.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i11.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i12.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i12.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i12.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i15.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i16.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i16.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i16.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.MatSuffix, selector: "[matSuffix]" }, { type: i7.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i7.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i17.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i18.MatLine, selector: "[mat-line], [matLine]" }, { type: i9.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i9.MatExpansionPanelDescription, selector: "mat-panel-description" }], pipes: { "async": i13.AsyncPipe, "translate": i19.TranslatePipe } });
+    ], usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"start center\" class=\"full-height full-width padding-default\">\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"49\" class=\"role-height\">\n        <ng-container *ngIf=\"ldapGroup.ldapGroups$ | async as ldapGroups_\">\n\n            <mat-toolbar color=\"primary\" class=\"min-height-radius\">\n                <span matTooltip=\"{{ldapGroups_.length}}/{{ldapGroup.totalLdapGroups}}\">\n                    {{'admin.ldapGroup-list.count' | translate }}: {{ldapGroups_.length}}\n                </span>\n                <div fxFlex=\"5\"></div>\n\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input netgrif-input-search-fix\">\n                    <mat-form-field fxFlex=\"100\" class=\"ldapGroup-assign-search\" color=\"primary\" appearance=\"outline\">\n                        <mat-icon matPrefix class=\"prefix-icon\">search</mat-icon>\n                        <input matInput [formControl]=\"searchLdapGroupControl\" placeholder=\"{{ 'side-menu.ldapGroup.choose' | translate }}\">\n                        <button color=\"warn\" *ngIf=\"searchLdapGroupControl.value\" matSuffix mat-icon-button\n                                (click)=\"searchLdapGroupControl.setValue('')\">\n                            <mat-icon>close</mat-icon>\n                        </button>\n                    </mat-form-field>\n                </div>\n\n                <span style=\"flex: 1 1 auto;\"></span>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.SelectAll' | translate }}\" (click)=\"selectAllLdapGroup(true)\">\n                    <mat-icon>done_all</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.DeselectAll' | translate }}\" (click)=\"selectAllLdapGroup(false)\">\n                    <mat-icon>clear</mat-icon>\n                </button>\n            </mat-toolbar>\n\n            <div *ngIf=\"(ldapGroup.loading$ | async) === false && ldapGroups_.length === 0\" fxLayout=\"column\"\n                 fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n                <mat-icon color=\"accent\" class=\"margin-bottom-default no-ldapGroup-icon\">perm_identity</mat-icon>\n                <span class=\"font-size-20\">{{ 'admin.ldapGroup-list.noLdapGroupsWereFound' | translate}}</span>\n            </div>\n\n            <mat-selection-list #ldapGroupList color=\"primary\" fxFlex=\"100\" class=\"full-width advanced-option-list\">\n\n                <cdk-virtual-scroll-viewport itemSize=\"48\" (scrolledIndexChange)=\"loadNextLdapGroupPage()\"\n                                             class=\"full-width full-height\">\n                    <mat-list-option class=\"min-height-option\" *cdkVirtualFor=\"let ldapGroup of ldapGroups_; let i = index;\" checkboxPosition=\"before\"\n                                     [selected]=\"ldapGroup.selected\"\n                                     [value]=\"ldapGroup\"\n                                     [ngClass]=\"{'list-item-selected':ldapGroup.selected}\"\n                                     (click)=\"ldapGroup.toggle();autoSelectRoles()\" fxLayoutAlign=\"start center\" fxLayout=\"row\">\n                        <h3 matLine class=\"primary-color-line\">{{ldapGroup.cn}}</h3>\n                        <p *ngIf=\"ldapGroup.description !== undefined\" matLine class=\"paragraph-fix\">DN: {{ldapGroup.dn}}, Description: {{ldapGroup.description}}</p>\n                        <p *ngIf=\"ldapGroup.description === undefined\" matLine class=\"paragraph-fix\">DN: {{ldapGroup.dn}}</p>\n                    </mat-list-option>\n\n                    <div *ngIf=\"ldapGroup.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n                        <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n                    </div>\n\n                </cdk-virtual-scroll-viewport>\n\n            </mat-selection-list>\n        </ng-container>\n    </div>\n\n    <div fxFlex=\"2\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"49\" class=\"role-height\">\n\n        <mat-toolbar color=\"primary\" class=\"min-height-radius\">\n            <span>{{'admin.process-list.listTitle' | translate}}</span>\n            <span style=\"flex: 1 1 auto;\"></span>\n            <mat-spinner *ngIf=\"ldapGroup.updating$ | async\" color=\"accent\" diameter=\"30\"></mat-spinner>\n        </mat-toolbar>\n\n        <div *ngIf=\"(ldapGroup.loading$ | async) === false && nets.processes.length === 0\" fxLayout=\"column\"\n             fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n            <mat-icon color=\"accent\" class=\"margin-bottom-default no-ldapGroup-icon\">timeline</mat-icon>\n            <span class=\"font-size-20\">{{ 'admin.process-list.noProcessesWereFound' | translate}}</span>\n        </div>\n\n        <mat-accordion class=\"full-width margin-top-default process-list-accordion\" multi fxFlex>\n\n            <mat-expansion-panel *ngFor=\"let item of nets.processes; let last = last;\" (afterExpand)=\"nets.loadProcessItemRoles(item)\"\n                                 (afterCollapse)=\"nets.prepareToTryAgainToLoadRoles(item)\" class=\"panel-body\" [ngClass]=\"{'panel-last':last}\">\n\n                <mat-expansion-panel-header class=\"role-header panel-color\">\n                    <mat-panel-title>\n                        <mat-icon *ngIf=\"item.someRolesSelected\" color=\"accent\" class=\"margin-right-x2\">tour</mat-icon>\n                        <span>{{item.initials}} - {{item.title}}</span>\n                    </mat-panel-title>\n                    <mat-panel-description class=\"process-item-description\">\n                        <span\n                            class=\"process-item-description full-width\">{{'admin.process-list.newestVersion' | translate}}\n                            : {{item.newestVersion}}</span>\n                    </mat-panel-description>\n                </mat-expansion-panel-header>\n\n                <div *ngIf=\"item.loading\" fxFlex=\"100\" class=\"full-width\">\n                    <mat-progress-bar mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n                </div>\n\n                <div *ngIf=\"!item.loading && item.emptyRoles\" fxLayout=\"column\"\n                     fxLayoutAlign=\"center center\" fxFlex class=\"full-width full-height net-panel-content\">\n                    <mat-icon color=\"accent\" class=\"margin-bottom-default\">account_circle</mat-icon>\n                    <span class=\"font-size-15\">{{ 'admin.process-list.noRoles' | translate}}</span>\n                </div>\n\n                <div *ngIf=\"!item.loading && !item.emptyRoles\" fxLayout=\"column\" fxLayoutAlign=\"start start\"\n                     class=\"full-height full-width net-panel-content\">\n                    <div *ngFor=\"let net of item.processes; let first = first\" fxLayout=\"column\"\n                         fxLayoutAlign=\"start center\" class=\"full-width\">\n                        <mat-divider *ngIf=\"!first\" style=\"position: relative\"></mat-divider>\n\n                        <div class=\"full-width\">\n                            <div fxFlex fxLayoutAlign=\"start center\">\n                                <h3 class=\"margin-none\" *ngIf=\"first\">{{ 'admin.process-list.roles' | translate}}</h3>\n                            </div>\n                            <div fxFlex fxLayoutAlign=\"center center\">\n                                <button mat-stroked-button matTooltip=\"{{item.someRolesSelected ? 'Deselect All' : 'Select All'}}\"\n                                        (click)=\"toggleAllRoles(net, !item.someRolesSelected)\">\n                                    {{net.version}}\n                                </button>\n                            </div>\n                            <div fxFlex></div>\n                        </div>\n\n                        <mat-selection-list color=\"accent\" fxLayout=\"row wrap\" fxLayoutAlign=\"start center\"\n                                            class=\"full-width\">\n                            <mat-list-option *ngFor=\"let role of net.roles\" checkboxPosition=\"before\"\n                                             [selected]=\"role.selected\" (click)=\"role.toggle();update(role)\"\n                                             fxFlex=\"50\">\n                                <h3 matLine>{{role.name}}</h3>\n                            </mat-list-option>\n                        </mat-selection-list>\n                    </div>\n                </div>\n\n            </mat-expansion-panel>\n\n        </mat-accordion>\n\n        <div *ngIf=\"nets.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex=\"100\">\n            <mat-spinner color=\"primary\" diameter=\"65\"></mat-spinner>\n        </div>\n    </div>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-list-item-margin{margin:4px 0}.net-panel-content{padding-left:24px;padding-right:24px;padding-bottom:24px}.font-size-20{font-size:20px}.font-size-15{font-size:15px}.no-user-icon{font-size:40px;width:40px;height:40px}.process-item-description{text-align:right}.process-list-accordion{overflow-y:auto;padding:0 2px 4px}.process-list-accordion .mat-expansion-panel-spacing{margin:8px 0}.ldapGroup-assign-search{width:100%;color:#64748b;min-width:250px;border-radius:6px}.search-icon{margin-right:10px}.min-height-radius{min-height:64px;border-radius:8px}.prefix-icon{font-size:22px}.paragraph-fix{word-break:break-all;white-space:pre-wrap!important}.min-height-option{height:auto!important;min-height:48px;padding:3px 0!important}.role-header{min-height:48px!important;height:auto!important}.panel-last{padding-bottom:16px}.margin-none{margin-top:0!important;margin-bottom:0!important}.role-height{height:100%;min-height:100%}@media only screen and (max-width: 599.99px){.role-height{height:50%;min-height:50%;width:100%}}\n"], components: [{ type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i7.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: i6.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i9.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i9.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i10.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i11.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i12.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i12.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i12.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i3.MatPrefix, selector: "[matPrefix]" }, { type: i15.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i16.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i16.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i16.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.MatSuffix, selector: "[matSuffix]" }, { type: i7.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i7.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i17.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i18.MatLine, selector: "[mat-line], [matLine]" }, { type: i9.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i9.MatExpansionPanelDescription, selector: "mat-panel-description" }], pipes: { "async": i13.AsyncPipe, "translate": i19.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LdapGroupRoleAssignmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-ldap-group-role-assignment', providers: [
                         RoleAssignmentLdapGroupService
-                    ], template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"full-height full-width padding-default\">\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"47\" class=\"full-height\">\n        <ng-container *ngIf=\"ldapGroup.ldapGroups$ | async as ldapGroups_\">\n\n            <mat-toolbar color=\"primary\" class=\"min-height-72\">\n                <span matTooltip=\"{{ 'admin.ldapGroup-list.count' | translate }}: {{ldapGroups_.length}}\">\n                    {{'admin.ldapGroup-list.listTitle' | translate}}\n                </span>\n                <div fxFlex=\"5\"></div>\n\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input netgrif-input-fix netgrif-input-primary-fix netgrif-input-search-fix\">\n                    <mat-icon fxFlex class=\"search-icon\">search</mat-icon>\n                    <mat-form-field fxFlex=\"100\" class=\"ldapGroup-assign-search\" color=\"primary\" appearance=\"outline\">\n                        <mat-label>{{ 'side-menu.ldapGroup.choose' | translate }}</mat-label>\n                        <input matInput [formControl]=\"searchLdapGroupControl\">\n                        <button mat-button *ngIf=\"searchLdapGroupControl.value\" matSuffix mat-icon-button\n                                (click)=\"searchLdapGroupControl.setValue('')\">\n                            <mat-icon>close</mat-icon>\n                        </button>\n                    </mat-form-field>\n                </div>\n\n                <span style=\"flex: 1 1 auto;\"></span>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.SelectAll' | translate }}\" (click)=\"selectAllLdapGroup(true)\">\n                    <mat-icon>done_all</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.DeselectAll' | translate }}\" (click)=\"selectAllLdapGroup(false)\">\n                    <mat-icon>clear</mat-icon>\n                </button>\n            </mat-toolbar>\n\n            <div *ngIf=\"(ldapGroup.loading$ | async) === false && ldapGroups_.length === 0\" fxLayout=\"column\"\n                 fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n                <mat-icon color=\"accent\" class=\"margin-bottom-default no-ldapGroup-icon\">perm_identity</mat-icon>\n                <span class=\"font-size-20\">{{ 'admin.ldapGroup-list.noLdapGroupsWereFound' | translate}}</span>\n            </div>\n\n            <mat-selection-list #ldapGroupList color=\"accent\" fxFlex=\"100\" class=\"full-width\">\n\n                <cdk-virtual-scroll-viewport itemSize=\"72\" (scrolledIndexChange)=\"loadNextLdapGroupPage()\"\n                                             class=\"full-width full-height\">\n                    <mat-list-option *cdkVirtualFor=\"let ldapGroup of ldapGroups_; let i = index;\" checkboxPosition=\"before\"\n                                     [selected]=\"ldapGroup.selected\"\n                                     [value]=\"ldapGroup\"\n                                     [ngClass]=\"{'list-item-selected':ldapGroup.selected}\"\n                                     (click)=\"ldapGroup.toggle();autoSelectRoles()\">\n                        <h3 matLine>{{ldapGroup.cn}}</h3>\n                        <p *ngIf=\"ldapGroup.description !== undefined\" matLine>DN: {{ldapGroup.dn}}, Description: {{ldapGroup.description}}</p>\n                        <p *ngIf=\"ldapGroup.description === undefined\" matLine>DN: {{ldapGroup.dn}}</p>\n                    </mat-list-option>\n\n                    <div *ngIf=\"ldapGroup.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n                        <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n                    </div>\n\n                </cdk-virtual-scroll-viewport>\n\n            </mat-selection-list>\n        </ng-container>\n    </div>\n\n    <div fxFlex=\"3\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"50\" class=\"full-height\">\n\n        <mat-toolbar color=\"primary\" class=\"min-height-72\">\n            <span>{{'admin.process-list.listTitle' | translate}}</span>\n            <span style=\"flex: 1 1 auto;\"></span>\n            <mat-spinner *ngIf=\"ldapGroup.updating$ | async\" color=\"accent\" diameter=\"30\"></mat-spinner>\n        </mat-toolbar>\n\n        <div *ngIf=\"(ldapGroup.loading$ | async) === false && nets.processes.length === 0\" fxLayout=\"column\"\n             fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n            <mat-icon color=\"accent\" class=\"margin-bottom-default no-ldapGroup-icon\">timeline</mat-icon>\n            <span class=\"font-size-20\">{{ 'admin.process-list.noProcessesWereFound' | translate}}</span>\n        </div>\n\n        <mat-accordion class=\"full-width margin-top-default process-list-accordion\" multi fxFlex>\n\n            <mat-expansion-panel *ngFor=\"let item of nets.processes\" (afterExpand)=\"nets.loadProcessItemRoles(item)\"\n                                 (afterCollapse)=\"nets.prepareToTryAgainToLoadRoles(item)\">\n\n                <mat-expansion-panel-header>\n                    <mat-panel-title>\n                        <mat-icon *ngIf=\"item.someRolesSelected\" color=\"accent\" class=\"margin-right-x2\">tour</mat-icon>\n                        <span>{{item.initials}} - {{item.title}}</span>\n                    </mat-panel-title>\n                    <mat-panel-description class=\"process-item-description\">\n                        <span\n                            class=\"process-item-description full-width\">{{'admin.process-list.newestVersion' | translate}}\n                            : {{item.newestVersion}}</span>\n                    </mat-panel-description>\n                </mat-expansion-panel-header>\n\n                <div *ngIf=\"item.loading\" fxFlex=\"100\" class=\"full-width\">\n                    <mat-progress-bar mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n                </div>\n\n                <div *ngIf=\"!item.loading && item.emptyRoles\" fxLayout=\"column\"\n                     fxLayoutAlign=\"center center\" fxFlex class=\"full-width full-height net-panel-content\">\n                    <mat-icon color=\"accent\" class=\"margin-bottom-default\">account_circle</mat-icon>\n                    <span class=\"font-size-15\">{{ 'admin.process-list.noRoles' | translate}}</span>\n                </div>\n\n                <div *ngIf=\"!item.loading && !item.emptyRoles\" fxLayout=\"column\" fxLayoutAlign=\"start start\"\n                     class=\"full-height full-width net-panel-content\">\n                    <h3>{{ 'admin.process-list.roles' | translate}}</h3>\n                    <div *ngFor=\"let net of item.processes; let first = first\" fxLayout=\"column\"\n                         fxLayoutAlign=\"start center\" class=\"full-width\">\n                        <mat-divider *ngIf=\"!first\" style=\"position: relative\"></mat-divider>\n\n                        <button mat-button matTooltip=\"{{item.someRolesSelected ? 'Deselect All' : 'Select All'}}\"\n                                (click)=\"toggleAllRoles(net, !item.someRolesSelected)\">\n                            {{net.version}}\n                        </button>\n\n                        <mat-selection-list color=\"accent\" fxLayout=\"row wrap\" fxLayoutAlign=\"start center\"\n                                            class=\"full-width\">\n                            <mat-list-option *ngFor=\"let role of net.roles\" checkboxPosition=\"before\"\n                                             [selected]=\"role.selected\" (click)=\"role.toggle();update(role)\"\n                                             fxFlex=\"50\">\n                                <h3 matLine>{{role.name}}</h3>\n                            </mat-list-option>\n                        </mat-selection-list>\n                    </div>\n                </div>\n\n            </mat-expansion-panel>\n\n        </mat-accordion>\n\n        <div *ngIf=\"nets.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex=\"100\">\n            <mat-spinner color=\"primary\" diameter=\"65\"></mat-spinner>\n        </div>\n    </div>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-list-item-margin{margin:4px 0}.net-panel-content{padding-left:24px;padding-right:24px;padding-bottom:24px}.font-size-20{font-size:20px}.font-size-15{font-size:15px}.no-user-icon{font-size:40px;width:40px;height:40px}.process-item-description{text-align:right}.process-list-accordion{overflow-y:auto;padding:0 2px 4px}.user-assign-search{width:100%}.search-icon{margin-right:10px}.min-height-72{min-height:72px}\n"] }]
+                    ], template: "<div fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"start center\" class=\"full-height full-width padding-default\">\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"49\" class=\"role-height\">\n        <ng-container *ngIf=\"ldapGroup.ldapGroups$ | async as ldapGroups_\">\n\n            <mat-toolbar color=\"primary\" class=\"min-height-radius\">\n                <span matTooltip=\"{{ldapGroups_.length}}/{{ldapGroup.totalLdapGroups}}\">\n                    {{'admin.ldapGroup-list.count' | translate }}: {{ldapGroups_.length}}\n                </span>\n                <div fxFlex=\"5\"></div>\n\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input netgrif-input-search-fix\">\n                    <mat-form-field fxFlex=\"100\" class=\"ldapGroup-assign-search\" color=\"primary\" appearance=\"outline\">\n                        <mat-icon matPrefix class=\"prefix-icon\">search</mat-icon>\n                        <input matInput [formControl]=\"searchLdapGroupControl\" placeholder=\"{{ 'side-menu.ldapGroup.choose' | translate }}\">\n                        <button color=\"warn\" *ngIf=\"searchLdapGroupControl.value\" matSuffix mat-icon-button\n                                (click)=\"searchLdapGroupControl.setValue('')\">\n                            <mat-icon>close</mat-icon>\n                        </button>\n                    </mat-form-field>\n                </div>\n\n                <span style=\"flex: 1 1 auto;\"></span>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.SelectAll' | translate }}\" (click)=\"selectAllLdapGroup(true)\">\n                    <mat-icon>done_all</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.DeselectAll' | translate }}\" (click)=\"selectAllLdapGroup(false)\">\n                    <mat-icon>clear</mat-icon>\n                </button>\n            </mat-toolbar>\n\n            <div *ngIf=\"(ldapGroup.loading$ | async) === false && ldapGroups_.length === 0\" fxLayout=\"column\"\n                 fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n                <mat-icon color=\"accent\" class=\"margin-bottom-default no-ldapGroup-icon\">perm_identity</mat-icon>\n                <span class=\"font-size-20\">{{ 'admin.ldapGroup-list.noLdapGroupsWereFound' | translate}}</span>\n            </div>\n\n            <mat-selection-list #ldapGroupList color=\"primary\" fxFlex=\"100\" class=\"full-width advanced-option-list\">\n\n                <cdk-virtual-scroll-viewport itemSize=\"48\" (scrolledIndexChange)=\"loadNextLdapGroupPage()\"\n                                             class=\"full-width full-height\">\n                    <mat-list-option class=\"min-height-option\" *cdkVirtualFor=\"let ldapGroup of ldapGroups_; let i = index;\" checkboxPosition=\"before\"\n                                     [selected]=\"ldapGroup.selected\"\n                                     [value]=\"ldapGroup\"\n                                     [ngClass]=\"{'list-item-selected':ldapGroup.selected}\"\n                                     (click)=\"ldapGroup.toggle();autoSelectRoles()\" fxLayoutAlign=\"start center\" fxLayout=\"row\">\n                        <h3 matLine class=\"primary-color-line\">{{ldapGroup.cn}}</h3>\n                        <p *ngIf=\"ldapGroup.description !== undefined\" matLine class=\"paragraph-fix\">DN: {{ldapGroup.dn}}, Description: {{ldapGroup.description}}</p>\n                        <p *ngIf=\"ldapGroup.description === undefined\" matLine class=\"paragraph-fix\">DN: {{ldapGroup.dn}}</p>\n                    </mat-list-option>\n\n                    <div *ngIf=\"ldapGroup.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n                        <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n                    </div>\n\n                </cdk-virtual-scroll-viewport>\n\n            </mat-selection-list>\n        </ng-container>\n    </div>\n\n    <div fxFlex=\"2\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"49\" class=\"role-height\">\n\n        <mat-toolbar color=\"primary\" class=\"min-height-radius\">\n            <span>{{'admin.process-list.listTitle' | translate}}</span>\n            <span style=\"flex: 1 1 auto;\"></span>\n            <mat-spinner *ngIf=\"ldapGroup.updating$ | async\" color=\"accent\" diameter=\"30\"></mat-spinner>\n        </mat-toolbar>\n\n        <div *ngIf=\"(ldapGroup.loading$ | async) === false && nets.processes.length === 0\" fxLayout=\"column\"\n             fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n            <mat-icon color=\"accent\" class=\"margin-bottom-default no-ldapGroup-icon\">timeline</mat-icon>\n            <span class=\"font-size-20\">{{ 'admin.process-list.noProcessesWereFound' | translate}}</span>\n        </div>\n\n        <mat-accordion class=\"full-width margin-top-default process-list-accordion\" multi fxFlex>\n\n            <mat-expansion-panel *ngFor=\"let item of nets.processes; let last = last;\" (afterExpand)=\"nets.loadProcessItemRoles(item)\"\n                                 (afterCollapse)=\"nets.prepareToTryAgainToLoadRoles(item)\" class=\"panel-body\" [ngClass]=\"{'panel-last':last}\">\n\n                <mat-expansion-panel-header class=\"role-header panel-color\">\n                    <mat-panel-title>\n                        <mat-icon *ngIf=\"item.someRolesSelected\" color=\"accent\" class=\"margin-right-x2\">tour</mat-icon>\n                        <span>{{item.initials}} - {{item.title}}</span>\n                    </mat-panel-title>\n                    <mat-panel-description class=\"process-item-description\">\n                        <span\n                            class=\"process-item-description full-width\">{{'admin.process-list.newestVersion' | translate}}\n                            : {{item.newestVersion}}</span>\n                    </mat-panel-description>\n                </mat-expansion-panel-header>\n\n                <div *ngIf=\"item.loading\" fxFlex=\"100\" class=\"full-width\">\n                    <mat-progress-bar mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n                </div>\n\n                <div *ngIf=\"!item.loading && item.emptyRoles\" fxLayout=\"column\"\n                     fxLayoutAlign=\"center center\" fxFlex class=\"full-width full-height net-panel-content\">\n                    <mat-icon color=\"accent\" class=\"margin-bottom-default\">account_circle</mat-icon>\n                    <span class=\"font-size-15\">{{ 'admin.process-list.noRoles' | translate}}</span>\n                </div>\n\n                <div *ngIf=\"!item.loading && !item.emptyRoles\" fxLayout=\"column\" fxLayoutAlign=\"start start\"\n                     class=\"full-height full-width net-panel-content\">\n                    <div *ngFor=\"let net of item.processes; let first = first\" fxLayout=\"column\"\n                         fxLayoutAlign=\"start center\" class=\"full-width\">\n                        <mat-divider *ngIf=\"!first\" style=\"position: relative\"></mat-divider>\n\n                        <div class=\"full-width\">\n                            <div fxFlex fxLayoutAlign=\"start center\">\n                                <h3 class=\"margin-none\" *ngIf=\"first\">{{ 'admin.process-list.roles' | translate}}</h3>\n                            </div>\n                            <div fxFlex fxLayoutAlign=\"center center\">\n                                <button mat-stroked-button matTooltip=\"{{item.someRolesSelected ? 'Deselect All' : 'Select All'}}\"\n                                        (click)=\"toggleAllRoles(net, !item.someRolesSelected)\">\n                                    {{net.version}}\n                                </button>\n                            </div>\n                            <div fxFlex></div>\n                        </div>\n\n                        <mat-selection-list color=\"accent\" fxLayout=\"row wrap\" fxLayoutAlign=\"start center\"\n                                            class=\"full-width\">\n                            <mat-list-option *ngFor=\"let role of net.roles\" checkboxPosition=\"before\"\n                                             [selected]=\"role.selected\" (click)=\"role.toggle();update(role)\"\n                                             fxFlex=\"50\">\n                                <h3 matLine>{{role.name}}</h3>\n                            </mat-list-option>\n                        </mat-selection-list>\n                    </div>\n                </div>\n\n            </mat-expansion-panel>\n\n        </mat-accordion>\n\n        <div *ngIf=\"nets.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex=\"100\">\n            <mat-spinner color=\"primary\" diameter=\"65\"></mat-spinner>\n        </div>\n    </div>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-list-item-margin{margin:4px 0}.net-panel-content{padding-left:24px;padding-right:24px;padding-bottom:24px}.font-size-20{font-size:20px}.font-size-15{font-size:15px}.no-user-icon{font-size:40px;width:40px;height:40px}.process-item-description{text-align:right}.process-list-accordion{overflow-y:auto;padding:0 2px 4px}.process-list-accordion .mat-expansion-panel-spacing{margin:8px 0}.ldapGroup-assign-search{width:100%;color:#64748b;min-width:250px;border-radius:6px}.search-icon{margin-right:10px}.min-height-radius{min-height:64px;border-radius:8px}.prefix-icon{font-size:22px}.paragraph-fix{word-break:break-all;white-space:pre-wrap!important}.min-height-option{height:auto!important;min-height:48px;padding:3px 0!important}.role-header{min-height:48px!important;height:auto!important}.panel-last{padding-bottom:16px}.margin-none{margin-top:0!important;margin-bottom:0!important}.role-height{height:100%;min-height:100%}@media only screen and (max-width: 599.99px){.role-height{height:50%;min-height:50%;width:100%}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.RoleAssignmentLdapGroupService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGRhcC1ncm91cC1yb2xlLWFzc2lnbm1lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvYWRtaW4vbGRhcC1ncm91cC1yb2xlLWFzc2lnbm1lbnQvbGRhcC1ncm91cC1yb2xlLWFzc2lnbm1lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvYWRtaW4vbGRhcC1ncm91cC1yb2xlLWFzc2lnbm1lbnQvbGRhcC1ncm91cC1yb2xlLWFzc2lnbm1lbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQ0gsd0NBQXdDLEVBQ3hDLDhCQUE4QixHQUNqQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFVbEMsTUFBTSxPQUFPLGdDQUFpQyxTQUFRLHdDQUF3QztJQUMxRixZQUFzQixRQUF3QztRQUMxRCxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFERSxhQUFRLEdBQVIsUUFBUSxDQUFnQztJQUU5RCxDQUFDOzs4SEFIUSxnQ0FBZ0M7a0hBQWhDLGdDQUFnQyx3REFKOUI7UUFDUCw4QkFBOEI7S0FDakMsaURDWkwsbW5RQXlJQTs0RkQzSGEsZ0NBQWdDO2tCQVI1QyxTQUFTOytCQUNJLCtCQUErQixhQUc5Qjt3QkFDUCw4QkFBOEI7cUJBQ2pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdExkYXBHcm91cFJvbGVBc3NpZ25tZW50Q29tcG9uZW50LFxuICAgIFJvbGVBc3NpZ25tZW50TGRhcEdyb3VwU2VydmljZSxcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1sZGFwLWdyb3VwLXJvbGUtYXNzaWdubWVudCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xkYXAtZ3JvdXAtcm9sZS1hc3NpZ25tZW50LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9sZGFwLWdyb3VwLXJvbGUtYXNzaWdubWVudC5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICBSb2xlQXNzaWdubWVudExkYXBHcm91cFNlcnZpY2VcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIExkYXBHcm91cFJvbGVBc3NpZ25tZW50Q29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RMZGFwR3JvdXBSb2xlQXNzaWdubWVudENvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF9zZXJ2aWNlOiBSb2xlQXNzaWdubWVudExkYXBHcm91cFNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoX3NlcnZpY2UpO1xuICAgIH1cbn1cbiIsIjxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgY2xhc3M9XCJmdWxsLWhlaWdodCBmdWxsLXdpZHRoIHBhZGRpbmctZGVmYXVsdFwiPlxuXG4gICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBmeEZsZXg9XCI0N1wiIGNsYXNzPVwiZnVsbC1oZWlnaHRcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxkYXBHcm91cC5sZGFwR3JvdXBzJCB8IGFzeW5jIGFzIGxkYXBHcm91cHNfXCI+XG5cbiAgICAgICAgICAgIDxtYXQtdG9vbGJhciBjb2xvcj1cInByaW1hcnlcIiBjbGFzcz1cIm1pbi1oZWlnaHQtNzJcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiBtYXRUb29sdGlwPVwie3sgJ2FkbWluLmxkYXBHcm91cC1saXN0LmNvdW50JyB8IHRyYW5zbGF0ZSB9fToge3tsZGFwR3JvdXBzXy5sZW5ndGh9fVwiPlxuICAgICAgICAgICAgICAgICAgICB7eydhZG1pbi5sZGFwR3JvdXAtbGlzdC5saXN0VGl0bGUnIHwgdHJhbnNsYXRlfX1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPGRpdiBmeEZsZXg9XCI1XCI+PC9kaXY+XG5cbiAgICAgICAgICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGNsYXNzPVwibmV0Z3JpZi1pbnB1dCBuZXRncmlmLWlucHV0LWZpeCBuZXRncmlmLWlucHV0LXByaW1hcnktZml4IG5ldGdyaWYtaW5wdXQtc2VhcmNoLWZpeFwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gZnhGbGV4IGNsYXNzPVwic2VhcmNoLWljb25cIj5zZWFyY2g8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgZnhGbGV4PVwiMTAwXCIgY2xhc3M9XCJsZGFwR3JvdXAtYXNzaWduLXNlYXJjaFwiIGNvbG9yPVwicHJpbWFyeVwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWxhYmVsPnt7ICdzaWRlLW1lbnUubGRhcEdyb3VwLmNob29zZScgfCB0cmFuc2xhdGUgfX08L21hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCBbZm9ybUNvbnRyb2xdPVwic2VhcmNoTGRhcEdyb3VwQ29udHJvbFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uICpuZ0lmPVwic2VhcmNoTGRhcEdyb3VwQ29udHJvbC52YWx1ZVwiIG1hdFN1ZmZpeCBtYXQtaWNvbi1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlYXJjaExkYXBHcm91cENvbnRyb2wuc2V0VmFsdWUoJycpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPmNsb3NlPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgICAgPHNwYW4gc3R5bGU9XCJmbGV4OiAxIDEgYXV0bztcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gbWF0VG9vbHRpcD1cInt7ICdzaWRlLW1lbnUudG9vbHRpcC5TZWxlY3RBbGwnIHwgdHJhbnNsYXRlIH19XCIgKGNsaWNrKT1cInNlbGVjdEFsbExkYXBHcm91cCh0cnVlKVwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24+ZG9uZV9hbGw8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIG1hdFRvb2x0aXA9XCJ7eyAnc2lkZS1tZW51LnRvb2x0aXAuRGVzZWxlY3RBbGwnIHwgdHJhbnNsYXRlIH19XCIgKGNsaWNrKT1cInNlbGVjdEFsbExkYXBHcm91cChmYWxzZSlcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPmNsZWFyPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvbWF0LXRvb2xiYXI+XG5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIobGRhcEdyb3VwLmxvYWRpbmckIHwgYXN5bmMpID09PSBmYWxzZSAmJiBsZGFwR3JvdXBzXy5sZW5ndGggPT09IDBcIiBmeExheW91dD1cImNvbHVtblwiXG4gICAgICAgICAgICAgICAgIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgZnhGbGV4IGNsYXNzPVwibWFyZ2luLXRvcC14MlwiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjb2xvcj1cImFjY2VudFwiIGNsYXNzPVwibWFyZ2luLWJvdHRvbS1kZWZhdWx0IG5vLWxkYXBHcm91cC1pY29uXCI+cGVybV9pZGVudGl0eTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmb250LXNpemUtMjBcIj57eyAnYWRtaW4ubGRhcEdyb3VwLWxpc3Qubm9MZGFwR3JvdXBzV2VyZUZvdW5kJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxtYXQtc2VsZWN0aW9uLWxpc3QgI2xkYXBHcm91cExpc3QgY29sb3I9XCJhY2NlbnRcIiBmeEZsZXg9XCIxMDBcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIj5cblxuICAgICAgICAgICAgICAgIDxjZGstdmlydHVhbC1zY3JvbGwtdmlld3BvcnQgaXRlbVNpemU9XCI3MlwiIChzY3JvbGxlZEluZGV4Q2hhbmdlKT1cImxvYWROZXh0TGRhcEdyb3VwUGFnZSgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZnVsbC13aWR0aCBmdWxsLWhlaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWxpc3Qtb3B0aW9uICpjZGtWaXJ0dWFsRm9yPVwibGV0IGxkYXBHcm91cCBvZiBsZGFwR3JvdXBzXzsgbGV0IGkgPSBpbmRleDtcIiBjaGVja2JveFBvc2l0aW9uPVwiYmVmb3JlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2VsZWN0ZWRdPVwibGRhcEdyb3VwLnNlbGVjdGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPVwibGRhcEdyb3VwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2xpc3QtaXRlbS1zZWxlY3RlZCc6bGRhcEdyb3VwLnNlbGVjdGVkfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImxkYXBHcm91cC50b2dnbGUoKTthdXRvU2VsZWN0Um9sZXMoKVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGgzIG1hdExpbmU+e3tsZGFwR3JvdXAuY259fTwvaDM+XG4gICAgICAgICAgICAgICAgICAgICAgICA8cCAqbmdJZj1cImxkYXBHcm91cC5kZXNjcmlwdGlvbiAhPT0gdW5kZWZpbmVkXCIgbWF0TGluZT5ETjoge3tsZGFwR3JvdXAuZG59fSwgRGVzY3JpcHRpb246IHt7bGRhcEdyb3VwLmRlc2NyaXB0aW9ufX08L3A+XG4gICAgICAgICAgICAgICAgICAgICAgICA8cCAqbmdJZj1cImxkYXBHcm91cC5kZXNjcmlwdGlvbiA9PT0gdW5kZWZpbmVkXCIgbWF0TGluZT5ETjoge3tsZGFwR3JvdXAuZG59fTwvcD5cbiAgICAgICAgICAgICAgICAgICAgPC9tYXQtbGlzdC1vcHRpb24+XG5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cImxkYXBHcm91cC5sb2FkaW5nJCB8IGFzeW5jXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1zcGlubmVyIGNvbG9yPVwicHJpbWFyeVwiIGRpYW1ldGVyPVwiNTBcIj48L21hdC1zcGlubmVyPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgICAgIDwvY2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0PlxuXG4gICAgICAgICAgICA8L21hdC1zZWxlY3Rpb24tbGlzdD5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGZ4RmxleD1cIjNcIj48L2Rpdj5cblxuICAgIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgZnhGbGV4PVwiNTBcIiBjbGFzcz1cImZ1bGwtaGVpZ2h0XCI+XG5cbiAgICAgICAgPG1hdC10b29sYmFyIGNvbG9yPVwicHJpbWFyeVwiIGNsYXNzPVwibWluLWhlaWdodC03MlwiPlxuICAgICAgICAgICAgPHNwYW4+e3snYWRtaW4ucHJvY2Vzcy1saXN0Lmxpc3RUaXRsZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIHN0eWxlPVwiZmxleDogMSAxIGF1dG87XCI+PC9zcGFuPlxuICAgICAgICAgICAgPG1hdC1zcGlubmVyICpuZ0lmPVwibGRhcEdyb3VwLnVwZGF0aW5nJCB8IGFzeW5jXCIgY29sb3I9XCJhY2NlbnRcIiBkaWFtZXRlcj1cIjMwXCI+PC9tYXQtc3Bpbm5lcj5cbiAgICAgICAgPC9tYXQtdG9vbGJhcj5cblxuICAgICAgICA8ZGl2ICpuZ0lmPVwiKGxkYXBHcm91cC5sb2FkaW5nJCB8IGFzeW5jKSA9PT0gZmFsc2UgJiYgbmV0cy5wcm9jZXNzZXMubGVuZ3RoID09PSAwXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIlxuICAgICAgICAgICAgIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgZnhGbGV4IGNsYXNzPVwibWFyZ2luLXRvcC14MlwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwiYWNjZW50XCIgY2xhc3M9XCJtYXJnaW4tYm90dG9tLWRlZmF1bHQgbm8tbGRhcEdyb3VwLWljb25cIj50aW1lbGluZTwvbWF0LWljb24+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZvbnQtc2l6ZS0yMFwiPnt7ICdhZG1pbi5wcm9jZXNzLWxpc3Qubm9Qcm9jZXNzZXNXZXJlRm91bmQnIHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxtYXQtYWNjb3JkaW9uIGNsYXNzPVwiZnVsbC13aWR0aCBtYXJnaW4tdG9wLWRlZmF1bHQgcHJvY2Vzcy1saXN0LWFjY29yZGlvblwiIG11bHRpIGZ4RmxleD5cblxuICAgICAgICAgICAgPG1hdC1leHBhbnNpb24tcGFuZWwgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbmV0cy5wcm9jZXNzZXNcIiAoYWZ0ZXJFeHBhbmQpPVwibmV0cy5sb2FkUHJvY2Vzc0l0ZW1Sb2xlcyhpdGVtKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoYWZ0ZXJDb2xsYXBzZSk9XCJuZXRzLnByZXBhcmVUb1RyeUFnYWluVG9Mb2FkUm9sZXMoaXRlbSlcIj5cblxuICAgICAgICAgICAgICAgIDxtYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1wYW5lbC10aXRsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIml0ZW0uc29tZVJvbGVzU2VsZWN0ZWRcIiBjb2xvcj1cImFjY2VudFwiIGNsYXNzPVwibWFyZ2luLXJpZ2h0LXgyXCI+dG91cjwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj57e2l0ZW0uaW5pdGlhbHN9fSAtIHt7aXRlbS50aXRsZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L21hdC1wYW5lbC10aXRsZT5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1wYW5lbC1kZXNjcmlwdGlvbiBjbGFzcz1cInByb2Nlc3MtaXRlbS1kZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInByb2Nlc3MtaXRlbS1kZXNjcmlwdGlvbiBmdWxsLXdpZHRoXCI+e3snYWRtaW4ucHJvY2Vzcy1saXN0Lm5ld2VzdFZlcnNpb24nIHwgdHJhbnNsYXRlfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHt7aXRlbS5uZXdlc3RWZXJzaW9ufX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LXBhbmVsLWRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XG5cbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaXRlbS5sb2FkaW5nXCIgZnhGbGV4PVwiMTAwXCIgY2xhc3M9XCJmdWxsLXdpZHRoXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtcHJvZ3Jlc3MtYmFyIG1vZGU9XCJpbmRldGVybWluYXRlXCIgY29sb3I9XCJwcmltYXJ5XCI+PC9tYXQtcHJvZ3Jlc3MtYmFyPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cIiFpdGVtLmxvYWRpbmcgJiYgaXRlbS5lbXB0eVJvbGVzXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBmeEZsZXggY2xhc3M9XCJmdWxsLXdpZHRoIGZ1bGwtaGVpZ2h0IG5ldC1wYW5lbC1jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjb2xvcj1cImFjY2VudFwiIGNsYXNzPVwibWFyZ2luLWJvdHRvbS1kZWZhdWx0XCI+YWNjb3VudF9jaXJjbGU8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZvbnQtc2l6ZS0xNVwiPnt7ICdhZG1pbi5wcm9jZXNzLWxpc3Qubm9Sb2xlcycgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhaXRlbS5sb2FkaW5nICYmICFpdGVtLmVtcHR5Um9sZXNcIiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBzdGFydFwiXG4gICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZ1bGwtaGVpZ2h0IGZ1bGwtd2lkdGggbmV0LXBhbmVsLWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICAgICAgPGgzPnt7ICdhZG1pbi5wcm9jZXNzLWxpc3Qucm9sZXMnIHwgdHJhbnNsYXRlfX08L2gzPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBuZXQgb2YgaXRlbS5wcm9jZXNzZXM7IGxldCBmaXJzdCA9IGZpcnN0XCIgZnhMYXlvdXQ9XCJjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtZGl2aWRlciAqbmdJZj1cIiFmaXJzdFwiIHN0eWxlPVwicG9zaXRpb246IHJlbGF0aXZlXCI+PC9tYXQtZGl2aWRlcj5cblxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIG1hdFRvb2x0aXA9XCJ7e2l0ZW0uc29tZVJvbGVzU2VsZWN0ZWQgPyAnRGVzZWxlY3QgQWxsJyA6ICdTZWxlY3QgQWxsJ319XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZUFsbFJvbGVzKG5ldCwgIWl0ZW0uc29tZVJvbGVzU2VsZWN0ZWQpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3tuZXQudmVyc2lvbn19XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cblxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1zZWxlY3Rpb24tbGlzdCBjb2xvcj1cImFjY2VudFwiIGZ4TGF5b3V0PVwicm93IHdyYXBcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmdWxsLXdpZHRoXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1saXN0LW9wdGlvbiAqbmdGb3I9XCJsZXQgcm9sZSBvZiBuZXQucm9sZXNcIiBjaGVja2JveFBvc2l0aW9uPVwiYmVmb3JlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZF09XCJyb2xlLnNlbGVjdGVkXCIgKGNsaWNrKT1cInJvbGUudG9nZ2xlKCk7dXBkYXRlKHJvbGUpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZ4RmxleD1cIjUwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMyBtYXRMaW5lPnt7cm9sZS5uYW1lfX08L2gzPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbWF0LWxpc3Qtb3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtc2VsZWN0aW9uLWxpc3Q+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8L21hdC1leHBhbnNpb24tcGFuZWw+XG5cbiAgICAgICAgPC9tYXQtYWNjb3JkaW9uPlxuXG4gICAgICAgIDxkaXYgKm5nSWY9XCJuZXRzLmxvYWRpbmckIHwgYXN5bmNcIiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgZnhGbGV4PVwiMTAwXCI+XG4gICAgICAgICAgICA8bWF0LXNwaW5uZXIgY29sb3I9XCJwcmltYXJ5XCIgZGlhbWV0ZXI9XCI2NVwiPjwvbWF0LXNwaW5uZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGRhcC1ncm91cC1yb2xlLWFzc2lnbm1lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvYWRtaW4vbGRhcC1ncm91cC1yb2xlLWFzc2lnbm1lbnQvbGRhcC1ncm91cC1yb2xlLWFzc2lnbm1lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvYWRtaW4vbGRhcC1ncm91cC1yb2xlLWFzc2lnbm1lbnQvbGRhcC1ncm91cC1yb2xlLWFzc2lnbm1lbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQ0gsd0NBQXdDLEVBQ3hDLDhCQUE4QixHQUNqQyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFVbEMsTUFBTSxPQUFPLGdDQUFpQyxTQUFRLHdDQUF3QztJQUMxRixZQUFzQixRQUF3QztRQUMxRCxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFERSxhQUFRLEdBQVIsUUFBUSxDQUFnQztJQUU5RCxDQUFDOzs4SEFIUSxnQ0FBZ0M7a0hBQWhDLGdDQUFnQyx3REFKOUI7UUFDUCw4QkFBOEI7S0FDakMsaURDWkwsMHlSQStJQTs0RkRqSWEsZ0NBQWdDO2tCQVI1QyxTQUFTOytCQUNJLCtCQUErQixhQUc5Qjt3QkFDUCw4QkFBOEI7cUJBQ2pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdExkYXBHcm91cFJvbGVBc3NpZ25tZW50Q29tcG9uZW50LFxuICAgIFJvbGVBc3NpZ25tZW50TGRhcEdyb3VwU2VydmljZSxcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1sZGFwLWdyb3VwLXJvbGUtYXNzaWdubWVudCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xkYXAtZ3JvdXAtcm9sZS1hc3NpZ25tZW50LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9sZGFwLWdyb3VwLXJvbGUtYXNzaWdubWVudC5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICBSb2xlQXNzaWdubWVudExkYXBHcm91cFNlcnZpY2VcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIExkYXBHcm91cFJvbGVBc3NpZ25tZW50Q29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RMZGFwR3JvdXBSb2xlQXNzaWdubWVudENvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF9zZXJ2aWNlOiBSb2xlQXNzaWdubWVudExkYXBHcm91cFNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoX3NlcnZpY2UpO1xuICAgIH1cbn1cbiIsIjxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dC5sdC1zbT1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cImZ1bGwtaGVpZ2h0IGZ1bGwtd2lkdGggcGFkZGluZy1kZWZhdWx0XCI+XG5cbiAgICA8ZGl2IGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGZ4RmxleD1cIjQ5XCIgY2xhc3M9XCJyb2xlLWhlaWdodFwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibGRhcEdyb3VwLmxkYXBHcm91cHMkIHwgYXN5bmMgYXMgbGRhcEdyb3Vwc19cIj5cblxuICAgICAgICAgICAgPG1hdC10b29sYmFyIGNvbG9yPVwicHJpbWFyeVwiIGNsYXNzPVwibWluLWhlaWdodC1yYWRpdXNcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiBtYXRUb29sdGlwPVwie3tsZGFwR3JvdXBzXy5sZW5ndGh9fS97e2xkYXBHcm91cC50b3RhbExkYXBHcm91cHN9fVwiPlxuICAgICAgICAgICAgICAgICAgICB7eydhZG1pbi5sZGFwR3JvdXAtbGlzdC5jb3VudCcgfCB0cmFuc2xhdGUgfX06IHt7bGRhcEdyb3Vwc18ubGVuZ3RofX1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPGRpdiBmeEZsZXg9XCI1XCI+PC9kaXY+XG5cbiAgICAgICAgICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGNsYXNzPVwibmV0Z3JpZi1pbnB1dCBuZXRncmlmLWlucHV0LXNlYXJjaC1maXhcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGZ4RmxleD1cIjEwMFwiIGNsYXNzPVwibGRhcEdyb3VwLWFzc2lnbi1zZWFyY2hcIiBjb2xvcj1cInByaW1hcnlcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIG1hdFByZWZpeCBjbGFzcz1cInByZWZpeC1pY29uXCI+c2VhcmNoPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCBbZm9ybUNvbnRyb2xdPVwic2VhcmNoTGRhcEdyb3VwQ29udHJvbFwiIHBsYWNlaG9sZGVyPVwie3sgJ3NpZGUtbWVudS5sZGFwR3JvdXAuY2hvb3NlJyB8IHRyYW5zbGF0ZSB9fVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjb2xvcj1cIndhcm5cIiAqbmdJZj1cInNlYXJjaExkYXBHcm91cENvbnRyb2wudmFsdWVcIiBtYXRTdWZmaXggbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWFyY2hMZGFwR3JvdXBDb250cm9sLnNldFZhbHVlKCcnKVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5jbG9zZTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgICAgIDxzcGFuIHN0eWxlPVwiZmxleDogMSAxIGF1dG87XCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIG1hdFRvb2x0aXA9XCJ7eyAnc2lkZS1tZW51LnRvb2x0aXAuU2VsZWN0QWxsJyB8IHRyYW5zbGF0ZSB9fVwiIChjbGljayk9XCJzZWxlY3RBbGxMZGFwR3JvdXAodHJ1ZSlcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPmRvbmVfYWxsPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBtYXRUb29sdGlwPVwie3sgJ3NpZGUtbWVudS50b29sdGlwLkRlc2VsZWN0QWxsJyB8IHRyYW5zbGF0ZSB9fVwiIChjbGljayk9XCJzZWxlY3RBbGxMZGFwR3JvdXAoZmFsc2UpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5jbGVhcjwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L21hdC10b29sYmFyPlxuXG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiKGxkYXBHcm91cC5sb2FkaW5nJCB8IGFzeW5jKSA9PT0gZmFsc2UgJiYgbGRhcEdyb3Vwc18ubGVuZ3RoID09PSAwXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIlxuICAgICAgICAgICAgICAgICBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGZ4RmxleCBjbGFzcz1cIm1hcmdpbi10b3AteDJcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24gY29sb3I9XCJhY2NlbnRcIiBjbGFzcz1cIm1hcmdpbi1ib3R0b20tZGVmYXVsdCBuby1sZGFwR3JvdXAtaWNvblwiPnBlcm1faWRlbnRpdHk8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZm9udC1zaXplLTIwXCI+e3sgJ2FkbWluLmxkYXBHcm91cC1saXN0Lm5vTGRhcEdyb3Vwc1dlcmVGb3VuZCcgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8bWF0LXNlbGVjdGlvbi1saXN0ICNsZGFwR3JvdXBMaXN0IGNvbG9yPVwicHJpbWFyeVwiIGZ4RmxleD1cIjEwMFwiIGNsYXNzPVwiZnVsbC13aWR0aCBhZHZhbmNlZC1vcHRpb24tbGlzdFwiPlxuXG4gICAgICAgICAgICAgICAgPGNkay12aXJ0dWFsLXNjcm9sbC12aWV3cG9ydCBpdGVtU2l6ZT1cIjQ4XCIgKHNjcm9sbGVkSW5kZXhDaGFuZ2UpPVwibG9hZE5leHRMZGFwR3JvdXBQYWdlKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmdWxsLXdpZHRoIGZ1bGwtaGVpZ2h0XCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtbGlzdC1vcHRpb24gY2xhc3M9XCJtaW4taGVpZ2h0LW9wdGlvblwiICpjZGtWaXJ0dWFsRm9yPVwibGV0IGxkYXBHcm91cCBvZiBsZGFwR3JvdXBzXzsgbGV0IGkgPSBpbmRleDtcIiBjaGVja2JveFBvc2l0aW9uPVwiYmVmb3JlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2VsZWN0ZWRdPVwibGRhcEdyb3VwLnNlbGVjdGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPVwibGRhcEdyb3VwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2xpc3QtaXRlbS1zZWxlY3RlZCc6bGRhcEdyb3VwLnNlbGVjdGVkfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImxkYXBHcm91cC50b2dnbGUoKTthdXRvU2VsZWN0Um9sZXMoKVwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBmeExheW91dD1cInJvd1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGgzIG1hdExpbmUgY2xhc3M9XCJwcmltYXJ5LWNvbG9yLWxpbmVcIj57e2xkYXBHcm91cC5jbn19PC9oMz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxwICpuZ0lmPVwibGRhcEdyb3VwLmRlc2NyaXB0aW9uICE9PSB1bmRlZmluZWRcIiBtYXRMaW5lIGNsYXNzPVwicGFyYWdyYXBoLWZpeFwiPkROOiB7e2xkYXBHcm91cC5kbn19LCBEZXNjcmlwdGlvbjoge3tsZGFwR3JvdXAuZGVzY3JpcHRpb259fTwvcD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxwICpuZ0lmPVwibGRhcEdyb3VwLmRlc2NyaXB0aW9uID09PSB1bmRlZmluZWRcIiBtYXRMaW5lIGNsYXNzPVwicGFyYWdyYXBoLWZpeFwiPkROOiB7e2xkYXBHcm91cC5kbn19PC9wPlxuICAgICAgICAgICAgICAgICAgICA8L21hdC1saXN0LW9wdGlvbj5cblxuICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwibGRhcEdyb3VwLmxvYWRpbmckIHwgYXN5bmNcIiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LXNwaW5uZXIgY29sb3I9XCJwcmltYXJ5XCIgZGlhbWV0ZXI9XCI1MFwiPjwvbWF0LXNwaW5uZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgICAgPC9jZGstdmlydHVhbC1zY3JvbGwtdmlld3BvcnQ+XG5cbiAgICAgICAgICAgIDwvbWF0LXNlbGVjdGlvbi1saXN0PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgZnhGbGV4PVwiMlwiPjwvZGl2PlxuXG4gICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBmeEZsZXg9XCI0OVwiIGNsYXNzPVwicm9sZS1oZWlnaHRcIj5cblxuICAgICAgICA8bWF0LXRvb2xiYXIgY29sb3I9XCJwcmltYXJ5XCIgY2xhc3M9XCJtaW4taGVpZ2h0LXJhZGl1c1wiPlxuICAgICAgICAgICAgPHNwYW4+e3snYWRtaW4ucHJvY2Vzcy1saXN0Lmxpc3RUaXRsZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIHN0eWxlPVwiZmxleDogMSAxIGF1dG87XCI+PC9zcGFuPlxuICAgICAgICAgICAgPG1hdC1zcGlubmVyICpuZ0lmPVwibGRhcEdyb3VwLnVwZGF0aW5nJCB8IGFzeW5jXCIgY29sb3I9XCJhY2NlbnRcIiBkaWFtZXRlcj1cIjMwXCI+PC9tYXQtc3Bpbm5lcj5cbiAgICAgICAgPC9tYXQtdG9vbGJhcj5cblxuICAgICAgICA8ZGl2ICpuZ0lmPVwiKGxkYXBHcm91cC5sb2FkaW5nJCB8IGFzeW5jKSA9PT0gZmFsc2UgJiYgbmV0cy5wcm9jZXNzZXMubGVuZ3RoID09PSAwXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIlxuICAgICAgICAgICAgIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgZnhGbGV4IGNsYXNzPVwibWFyZ2luLXRvcC14MlwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwiYWNjZW50XCIgY2xhc3M9XCJtYXJnaW4tYm90dG9tLWRlZmF1bHQgbm8tbGRhcEdyb3VwLWljb25cIj50aW1lbGluZTwvbWF0LWljb24+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZvbnQtc2l6ZS0yMFwiPnt7ICdhZG1pbi5wcm9jZXNzLWxpc3Qubm9Qcm9jZXNzZXNXZXJlRm91bmQnIHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxtYXQtYWNjb3JkaW9uIGNsYXNzPVwiZnVsbC13aWR0aCBtYXJnaW4tdG9wLWRlZmF1bHQgcHJvY2Vzcy1saXN0LWFjY29yZGlvblwiIG11bHRpIGZ4RmxleD5cblxuICAgICAgICAgICAgPG1hdC1leHBhbnNpb24tcGFuZWwgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbmV0cy5wcm9jZXNzZXM7IGxldCBsYXN0ID0gbGFzdDtcIiAoYWZ0ZXJFeHBhbmQpPVwibmV0cy5sb2FkUHJvY2Vzc0l0ZW1Sb2xlcyhpdGVtKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoYWZ0ZXJDb2xsYXBzZSk9XCJuZXRzLnByZXBhcmVUb1RyeUFnYWluVG9Mb2FkUm9sZXMoaXRlbSlcIiBjbGFzcz1cInBhbmVsLWJvZHlcIiBbbmdDbGFzc109XCJ7J3BhbmVsLWxhc3QnOmxhc3R9XCI+XG5cbiAgICAgICAgICAgICAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXIgY2xhc3M9XCJyb2xlLWhlYWRlciBwYW5lbC1jb2xvclwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LXBhbmVsLXRpdGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiaXRlbS5zb21lUm9sZXNTZWxlY3RlZFwiIGNvbG9yPVwiYWNjZW50XCIgY2xhc3M9XCJtYXJnaW4tcmlnaHQteDJcIj50b3VyPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7aXRlbS5pbml0aWFsc319IC0ge3tpdGVtLnRpdGxlfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LXBhbmVsLXRpdGxlPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LXBhbmVsLWRlc2NyaXB0aW9uIGNsYXNzPVwicHJvY2Vzcy1pdGVtLWRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwicHJvY2Vzcy1pdGVtLWRlc2NyaXB0aW9uIGZ1bGwtd2lkdGhcIj57eydhZG1pbi5wcm9jZXNzLWxpc3QubmV3ZXN0VmVyc2lvbicgfCB0cmFuc2xhdGV9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDoge3tpdGVtLm5ld2VzdFZlcnNpb259fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9tYXQtcGFuZWwtZGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgICAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cblxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJpdGVtLmxvYWRpbmdcIiBmeEZsZXg9XCIxMDBcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1wcm9ncmVzcy1iYXIgbW9kZT1cImluZGV0ZXJtaW5hdGVcIiBjb2xvcj1cInByaW1hcnlcIj48L21hdC1wcm9ncmVzcy1iYXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIWl0ZW0ubG9hZGluZyAmJiBpdGVtLmVtcHR5Um9sZXNcIiBmeExheW91dD1cImNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgICBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGZ4RmxleCBjbGFzcz1cImZ1bGwtd2lkdGggZnVsbC1oZWlnaHQgbmV0LXBhbmVsLWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwiYWNjZW50XCIgY2xhc3M9XCJtYXJnaW4tYm90dG9tLWRlZmF1bHRcIj5hY2NvdW50X2NpcmNsZTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZm9udC1zaXplLTE1XCI+e3sgJ2FkbWluLnByb2Nlc3MtbGlzdC5ub1JvbGVzJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cIiFpdGVtLmxvYWRpbmcgJiYgIWl0ZW0uZW1wdHlSb2xlc1wiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IHN0YXJ0XCJcbiAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZnVsbC1oZWlnaHQgZnVsbC13aWR0aCBuZXQtcGFuZWwtY29udGVudFwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBuZXQgb2YgaXRlbS5wcm9jZXNzZXM7IGxldCBmaXJzdCA9IGZpcnN0XCIgZnhMYXlvdXQ9XCJjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtZGl2aWRlciAqbmdJZj1cIiFmaXJzdFwiIHN0eWxlPVwicG9zaXRpb246IHJlbGF0aXZlXCI+PC9tYXQtZGl2aWRlcj5cblxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZ1bGwtd2lkdGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleCBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMyBjbGFzcz1cIm1hcmdpbi1ub25lXCIgKm5nSWY9XCJmaXJzdFwiPnt7ICdhZG1pbi5wcm9jZXNzLWxpc3Qucm9sZXMnIHwgdHJhbnNsYXRlfX08L2gzPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgZnhGbGV4IGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uIG1hdFRvb2x0aXA9XCJ7e2l0ZW0uc29tZVJvbGVzU2VsZWN0ZWQgPyAnRGVzZWxlY3QgQWxsJyA6ICdTZWxlY3QgQWxsJ319XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwidG9nZ2xlQWxsUm9sZXMobmV0LCAhaXRlbS5zb21lUm9sZXNTZWxlY3RlZClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7bmV0LnZlcnNpb259fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleD48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LXNlbGVjdGlvbi1saXN0IGNvbG9yPVwiYWNjZW50XCIgZnhMYXlvdXQ9XCJyb3cgd3JhcFwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZ1bGwtd2lkdGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWxpc3Qtb3B0aW9uICpuZ0Zvcj1cImxldCByb2xlIG9mIG5ldC5yb2xlc1wiIGNoZWNrYm94UG9zaXRpb249XCJiZWZvcmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3NlbGVjdGVkXT1cInJvbGUuc2VsZWN0ZWRcIiAoY2xpY2spPVwicm9sZS50b2dnbGUoKTt1cGRhdGUocm9sZSlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZnhGbGV4PVwiNTBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgzIG1hdExpbmU+e3tyb2xlLm5hbWV9fTwvaDM+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtbGlzdC1vcHRpb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1zZWxlY3Rpb24tbGlzdD5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbD5cblxuICAgICAgICA8L21hdC1hY2NvcmRpb24+XG5cbiAgICAgICAgPGRpdiAqbmdJZj1cIm5ldHMubG9hZGluZyQgfCBhc3luY1wiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBmeEZsZXg9XCIxMDBcIj5cbiAgICAgICAgICAgIDxtYXQtc3Bpbm5lciBjb2xvcj1cInByaW1hcnlcIiBkaWFtZXRlcj1cIjY1XCI+PC9tYXQtc3Bpbm5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/admin/role-assignment/role-assignment.component.mjs

@@ -3,8 +3,8 @@ import { AbstractRoleAssignmentComponent, RoleAssignmentService } from '@netgrif
 import * as i0 from "@angular/core";
 import * as i1 from "@netgrif/components-core";
 import * as i2 from "@angular/material/toolbar";
-import * as i3 from "@angular/material/icon";
-import * as i4 from "@angular/material/form-field";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/icon";
 import * as i5 from "@angular/material/button";
 import * as i6 from "@angular/material/list";
 import * as i7 from "@angular/cdk/scrolling";
@@ -30,11 +30,11 @@ export class RoleAssignmentComponent extends AbstractRoleAssignmentComponent {
 RoleAssignmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RoleAssignmentComponent, deps: [{ token: i1.RoleAssignmentService }, { token: i1.UserService }], target: i0.ɵɵFactoryTarget.Component });
 RoleAssignmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: RoleAssignmentComponent, selector: "nc-role-assignment", providers: [
         RoleAssignmentService
-    ], usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"full-height full-width padding-default\">\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"47\" class=\"full-height\">\n        <ng-container *ngIf=\"users.users$ | async as users_\">\n\n            <mat-toolbar color=\"primary\" class=\"min-height-72\">\n                <span matTooltip=\"{{users_.length}}/{{users.totalUsers}}\">\n                    {{'admin.user-list.listTitle' | translate}}\n                </span>\n                <div fxFlex=\"5\"></div>\n\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input netgrif-input-fix netgrif-input-primary-fix netgrif-input-search-fix\">\n                    <mat-icon fxFlex class=\"search-icon\">search</mat-icon>\n                    <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\" appearance=\"outline\">\n                        <mat-label>{{ 'side-menu.user.choose' | translate }}</mat-label>\n                        <input matInput [formControl]=\"searchUserControl\">\n                        <button mat-button *ngIf=\"searchUserControl.value\" matSuffix mat-icon-button\n                                (click)=\"searchUserControl.setValue('')\">\n                            <mat-icon>close</mat-icon>\n                        </button>\n                    </mat-form-field>\n                </div>\n\n                <span style=\"flex: 1 1 auto;\"></span>\n                <button disabled mat-icon-button\n                        matTooltip=\"{{userMultiSelect ? 'Multi selection' : 'Single selection'}}\"\n                        (click)=\"userMultiSelect = !userMultiSelect\">\n                    <mat-icon>{{userMultiSelect ? 'group' : 'person'}}</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.SelectAll' | translate }}\" (click)=\"selectAllUsers(true)\">\n                    <mat-icon>done_all</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.DeselectAll' | translate }}\" (click)=\"selectAllUsers(false)\">\n                    <mat-icon>clear</mat-icon>\n                </button>\n            </mat-toolbar>\n\n            <div *ngIf=\"(users.loading$ | async) === false && users_.length === 0\" fxLayout=\"column\"\n                 fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n                <mat-icon color=\"accent\" class=\"margin-bottom-default no-user-icon\">perm_identity</mat-icon>\n                <span class=\"font-size-20\">{{ 'admin.user-list.noUsersWereFound' | translate}}</span>\n            </div>\n\n            <mat-selection-list #userList color=\"accent\" fxFlex=\"100\" class=\"full-width\">\n\n                <cdk-virtual-scroll-viewport itemSize=\"72\" (scrolledIndexChange)=\"loadNextUserPage()\"\n                                             class=\"full-width full-height\">\n                    <mat-list-option *cdkVirtualFor=\"let user of users_; let i = index;\" checkboxPosition=\"before\"\n                                     [selected]=\"user.selected\"\n                                     [value]=\"user\"\n                                     [ngClass]=\"{'list-item-selected':user.selected}\"\n                                     (click)=\"user.toggle();autoSelectRoles()\">\n                        <h3 matLine>{{user.fullName}}</h3>\n                        <p matLine>ID: {{user.id}}, Email: {{user.email}}</p>\n                    </mat-list-option>\n\n                    <div *ngIf=\"users.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n                        <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n                    </div>\n\n                </cdk-virtual-scroll-viewport>\n\n            </mat-selection-list>\n        </ng-container>\n    </div>\n\n    <div fxFlex=\"3\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"50\" class=\"full-height\">\n\n        <mat-toolbar color=\"primary\" class=\"min-height-72\">\n            <span>{{'admin.process-list.listTitle' | translate}}</span>\n            <span style=\"flex: 1 1 auto;\"></span>\n            <mat-spinner *ngIf=\"users.updating$ | async\" color=\"accent\" diameter=\"30\"></mat-spinner>\n        </mat-toolbar>\n\n        <div *ngIf=\"(users.loading$ | async) === false && nets.processes.length === 0\" fxLayout=\"column\"\n             fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n            <mat-icon color=\"accent\" class=\"margin-bottom-default no-user-icon\">timeline</mat-icon>\n            <span class=\"font-size-20\">{{ 'admin.process-list.noProcessesWereFound' | translate}}</span>\n        </div>\n\n        <mat-accordion class=\"full-width margin-top-default process-list-accordion\" multi fxFlex>\n\n            <mat-expansion-panel *ngFor=\"let item of nets.processes\" (afterExpand)=\"nets.loadProcessItemRoles(item)\"\n                                 (afterCollapse)=\"nets.prepareToTryAgainToLoadRoles(item)\">\n\n                <mat-expansion-panel-header>\n                    <mat-panel-title>\n                        <mat-icon *ngIf=\"item.someRolesSelected\" color=\"accent\" class=\"margin-right-x2\">tour</mat-icon>\n                        <span>{{item.initials}} - {{item.title}}</span>\n                    </mat-panel-title>\n                    <mat-panel-description class=\"process-item-description\">\n                        <span\n                            class=\"process-item-description full-width\">{{'admin.process-list.newestVersion' | translate}}\n                            : {{item.newestVersion}}</span>\n                    </mat-panel-description>\n                </mat-expansion-panel-header>\n\n                <div *ngIf=\"item.loading\" fxFlex=\"100\" class=\"full-width\">\n                    <mat-progress-bar mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n                </div>\n\n                <div *ngIf=\"!item.loading && item.emptyRoles\" fxLayout=\"column\"\n                     fxLayoutAlign=\"center center\" fxFlex class=\"full-width full-height net-panel-content\">\n                    <mat-icon color=\"accent\" class=\"margin-bottom-default\">account_circle</mat-icon>\n                    <span class=\"font-size-15\">{{ 'admin.process-list.noRoles' | translate}}</span>\n                </div>\n\n                <div *ngIf=\"!item.loading && !item.emptyRoles\" fxLayout=\"column\" fxLayoutAlign=\"start start\"\n                     class=\"full-height full-width net-panel-content\">\n                    <h3>{{ 'admin.process-list.roles' | translate}}</h3>\n                    <div *ngFor=\"let net of item.processes; let first = first\" fxLayout=\"column\"\n                         fxLayoutAlign=\"start center\" class=\"full-width\">\n                        <mat-divider *ngIf=\"!first\" style=\"position: relative\"></mat-divider>\n\n                        <button mat-button matTooltip=\"{{item.someRolesSelected ? 'Deselect All' : 'Select All'}}\"\n                                (click)=\"toggleAllRoles(net, !item.someRolesSelected)\">\n                            {{net.version}}\n                        </button>\n\n                        <mat-selection-list color=\"accent\" fxLayout=\"row wrap\" fxLayoutAlign=\"start center\"\n                                            class=\"full-width\">\n                            <mat-list-option *ngFor=\"let role of net.roles\" checkboxPosition=\"before\"\n                                             [selected]=\"role.selected\" (click)=\"role.toggle();update(role)\"\n                                             fxFlex=\"50\">\n                                <h3 matLine>{{role.name}}</h3>\n                            </mat-list-option>\n                        </mat-selection-list>\n                    </div>\n                </div>\n\n            </mat-expansion-panel>\n\n        </mat-accordion>\n\n        <div *ngIf=\"nets.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex=\"100\">\n            <mat-spinner color=\"primary\" diameter=\"65\"></mat-spinner>\n        </div>\n    </div>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-list-item-margin{margin:4px 0}.net-panel-content{padding-left:24px;padding-right:24px;padding-bottom:24px}.font-size-20{font-size:20px}.font-size-15{font-size:15px}.no-user-icon{font-size:40px;width:40px;height:40px}.process-item-description{text-align:right}.process-list-accordion{overflow-y:auto;padding:0 2px 4px}.user-assign-search{width:100%}.search-icon{margin-right:10px}.min-height-72{min-height:72px}\n"], components: [{ type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i7.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: i6.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i9.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i9.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i10.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i11.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i12.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i12.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i12.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i15.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i16.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i16.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i16.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.MatSuffix, selector: "[matSuffix]" }, { type: i7.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i7.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i17.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i18.MatLine, selector: "[mat-line], [matLine]" }, { type: i9.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i9.MatExpansionPanelDescription, selector: "mat-panel-description" }], pipes: { "async": i13.AsyncPipe, "translate": i19.TranslatePipe } });
+    ], usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"start center\" class=\"full-height full-width padding-default\">\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"49\" class=\"role-height\">\n        <ng-container *ngIf=\"users.users$ | async as users_\">\n\n            <mat-toolbar color=\"primary\" class=\"min-height-radius\">\n                <span matTooltip=\"{{users_.length}}/{{users.totalUsers}}\">\n                    {{'admin.user-list.listTitle' | translate}}\n                </span>\n                <div fxFlex=\"5\"></div>\n\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input netgrif-input-search-fix\">\n                    <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\" appearance=\"outline\">\n                        <mat-icon matPrefix class=\"prefix-icon\">search</mat-icon>\n                        <mat-label>{{ 'side-menu.user.choose' | translate }}</mat-label>\n                        <input matInput [formControl]=\"searchUserControl\">\n                        <button *ngIf=\"searchUserControl.value\" matSuffix mat-icon-button\n                                (click)=\"searchUserControl.setValue('')\" color=\"warn\">\n                            <mat-icon>close</mat-icon>\n                        </button>\n                    </mat-form-field>\n                </div>\n\n                <span style=\"flex: 1 1 auto;\"></span>\n                <button disabled mat-icon-button\n                        matTooltip=\"{{userMultiSelect ? 'Multi selection' : 'Single selection'}}\"\n                        (click)=\"userMultiSelect = !userMultiSelect\">\n                    <mat-icon>{{userMultiSelect ? 'group' : 'person'}}</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.SelectAll' | translate }}\" (click)=\"selectAllUsers(true)\">\n                    <mat-icon>done_all</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.DeselectAll' | translate }}\" (click)=\"selectAllUsers(false)\">\n                    <mat-icon>clear</mat-icon>\n                </button>\n            </mat-toolbar>\n\n            <div *ngIf=\"(users.loading$ | async) === false && users_.length === 0\" fxLayout=\"column\"\n                 fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n                <mat-icon color=\"accent\" class=\"margin-bottom-default no-user-icon\">perm_identity</mat-icon>\n                <span class=\"font-size-20\">{{ 'admin.user-list.noUsersWereFound' | translate}}</span>\n            </div>\n\n            <mat-selection-list #userList color=\"primary\" fxFlex=\"100\" class=\"full-width advanced-option-list\">\n\n                <cdk-virtual-scroll-viewport itemSize=\"48\" (scrolledIndexChange)=\"loadNextUserPage()\"\n                                             class=\"full-width full-height\">\n                    <mat-list-option class=\"min-height-option\" *cdkVirtualFor=\"let user of users_; let i = index;\" checkboxPosition=\"before\"\n                                     [selected]=\"user.selected\"\n                                     [value]=\"user\"\n                                     [ngClass]=\"{'list-item-selected':user.selected}\"\n                                     (click)=\"user.toggle();autoSelectRoles()\" fxLayoutAlign=\"start center\" fxLayout=\"row\">\n                        <h3 matLine class=\"primary-color-line\">{{user.fullName}}</h3>\n                        <p matLine class=\"paragraph-fix\">ID: {{user.id}}, Email: {{user.email}}</p>\n                    </mat-list-option>\n\n                    <div *ngIf=\"users.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n                        <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n                    </div>\n\n                </cdk-virtual-scroll-viewport>\n\n            </mat-selection-list>\n        </ng-container>\n    </div>\n\n    <div fxFlex=\"2\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"49\" class=\"role-height\">\n\n        <mat-toolbar color=\"primary\" class=\"min-height-radius\">\n            <span>{{'admin.process-list.listTitle' | translate}}</span>\n            <span style=\"flex: 1 1 auto;\"></span>\n            <mat-spinner *ngIf=\"users.updating$ | async\" color=\"accent\" diameter=\"30\"></mat-spinner>\n        </mat-toolbar>\n\n        <div *ngIf=\"(users.loading$ | async) === false && nets.processes.length === 0\" fxLayout=\"column\"\n             fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n            <mat-icon color=\"accent\" class=\"margin-bottom-default no-user-icon\">timeline</mat-icon>\n            <span class=\"font-size-20\">{{ 'admin.process-list.noProcessesWereFound' | translate}}</span>\n        </div>\n\n        <mat-accordion class=\"full-width margin-top-default process-list-accordion\" multi fxFlex>\n\n            <mat-expansion-panel *ngFor=\"let item of nets.processes; let last = last;\" (afterExpand)=\"nets.loadProcessItemRoles(item)\"\n                                 (afterCollapse)=\"nets.prepareToTryAgainToLoadRoles(item)\" class=\"panel-body\" [ngClass]=\"{'panel-last':last}\">\n\n                <mat-expansion-panel-header class=\"role-header panel-color\">\n                    <mat-panel-title>\n                        <mat-icon *ngIf=\"item.someRolesSelected\" color=\"accent\" class=\"margin-right-x2\">tour</mat-icon>\n                        <span>{{item.initials}} - {{item.title}}</span>\n                    </mat-panel-title>\n                    <mat-panel-description class=\"process-item-description\">\n                        <span\n                            class=\"process-item-description full-width\">{{'admin.process-list.newestVersion' | translate}}\n                            : {{item.newestVersion}}</span>\n                    </mat-panel-description>\n                </mat-expansion-panel-header>\n\n                <div *ngIf=\"item.loading\" fxFlex=\"100\" class=\"full-width\">\n                    <mat-progress-bar mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n                </div>\n\n                <div *ngIf=\"!item.loading && item.emptyRoles\" fxLayout=\"column\"\n                     fxLayoutAlign=\"center center\" fxFlex class=\"full-width full-height net-panel-content\">\n                    <mat-icon color=\"accent\" class=\"margin-bottom-default\">account_circle</mat-icon>\n                    <span class=\"font-size-15\">{{ 'admin.process-list.noRoles' | translate}}</span>\n                </div>\n\n                <div *ngIf=\"!item.loading && !item.emptyRoles\" fxLayout=\"column\" fxLayoutAlign=\"start start\"\n                     class=\"full-height full-width net-panel-content\">\n\n                    <div *ngFor=\"let net of item.processes; let first = first\" fxLayout=\"column\"\n                         fxLayoutAlign=\"start center\" class=\"full-width\">\n                        <mat-divider *ngIf=\"!first\" style=\"position: relative\"></mat-divider>\n\n                        <div class=\"full-width\">\n                            <div fxFlex fxLayoutAlign=\"start center\">\n                                <h3 class=\"margin-none\" *ngIf=\"first\">{{ 'admin.process-list.roles' | translate}}</h3>\n                            </div>\n                            <div fxFlex fxLayoutAlign=\"center center\">\n                                <button mat-stroked-button matTooltip=\"{{item.someRolesSelected ? 'Deselect All' : 'Select All'}}\"\n                                        (click)=\"toggleAllRoles(net, !item.someRolesSelected)\">\n                                    {{net.version}}\n                                </button>\n                            </div>\n                            <div fxFlex></div>\n                        </div>\n\n\n                        <mat-selection-list color=\"accent\" fxLayout=\"row wrap\" fxLayoutAlign=\"start center\"\n                                            class=\"full-width\">\n                            <mat-list-option *ngFor=\"let role of net.roles\" checkboxPosition=\"before\"\n                                             [selected]=\"role.selected\" (click)=\"role.toggle();update(role)\"\n                                             fxFlex=\"50\">\n                                <h3 matLine>{{role.name}}</h3>\n                            </mat-list-option>\n                        </mat-selection-list>\n                    </div>\n                </div>\n\n            </mat-expansion-panel>\n\n        </mat-accordion>\n\n        <div *ngIf=\"nets.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex=\"100\">\n            <mat-spinner color=\"primary\" diameter=\"65\"></mat-spinner>\n        </div>\n    </div>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-list-item-margin{margin:4px 0}.net-panel-content{padding-left:24px;padding-right:24px;padding-bottom:24px}.font-size-20{font-size:20px}.font-size-15{font-size:15px}.no-user-icon{font-size:40px;width:40px;height:40px}.process-item-description{text-align:right}.process-list-accordion{overflow-y:auto;padding:0 2px 4px}.process-list-accordion .mat-expansion-panel-spacing{margin:8px 0}.user-assign-search{width:100%;color:#64748b;min-width:250px;border-radius:6px}.search-icon{margin-right:10px}.min-height-radius{min-height:64px;border-radius:8px}.prefix-icon{font-size:22px}.paragraph-fix{word-break:break-all;white-space:pre-wrap!important}.min-height-option{height:auto!important;min-height:48px;padding:3px 0!important}.role-header{min-height:48px!important;height:auto!important}.panel-last{padding-bottom:16px}.margin-none{margin-top:0!important;margin-bottom:0!important}.role-height{height:100%;min-height:100%}@media only screen and (max-width: 599.99px){.role-height{height:50%;min-height:50%;width:100%}}\n"], components: [{ type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i7.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: i6.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i9.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i9.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i10.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i11.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i12.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i12.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i12.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i3.MatPrefix, selector: "[matPrefix]" }, { type: i3.MatLabel, selector: "mat-label" }, { type: i15.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i16.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i16.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i16.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.MatSuffix, selector: "[matSuffix]" }, { type: i7.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i7.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i17.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i18.MatLine, selector: "[mat-line], [matLine]" }, { type: i9.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i9.MatExpansionPanelDescription, selector: "mat-panel-description" }], pipes: { "async": i13.AsyncPipe, "translate": i19.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RoleAssignmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-role-assignment', providers: [
                         RoleAssignmentService
-                    ], template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"full-height full-width padding-default\">\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"47\" class=\"full-height\">\n        <ng-container *ngIf=\"users.users$ | async as users_\">\n\n            <mat-toolbar color=\"primary\" class=\"min-height-72\">\n                <span matTooltip=\"{{users_.length}}/{{users.totalUsers}}\">\n                    {{'admin.user-list.listTitle' | translate}}\n                </span>\n                <div fxFlex=\"5\"></div>\n\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input netgrif-input-fix netgrif-input-primary-fix netgrif-input-search-fix\">\n                    <mat-icon fxFlex class=\"search-icon\">search</mat-icon>\n                    <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\" appearance=\"outline\">\n                        <mat-label>{{ 'side-menu.user.choose' | translate }}</mat-label>\n                        <input matInput [formControl]=\"searchUserControl\">\n                        <button mat-button *ngIf=\"searchUserControl.value\" matSuffix mat-icon-button\n                                (click)=\"searchUserControl.setValue('')\">\n                            <mat-icon>close</mat-icon>\n                        </button>\n                    </mat-form-field>\n                </div>\n\n                <span style=\"flex: 1 1 auto;\"></span>\n                <button disabled mat-icon-button\n                        matTooltip=\"{{userMultiSelect ? 'Multi selection' : 'Single selection'}}\"\n                        (click)=\"userMultiSelect = !userMultiSelect\">\n                    <mat-icon>{{userMultiSelect ? 'group' : 'person'}}</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.SelectAll' | translate }}\" (click)=\"selectAllUsers(true)\">\n                    <mat-icon>done_all</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.DeselectAll' | translate }}\" (click)=\"selectAllUsers(false)\">\n                    <mat-icon>clear</mat-icon>\n                </button>\n            </mat-toolbar>\n\n            <div *ngIf=\"(users.loading$ | async) === false && users_.length === 0\" fxLayout=\"column\"\n                 fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n                <mat-icon color=\"accent\" class=\"margin-bottom-default no-user-icon\">perm_identity</mat-icon>\n                <span class=\"font-size-20\">{{ 'admin.user-list.noUsersWereFound' | translate}}</span>\n            </div>\n\n            <mat-selection-list #userList color=\"accent\" fxFlex=\"100\" class=\"full-width\">\n\n                <cdk-virtual-scroll-viewport itemSize=\"72\" (scrolledIndexChange)=\"loadNextUserPage()\"\n                                             class=\"full-width full-height\">\n                    <mat-list-option *cdkVirtualFor=\"let user of users_; let i = index;\" checkboxPosition=\"before\"\n                                     [selected]=\"user.selected\"\n                                     [value]=\"user\"\n                                     [ngClass]=\"{'list-item-selected':user.selected}\"\n                                     (click)=\"user.toggle();autoSelectRoles()\">\n                        <h3 matLine>{{user.fullName}}</h3>\n                        <p matLine>ID: {{user.id}}, Email: {{user.email}}</p>\n                    </mat-list-option>\n\n                    <div *ngIf=\"users.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n                        <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n                    </div>\n\n                </cdk-virtual-scroll-viewport>\n\n            </mat-selection-list>\n        </ng-container>\n    </div>\n\n    <div fxFlex=\"3\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"50\" class=\"full-height\">\n\n        <mat-toolbar color=\"primary\" class=\"min-height-72\">\n            <span>{{'admin.process-list.listTitle' | translate}}</span>\n            <span style=\"flex: 1 1 auto;\"></span>\n            <mat-spinner *ngIf=\"users.updating$ | async\" color=\"accent\" diameter=\"30\"></mat-spinner>\n        </mat-toolbar>\n\n        <div *ngIf=\"(users.loading$ | async) === false && nets.processes.length === 0\" fxLayout=\"column\"\n             fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n            <mat-icon color=\"accent\" class=\"margin-bottom-default no-user-icon\">timeline</mat-icon>\n            <span class=\"font-size-20\">{{ 'admin.process-list.noProcessesWereFound' | translate}}</span>\n        </div>\n\n        <mat-accordion class=\"full-width margin-top-default process-list-accordion\" multi fxFlex>\n\n            <mat-expansion-panel *ngFor=\"let item of nets.processes\" (afterExpand)=\"nets.loadProcessItemRoles(item)\"\n                                 (afterCollapse)=\"nets.prepareToTryAgainToLoadRoles(item)\">\n\n                <mat-expansion-panel-header>\n                    <mat-panel-title>\n                        <mat-icon *ngIf=\"item.someRolesSelected\" color=\"accent\" class=\"margin-right-x2\">tour</mat-icon>\n                        <span>{{item.initials}} - {{item.title}}</span>\n                    </mat-panel-title>\n                    <mat-panel-description class=\"process-item-description\">\n                        <span\n                            class=\"process-item-description full-width\">{{'admin.process-list.newestVersion' | translate}}\n                            : {{item.newestVersion}}</span>\n                    </mat-panel-description>\n                </mat-expansion-panel-header>\n\n                <div *ngIf=\"item.loading\" fxFlex=\"100\" class=\"full-width\">\n                    <mat-progress-bar mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n                </div>\n\n                <div *ngIf=\"!item.loading && item.emptyRoles\" fxLayout=\"column\"\n                     fxLayoutAlign=\"center center\" fxFlex class=\"full-width full-height net-panel-content\">\n                    <mat-icon color=\"accent\" class=\"margin-bottom-default\">account_circle</mat-icon>\n                    <span class=\"font-size-15\">{{ 'admin.process-list.noRoles' | translate}}</span>\n                </div>\n\n                <div *ngIf=\"!item.loading && !item.emptyRoles\" fxLayout=\"column\" fxLayoutAlign=\"start start\"\n                     class=\"full-height full-width net-panel-content\">\n                    <h3>{{ 'admin.process-list.roles' | translate}}</h3>\n                    <div *ngFor=\"let net of item.processes; let first = first\" fxLayout=\"column\"\n                         fxLayoutAlign=\"start center\" class=\"full-width\">\n                        <mat-divider *ngIf=\"!first\" style=\"position: relative\"></mat-divider>\n\n                        <button mat-button matTooltip=\"{{item.someRolesSelected ? 'Deselect All' : 'Select All'}}\"\n                                (click)=\"toggleAllRoles(net, !item.someRolesSelected)\">\n                            {{net.version}}\n                        </button>\n\n                        <mat-selection-list color=\"accent\" fxLayout=\"row wrap\" fxLayoutAlign=\"start center\"\n                                            class=\"full-width\">\n                            <mat-list-option *ngFor=\"let role of net.roles\" checkboxPosition=\"before\"\n                                             [selected]=\"role.selected\" (click)=\"role.toggle();update(role)\"\n                                             fxFlex=\"50\">\n                                <h3 matLine>{{role.name}}</h3>\n                            </mat-list-option>\n                        </mat-selection-list>\n                    </div>\n                </div>\n\n            </mat-expansion-panel>\n\n        </mat-accordion>\n\n        <div *ngIf=\"nets.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex=\"100\">\n            <mat-spinner color=\"primary\" diameter=\"65\"></mat-spinner>\n        </div>\n    </div>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-list-item-margin{margin:4px 0}.net-panel-content{padding-left:24px;padding-right:24px;padding-bottom:24px}.font-size-20{font-size:20px}.font-size-15{font-size:15px}.no-user-icon{font-size:40px;width:40px;height:40px}.process-item-description{text-align:right}.process-list-accordion{overflow-y:auto;padding:0 2px 4px}.user-assign-search{width:100%}.search-icon{margin-right:10px}.min-height-72{min-height:72px}\n"] }]
+                    ], template: "<div fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"start center\" class=\"full-height full-width padding-default\">\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"49\" class=\"role-height\">\n        <ng-container *ngIf=\"users.users$ | async as users_\">\n\n            <mat-toolbar color=\"primary\" class=\"min-height-radius\">\n                <span matTooltip=\"{{users_.length}}/{{users.totalUsers}}\">\n                    {{'admin.user-list.listTitle' | translate}}\n                </span>\n                <div fxFlex=\"5\"></div>\n\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"netgrif-input netgrif-input-search-fix\">\n                    <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\" appearance=\"outline\">\n                        <mat-icon matPrefix class=\"prefix-icon\">search</mat-icon>\n                        <mat-label>{{ 'side-menu.user.choose' | translate }}</mat-label>\n                        <input matInput [formControl]=\"searchUserControl\">\n                        <button *ngIf=\"searchUserControl.value\" matSuffix mat-icon-button\n                                (click)=\"searchUserControl.setValue('')\" color=\"warn\">\n                            <mat-icon>close</mat-icon>\n                        </button>\n                    </mat-form-field>\n                </div>\n\n                <span style=\"flex: 1 1 auto;\"></span>\n                <button disabled mat-icon-button\n                        matTooltip=\"{{userMultiSelect ? 'Multi selection' : 'Single selection'}}\"\n                        (click)=\"userMultiSelect = !userMultiSelect\">\n                    <mat-icon>{{userMultiSelect ? 'group' : 'person'}}</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.SelectAll' | translate }}\" (click)=\"selectAllUsers(true)\">\n                    <mat-icon>done_all</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"{{ 'side-menu.tooltip.DeselectAll' | translate }}\" (click)=\"selectAllUsers(false)\">\n                    <mat-icon>clear</mat-icon>\n                </button>\n            </mat-toolbar>\n\n            <div *ngIf=\"(users.loading$ | async) === false && users_.length === 0\" fxLayout=\"column\"\n                 fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n                <mat-icon color=\"accent\" class=\"margin-bottom-default no-user-icon\">perm_identity</mat-icon>\n                <span class=\"font-size-20\">{{ 'admin.user-list.noUsersWereFound' | translate}}</span>\n            </div>\n\n            <mat-selection-list #userList color=\"primary\" fxFlex=\"100\" class=\"full-width advanced-option-list\">\n\n                <cdk-virtual-scroll-viewport itemSize=\"48\" (scrolledIndexChange)=\"loadNextUserPage()\"\n                                             class=\"full-width full-height\">\n                    <mat-list-option class=\"min-height-option\" *cdkVirtualFor=\"let user of users_; let i = index;\" checkboxPosition=\"before\"\n                                     [selected]=\"user.selected\"\n                                     [value]=\"user\"\n                                     [ngClass]=\"{'list-item-selected':user.selected}\"\n                                     (click)=\"user.toggle();autoSelectRoles()\" fxLayoutAlign=\"start center\" fxLayout=\"row\">\n                        <h3 matLine class=\"primary-color-line\">{{user.fullName}}</h3>\n                        <p matLine class=\"paragraph-fix\">ID: {{user.id}}, Email: {{user.email}}</p>\n                    </mat-list-option>\n\n                    <div *ngIf=\"users.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n                        <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n                    </div>\n\n                </cdk-virtual-scroll-viewport>\n\n            </mat-selection-list>\n        </ng-container>\n    </div>\n\n    <div fxFlex=\"2\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"49\" class=\"role-height\">\n\n        <mat-toolbar color=\"primary\" class=\"min-height-radius\">\n            <span>{{'admin.process-list.listTitle' | translate}}</span>\n            <span style=\"flex: 1 1 auto;\"></span>\n            <mat-spinner *ngIf=\"users.updating$ | async\" color=\"accent\" diameter=\"30\"></mat-spinner>\n        </mat-toolbar>\n\n        <div *ngIf=\"(users.loading$ | async) === false && nets.processes.length === 0\" fxLayout=\"column\"\n             fxLayoutAlign=\"center center\" fxFlex class=\"margin-top-x2\">\n            <mat-icon color=\"accent\" class=\"margin-bottom-default no-user-icon\">timeline</mat-icon>\n            <span class=\"font-size-20\">{{ 'admin.process-list.noProcessesWereFound' | translate}}</span>\n        </div>\n\n        <mat-accordion class=\"full-width margin-top-default process-list-accordion\" multi fxFlex>\n\n            <mat-expansion-panel *ngFor=\"let item of nets.processes; let last = last;\" (afterExpand)=\"nets.loadProcessItemRoles(item)\"\n                                 (afterCollapse)=\"nets.prepareToTryAgainToLoadRoles(item)\" class=\"panel-body\" [ngClass]=\"{'panel-last':last}\">\n\n                <mat-expansion-panel-header class=\"role-header panel-color\">\n                    <mat-panel-title>\n                        <mat-icon *ngIf=\"item.someRolesSelected\" color=\"accent\" class=\"margin-right-x2\">tour</mat-icon>\n                        <span>{{item.initials}} - {{item.title}}</span>\n                    </mat-panel-title>\n                    <mat-panel-description class=\"process-item-description\">\n                        <span\n                            class=\"process-item-description full-width\">{{'admin.process-list.newestVersion' | translate}}\n                            : {{item.newestVersion}}</span>\n                    </mat-panel-description>\n                </mat-expansion-panel-header>\n\n                <div *ngIf=\"item.loading\" fxFlex=\"100\" class=\"full-width\">\n                    <mat-progress-bar mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\n                </div>\n\n                <div *ngIf=\"!item.loading && item.emptyRoles\" fxLayout=\"column\"\n                     fxLayoutAlign=\"center center\" fxFlex class=\"full-width full-height net-panel-content\">\n                    <mat-icon color=\"accent\" class=\"margin-bottom-default\">account_circle</mat-icon>\n                    <span class=\"font-size-15\">{{ 'admin.process-list.noRoles' | translate}}</span>\n                </div>\n\n                <div *ngIf=\"!item.loading && !item.emptyRoles\" fxLayout=\"column\" fxLayoutAlign=\"start start\"\n                     class=\"full-height full-width net-panel-content\">\n\n                    <div *ngFor=\"let net of item.processes; let first = first\" fxLayout=\"column\"\n                         fxLayoutAlign=\"start center\" class=\"full-width\">\n                        <mat-divider *ngIf=\"!first\" style=\"position: relative\"></mat-divider>\n\n                        <div class=\"full-width\">\n                            <div fxFlex fxLayoutAlign=\"start center\">\n                                <h3 class=\"margin-none\" *ngIf=\"first\">{{ 'admin.process-list.roles' | translate}}</h3>\n                            </div>\n                            <div fxFlex fxLayoutAlign=\"center center\">\n                                <button mat-stroked-button matTooltip=\"{{item.someRolesSelected ? 'Deselect All' : 'Select All'}}\"\n                                        (click)=\"toggleAllRoles(net, !item.someRolesSelected)\">\n                                    {{net.version}}\n                                </button>\n                            </div>\n                            <div fxFlex></div>\n                        </div>\n\n\n                        <mat-selection-list color=\"accent\" fxLayout=\"row wrap\" fxLayoutAlign=\"start center\"\n                                            class=\"full-width\">\n                            <mat-list-option *ngFor=\"let role of net.roles\" checkboxPosition=\"before\"\n                                             [selected]=\"role.selected\" (click)=\"role.toggle();update(role)\"\n                                             fxFlex=\"50\">\n                                <h3 matLine>{{role.name}}</h3>\n                            </mat-list-option>\n                        </mat-selection-list>\n                    </div>\n                </div>\n\n            </mat-expansion-panel>\n\n        </mat-accordion>\n\n        <div *ngIf=\"nets.loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex=\"100\">\n            <mat-spinner color=\"primary\" diameter=\"65\"></mat-spinner>\n        </div>\n    </div>\n</div>\n", styles: [".full-height{height:100%;min-height:100%}.full-width{width:100%;min-width:100%}.padding-default{padding:8px}.padding-half{padding:4px}.padding-x2{padding:16px}.margin-default{margin:8px}.margin-half{margin:4px}.margin-x2{margin:16px}.margin-top-default{margin-top:8px}.margin-top-half{margin-top:4px}.margin-top-x2{margin-top:16px}.margin-bottom-default{margin-bottom:8px}.margin-bottom-half{margin-bottom:4px}.margin-bottom-x2{margin-bottom:16px}.margin-left-default{margin-left:8px}.margin-left-half{margin-left:4px}.margin-left-x2{margin-left:16px}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.margin-right-x2{margin-right:16px}.user-list-item-margin{margin:4px 0}.net-panel-content{padding-left:24px;padding-right:24px;padding-bottom:24px}.font-size-20{font-size:20px}.font-size-15{font-size:15px}.no-user-icon{font-size:40px;width:40px;height:40px}.process-item-description{text-align:right}.process-list-accordion{overflow-y:auto;padding:0 2px 4px}.process-list-accordion .mat-expansion-panel-spacing{margin:8px 0}.user-assign-search{width:100%;color:#64748b;min-width:250px;border-radius:6px}.search-icon{margin-right:10px}.min-height-radius{min-height:64px;border-radius:8px}.prefix-icon{font-size:22px}.paragraph-fix{word-break:break-all;white-space:pre-wrap!important}.min-height-option{height:auto!important;min-height:48px;padding:3px 0!important}.role-header{min-height:48px!important;height:auto!important}.panel-last{padding-bottom:16px}.margin-none{margin-top:0!important;margin-bottom:0!important}.role-height{height:100%;min-height:100%}@media only screen and (max-width: 599.99px){.role-height{height:50%;min-height:50%;width:100%}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.RoleAssignmentService }, { type: i1.UserService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9sZS1hc3NpZ25tZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2FkbWluL3JvbGUtYXNzaWdubWVudC9yb2xlLWFzc2lnbm1lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvYWRtaW4vcm9sZS1hc3NpZ25tZW50L3JvbGUtYXNzaWdubWVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQywrQkFBK0IsRUFBRSxxQkFBcUIsRUFBYyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFVN0csTUFBTSxPQUFPLHVCQUF3QixTQUFRLCtCQUErQjtJQUN4RSxZQUFzQixRQUErQixFQUFZLFlBQXlCO1FBQ3RGLEtBQUssQ0FBQyxRQUFRLEVBQUUsWUFBWSxDQUFDLENBQUM7UUFEWixhQUFRLEdBQVIsUUFBUSxDQUF1QjtRQUFZLGlCQUFZLEdBQVosWUFBWSxDQUFhO0lBRTFGLENBQUM7O3FIQUhRLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLDZDQUpyQjtRQUNQLHFCQUFxQjtLQUN4QixpRENUTCw4bVFBNklBOzRGRGxJYSx1QkFBdUI7a0JBUm5DLFNBQVM7K0JBQ0ksb0JBQW9CLGFBR25CO3dCQUNQLHFCQUFxQjtxQkFDeEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0Um9sZUFzc2lnbm1lbnRDb21wb25lbnQsIFJvbGVBc3NpZ25tZW50U2VydmljZSwgVXNlclNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtcm9sZS1hc3NpZ25tZW50JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcm9sZS1hc3NpZ25tZW50LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9yb2xlLWFzc2lnbm1lbnQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgUm9sZUFzc2lnbm1lbnRTZXJ2aWNlXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBSb2xlQXNzaWdubWVudENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0Um9sZUFzc2lnbm1lbnRDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfc2VydmljZTogUm9sZUFzc2lnbm1lbnRTZXJ2aWNlLCBwcm90ZWN0ZWQgX3VzZXJTZXJ2aWNlOiBVc2VyU2VydmljZSkge1xuICAgICAgICBzdXBlcihfc2VydmljZSwgX3VzZXJTZXJ2aWNlKTtcbiAgICB9XG59XG4iLCI8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGNsYXNzPVwiZnVsbC1oZWlnaHQgZnVsbC13aWR0aCBwYWRkaW5nLWRlZmF1bHRcIj5cblxuICAgIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgZnhGbGV4PVwiNDdcIiBjbGFzcz1cImZ1bGwtaGVpZ2h0XCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ1c2Vycy51c2VycyQgfCBhc3luYyBhcyB1c2Vyc19cIj5cblxuICAgICAgICAgICAgPG1hdC10b29sYmFyIGNvbG9yPVwicHJpbWFyeVwiIGNsYXNzPVwibWluLWhlaWdodC03MlwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIG1hdFRvb2x0aXA9XCJ7e3VzZXJzXy5sZW5ndGh9fS97e3VzZXJzLnRvdGFsVXNlcnN9fVwiPlxuICAgICAgICAgICAgICAgICAgICB7eydhZG1pbi51c2VyLWxpc3QubGlzdFRpdGxlJyB8IHRyYW5zbGF0ZX19XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgIDxkaXYgZnhGbGV4PVwiNVwiPjwvZGl2PlxuXG4gICAgICAgICAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cIm5ldGdyaWYtaW5wdXQgbmV0Z3JpZi1pbnB1dC1maXggbmV0Z3JpZi1pbnB1dC1wcmltYXJ5LWZpeCBuZXRncmlmLWlucHV0LXNlYXJjaC1maXhcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGZ4RmxleCBjbGFzcz1cInNlYXJjaC1pY29uXCI+c2VhcmNoPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGZ4RmxleD1cIjEwMFwiIGNsYXNzPVwidXNlci1hc3NpZ24tc2VhcmNoXCIgY29sb3I9XCJwcmltYXJ5XCIgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtbGFiZWw+e3sgJ3NpZGUtbWVudS51c2VyLmNob29zZScgfCB0cmFuc2xhdGUgfX08L21hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCBbZm9ybUNvbnRyb2xdPVwic2VhcmNoVXNlckNvbnRyb2xcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiAqbmdJZj1cInNlYXJjaFVzZXJDb250cm9sLnZhbHVlXCIgbWF0U3VmZml4IG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VhcmNoVXNlckNvbnRyb2wuc2V0VmFsdWUoJycpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPmNsb3NlPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgICAgPHNwYW4gc3R5bGU9XCJmbGV4OiAxIDEgYXV0bztcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBkaXNhYmxlZCBtYXQtaWNvbi1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIG1hdFRvb2x0aXA9XCJ7e3VzZXJNdWx0aVNlbGVjdCA/ICdNdWx0aSBzZWxlY3Rpb24nIDogJ1NpbmdsZSBzZWxlY3Rpb24nfX1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInVzZXJNdWx0aVNlbGVjdCA9ICF1c2VyTXVsdGlTZWxlY3RcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPnt7dXNlck11bHRpU2VsZWN0ID8gJ2dyb3VwJyA6ICdwZXJzb24nfX08L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIG1hdFRvb2x0aXA9XCJ7eyAnc2lkZS1tZW51LnRvb2x0aXAuU2VsZWN0QWxsJyB8IHRyYW5zbGF0ZSB9fVwiIChjbGljayk9XCJzZWxlY3RBbGxVc2Vycyh0cnVlKVwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24+ZG9uZV9hbGw8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIG1hdFRvb2x0aXA9XCJ7eyAnc2lkZS1tZW51LnRvb2x0aXAuRGVzZWxlY3RBbGwnIHwgdHJhbnNsYXRlIH19XCIgKGNsaWNrKT1cInNlbGVjdEFsbFVzZXJzKGZhbHNlKVwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24+Y2xlYXI8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPC9tYXQtdG9vbGJhcj5cblxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cIih1c2Vycy5sb2FkaW5nJCB8IGFzeW5jKSA9PT0gZmFsc2UgJiYgdXNlcnNfLmxlbmd0aCA9PT0gMFwiIGZ4TGF5b3V0PVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgICAgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBmeEZsZXggY2xhc3M9XCJtYXJnaW4tdG9wLXgyXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwiYWNjZW50XCIgY2xhc3M9XCJtYXJnaW4tYm90dG9tLWRlZmF1bHQgbm8tdXNlci1pY29uXCI+cGVybV9pZGVudGl0eTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmb250LXNpemUtMjBcIj57eyAnYWRtaW4udXNlci1saXN0Lm5vVXNlcnNXZXJlRm91bmQnIHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPG1hdC1zZWxlY3Rpb24tbGlzdCAjdXNlckxpc3QgY29sb3I9XCJhY2NlbnRcIiBmeEZsZXg9XCIxMDBcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIj5cblxuICAgICAgICAgICAgICAgIDxjZGstdmlydHVhbC1zY3JvbGwtdmlld3BvcnQgaXRlbVNpemU9XCI3MlwiIChzY3JvbGxlZEluZGV4Q2hhbmdlKT1cImxvYWROZXh0VXNlclBhZ2UoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZ1bGwtd2lkdGggZnVsbC1oZWlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1saXN0LW9wdGlvbiAqY2RrVmlydHVhbEZvcj1cImxldCB1c2VyIG9mIHVzZXJzXzsgbGV0IGkgPSBpbmRleDtcIiBjaGVja2JveFBvc2l0aW9uPVwiYmVmb3JlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2VsZWN0ZWRdPVwidXNlci5zZWxlY3RlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cInVzZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnbGlzdC1pdGVtLXNlbGVjdGVkJzp1c2VyLnNlbGVjdGVkfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInVzZXIudG9nZ2xlKCk7YXV0b1NlbGVjdFJvbGVzKClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxoMyBtYXRMaW5lPnt7dXNlci5mdWxsTmFtZX19PC9oMz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxwIG1hdExpbmU+SUQ6IHt7dXNlci5pZH19LCBFbWFpbDoge3t1c2VyLmVtYWlsfX08L3A+XG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LWxpc3Qtb3B0aW9uPlxuXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJ1c2Vycy5sb2FkaW5nJCB8IGFzeW5jXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1zcGlubmVyIGNvbG9yPVwicHJpbWFyeVwiIGRpYW1ldGVyPVwiNTBcIj48L21hdC1zcGlubmVyPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgICAgIDwvY2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0PlxuXG4gICAgICAgICAgICA8L21hdC1zZWxlY3Rpb24tbGlzdD5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGZ4RmxleD1cIjNcIj48L2Rpdj5cblxuICAgIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgZnhGbGV4PVwiNTBcIiBjbGFzcz1cImZ1bGwtaGVpZ2h0XCI+XG5cbiAgICAgICAgPG1hdC10b29sYmFyIGNvbG9yPVwicHJpbWFyeVwiIGNsYXNzPVwibWluLWhlaWdodC03MlwiPlxuICAgICAgICAgICAgPHNwYW4+e3snYWRtaW4ucHJvY2Vzcy1saXN0Lmxpc3RUaXRsZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIHN0eWxlPVwiZmxleDogMSAxIGF1dG87XCI+PC9zcGFuPlxuICAgICAgICAgICAgPG1hdC1zcGlubmVyICpuZ0lmPVwidXNlcnMudXBkYXRpbmckIHwgYXN5bmNcIiBjb2xvcj1cImFjY2VudFwiIGRpYW1ldGVyPVwiMzBcIj48L21hdC1zcGlubmVyPlxuICAgICAgICA8L21hdC10b29sYmFyPlxuXG4gICAgICAgIDxkaXYgKm5nSWY9XCIodXNlcnMubG9hZGluZyQgfCBhc3luYykgPT09IGZhbHNlICYmIG5ldHMucHJvY2Vzc2VzLmxlbmd0aCA9PT0gMFwiIGZ4TGF5b3V0PVwiY29sdW1uXCJcbiAgICAgICAgICAgICBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGZ4RmxleCBjbGFzcz1cIm1hcmdpbi10b3AteDJcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBjb2xvcj1cImFjY2VudFwiIGNsYXNzPVwibWFyZ2luLWJvdHRvbS1kZWZhdWx0IG5vLXVzZXItaWNvblwiPnRpbWVsaW5lPC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZm9udC1zaXplLTIwXCI+e3sgJ2FkbWluLnByb2Nlc3MtbGlzdC5ub1Byb2Nlc3Nlc1dlcmVGb3VuZCcgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPG1hdC1hY2NvcmRpb24gY2xhc3M9XCJmdWxsLXdpZHRoIG1hcmdpbi10b3AtZGVmYXVsdCBwcm9jZXNzLWxpc3QtYWNjb3JkaW9uXCIgbXVsdGkgZnhGbGV4PlxuXG4gICAgICAgICAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbCAqbmdGb3I9XCJsZXQgaXRlbSBvZiBuZXRzLnByb2Nlc3Nlc1wiIChhZnRlckV4cGFuZCk9XCJuZXRzLmxvYWRQcm9jZXNzSXRlbVJvbGVzKGl0ZW0pXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChhZnRlckNvbGxhcHNlKT1cIm5ldHMucHJlcGFyZVRvVHJ5QWdhaW5Ub0xvYWRSb2xlcyhpdGVtKVwiPlxuXG4gICAgICAgICAgICAgICAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LXBhbmVsLXRpdGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiaXRlbS5zb21lUm9sZXNTZWxlY3RlZFwiIGNvbG9yPVwiYWNjZW50XCIgY2xhc3M9XCJtYXJnaW4tcmlnaHQteDJcIj50b3VyPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7aXRlbS5pbml0aWFsc319IC0ge3tpdGVtLnRpdGxlfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LXBhbmVsLXRpdGxlPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LXBhbmVsLWRlc2NyaXB0aW9uIGNsYXNzPVwicHJvY2Vzcy1pdGVtLWRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwicHJvY2Vzcy1pdGVtLWRlc2NyaXB0aW9uIGZ1bGwtd2lkdGhcIj57eydhZG1pbi5wcm9jZXNzLWxpc3QubmV3ZXN0VmVyc2lvbicgfCB0cmFuc2xhdGV9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDoge3tpdGVtLm5ld2VzdFZlcnNpb259fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9tYXQtcGFuZWwtZGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgICAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cblxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJpdGVtLmxvYWRpbmdcIiBmeEZsZXg9XCIxMDBcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1wcm9ncmVzcy1iYXIgbW9kZT1cImluZGV0ZXJtaW5hdGVcIiBjb2xvcj1cInByaW1hcnlcIj48L21hdC1wcm9ncmVzcy1iYXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIWl0ZW0ubG9hZGluZyAmJiBpdGVtLmVtcHR5Um9sZXNcIiBmeExheW91dD1cImNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgICBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGZ4RmxleCBjbGFzcz1cImZ1bGwtd2lkdGggZnVsbC1oZWlnaHQgbmV0LXBhbmVsLWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwiYWNjZW50XCIgY2xhc3M9XCJtYXJnaW4tYm90dG9tLWRlZmF1bHRcIj5hY2NvdW50X2NpcmNsZTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZm9udC1zaXplLTE1XCI+e3sgJ2FkbWluLnByb2Nlc3MtbGlzdC5ub1JvbGVzJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cIiFpdGVtLmxvYWRpbmcgJiYgIWl0ZW0uZW1wdHlSb2xlc1wiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IHN0YXJ0XCJcbiAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZnVsbC1oZWlnaHQgZnVsbC13aWR0aCBuZXQtcGFuZWwtY29udGVudFwiPlxuICAgICAgICAgICAgICAgICAgICA8aDM+e3sgJ2FkbWluLnByb2Nlc3MtbGlzdC5yb2xlcycgfCB0cmFuc2xhdGV9fTwvaDM+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IG5ldCBvZiBpdGVtLnByb2Nlc3NlczsgbGV0IGZpcnN0ID0gZmlyc3RcIiBmeExheW91dD1cImNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGNsYXNzPVwiZnVsbC13aWR0aFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1kaXZpZGVyICpuZ0lmPVwiIWZpcnN0XCIgc3R5bGU9XCJwb3NpdGlvbjogcmVsYXRpdmVcIj48L21hdC1kaXZpZGVyPlxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gbWF0VG9vbHRpcD1cInt7aXRlbS5zb21lUm9sZXNTZWxlY3RlZCA/ICdEZXNlbGVjdCBBbGwnIDogJ1NlbGVjdCBBbGwnfX1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwidG9nZ2xlQWxsUm9sZXMobmV0LCAhaXRlbS5zb21lUm9sZXNTZWxlY3RlZClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e25ldC52ZXJzaW9ufX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LXNlbGVjdGlvbi1saXN0IGNvbG9yPVwiYWNjZW50XCIgZnhMYXlvdXQ9XCJyb3cgd3JhcFwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZ1bGwtd2lkdGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWxpc3Qtb3B0aW9uICpuZ0Zvcj1cImxldCByb2xlIG9mIG5ldC5yb2xlc1wiIGNoZWNrYm94UG9zaXRpb249XCJiZWZvcmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3NlbGVjdGVkXT1cInJvbGUuc2VsZWN0ZWRcIiAoY2xpY2spPVwicm9sZS50b2dnbGUoKTt1cGRhdGUocm9sZSlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZnhGbGV4PVwiNTBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgzIG1hdExpbmU+e3tyb2xlLm5hbWV9fTwvaDM+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtbGlzdC1vcHRpb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1zZWxlY3Rpb24tbGlzdD5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbD5cblxuICAgICAgICA8L21hdC1hY2NvcmRpb24+XG5cbiAgICAgICAgPGRpdiAqbmdJZj1cIm5ldHMubG9hZGluZyQgfCBhc3luY1wiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBmeEZsZXg9XCIxMDBcIj5cbiAgICAgICAgICAgIDxtYXQtc3Bpbm5lciBjb2xvcj1cInByaW1hcnlcIiBkaWFtZXRlcj1cIjY1XCI+PC9tYXQtc3Bpbm5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9sZS1hc3NpZ25tZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2FkbWluL3JvbGUtYXNzaWdubWVudC9yb2xlLWFzc2lnbm1lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvYWRtaW4vcm9sZS1hc3NpZ25tZW50L3JvbGUtYXNzaWdubWVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQywrQkFBK0IsRUFBRSxxQkFBcUIsRUFBYyxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFVN0csTUFBTSxPQUFPLHVCQUF3QixTQUFRLCtCQUErQjtJQUN4RSxZQUFzQixRQUErQixFQUFZLFlBQXlCO1FBQ3RGLEtBQUssQ0FBQyxRQUFRLEVBQUUsWUFBWSxDQUFDLENBQUM7UUFEWixhQUFRLEdBQVIsUUFBUSxDQUF1QjtRQUFZLGlCQUFZLEdBQVosWUFBWSxDQUFhO0lBRTFGLENBQUM7O3FIQUhRLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLDZDQUpyQjtRQUNQLHFCQUFxQjtLQUN4QixpRENUTCw4eVJBc0pBOzRGRDNJYSx1QkFBdUI7a0JBUm5DLFNBQVM7K0JBQ0ksb0JBQW9CLGFBR25CO3dCQUNQLHFCQUFxQjtxQkFDeEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0Um9sZUFzc2lnbm1lbnRDb21wb25lbnQsIFJvbGVBc3NpZ25tZW50U2VydmljZSwgVXNlclNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtcm9sZS1hc3NpZ25tZW50JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcm9sZS1hc3NpZ25tZW50LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9yb2xlLWFzc2lnbm1lbnQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgUm9sZUFzc2lnbm1lbnRTZXJ2aWNlXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBSb2xlQXNzaWdubWVudENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0Um9sZUFzc2lnbm1lbnRDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfc2VydmljZTogUm9sZUFzc2lnbm1lbnRTZXJ2aWNlLCBwcm90ZWN0ZWQgX3VzZXJTZXJ2aWNlOiBVc2VyU2VydmljZSkge1xuICAgICAgICBzdXBlcihfc2VydmljZSwgX3VzZXJTZXJ2aWNlKTtcbiAgICB9XG59XG4iLCI8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXQubHQtc209XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgY2xhc3M9XCJmdWxsLWhlaWdodCBmdWxsLXdpZHRoIHBhZGRpbmctZGVmYXVsdFwiPlxuXG4gICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBmeEZsZXg9XCI0OVwiIGNsYXNzPVwicm9sZS1oZWlnaHRcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInVzZXJzLnVzZXJzJCB8IGFzeW5jIGFzIHVzZXJzX1wiPlxuXG4gICAgICAgICAgICA8bWF0LXRvb2xiYXIgY29sb3I9XCJwcmltYXJ5XCIgY2xhc3M9XCJtaW4taGVpZ2h0LXJhZGl1c1wiPlxuICAgICAgICAgICAgICAgIDxzcGFuIG1hdFRvb2x0aXA9XCJ7e3VzZXJzXy5sZW5ndGh9fS97e3VzZXJzLnRvdGFsVXNlcnN9fVwiPlxuICAgICAgICAgICAgICAgICAgICB7eydhZG1pbi51c2VyLWxpc3QubGlzdFRpdGxlJyB8IHRyYW5zbGF0ZX19XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgIDxkaXYgZnhGbGV4PVwiNVwiPjwvZGl2PlxuXG4gICAgICAgICAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cIm5ldGdyaWYtaW5wdXQgbmV0Z3JpZi1pbnB1dC1zZWFyY2gtZml4XCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBmeEZsZXg9XCIxMDBcIiBjbGFzcz1cInVzZXItYXNzaWduLXNlYXJjaFwiIGNvbG9yPVwicHJpbWFyeVwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gbWF0UHJlZml4IGNsYXNzPVwicHJlZml4LWljb25cIj5zZWFyY2g8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD57eyAnc2lkZS1tZW51LnVzZXIuY2hvb3NlJyB8IHRyYW5zbGF0ZSB9fTwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IG1hdElucHV0IFtmb3JtQ29udHJvbF09XCJzZWFyY2hVc2VyQ29udHJvbFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cInNlYXJjaFVzZXJDb250cm9sLnZhbHVlXCIgbWF0U3VmZml4IG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VhcmNoVXNlckNvbnRyb2wuc2V0VmFsdWUoJycpXCIgY29sb3I9XCJ3YXJuXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPmNsb3NlPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgICAgPHNwYW4gc3R5bGU9XCJmbGV4OiAxIDEgYXV0bztcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBkaXNhYmxlZCBtYXQtaWNvbi1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIG1hdFRvb2x0aXA9XCJ7e3VzZXJNdWx0aVNlbGVjdCA/ICdNdWx0aSBzZWxlY3Rpb24nIDogJ1NpbmdsZSBzZWxlY3Rpb24nfX1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInVzZXJNdWx0aVNlbGVjdCA9ICF1c2VyTXVsdGlTZWxlY3RcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPnt7dXNlck11bHRpU2VsZWN0ID8gJ2dyb3VwJyA6ICdwZXJzb24nfX08L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIG1hdFRvb2x0aXA9XCJ7eyAnc2lkZS1tZW51LnRvb2x0aXAuU2VsZWN0QWxsJyB8IHRyYW5zbGF0ZSB9fVwiIChjbGljayk9XCJzZWxlY3RBbGxVc2Vycyh0cnVlKVwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24+ZG9uZV9hbGw8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIG1hdFRvb2x0aXA9XCJ7eyAnc2lkZS1tZW51LnRvb2x0aXAuRGVzZWxlY3RBbGwnIHwgdHJhbnNsYXRlIH19XCIgKGNsaWNrKT1cInNlbGVjdEFsbFVzZXJzKGZhbHNlKVwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24+Y2xlYXI8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPC9tYXQtdG9vbGJhcj5cblxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cIih1c2Vycy5sb2FkaW5nJCB8IGFzeW5jKSA9PT0gZmFsc2UgJiYgdXNlcnNfLmxlbmd0aCA9PT0gMFwiIGZ4TGF5b3V0PVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgICAgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBmeEZsZXggY2xhc3M9XCJtYXJnaW4tdG9wLXgyXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwiYWNjZW50XCIgY2xhc3M9XCJtYXJnaW4tYm90dG9tLWRlZmF1bHQgbm8tdXNlci1pY29uXCI+cGVybV9pZGVudGl0eTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmb250LXNpemUtMjBcIj57eyAnYWRtaW4udXNlci1saXN0Lm5vVXNlcnNXZXJlRm91bmQnIHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPG1hdC1zZWxlY3Rpb24tbGlzdCAjdXNlckxpc3QgY29sb3I9XCJwcmltYXJ5XCIgZnhGbGV4PVwiMTAwXCIgY2xhc3M9XCJmdWxsLXdpZHRoIGFkdmFuY2VkLW9wdGlvbi1saXN0XCI+XG5cbiAgICAgICAgICAgICAgICA8Y2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0IGl0ZW1TaXplPVwiNDhcIiAoc2Nyb2xsZWRJbmRleENoYW5nZSk9XCJsb2FkTmV4dFVzZXJQYWdlKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmdWxsLXdpZHRoIGZ1bGwtaGVpZ2h0XCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtbGlzdC1vcHRpb24gY2xhc3M9XCJtaW4taGVpZ2h0LW9wdGlvblwiICpjZGtWaXJ0dWFsRm9yPVwibGV0IHVzZXIgb2YgdXNlcnNfOyBsZXQgaSA9IGluZGV4O1wiIGNoZWNrYm94UG9zaXRpb249XCJiZWZvcmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZF09XCJ1c2VyLnNlbGVjdGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPVwidXNlclwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieydsaXN0LWl0ZW0tc2VsZWN0ZWQnOnVzZXIuc2VsZWN0ZWR9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwidXNlci50b2dnbGUoKTthdXRvU2VsZWN0Um9sZXMoKVwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBmeExheW91dD1cInJvd1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGgzIG1hdExpbmUgY2xhc3M9XCJwcmltYXJ5LWNvbG9yLWxpbmVcIj57e3VzZXIuZnVsbE5hbWV9fTwvaDM+XG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBtYXRMaW5lIGNsYXNzPVwicGFyYWdyYXBoLWZpeFwiPklEOiB7e3VzZXIuaWR9fSwgRW1haWw6IHt7dXNlci5lbWFpbH19PC9wPlxuICAgICAgICAgICAgICAgICAgICA8L21hdC1saXN0LW9wdGlvbj5cblxuICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwidXNlcnMubG9hZGluZyQgfCBhc3luY1wiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtc3Bpbm5lciBjb2xvcj1cInByaW1hcnlcIiBkaWFtZXRlcj1cIjUwXCI+PC9tYXQtc3Bpbm5lcj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgICAgICA8L2Nkay12aXJ0dWFsLXNjcm9sbC12aWV3cG9ydD5cblxuICAgICAgICAgICAgPC9tYXQtc2VsZWN0aW9uLWxpc3Q+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBmeEZsZXg9XCIyXCI+PC9kaXY+XG5cbiAgICA8ZGl2IGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGZ4RmxleD1cIjQ5XCIgY2xhc3M9XCJyb2xlLWhlaWdodFwiPlxuXG4gICAgICAgIDxtYXQtdG9vbGJhciBjb2xvcj1cInByaW1hcnlcIiBjbGFzcz1cIm1pbi1oZWlnaHQtcmFkaXVzXCI+XG4gICAgICAgICAgICA8c3Bhbj57eydhZG1pbi5wcm9jZXNzLWxpc3QubGlzdFRpdGxlJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gc3R5bGU9XCJmbGV4OiAxIDEgYXV0bztcIj48L3NwYW4+XG4gICAgICAgICAgICA8bWF0LXNwaW5uZXIgKm5nSWY9XCJ1c2Vycy51cGRhdGluZyQgfCBhc3luY1wiIGNvbG9yPVwiYWNjZW50XCIgZGlhbWV0ZXI9XCIzMFwiPjwvbWF0LXNwaW5uZXI+XG4gICAgICAgIDwvbWF0LXRvb2xiYXI+XG5cbiAgICAgICAgPGRpdiAqbmdJZj1cIih1c2Vycy5sb2FkaW5nJCB8IGFzeW5jKSA9PT0gZmFsc2UgJiYgbmV0cy5wcm9jZXNzZXMubGVuZ3RoID09PSAwXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIlxuICAgICAgICAgICAgIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgZnhGbGV4IGNsYXNzPVwibWFyZ2luLXRvcC14MlwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIGNvbG9yPVwiYWNjZW50XCIgY2xhc3M9XCJtYXJnaW4tYm90dG9tLWRlZmF1bHQgbm8tdXNlci1pY29uXCI+dGltZWxpbmU8L21hdC1pY29uPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmb250LXNpemUtMjBcIj57eyAnYWRtaW4ucHJvY2Vzcy1saXN0Lm5vUHJvY2Vzc2VzV2VyZUZvdW5kJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8bWF0LWFjY29yZGlvbiBjbGFzcz1cImZ1bGwtd2lkdGggbWFyZ2luLXRvcC1kZWZhdWx0IHByb2Nlc3MtbGlzdC1hY2NvcmRpb25cIiBtdWx0aSBmeEZsZXg+XG5cbiAgICAgICAgICAgIDxtYXQtZXhwYW5zaW9uLXBhbmVsICpuZ0Zvcj1cImxldCBpdGVtIG9mIG5ldHMucHJvY2Vzc2VzOyBsZXQgbGFzdCA9IGxhc3Q7XCIgKGFmdGVyRXhwYW5kKT1cIm5ldHMubG9hZFByb2Nlc3NJdGVtUm9sZXMoaXRlbSlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGFmdGVyQ29sbGFwc2UpPVwibmV0cy5wcmVwYXJlVG9UcnlBZ2FpblRvTG9hZFJvbGVzKGl0ZW0pXCIgY2xhc3M9XCJwYW5lbC1ib2R5XCIgW25nQ2xhc3NdPVwieydwYW5lbC1sYXN0JzpsYXN0fVwiPlxuXG4gICAgICAgICAgICAgICAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyIGNsYXNzPVwicm9sZS1oZWFkZXIgcGFuZWwtY29sb3JcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1wYW5lbC10aXRsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIml0ZW0uc29tZVJvbGVzU2VsZWN0ZWRcIiBjb2xvcj1cImFjY2VudFwiIGNsYXNzPVwibWFyZ2luLXJpZ2h0LXgyXCI+dG91cjwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj57e2l0ZW0uaW5pdGlhbHN9fSAtIHt7aXRlbS50aXRsZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L21hdC1wYW5lbC10aXRsZT5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1wYW5lbC1kZXNjcmlwdGlvbiBjbGFzcz1cInByb2Nlc3MtaXRlbS1kZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInByb2Nlc3MtaXRlbS1kZXNjcmlwdGlvbiBmdWxsLXdpZHRoXCI+e3snYWRtaW4ucHJvY2Vzcy1saXN0Lm5ld2VzdFZlcnNpb24nIHwgdHJhbnNsYXRlfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHt7aXRlbS5uZXdlc3RWZXJzaW9ufX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LXBhbmVsLWRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XG5cbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaXRlbS5sb2FkaW5nXCIgZnhGbGV4PVwiMTAwXCIgY2xhc3M9XCJmdWxsLXdpZHRoXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtcHJvZ3Jlc3MtYmFyIG1vZGU9XCJpbmRldGVybWluYXRlXCIgY29sb3I9XCJwcmltYXJ5XCI+PC9tYXQtcHJvZ3Jlc3MtYmFyPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cIiFpdGVtLmxvYWRpbmcgJiYgaXRlbS5lbXB0eVJvbGVzXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBmeEZsZXggY2xhc3M9XCJmdWxsLXdpZHRoIGZ1bGwtaGVpZ2h0IG5ldC1wYW5lbC1jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjb2xvcj1cImFjY2VudFwiIGNsYXNzPVwibWFyZ2luLWJvdHRvbS1kZWZhdWx0XCI+YWNjb3VudF9jaXJjbGU8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZvbnQtc2l6ZS0xNVwiPnt7ICdhZG1pbi5wcm9jZXNzLWxpc3Qubm9Sb2xlcycgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhaXRlbS5sb2FkaW5nICYmICFpdGVtLmVtcHR5Um9sZXNcIiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBzdGFydFwiXG4gICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZ1bGwtaGVpZ2h0IGZ1bGwtd2lkdGggbmV0LXBhbmVsLWNvbnRlbnRcIj5cblxuICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBuZXQgb2YgaXRlbS5wcm9jZXNzZXM7IGxldCBmaXJzdCA9IGZpcnN0XCIgZnhMYXlvdXQ9XCJjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtZGl2aWRlciAqbmdJZj1cIiFmaXJzdFwiIHN0eWxlPVwicG9zaXRpb246IHJlbGF0aXZlXCI+PC9tYXQtZGl2aWRlcj5cblxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZ1bGwtd2lkdGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleCBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMyBjbGFzcz1cIm1hcmdpbi1ub25lXCIgKm5nSWY9XCJmaXJzdFwiPnt7ICdhZG1pbi5wcm9jZXNzLWxpc3Qucm9sZXMnIHwgdHJhbnNsYXRlfX08L2gzPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgZnhGbGV4IGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uIG1hdFRvb2x0aXA9XCJ7e2l0ZW0uc29tZVJvbGVzU2VsZWN0ZWQgPyAnRGVzZWxlY3QgQWxsJyA6ICdTZWxlY3QgQWxsJ319XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwidG9nZ2xlQWxsUm9sZXMobmV0LCAhaXRlbS5zb21lUm9sZXNTZWxlY3RlZClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7bmV0LnZlcnNpb259fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGZ4RmxleD48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuXG5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtc2VsZWN0aW9uLWxpc3QgY29sb3I9XCJhY2NlbnRcIiBmeExheW91dD1cInJvdyB3cmFwXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZnVsbC13aWR0aFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtbGlzdC1vcHRpb24gKm5nRm9yPVwibGV0IHJvbGUgb2YgbmV0LnJvbGVzXCIgY2hlY2tib3hQb3NpdGlvbj1cImJlZm9yZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2VsZWN0ZWRdPVwicm9sZS5zZWxlY3RlZFwiIChjbGljayk9XCJyb2xlLnRvZ2dsZSgpO3VwZGF0ZShyb2xlKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmeEZsZXg9XCI1MFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aDMgbWF0TGluZT57e3JvbGUubmFtZX19PC9oMz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1saXN0LW9wdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbWF0LXNlbGVjdGlvbi1saXN0PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsPlxuXG4gICAgICAgIDwvbWF0LWFjY29yZGlvbj5cblxuICAgICAgICA8ZGl2ICpuZ0lmPVwibmV0cy5sb2FkaW5nJCB8IGFzeW5jXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGZ4RmxleD1cIjEwMFwiPlxuICAgICAgICAgICAgPG1hdC1zcGlubmVyIGNvbG9yPVwicHJpbWFyeVwiIGRpYW1ldGVyPVwiNjVcIj48L21hdC1zcGlubmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19