@netgrif/components 6.0.4 → 6.1.0

package/fesm2015/netgrif-components.js

@@ -1,4034 +0,0 @@
-import { Component, NgModule, Injector, EventEmitter, Output, Input, Optional, Inject, NgZone, ElementRef, ViewChild, Injectable, ViewEncapsulation, SkipSelf } from '@angular/core';
-import { AbstractRoleAssignment, RoleAssignmentService, UserService, AbstractUserInviteComponent, UserInviteService, OrganizationListService, SignUpService, SnackBarService, MaterialModule, TranslateLibModule, AbstractAuthenticationOverlay, SessionService, SpinnerOverlayService, RedirectService, AbstractIframeCard, AbstractCountCard, AbstractCustomCard, DashboardResourceService, LoggerService, DashboardSingleData, DashboardMultiData, AbstractDashboardContent, AbstractBooleanFieldComponent, BOOLEAN_VALUE_LABEL_ENABLED, NAE_INFORM_ABOUT_INVALID_DATA, AbstractButtonFieldComponent, DialogService, AbstractDataFieldTemplateComponent, PaperViewService, ConfigurationService, DATE_FORMAT, AbstractDateFieldComponent, DATE_TIME_FORMAT, AbstractDateTimeFieldComponent, AbstractEnumerationFieldComponent, AbstractEnumerationAutocompleteSelectFieldComponent, AbstractEnumerationSelectFieldComponent, AbstractEnumerationListFieldComponent, FilePreviewType, AbstractFileFieldComponent, TaskResourceService, EventService, AbstractFileListFieldComponent, AbstractMultichoiceFieldComponent, AbstractMultichoiceSelectFieldComponent, AbstractMultichoiceListFieldComponent, AbstractNumberFieldComponent, AbstractTextFieldComponent, AbstractTextareaFieldComponent, AbstractRichTextareaFieldComponent, AbstractSimpleTextFieldComponent, AbstractUserAssignComponent, SideMenuControl, NAE_SIDE_MENU_CONTROL, UserListService, AbstractUserFieldComponent, SideMenuService, AbstractHtmlTextareaFieldComponent, AbstractCurrencyNumberFieldComponent, AbstractDefaultNumberFieldComponent, AbstractPasswordTextFieldComponent, AbstractEnumerationStepperFieldComponent, AbstractEnumerationIconFieldComponent, AbstractEnumerationAutocompleteDynamicFieldComponent, SimpleFilter, AbstractFilterFieldContentComponent, FilterField, NAE_FILTER_FIELD, SearchService, NAE_BASE_FILTER, AllowedNetsService, AllowedNetsServiceFactory, CategoryFactory, NAE_SEARCH_CATEGORIES, CategoryResolverService, AbstractFilterFieldComponent, AbstractSearchClauseComponent, AbstractSearchPredicateComponent, AdvancedSearchComponentInitializationService, AbstractSearchOperandInputComponent, SearchInputType, DATE_FORMAT_STRING, DATE_TIME_FORMAT_STRING, AbstractSearchConfigurationInputComponent, OperatorTemplatePartType, AbstractAdvancedSearchComponent, AbstractUserAssignItemComponent, AbstractUserAssignListComponent, CovalentModule, NAE_USER_ASSIGN_COMPONENT, AbstractI18nFieldComponent, AbstractI18nDividerFieldComponent, AbstractI18nTextFieldComponent, CurrencyModule, CustomDateAdapter, AbstractEmailSubmissionFormComponent, AbstractLoginFormComponent, AbstractRegistrationFormComponent, AbstractForgottenPasswordComponent, AbstractLegalNoticeComponent, AbstractHeaderComponent, OverflowService, CaseHeaderService, TaskHeaderService, WorkflowHeaderService, HeaderSearchService, AbstractSortModeComponent, AbstractEditModeComponent, AbstractSearchModeComponent, AbstractLoadingModeComponent, AbstractQuickPanelComponent, LanguageService, AbstractLogoutShortcutComponent, AbstractLanguageSelectorComponent, AbstractInternalLinkComponent, AbstractNavigationDrawerComponent, UserPreferenceService, AbstractNavigationRailComponent, AbstractNavigationTreeComponent, RoleGuardService, AuthorityGuardService, GroupGuardService, ActiveGroupService, DynamicNavigationRouteProviderService, AbstractUserCardComponent, AbstractGroupNavigationComponentResolverComponent, GroupNavigationComponentResolverService, navigationItemTaskFilterFactory, navigationItemTaskAllowedNetsServiceFactory, navigationItemTaskCategoryFactory, TabbedCaseView, CaseViewService, NAE_TAB_DATA, ViewIdService, FilterExtractionService, BaseAllowedNetsService, NAE_DEFAULT_CASE_SEARCH_CATEGORIES, NAE_DEFAULT_TASK_SEARCH_CATEGORIES, tabbedAllowedNetsServiceFactory, tabbedTaskViewConfigurationFactory, TabbedTaskView, TaskViewService, ChangedFieldsService, NAE_TASK_VIEW_CONFIGURATION, groupNavigationViewIdSegmentFactory, extractIconAndTitle, NAE_NAVIGATION_ITEM_TASK_DATA, NAE_VIEW_ID_SEGMENT, AbstractTaskView, extractFilterFromData, FilterType, Filter, Category, AbstractSearchComponent, UserFiltersService, NAE_SEARCH_COMPONENT_CONFIGURATION, NAE_FILTERS_FILTER, defaultCaseSearchCategoriesFactory, defaultTaskSearchCategoriesFactory, AbstractFulltextSearchComponent, DefaultSearchCategoriesModule, AbstractPanelComponent, CaseListFontColorService, AbstractTaskContentComponent, FieldConverterService, TaskContentService, TaskEventService, NAE_ASYNC_RENDERING_CONFIGURATION, AbstractTaskPanelComponent, AssignTaskService, DelegateTaskService, CancelTaskService, FinishTaskService, TaskRequestStateService, TaskDataService, AssignPolicyService, CallChainService, SubjectTaskOperations, NAE_TASK_OPERATIONS, NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS, PermissionService, SingleTaskContentService, DataFocusPolicyService, FinishPolicyService, AbstractCasePanelComponent, CaseResourceService, AbstractTaskListComponent, AbstractWorkflowPanelComponent, WorkflowViewService, AbstractFieldComponentResolverComponent, SnackBarModule, AbstractImmediateFilterTextContentComponent, NAE_FILTER_TEXT, AbstractImmediateFilterTextComponent, AbstractTabViewComponent, ViewService, AbstractTabCreationDetectorComponent, AbstractCaseListComponent, NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT, AbstractNewCaseComponent, NAE_NEW_CASE_COMPONENT, AbstractImportNetComponent, PetriNetResourceService, AbstractFilterSelectorComponent, FilterRepository, AbstractFilterSelectorListItemComponent, AbstractOptionSelectorComponent, NAE_OPTION_SELECTOR_COMPONENT, UserFilterConstants, AbstractSaveFilterComponent, NAE_SAVE_FILTER_COMPONENT, AbstractLoadFilterComponent, NAE_DEFAULT_HEADERS, NAE_LOAD_FILTER_COMPONENT, AbstractSideMenuContainerComponent, AbstractToolbarComponent, AbstractProfileComponent, AbstractWorkflowViewComponent, ProcessService, AbstractTreeComponent, CaseTreeService, AbstractTreeTaskContentComponent, TreeTaskContentService, UnlimitedTaskContentService, SelectedCaseService, AbstractAddChildNodeComponent, AbstractRemoveNodeComponent } from '@netgrif/components-core';
-import { CommonModule, CurrencyPipe } from '@angular/common';
-import { TranslateService } from '@ngx-translate/core';
-import { Router, RouterModule, ActivatedRoute } from '@angular/router';
-import { DomSanitizer } from '@angular/platform-browser';
-import { NgxChartsModule } from '@swimlane/ngx-charts';
-import { FlexLayoutModule, FlexModule } from '@angular/flex-layout';
-import { AngularResizedEventModule } from 'angular-resize-event';
-import { HttpClientModule } from '@angular/common/http';
-import { FormsModule, ReactiveFormsModule, FormBuilder } from '@angular/forms';
-import { NGX_MAT_DATE_FORMATS, NgxMatDatetimePickerModule } from '@angular-material-components/datetime-picker';
-import { NgxMatMomentModule } from '@angular-material-components/moment-adapter';
-import { MAT_DATE_FORMATS, DateAdapter } from '@angular/material/core';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { QuillModule } from 'ngx-quill';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import 'hammerjs';
-import { BreakpointObserver } from '@angular/cdk/layout';
-import { trigger, state, style, transition, animate } from '@angular/animations';
-import { ResizableModule } from 'angular-resizable-element';
-import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
-import { MatTabsModule } from '@angular/material/tabs';
-import { STEPPER_GLOBAL_OPTIONS } from '@angular/cdk/stepper';
-import { HotkeysService, HotkeyModule } from 'angular2-hotkeys';
-import { MatSidenavModule } from '@angular/material/sidenav';
-
-class RoleAssignmentComponent extends AbstractRoleAssignment {
-    constructor(_service, _userService) {
-        super(_service, _userService);
-        this._service = _service;
-        this._userService = _userService;
-    }
-}
-RoleAssignmentComponent.ctorParameters = () => [
-    { type: RoleAssignmentService },
-    { type: UserService }
-];
-RoleAssignmentComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-role-assignment',
-                template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"full-height full-width padding-default\">\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"44\" class=\"full-height\">\n        <ng-container *ngIf=\"users.users$ | async as users_\">\n\n            <mat-toolbar color=\"primary\" class=\"height-96\">\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\">\n                    <mat-icon fxFlex class=\"search-icon\">search</mat-icon>\n                    <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\">\n                        <input matInput placeholder=\"{{ 'side-menu.user.choose' | translate }}\"\n                               [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=\"Select All\" (click)=\"selectAllUsers(true)\">\n                    <mat-icon>done_all</mat-icon>\n                </button>\n                <button mat-icon-button matTooltip=\"Deselect All\" (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=\"6\"></div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"50\" class=\"full-height\">\n\n        <mat-toolbar color=\"primary\" class=\"height-96\">\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",
-                providers: [
-                    RoleAssignmentService
-                ],
-                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}.height-96{min-height:96px}"]
-            },] }
-];
-RoleAssignmentComponent.ctorParameters = () => [
-    { type: RoleAssignmentService },
-    { type: UserService }
-];
-
-class UserInviteComponent extends AbstractUserInviteComponent {
-    constructor(_userInviteService, _orgList, _signUpService, _snackBar, _translate) {
-        super(_userInviteService, _orgList, _signUpService, _snackBar, _translate);
-        this._userInviteService = _userInviteService;
-        this._orgList = _orgList;
-        this._signUpService = _signUpService;
-        this._snackBar = _snackBar;
-        this._translate = _translate;
-    }
-}
-UserInviteComponent.ctorParameters = () => [
-    { type: UserInviteService },
-    { type: OrganizationListService },
-    { type: SignUpService },
-    { type: SnackBarService },
-    { type: TranslateService }
-];
-UserInviteComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-user-invite',
-                template: "<div fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"full-height full-width padding-default\">\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"40\" class=\"full-height margin-right-16px\">\n\n        <mat-toolbar color=\"primary\" class=\"height-96 margin-bottom-16px\">\n            <span>{{'admin.user-invite.newUser' | translate}}</span>\n            <div fxFlex></div>\n            <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFlex=\"40\" class=\"padding-right-16px\">\n                <mat-icon fxFlex class=\"mail-icon\">email</mat-icon>\n                <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\">\n                    <input matInput placeholder=\"{{ 'admin.user-invite.mail' | translate }}\"\n                           [formControl]=\"invitedEmailControl\">\n                    <button mat-button *ngIf=\"invitedEmailControl.value\" matSuffix mat-icon-button\n                            (click)=\"invitedEmailControl.setValue('')\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </mat-form-field>\n            </div>\n        </mat-toolbar>\n\n\n        <div fxLayout=\"column\" class=\"invited-card margin-bottom-16px\" fxLayoutAlign=\"start stretch\">\n\n            <span class=\"invited-card-font padding-16px\">{{'admin.user-invite.selectedOrgs' | translate}}</span>\n\n            <mat-divider class=\"inherited-divider\"></mat-divider>\n\n            <div class=\"padding-16px\" fxLayout=\"column\" *ngIf=\"invitedGroups.length !== 0\">\n                <div *ngFor=\"let org of invitedGroups\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                    <span>{{org.name}}</span>\n\n                    <div fxFlex></div>\n\n                    <button mat-icon-button color=\"primary\" (click)=\"removeGroup(org)\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </div>\n            </div>\n\n            <span class=\"padding-16px\"\n                  *ngIf=\"invitedGroups.length === 0\">{{'admin.user-invite.noSelectedOrgs' | translate}}</span>\n        </div>\n\n\n        <div fxLayout=\"column\" class=\"invited-card margin-bottom-16px\" fxLayoutAlign=\"start stretch\">\n\n            <span class=\"invited-card-font padding-16px\">{{'admin.user-invite.selectedRoles' | translate}}</span>\n\n            <mat-divider class=\"inherited-divider\"></mat-divider>\n\n            <div class=\"padding-16px\" fxLayout=\"column\" *ngIf=\"invitedRoles.length !== 0\">\n                <div *ngFor=\"let role of invitedRoles\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                    <span>{{role.name}}</span>\n\n                    <div fxFlex></div>\n\n                    <button mat-icon-button color=\"primary\" (click)=\"removeRole(role)\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </div>\n            </div>\n\n            <span class=\"padding-16px\"\n                  *ngIf=\"invitedRoles.length === 0\">{{'admin.user-invite.noSelectedRoles' | translate}}</span>\n        </div>\n\n        <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n            <button mat-raised-button color=\"primary\" (click)=\"invite()\">\n                <span>{{'admin.user-invite.invite-user' | translate}}</span>\n            </button>\n        </div>\n    </div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"30\" class=\"full-height margin-right-16px\">\n\n        <mat-toolbar color=\"primary\" class=\"height-96 margin-bottom-16px\">\n            <span>{{'admin.user-invite.orgs' | translate}}</span>\n        </mat-toolbar>\n\n        <div *ngIf=\"groups.length === 0\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex>\n            <mat-icon color=\"accent\" class=\"margin-bottom-default no-user-icon\">groups</mat-icon>\n            <span class=\"font-size-20\">{{'admin.user-invite.noGroups' | translate}}</span>\n        </div>\n\n        <div fxLayout=\"column\" class=\"invited-card \" *ngIf=\"groups.length !== 0\">\n            <div fxLayout=\"column\">\n                <div *ngFor=\"let group of groups\" class=\"padding-16px-0\" fxFlex fxLayout=\"row\"\n                     fxLayoutAlign=\"start center\">\n                    <span>{{group.name}}</span>\n\n                    <div fxFlex></div>\n\n                    <button mat-icon-button color=\"primary\" (click)=\"addGroup(group)\">\n                        <mat-icon>add</mat-icon>\n                    </button>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex=\"30\" class=\"full-height\">\n\n        <mat-toolbar color=\"primary\" class=\"height-96 margin-bottom-16px\">\n            <span>{{'admin.process-list.listTitle' | translate}}</span>\n        </mat-toolbar>\n\n        <div *ngIf=\"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 center\"\n                     class=\"full-height full-width net-panel-content padding-0-16px\">\n                    <h3>Roles</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                        <span>{{'admin.user-invite.version' | translate }} - {{net.version}}</span>\n\n                        <div fxLayout=\"column\" class=\"full-width padding-16px\">\n                            <div *ngFor=\"let role of net.roles\" fxFlex fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n                                <span>{{role.name}}</span>\n\n                                <div fxFlex></div>\n\n                                <button mat-icon-button color=\"primary\" (click)=\"addRole(role)\">\n                                    <mat-icon>add</mat-icon>\n                                </button>\n                            </div>\n                        </div>\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}.flex-class{flex:1 1 auto}.height-96{min-height:96px}.mail-icon{margin-right:10px}.invited-card{padding:0 16px;width:100%;white-space:nowrap;border:1px solid #eee}.invited-card-font,.invited-card-font h1,.invited-card-font h2,.invited-card-font h3,.invited-card-font h4,.invited-card-font h5,.invited-card-font h6{font:500 20px/32px Roboto,monospace;letter-spacing:normal;margin:0}.inherited-divider{position:inherit}.padding-16px{padding:16px}.padding-0-16px{padding:0 16px}.padding-16px-0{padding:16px 0}.padding-right-16px{padding-right:16px}.margin-right-16px{margin-right:16px}.margin-bottom-16px{margin-bottom:16px}.font-size-20{font-size:20px}"]
-            },] }
-];
-UserInviteComponent.ctorParameters = () => [
-    { type: UserInviteService },
-    { type: OrganizationListService },
-    { type: SignUpService },
-    { type: SnackBarService },
-    { type: TranslateService }
-];
-
-class AdminComponentModule {
-}
-AdminComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [RoleAssignmentComponent, UserInviteComponent],
-                exports: [RoleAssignmentComponent, UserInviteComponent],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    TranslateLibModule
-                ]
-            },] }
-];
-
-/* COMPONENTS */
-
-class AuthenticationOverlayComponent extends AbstractAuthenticationOverlay {
-    constructor(_session, _spinnerOverlay, router, redirectService, userService) {
-        super(_session, _spinnerOverlay, router, redirectService, userService);
-        this._session = _session;
-        this._spinnerOverlay = _spinnerOverlay;
-        this.router = router;
-        this.redirectService = redirectService;
-        this.userService = userService;
-    }
-}
-AuthenticationOverlayComponent.ctorParameters = () => [
-    { type: SessionService },
-    { type: SpinnerOverlayService },
-    { type: Router },
-    { type: RedirectService },
-    { type: UserService }
-];
-AuthenticationOverlayComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-authentication-overlay',
-                template: "<ng-content></ng-content>\n",
-                styles: [""]
-            },] }
-];
-AuthenticationOverlayComponent.ctorParameters = () => [
-    { type: SessionService },
-    { type: SpinnerOverlayService },
-    { type: Router },
-    { type: RedirectService },
-    { type: UserService }
-];
-
-class AuthenticationComponentModule {
-}
-AuthenticationComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [AuthenticationOverlayComponent],
-                exports: [AuthenticationOverlayComponent],
-                imports: [
-                    CommonModule
-                ]
-            },] }
-];
-
-/* COMPONENTS */
-
-class IframeCardComponent extends AbstractIframeCard {
-    constructor(_sanitizer) {
-        super(_sanitizer);
-        this._sanitizer = _sanitizer;
-    }
-}
-IframeCardComponent.ctorParameters = () => [
-    { type: DomSanitizer }
-];
-IframeCardComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-iframe-card',
-                template: "<mat-card class=\"dashboard-card\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\n    <iframe [src]=\"sanitizedURL\" fxFlex=\"100\" class=\"full-size\" title=\"Dashboard embedded content\"></iframe>\n</mat-card>\n",
-                styles: [".dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.full-size{width:100%;height:100%;margin:0;padding:0}"]
-            },] }
-];
-IframeCardComponent.ctorParameters = () => [
-    { type: DomSanitizer }
-];
-
-class CountCardComponent extends AbstractCountCard {
-    constructor(_injector) {
-        super(_injector);
-        this._injector = _injector;
-    }
-}
-CountCardComponent.ctorParameters = () => [
-    { type: Injector }
-];
-CountCardComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-count-card',
-                template: "<mat-card fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"dashboard-card\">\n    <span>{{card.title}}</span>\n    <ng-template [ngIf]=\"loading\" [ngIfElse]=\"result\">\n        <mat-spinner color=\"primary\"></mat-spinner>\n    </ng-template>\n    <ng-template #result>\n        <span class=\"number\">{{count}}</span>\n    </ng-template>\n</mat-card>\n",
-                styles: [".dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.number{font-size:80px}"]
-            },] }
-];
-CountCardComponent.ctorParameters = () => [
-    { type: Injector }
-];
-
-class LinearGaugeCardComponent extends AbstractCustomCard {
-    constructor(_injector, resourceService, translateService, loggerService) {
-        super(_injector, resourceService, translateService, loggerService);
-        this._injector = _injector;
-        this.resourceService = resourceService;
-        this.translateService = translateService;
-        this.loggerService = loggerService;
-        this.selectEvent = new EventEmitter();
-    }
-    ngOnInit() {
-        super.ngOnInit();
-    }
-    onSelect(data) {
-        this.loggerService.info('Linear gauge selected.');
-        this.selectEvent.emit(data);
-    }
-    convertData(json) {
-        this.value = json.aggregations.types_count.value;
-    }
-}
-LinearGaugeCardComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: DashboardResourceService },
-    { type: TranslateService },
-    { type: LoggerService }
-];
-LinearGaugeCardComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-linear-gauge-card',
-                template: "<mat-card class=\"dashboard-card custom-mat-card\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\n    <ngx-charts-linear-gauge class=\"custom-chart\"\n                             [scheme]=\"colorScheme\"\n                             [value]=\"value\"\n                             (select)=\"onSelect($event)\"\n                             [units]=\"card.units\">\n    </ngx-charts-linear-gauge>\n</mat-card>\n",
-                styles: [".dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.full-size{width:100%;height:100%;margin:0;padding:0}.custom-chart{width:90%;height:90%}.custom-mat-card{padding-left:0;padding-top:0}"]
-            },] }
-];
-LinearGaugeCardComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: DashboardResourceService },
-    { type: TranslateService },
-    { type: LoggerService }
-];
-LinearGaugeCardComponent.propDecorators = {
-    selectEvent: [{ type: Output }]
-};
-
-class PieChartCardComponent extends AbstractCustomCard {
-    constructor(_injector, resourceService, translateService, loggerService) {
-        super(_injector, resourceService, translateService, loggerService);
-        this._injector = _injector;
-        this.resourceService = resourceService;
-        this.translateService = translateService;
-        this.loggerService = loggerService;
-        this.isDoughnut = false;
-        this.legendPosition = 'right';
-        this.selectEvent = new EventEmitter();
-    }
-    ngOnInit() {
-        super.ngOnInit();
-    }
-    onSelect(data) {
-        this.loggerService.info('Pie chart selected.');
-        this.selectEvent.emit(data);
-    }
-    convertData(json) {
-        json.aggregations.result.buckets.forEach(bucket => {
-            this.single.push(new DashboardSingleData(bucket.key, bucket.doc_count));
-        });
-        this.single = [...this.single];
-    }
-}
-PieChartCardComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: DashboardResourceService },
-    { type: TranslateService },
-    { type: LoggerService }
-];
-PieChartCardComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-pie-chart-card',
-                template: "<mat-card class=\"dashboard-card custom-mat-card\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\n    <ngx-charts-pie-chart class=\"custom-chart\"\n                          [scheme]=\"colorScheme\"\n                          [results]=\"single\"\n                          [gradient]=\"gradient\"\n                          [legend]=\"showLegend\"\n                          [legendPosition]=\"legendPosition\"\n                          [labels]=\"showLabels\"\n                          [doughnut]=\"isDoughnut\"\n                          (select)=\"onSelect($event)\"\n    >\n    </ngx-charts-pie-chart>\n</mat-card>\n",
-                styles: [".custom-mat-card{padding-left:0;padding-top:0}.dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.full-size{width:100%;height:100%;margin:0;padding:0}.custom-chart{width:90%;height:90%}"]
-            },] }
-];
-PieChartCardComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: DashboardResourceService },
-    { type: TranslateService },
-    { type: LoggerService }
-];
-PieChartCardComponent.propDecorators = {
-    selectEvent: [{ type: Output }]
-};
-
-class BarchartCardComponent extends AbstractCustomCard {
-    constructor(_injector, resourceService, translateService, loggerService) {
-        super(_injector, resourceService, translateService, loggerService);
-        this._injector = _injector;
-        this.resourceService = resourceService;
-        this.translateService = translateService;
-        this.loggerService = loggerService;
-        this.selectEvent = new EventEmitter();
-    }
-    ngOnInit() {
-        super.ngOnInit();
-    }
-    onSelect(data) {
-        this.loggerService.info('BarChart was selected');
-        this.selectEvent.emit(data);
-    }
-    convertData(json) {
-        json.aggregations.result.buckets.forEach(bucket => {
-            this.single.push(new DashboardSingleData(bucket.key, bucket.doc_count));
-        });
-        this.single = [...this.single];
-    }
-}
-BarchartCardComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: DashboardResourceService },
-    { type: TranslateService },
-    { type: LoggerService }
-];
-BarchartCardComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-barchart-card',
-                template: "<mat-card class=\"dashboard-card custom-mat-card\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\n    <ngx-charts-bar-vertical class=\"custom-chart\"\n                             [scheme]=\"colorScheme\"\n                             [results]=\"single\"\n                             [gradient]=\"gradient\"\n                             [xAxis]=\"xAxis\"\n                             [yAxis]=\"yAxis\"\n                             [legend]=\"showLegend\"\n                             [showXAxisLabel]=\"showXAxisLabel\"\n                             [showYAxisLabel]=\"showYAxisLabel\"\n                             [xAxisLabel]=\"card.xAxisLabel\"\n                             [yAxisLabel]=\"card.yAxisLabel\"\n                             (select)=\"onSelect($event)\">\n    </ngx-charts-bar-vertical>\n</mat-card>\n",
-                styles: [".dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.full-size{width:100%;height:100%;margin:0;padding:0}.custom-chart{width:90%;height:90%}.custom-mat-card{padding-left:0;padding-top:0}"]
-            },] }
-];
-BarchartCardComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: DashboardResourceService },
-    { type: TranslateService },
-    { type: LoggerService }
-];
-BarchartCardComponent.propDecorators = {
-    selectEvent: [{ type: Output }]
-};
-
-class PortalCardComponent extends AbstractCustomCard {
-    constructor(_injector, resourceService, translateService, loggerService) {
-        super(_injector, resourceService, translateService, loggerService);
-        this._injector = _injector;
-        this.resourceService = resourceService;
-        this.translateService = translateService;
-        this.loggerService = loggerService;
-        this.selectEvent = new EventEmitter();
-    }
-    ngOnInit() {
-        this.injectedDashboard = this.componentPortal;
-    }
-    onSelect(data) {
-        this.loggerService.info('Custom dashboard selected.');
-        this.selectEvent.emit(data);
-    }
-    convertData(json) {
-    }
-}
-PortalCardComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: DashboardResourceService },
-    { type: TranslateService },
-    { type: LoggerService }
-];
-PortalCardComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-portal-card',
-                template: "<ng-template [cdkPortalOutlet]=\"injectedDashboard\">\n</ng-template>\n",
-                styles: [".custom-mat-card{padding-left:0;padding-top:0}.dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.full-size{width:100%;height:100%;margin:0;padding:0}.custom-chart{width:90%;height:90%}"]
-            },] }
-];
-PortalCardComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: DashboardResourceService },
-    { type: TranslateService },
-    { type: LoggerService }
-];
-PortalCardComponent.propDecorators = {
-    componentPortal: [{ type: Input }],
-    selectEvent: [{ type: Output }]
-};
-
-class LineChartCardComponent extends AbstractCustomCard {
-    constructor(_injector, resourceService, translateService, loggerService) {
-        super(_injector, resourceService, translateService, loggerService);
-        this._injector = _injector;
-        this.resourceService = resourceService;
-        this.translateService = translateService;
-        this.loggerService = loggerService;
-        this.timeline = true;
-        this.selectEvent = new EventEmitter();
-    }
-    ngOnInit() {
-        super.ngOnInit();
-    }
-    onSelect(data) {
-        this.loggerService.info('Line chart selected.');
-        this.selectEvent.emit(data);
-    }
-    convertData(json) {
-        let index = 0;
-        let result;
-        for (result in json.aggregations) {
-            if (json.aggregations.hasOwnProperty(result)) {
-                this.multi.push(new DashboardMultiData(result, new Array()));
-                json.aggregations[result].buckets.forEach(bucket => {
-                    this.multi[index].series.push(new DashboardSingleData(bucket.key, bucket.doc_count));
-                });
-                index++;
-            }
-        }
-        this.multi = [...this.multi];
-    }
-}
-LineChartCardComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: DashboardResourceService },
-    { type: TranslateService },
-    { type: LoggerService }
-];
-LineChartCardComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-line-chart-card',
-                template: "<mat-card class=\"dashboard-card custom-mat-card\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\n    <ngx-charts-line-chart class=\"custom-chart\"\n                           [legend]=\"showLegend\"\n                           [showXAxisLabel]=\"showXAxisLabel\"\n                           [showYAxisLabel]=\"showYAxisLabel\"\n                           [xAxis]=\"xAxis\"\n                           [yAxis]=\"yAxis\"\n                           [xAxisLabel]=\"card.xAxisLabel\"\n                           [yAxisLabel]=\"card.yAxisLabel\"\n                           [timeline]=\"timeline\"\n                           [results]=\"multi\"\n                           (select)=\"onSelect($event)\"\n    >\n    </ngx-charts-line-chart>\n</mat-card>\n",
-                styles: [".dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.full-size{width:100%;height:100%;margin:0;padding:0}.custom-mat-card{padding-left:0;padding-top:0}"]
-            },] }
-];
-LineChartCardComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: DashboardResourceService },
-    { type: TranslateService },
-    { type: LoggerService }
-];
-LineChartCardComponent.propDecorators = {
-    selectEvent: [{ type: Output }]
-};
-
-class DashboardContentComponent extends AbstractDashboardContent {
-    constructor(_log) {
-        super(_log);
-        this._log = _log;
-    }
-}
-DashboardContentComponent.ctorParameters = () => [
-    { type: LoggerService }
-];
-DashboardContentComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-dashboard-content',
-                template: "<mat-grid-list [cols]=\"params.columns\" rowHeight=\"210px\">\n    <mat-grid-tile *ngFor=\"let card of gridElements\"\n                   [colspan]=\"card.layout.cols\"\n                   [rowspan]=\"card.layout.rows\"\n                   [ngSwitch]=\"card.type\">\n        <nc-count-card *ngSwitchCase=\"cardTypes.COUNT\" [card]=\"card.item\" class=\"full-size\"></nc-count-card>\n        <nc-iframe-card *ngSwitchCase=\"cardTypes.IFRAME\" [card]=\"card.item\" class=\"full-size\"></nc-iframe-card>\n        <nc-pie-chart-card *ngSwitchCase=\"cardTypes.PIE\" [card]=\"card.item\" class=\"full-size\"></nc-pie-chart-card>\n        <nc-line-chart-card *ngSwitchCase=\"cardTypes.LINE\" [card]=\"card.item\" class=\"full-size\"></nc-line-chart-card>\n        <nc-linear-gauge-card *ngSwitchCase=\"cardTypes.LINEARGAUGE\" [card]=\"card.item\"\n                             class=\"full-size\"></nc-linear-gauge-card>\n        <nc-barchart-card *ngSwitchCase=\"cardTypes.BAR\" [card]=\"card.item\" class=\"full-size\"></nc-barchart-card>\n        <nc-portal-card *ngSwitchCase=\"cardTypes.DEFAULT\" [card]=\"card.item\"\n                        [componentPortal]=\"card.item.portalComponent\" class=\"full-size\"></nc-portal-card>\n        <div *ngSwitchCase=\"cardTypes.BLANK\"></div>\n    </mat-grid-tile>\n</mat-grid-list>\n",
-                styles: [".full-size{width:100%;height:100%;margin:auto;padding:0}"]
-            },] }
-];
-DashboardContentComponent.ctorParameters = () => [
-    { type: LoggerService }
-];
-
-class DashboardComponentModule {
-}
-DashboardComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    CountCardComponent,
-                    IframeCardComponent,
-                    DashboardContentComponent,
-                    PieChartCardComponent,
-                    LineChartCardComponent,
-                    BarchartCardComponent,
-                    LinearGaugeCardComponent,
-                    PortalCardComponent
-                ],
-                exports: [
-                    CountCardComponent,
-                    IframeCardComponent,
-                    DashboardContentComponent,
-                    PieChartCardComponent,
-                    LineChartCardComponent,
-                    BarchartCardComponent,
-                    LinearGaugeCardComponent
-                ],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    TranslateLibModule,
-                    NgxChartsModule
-                ]
-            },] }
-];
-
-/* COMPONENTS */
-
-class BooleanFieldComponent extends AbstractBooleanFieldComponent {
-    constructor(translate, isEnabled, informAboutInvalidData) {
-        super(translate, informAboutInvalidData);
-        this.isEnabled = isEnabled;
-        this.valueLabelEnabled = isEnabled;
-    }
-}
-BooleanFieldComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [BOOLEAN_VALUE_LABEL_ENABLED,] }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-BooleanFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-boolean-field',
-                template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"boolean\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #boolean let-showLargeLayout=\"showLargeLayout\">\n    <div>\n        <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n            <br></mat-label>\n        <mat-slide-toggle color=\"primary\" [formControl]=\"formControl\">\n            {{createValueLabel()}}\n        </mat-slide-toggle>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n    </div>\n</ng-template>\n",
-                styles: [""]
-            },] }
-];
-BooleanFieldComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [BOOLEAN_VALUE_LABEL_ENABLED,] }] },
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-
-class ButtonFieldComponent extends AbstractButtonFieldComponent {
-    constructor(translate, dialogService, informAboutInvalidData) {
-        super(translate, dialogService, informAboutInvalidData);
-        this.dialogService = dialogService;
-    }
-}
-ButtonFieldComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: DialogService },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-ButtonFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-button-field',
-                template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"button\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #button let-showLargeLayout=\"showLargeLayout\">\n    <div>\n        <mat-label *ngIf=\"!showLargeLayout.value\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n            <br>\n        </mat-label>\n        <button mat-button\n                [ngClass]=\"{\n                'mat-raised-button': resolveComponentType() === 'raised',\n                'mat-stroked-button': resolveComponentType() === 'stroked',\n                'mat-flat-button': resolveComponentType() === 'flat',\n                'mat-icon-button': resolveComponentType() === 'icon',\n                'mat-fab': resolveComponentType() === 'fab',\n                'mat-mini-fab': resolveComponentType() === 'minifab'}\"\n                color=\"primary\"\n                [matTooltip]=\"dataField.description\"\n                [disabled]=\"formControl.disabled || dataField.waitingForResponse\"\n                (click)=\"resolveValue()\">\n            <div class=\"grid-wrapper\">\n                <mat-icon *ngIf=\"dataField.waitingForResponse\" class=\"grid-1-1 margin-auto\" >\n                    <mat-spinner color=\"warn\" diameter=\"22\"></mat-spinner>\n                </mat-icon>\n                <div [ngClass]=\"{'label-waiting': dataField.waitingForResponse}\" class=\"grid-1-1\">\n                    {{(dataField.placeholder === undefined || dataField.placeholder === '') ? dataField.title : (isIconTypeButton() ? '' : dataField.placeholder) }}\n                </div>\n                <mat-icon class=\"grid-1-1\"\n                          *ngIf=\"isIconTypeButton() && !dataField.waitingForResponse\">{{dataField.placeholder}}</mat-icon>\n            </div>\n        </button>\n\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n    </div>\n</ng-template>\n",
-                styles: [".label-waiting{opacity:0}.grid-wrapper{display:-ms-grid;display:grid;place-items:center}.grid-1-1{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.margin-auto{margin:0 auto}"]
-            },] }
-];
-ButtonFieldComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: DialogService },
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-
-class DataFieldTemplateComponent extends AbstractDataFieldTemplateComponent {
-    constructor(_paperView, _config) {
-        super(_paperView, _config);
-        this._paperView = _paperView;
-        this._config = _config;
-    }
-}
-DataFieldTemplateComponent.ctorParameters = () => [
-    { type: PaperViewService },
-    { type: ConfigurationService }
-];
-DataFieldTemplateComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-data-field-template',
-                template: "<div class=\"fill-all-space\" #dataFieldContainer>\n\n    <!-- Large layout -->\n    <ng-template [ngIf]=\"evaluateTemplateCondition()\" [ngIfElse]=\"elseTemplate\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"fill-all-space\" [ngClass]=\"{'padding-16px': isPaperView(), 'padding-32px': !isPaperView()}\">\n            <div fxFlex=\"{{offset}}\"></div>\n            <div fxFlex=\"{{47.5 - offset}}\" class=\"cell-padding\">\n                <span class=\"data-field-title\" [matTooltip]=\"dataField.description\">{{dataField.title}}<nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"true\"></nc-required-label></span>\n            </div>\n            <div fxFlex=\"5\"></div>\n            <div fxFlex=\"{{47.5 - offset}}\" class=\"cell-padding\">\n                <ng-container *ngTemplateOutlet=\"dataFieldTemplate; context: {'showLargeLayout':showLargeLayout}\"></ng-container>\n            </div>\n            <div fxFlex=\"{{offset}}\"></div>\n        </div>\n    </ng-template>\n\n    <!-- Small layout -->\n    <ng-template #elseTemplate>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"fill-all-space padding-16px\">\n            <div fxFlex=\"{{offset}}\"></div>\n            <div fxFlex=\"{{100 -  (2 * offset)}}\" class=\"cell-padding\">\n                <ng-container *ngTemplateOutlet=\"dataFieldTemplate; context: {'showLargeLayout':showLargeLayout}\"></ng-container>\n            </div>\n            <div fxFlex=\"{{offset}}\"></div>\n        </div>\n    </ng-template>\n</div>\n",
-                styles: [".data-field-title{font-size:16px;font-weight:400}.fill-all-space{min-width:100%;padding:0;margin:0 auto}.cell-padding{margin:0;padding:8px}.padding-16px{padding:0 16px}.padding-32px{padding:0 32px}"]
-            },] }
-];
-DataFieldTemplateComponent.ctorParameters = () => [
-    { type: PaperViewService },
-    { type: ConfigurationService }
-];
-
-const ɵ0 = DATE_FORMAT;
-class DateFieldComponent extends AbstractDateFieldComponent {
-    constructor(translate, informAboutInvalidData) {
-        super(translate, informAboutInvalidData);
-    }
-}
-DateFieldComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-DateFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-date-field',
-                template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"date\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #date let-showLargeLayout=\"showLargeLayout\">\n    <mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n        <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n        <input matInput\n               [matDatepicker]=\"datepicker\"\n               [required]=\"dataField.behavior.required\"\n               [placeholder]=\"dataField.placeholder\"\n               [formControl]=\"formControl\"\n               (click)=\"datepicker.open()\"\n               [min]=\"dataField.min\"\n               [max]=\"dataField.max\"\n               (keydown.enter)=\"datepicker.close()\">\n        <mat-datepicker-toggle matPrefix [for]=\"datepicker\"></mat-datepicker-toggle>\n        <mat-datepicker #datepicker></mat-datepicker>\n        <mat-hint>{{dataField.description}}</mat-hint>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n    </mat-form-field>\n</ng-template>\n",
-                providers: [
-                    { provide: MAT_DATE_FORMATS, useValue: ɵ0 }
-                ],
-                styles: [".full-width{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-DateFieldComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-
-const ɵ0$1 = DATE_TIME_FORMAT;
-class DateTimeFieldComponent extends AbstractDateTimeFieldComponent {
-    constructor(translate, informAboutInvalidData) {
-        super(translate, informAboutInvalidData);
-    }
-}
-DateTimeFieldComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-DateTimeFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-date-time-field',
-                template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"fieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #fieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n        <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n        <input matInput\n               [ngxMatDatetimePicker]=\"picker\"\n               [required]=\"dataField.behavior.required\"\n               [placeholder]=\"dataField.placeholder\"\n               [formControl]=\"formControl\"\n               [min]=\"dataField.min\"\n               [max]=\"dataField.max\"\n               (click)=\"picker.open()\">\n        <mat-datepicker-toggle matPrefix [for]=\"picker\"></mat-datepicker-toggle>\n        <ngx-mat-datetime-picker #picker\n                                 [showSpinners]=\"true\"\n                                 [showSeconds]=\"false\"\n                                 [stepHour]=\"1\"\n                                 [stepMinute]=\"5\"\n                                 [color]=\"'primary'\"\n                                 [enableMeridian]=\"false\">\n        </ngx-mat-datetime-picker>\n        <mat-hint>{{dataField.description}}</mat-hint>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n    </mat-form-field>\n</ng-template>\n",
-                providers: [
-                    { provide: NGX_MAT_DATE_FORMATS, useValue: ɵ0$1 }
-                ],
-                styles: [".full-width{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-DateTimeFieldComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-
-class EnumerationFieldComponent extends AbstractEnumerationFieldComponent {
-    constructor(informAboutInvalidData) {
-        super(informAboutInvalidData);
-    }
-}
-EnumerationFieldComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-EnumerationFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-enumeration-field',
-                template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"enumFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #enumFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div [ngSwitch]=\"dataField.getType()\">\n        <nc-enumeration-autocomplete-dynamic-field *ngSwitchCase=\"'autocomplete_dynamic'\"\n                                                  [showLargeLayout]=\"showLargeLayout\"\n                                                  [enumerationField]=\"dataField\"\n                                                  [formControlRef]=\"formControl\">\n        </nc-enumeration-autocomplete-dynamic-field>\n        <nc-enumeration-autocomplete-select-field *ngSwitchCase=\"'autocomplete'\"\n                                                  [showLargeLayout]=\"showLargeLayout\"\n                                                  [enumerationField]=\"dataField\"\n                                                  [formControlRef]=\"formControl\">\n        </nc-enumeration-autocomplete-select-field>\n        <nc-enumeration-list-field *ngSwitchCase=\"'list'\"\n                                   [showLargeLayout]=\"showLargeLayout\"\n                                   [enumerationField]=\"dataField\"\n                                   [formControlRef]=\"formControl\">\n        </nc-enumeration-list-field>\n        <nc-enumeration-stepper-field *ngSwitchCase=\"'stepper'\"\n                                      [showLargeLayout]=\"showLargeLayout\"\n                                      [enumerationField]=\"dataField\"\n                                      [formControlRef]=\"formControl\">\n        </nc-enumeration-stepper-field>\n        <nc-enumeration-icon-field *ngSwitchCase=\"'icon'\"\n                                     [showLargeLayout]=\"showLargeLayout\"\n                                     [enumerationField]=\"dataField\"\n                                     [formControlRef]=\"formControl\">\n        </nc-enumeration-icon-field>\n        <nc-enumeration-select-field *ngSwitchDefault\n                                     [showLargeLayout]=\"showLargeLayout\"\n                                     [enumerationField]=\"dataField\"\n                                     [formControlRef]=\"formControl\">\n        </nc-enumeration-select-field>\n    </div>\n</ng-template>\n",
-                styles: [""]
-            },] }
-];
-EnumerationFieldComponent.ctorParameters = () => [
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-
-class EnumerationAutocompleteSelectFieldComponent extends AbstractEnumerationAutocompleteSelectFieldComponent {
-    constructor(_translate) {
-        super(_translate);
-        this._translate = _translate;
-    }
-}
-EnumerationAutocompleteSelectFieldComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-EnumerationAutocompleteSelectFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-enumeration-autocomplete-select-field',
-                template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           (keyup)=\"change()\">\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n",
-                styles: [".full-width{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-EnumerationAutocompleteSelectFieldComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-
-class EnumerationSelectFieldComponent extends AbstractEnumerationSelectFieldComponent {
-    constructor() {
-        super();
-    }
-}
-EnumerationSelectFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-enumeration-select-field',
-                template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <mat-select [formControl]=\"formControlRef\"\n                [placeholder]=\"enumerationField.placeholder\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of enumerationField.choices\" [value]=\"option.key\">\n            {{option.value}}\n        </mat-option>\n    </mat-select>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n",
-                styles: [".full-width{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-EnumerationSelectFieldComponent.ctorParameters = () => [];
-
-class EnumerationListFieldComponent extends AbstractEnumerationListFieldComponent {
-    constructor() {
-        super();
-    }
-}
-EnumerationListFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-enumeration-list-field',
-                template: "<mat-radio-group\n    color=\"primary\"\n    class=\"full-width example-radio-group\"\n    aria-labelledby=\"example-radio-group-label\"\n    [required]=\"enumerationField.behavior.required\"\n    [formControl]=\"formControlRef\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}\n        <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n        <button mat-button (click)=\"resetEnum()\">{{'dataField.enum.reset' | translate}}</button>\n        <br></mat-label>\n    <mat-radio-button class=\"example-radio-button\" *ngFor=\"let option of enumerationField.choices\" [value]=\"option.key\">\n        {{option.value}}\n    </mat-radio-button>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-radio-group>\n",
-                styles: [".example-radio-group{display:flex;flex-direction:column;margin:16px 0}.example-radio-button{margin:8px}.full-width{width:100%}"]
-            },] }
-];
-EnumerationListFieldComponent.ctorParameters = () => [];
-
-class PreviewDialogComponent {
-    constructor(data) {
-        this.data = data;
-        data.imageFull.subscribe(imageSource => {
-            this.image = imageSource;
-        });
-    }
-    ngOnInit() {
-    }
-    fullImageExists() {
-        return !!this.image;
-    }
-    isPdf() {
-        return this.data.extension === FilePreviewType.pdf;
-    }
-}
-PreviewDialogComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-];
-PreviewDialogComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-preview-dialog',
-                template: "<button class=\"close\" mat-icon-button [mat-dialog-close]=\"true\">\n    <mat-icon>close</mat-icon>\n</button>\n<h1 mat-dialog-title *ngIf=\"!isPdf()\">Image: {{data.dataField.value.name}}</h1>\n<h1 mat-dialog-title *ngIf=\"isPdf()\">PDF: {{data.dataField.value.name}}</h1>\n<div mat-dialog-content fxLayout=\"row\" fxLayoutAlign=\"center center\">\n    <img class=\"image-size\" *ngIf=\"!fullImageExists()\" [src]=\"data.imagePreview\" alt=\"Image preview\"/>\n    <img class=\"image-size\" *ngIf=\"fullImageExists() && !isPdf()\" [src]=\"image\" alt=\"Image\"/>\n    <embed class=\"pdf-view\" *ngIf=\"fullImageExists() && isPdf()\" [src]=\"image\" [type]=\"'application/pdf'\" />\n</div>\n",
-                styles: [".image-size{max-height:64vh}.close{float:right;top:-24px;right:-24px}.pdf-view{width:50vw;height:64vh}"]
-            },] }
-];
-PreviewDialogComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-];
-
-class FileFieldComponent extends AbstractFileFieldComponent {
-    constructor(taskResourceService, log, snackbar, translate, eventService, informAboutInvalidData, _sanitizer, dialog) {
-        super(taskResourceService, log, snackbar, translate, eventService, informAboutInvalidData, _sanitizer);
-        this._sanitizer = _sanitizer;
-        this.dialog = dialog;
-    }
-    showPreviewDialog() {
-        super.showPreviewDialog();
-        this.dialog.open(PreviewDialogComponent, {
-            data: {
-                dataField: this.dataField,
-                imagePreview: this.previewSource,
-                imageFull: this.fullSource,
-                extension: this.previewExtension
-            }
-        });
-    }
-}
-FileFieldComponent.ctorParameters = () => [
-    { type: TaskResourceService },
-    { type: LoggerService },
-    { type: SnackBarService },
-    { type: TranslateService },
-    { type: EventService },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] },
-    { type: DomSanitizer },
-    { type: MatDialog }
-];
-FileFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-file-field',
-                template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"dataFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n        <div fxFlex=\"{{!filePreview ? '100' : '75'}}\">\n            <mat-label *ngIf=\"!showLargeLayout.value\">\n                {{dataField.title}}\n                <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n                <br>\n            </mat-label>\n            <div class=\"form-input button-icon-input full-width input-margin\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <button mat-icon-button color=\"accent\" (click)=\"chooseFile()\"\n                        [matTooltip]=\"'dataField.file.clickToUpload' | translate\" *ngIf=\"!formControl.disabled\"\n                        [class.do-not-click]=\"state.uploading\">\n                    <mat-icon>file_upload</mat-icon>\n                </button>\n                <span (click)=\"isEmpty() ? chooseFile() : download()\" fxFlex\n                      [matTooltip]=\"isEmpty() ? '' : ('dataField.file.clickToDownload' | translate : {fileName: constructDisplayName()})\"\n                      class=\"input-name-ellipsis\"\n                      [ngClass]=\"{'input-placeholder': isEmpty(), 'no-cursor': isEmpty() && formControl.disabled}\">{{constructDisplayName()}}</span>\n                <button (click)=\"deleteFile()\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                        *ngIf=\"!isEmpty() && !formControl.disabled\">\n                    <mat-icon color=\"warn\">close</mat-icon>\n                </button>\n            </div>\n            <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                              [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                              class=\"margin-bottom-default\"></mat-progress-bar>\n            <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"false\"\n                   accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\">\n            <input type=\"text\" [formControl]=\"formControl\" class=\"invisible-input\">\n            <mat-hint class=\"file-hint-error\"\n                      *ngIf=\"!dataField.isInvalid(formControl)\">{{dataField.description}}</mat-hint>\n            <mat-error class=\"file-hint-error\"\n                       *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n        </div>\n        <div *ngIf=\"filePreview\" fxFlex=\"5\"></div>\n        <div *ngIf=\"filePreview\" fxFlex=\"20\" fxLayout=\"row\" fxLayoutAlign=\"center center\" #imageDiv\n             (resized)=\"changeMaxWidth($event)\"\n             [ngStyle]=\"{'max-height': getHeight()+'px'}\">\n            <img *ngIf=\"previewSource !== undefined && !state.downloading && isDisplayable\" class=\"image-preview\" #imageEl\n                 [ngStyle]=\"!isBorderLGBTQ() && !isBorderDefault() && {\n                    'border-width': getPreviewBorderWidth(),\n                    'border-style': getPreviewBorderStyle(),\n                    'border-color': getPreviewBorderColor()\n                 }\"\n                 [ngClass]=\"{'border-LGBTQ': isBorderLGBTQ(), 'border-default': isBorderDefault()}\"\n                 [src]=\"previewSource\" alt=\"Image preview\" (click)=\"showPreviewDialog()\"/>\n            <mat-spinner *ngIf=\"previewSource === undefined && !!state.downloading && isDisplayable\"\n                         [diameter]=\"26\"></mat-spinner>\n        </div>\n    </div>\n</ng-template>\n",
-                styles: [".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.file-field-image{width:120px}.file-field-image-wrapper{border-radius:3px}.progress-bar-size{height:8px}.margin-bottom-half{margin-bottom:4px}.do-not-click:hover{cursor:not-allowed}.file-button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:rgba(0,0,0,.42)}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.input-margin{margin-top:7px!important}.form-input{background:0 0;color:#333;outline:0;border:1px solid rgba(0,0,0,.12);text-align:left;font-size:14px;line-height:15.75px;border-radius:6px;min-width:5px;padding:10px 15px;box-sizing:border-box;height:54.81px}.form-input:hover{border-color:#000}.placeholder{color:rgba(0,0,0,.42)!important}.file-hint-error{padding:0 1em;font-size:75%}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important}.border-LGBTQ{border:5px solid transparent;-o-border-image:linear-gradient(to bottom right,#b827fc 0,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);border-image:linear-gradient(to bottom right,#b827fc 0,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);border-image-slice:1}.border-default{border:1px solid #000}"]
-            },] }
-];
-FileFieldComponent.ctorParameters = () => [
-    { type: TaskResourceService },
-    { type: LoggerService },
-    { type: SnackBarService },
-    { type: TranslateService },
-    { type: EventService },
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] },
-    { type: DomSanitizer },
-    { type: MatDialog }
-];
-
-class FileListFieldComponent extends AbstractFileListFieldComponent {
-    constructor(taskResourceService, log, snackbar, translate, eventService, informAboutInvalidData) {
-        super(taskResourceService, log, snackbar, translate, eventService, informAboutInvalidData);
-    }
-}
-FileListFieldComponent.ctorParameters = () => [
-    { type: TaskResourceService },
-    { type: LoggerService },
-    { type: SnackBarService },
-    { type: TranslateService },
-    { type: EventService },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-FileListFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-file-list-field',
-                template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"dataFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div>\n        <mat-label *ngIf=\"!showLargeLayout.value\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n            <br>\n        </mat-label>\n        <div class=\"form-input button-icon-input full-width input-margin\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <button mat-icon-button color=\"accent\" (click)=\"chooseFile()\"\n                    [matTooltip]=\"'dataField.file.clickToUpload' | translate\" *ngIf=\"!formControl.disabled\"\n                    [class.do-not-click]=\"state.uploading\">\n                <mat-icon>file_upload</mat-icon>\n            </button>\n            <span *ngIf=\"uploadedFiles.length === 0\" (click)=\"chooseFile()\" fxFlex\n                  [ngClass]=\"{'no-cursor': formControl.disabled}\" class=\"input-placeholder input-name-ellipsis\">{{constructDisplayName()}}</span>\n            <div *ngIf=\"uploadedFiles.length !== 0\" class=\"input-name-ellipsis\" fxFlex>\n                <div *ngFor=\"let name of uploadedFiles\" fxLayoutAlign=\"start center\">\n                    <span (click)=\"download(name)\" fxFlex [matTooltip]=\"'dataField.file.clickToDownload' | translate : {fileName: name}\"\n                          class=\"input-name-ellipsis file-list-item\">{{name}}</span>\n                    <button (click)=\"deleteFile(name)\" [matTooltip]=\"'dataField.file.clickToDelete' | translate\" mat-icon-button\n                            *ngIf=\"!formControl.disabled\">\n                        <mat-icon color=\"warn\">close</mat-icon>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <mat-progress-bar *ngIf=\"state.uploading || state.downloading\" color=\"primary\" [value]=\"state.progress\"\n                          [mode]=\"state.uploading ? 'determinate' : 'indeterminate'\"\n                          class=\"margin-bottom-default\"></mat-progress-bar>\n        <input type=\"file\" #fileUploadInput name=\"fileUpload\" [multiple]=\"true\"\n               accept=\"{{dataField.allowTypes}}\" class=\"invisible-input\"/>\n        <input type=\"text\" [formControl]=\"formControl\" class=\"invisible-input\">\n        <mat-hint class=\"file-hint-error\" *ngIf=\"!dataField.isInvalid(formControl)\">{{dataField.description}}</mat-hint>\n        <mat-error class=\"file-hint-error\" *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n</ng-template>\n",
-                styles: [".invisible-input{display:none}.margin-bottom-default{margin-bottom:8px}.progress-bar-size{height:8px}.margin-bottom-half{margin-bottom:4px}.do-not-click:hover{cursor:not-allowed}.file-button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.input-placeholder{color:rgba(0,0,0,.42)}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.input-margin{margin-top:7px!important}.form-input{background:0 0;color:#333;outline:0;border:1px solid rgba(0,0,0,.12);text-align:left;font-size:14px;line-height:15.75px;border-radius:6px;min-width:5px;padding:10px 15px;box-sizing:border-box;min-height:54.81px}.form-input:hover{border-color:#000}.file-hint-error{padding:0 1em;font-size:75%}.no-cursor{cursor:default!important}"]
-            },] }
-];
-FileListFieldComponent.ctorParameters = () => [
-    { type: TaskResourceService },
-    { type: LoggerService },
-    { type: SnackBarService },
-    { type: TranslateService },
-    { type: EventService },
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-
-class MultichoiceFieldComponent extends AbstractMultichoiceFieldComponent {
-    constructor(informAboutInvalidData) {
-        super(informAboutInvalidData);
-    }
-}
-MultichoiceFieldComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-MultichoiceFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-multichoice-field',
-                template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                         [dataField]=\"dataField\"\n                         [dataFieldTemplate]=\"multiFieldTemplate\"\n                         [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #multiFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div *ngIf=\"dataField.component !== undefined\" [ngSwitch]=\"dataField.component.name\">\n        <nc-multichoice-list-field *ngSwitchCase=\"'list'\"\n                                   [showLargeLayout]=\"showLargeLayout\"\n                                   [multichoiceField]=\"dataField\"\n                                   [formControlRef]=\"formControl\">\n        </nc-multichoice-list-field>\n        <nc-multichoice-select-field *ngSwitchDefault\n                                     [showLargeLayout]=\"showLargeLayout\"\n                                     [multichoiceField]=\"dataField\"\n                                     [formControlRef]=\"formControl\">\n        </nc-multichoice-select-field>\n    </div>\n\n    <!-- @deprecated in 4.3.0-->\n    <div *ngIf=\"dataField.component === undefined\" [ngSwitch]=\"dataField.view\">\n        <nc-multichoice-list-field *ngSwitchCase=\"'list'\"\n                                    [showLargeLayout]=\"showLargeLayout\"\n                                    [multichoiceField]=\"dataField\"\n                                    [formControlRef]=\"formControl\">\n        </nc-multichoice-list-field>\n        <nc-multichoice-select-field *ngSwitchDefault\n                                      [showLargeLayout]=\"showLargeLayout\"\n                                      [multichoiceField]=\"dataField\"\n                                      [formControlRef]=\"formControl\">\n        </nc-multichoice-select-field>\n    </div>\n</ng-template>\n",
-                styles: [""]
-            },] }
-];
-MultichoiceFieldComponent.ctorParameters = () => [
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-
-class MultichoiceSelectFieldComponent extends AbstractMultichoiceSelectFieldComponent {
-}
-MultichoiceSelectFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-multichoice-select-field',
-                template: "<mat-form-field [appearance]=\"multichoiceField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{multichoiceField.title}}</mat-label>\n    <mat-select [placeholder]=\"multichoiceField.placeholder\"\n                [formControl]=\"formControlRef\"\n                [required]=\"multichoiceField.behavior.required\"\n                multiple>\n        <mat-option *ngFor=\"let option of multichoiceField.choices\" [value]=\"option.key\">\n            {{option.value}}\n        </mat-option>\n    </mat-select>\n    <mat-hint>{{multichoiceField.description}}</mat-hint>\n    <mat-error *ngIf=\"multichoiceField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n",
-                styles: [".full-width{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-
-class MultichoiceListFieldComponent extends AbstractMultichoiceListFieldComponent {
-    constructor() {
-        super();
-    }
-}
-MultichoiceListFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-multichoice-list-field',
-                template: "<mat-selection-list color=\"primary\"\n                    [formControl]=\"formControlRef\"\n                    [required]=\"multichoiceField.behavior.required\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{multichoiceField.title}}\n        <nc-required-label *ngIf=\"multichoiceField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n        <br></mat-label>\n    <mat-list-option *ngFor=\"let option of multichoiceField.choices\" [value]=\"option.key\">\n        {{option.value}}\n    </mat-list-option>\n    <mat-error *ngIf=\"multichoiceField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-selection-list>\n",
-                styles: [""]
-            },] }
-];
-MultichoiceListFieldComponent.ctorParameters = () => [];
-
-class NumberFieldComponent extends AbstractNumberFieldComponent {
-    constructor(translate, informAboutInvalidData) {
-        super(translate, informAboutInvalidData);
-    }
-    resolveComponent() {
-        if (this.dataField.component !== undefined) {
-            return this.dataField.component.name;
-        }
-        else {
-            return 'default';
-        }
-    }
-}
-NumberFieldComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-NumberFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-number-field',
-                template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"dataFieldTemplate\"\n                        [offset]=\"taskOffset\">\n\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div [ngSwitch]=\"resolveComponent()\">\n        <nc-number-currency-field *ngSwitchCase=\"'currency'\"\n                                 [numberField]=\"dataField\"\n                                 [formControlRef]=\"formControl\"\n                                 [showLargeLayout] = showLargeLayout>\n        </nc-number-currency-field>\n        <nc-number-default-field *ngSwitchDefault\n                                 [numberField]=\"dataField\"\n                                 [formControlRef]=\"formControl\"\n                                 [showLargeLayout] = showLargeLayout>\n        </nc-number-default-field>\n    </div>\n\n</ng-template>\n",
-                styles: [".full-width{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-NumberFieldComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-
-class TextFieldComponent extends AbstractTextFieldComponent {
-    constructor(informAboutInvalidData) {
-        super(informAboutInvalidData);
-    }
-}
-TextFieldComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-TextFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-text-field',
-                template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"textFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #textFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div *ngIf=\"dataField.component !== undefined\" [ngSwitch]=\"dataField.component.name\">\n        <nc-password-text-field *ngSwitchCase=\"'password'\" [passwordTextField]=\"dataField\" [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-password-text-field>\n        <nc-textarea-field *ngSwitchCase=\"'textarea'\" [textAreaField]=\"dataField\" [formControlRef]=\"formControl\"\n                           [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n        <nc-rich-textarea-field *ngSwitchCase=\"'richtextarea'\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-rich-textarea-field>\n        <nc-html-textarea-field *ngSwitchCase=\"'htmltextarea'\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-html-textarea-field>\n        <nc-simple-text-field *ngSwitchDefault [textField]=\"dataField\" [formControlRef]=\"formControl\"\n                              [showLargeLayout]=\"showLargeLayout\"></nc-simple-text-field>\n    </div>\n\n    <!-- @deprecated in 4.3.0-->\n    <div *ngIf=\"dataField.component == undefined\" [ngSwitch]=\"dataField.view\">\n        <nc-textarea-field *ngSwitchCase=\"'textarea'\" [textAreaField]=\"dataField\" [formControlRef]=\"formControl\"\n                           [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>\n        <nc-rich-textarea-field *ngSwitchCase=\"'richtextarea'\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-rich-textarea-field>\n        <nc-html-textarea-field *ngSwitchCase=\"'htmltextarea'\" [textAreaField]=\"dataField\"\n                                [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-html-textarea-field>\n        <nc-simple-text-field *ngSwitchDefault [textField]=\"dataField\" [formControlRef]=\"formControl\"\n                              [showLargeLayout]=\"showLargeLayout\"></nc-simple-text-field>\n    </div>\n</ng-template>\n",
-                styles: [".full-width{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-TextFieldComponent.ctorParameters = () => [
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-
-class TextareaFieldComponent extends AbstractTextareaFieldComponent {
-    constructor(_translate, _ngZone) {
-        super(_translate, _ngZone);
-        this._translate = _translate;
-        this._ngZone = _ngZone;
-    }
-}
-TextareaFieldComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: NgZone }
-];
-TextareaFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-textarea-field',
-                template: "<mat-form-field [appearance]=\"textAreaField.materialAppearance\"\n                floatLabel=\"always\"\n                class=\"full-width\"\n                color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{textAreaField.title}}</mat-label>\n    <textarea matInput\n              #textArea\n              [placeholder]=\"textAreaField.placeholder\"\n              [required]=\"textAreaField.behavior.required\"\n              [formControl]=\"formControlRef\"\n              [ngStyle]=\"{'min-height': getHeight()+'px', 'height': getHeight()+'px'}\"\n              #dynamicTextArea=\"cdkTextareaAutosize\"\n              cdkTextareaAutosize\n              cdkAutosizeMinRows=\"1\"></textarea>\n    <mat-hint>{{textAreaField.description}}</mat-hint>\n    <mat-error *ngIf=\"textAreaField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n\n\n",
-                styles: [".full-width{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-TextareaFieldComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: NgZone }
-];
-
-class RichTextareaFieldComponent extends AbstractRichTextareaFieldComponent {
-    constructor(_translate) {
-        super(_translate);
-        this._translate = _translate;
-    }
-}
-RichTextareaFieldComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-RichTextareaFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-rich-textarea-field',
-                template: "<div class=\"height-100\">\n    <td-text-editor *ngIf=\"!formControlRef.disabled\" [(ngModel)]=\"textAreaField.value\"\n                    [options]=\"options\"></td-text-editor>\n    <mat-error *ngIf=\"textAreaField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n\n    <input type=\"hidden\" [formControl]=\"formControlRef\">\n\n    <div class=\"border\" *ngIf=\"formControlRef.disabled\">\n        <td-markdown>{{textAreaField.value}}</td-markdown>\n    </div>\n</div>\n",
-                styles: [".height-100{height:100%}.border{border:1px solid #ddd;border-radius:4px;padding:10px;z-index:1;word-wrap:break-word}"]
-            },] }
-];
-RichTextareaFieldComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-
-class SimpleTextFieldComponent extends AbstractSimpleTextFieldComponent {
-    constructor(_translate) {
-        super(_translate);
-        this._translate = _translate;
-    }
-}
-SimpleTextFieldComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-SimpleTextFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-simple-text-field',
-                template: "<mat-form-field [appearance]=\"textField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{textField.title}}</mat-label>\n    <input matInput\n           [placeholder]=\"textField.placeholder\"\n           [required]=\"textField.behavior.required\"\n           [formControl]=\"formControlRef\">\n    <mat-hint>{{textField.description}}</mat-hint>\n    <mat-error *ngIf=\"textField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n",
-                styles: [".full-width{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-SimpleTextFieldComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-
-/**
- * Is the main - parent component of the entire user assignment in the side menu.
- *
- * Holds logic link of the [UserAssignListComponent]{@link UserAssignListComponent}
- * along with searching, selecting, and then assigning to the user field.
- */
-class UserAssignComponent extends AbstractUserAssignComponent {
-    constructor(_sideMenuControl) {
-        super(_sideMenuControl);
-        this._sideMenuControl = _sideMenuControl;
-    }
-}
-UserAssignComponent.ctorParameters = () => [
-    { type: SideMenuControl, decorators: [{ type: Inject, args: [NAE_SIDE_MENU_CONTROL,] }] }
-];
-UserAssignComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-user-assign',
-                template: "<div class=\"full-width full-height\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n    <mat-toolbar color=\"primary\">{{ 'side-menu.user.assign' | translate | uppercase }}</mat-toolbar>\n    <div class=\"user-assign-container side-menu-root\" fxLayout=\"column\" fxFlex>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <mat-icon fxFlex class=\"search-icon\">search</mat-icon>\n            <mat-form-field fxFlex=\"100\" class=\"user-assign-search\" color=\"primary\">\n                <input matInput placeholder=\"{{ 'side-menu.user.choose' | translate }}\"\n                       [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        <nc-user-assign-list fxFlex\n                             [searchUserControl]=\"searchUserControl\"\n                             [roles]=\"roles\"\n                             [negativeRoles]=\"negativeRoles\"\n                             [initiallySelectedUser]=\"initiallySelectedUser\"\n                             (userSelected)=\"userWasSelected($event)\">\n        </nc-user-assign-list>\n\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n            <button mat-button color=\"primary\"\n                    (click)=\"assign()\">{{ 'tasks.view.assign' | translate | uppercase }}</button>\n        </div>\n    </div>\n</div>\n",
-                providers: [UserListService],
-                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-assign-container{padding:16px;position:relative}.user-assign-search{width:100%}.search-icon{margin-right:10px}"]
-            },] }
-];
-UserAssignComponent.ctorParameters = () => [
-    { type: SideMenuControl, decorators: [{ type: Inject, args: [NAE_SIDE_MENU_CONTROL,] }] }
-];
-
-class UserFieldComponent extends AbstractUserFieldComponent {
-    constructor(sideMenuService, snackbar, translate, informAboutInvalidData) {
-        super(sideMenuService, snackbar, translate, informAboutInvalidData);
-    }
-    selectUser() {
-        this.selectAbstractUser(UserAssignComponent);
-    }
-}
-UserFieldComponent.ctorParameters = () => [
-    { type: SideMenuService },
-    { type: SnackBarService },
-    { type: TranslateService },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-UserFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-user-field',
-                template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"dataFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n\n    <div>\n        <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n            <br>\n        </mat-label>\n        <button mat-stroked-button\n                *ngIf=\"dataField.value !== undefined\"\n                [disabled]=\"formControl.disabled\"\n                color=\"primary\"\n                (click)=\"selectUser()\">\n            <mat-icon>how_to_reg</mat-icon>\n            {{dataField.value.fullName}}\n        </button>\n        <button mat-stroked-button\n                *ngIf=\"dataField.value === undefined\"\n                [disabled]=\"formControl.disabled\"\n                color=\"primary\"\n                (click)=\"selectUser()\">\n            <mat-icon>person_add</mat-icon>\n            Select user\n        </button>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n    </div>\n\n</ng-template>\n",
-                styles: [""]
-            },] }
-];
-UserFieldComponent.ctorParameters = () => [
-    { type: SideMenuService },
-    { type: SnackBarService },
-    { type: TranslateService },
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-
-class RequiredLabelComponent {
-    constructor() {
-        this.isIn = false;
-    }
-    ngOnInit() {
-    }
-}
-RequiredLabelComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-required-label',
-                template: "<span class=\"required-label-color\" [ngClass]=\"{ 'disabled-opacity-45': !isIn }\"> * </span>\n",
-                styles: [".required-label-color{color:red}.disabled-opacity-45{opacity:.45}"]
-            },] }
-];
-RequiredLabelComponent.ctorParameters = () => [];
-RequiredLabelComponent.propDecorators = {
-    isIn: [{ type: Input }]
-};
-
-class HtmlTextareaFieldComponent extends AbstractHtmlTextareaFieldComponent {
-    constructor(_translate, _sanitizer) {
-        super(_translate, _sanitizer);
-        this._translate = _translate;
-        this._sanitizer = _sanitizer;
-    }
-}
-HtmlTextareaFieldComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: DomSanitizer }
-];
-HtmlTextareaFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-html-textarea-field',
-                template: "<div class=\"height-100\" #quillContainer>\n    <quill-editor theme=\"snow\" *ngIf=\"!formControlRef.disabled\" [(ngModel)]=\"textAreaField.value\"\n                  [modules]=\"quillModules\" [bounds]=\"quillContainer\"></quill-editor>\n    <mat-error *ngIf=\"textAreaField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n    <input type=\"hidden\" [formControl]=\"formControlRef\">\n    <div *ngIf=\"formControlRef.disabled\" class=\"border ql-snow\">\n        <div class=\"ql-editor\" [innerHTML]=\"disabledDisplay\"></div>\n    </div>\n</div>\n",
-                styles: [".height-100{height:100%}.border{border:1px solid #ddd;border-radius:4px;padding:10px;z-index:1;word-wrap:break-word}"]
-            },] }
-];
-HtmlTextareaFieldComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: DomSanitizer }
-];
-
-class NumberCurrencyFieldComponent extends AbstractCurrencyNumberFieldComponent {
-    constructor(currencyPipe, translate) {
-        super(currencyPipe, translate);
-    }
-    ngOnInit() {
-        super.ngOnInit();
-    }
-    onFocusOut(event) {
-        this.transformToText(event);
-    }
-    onFocusIn() {
-        this.transformToNumber();
-    }
-}
-NumberCurrencyFieldComponent.ctorParameters = () => [
-    { type: CurrencyPipe },
-    { type: TranslateService }
-];
-NumberCurrencyFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-number-currency-field',
-                template: "<mat-form-field [appearance]=\"numberField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{numberField.title}}</mat-label>\n    <input matInput\n           [type]=\"fieldType\"\n           [value]=\"transformedValue\"\n           [formControl]=\"formControlRef\"\n           [placeholder]=\"numberField.placeholder\"\n           [required]=\"numberField.behavior.required\"\n           (focusout)=\"onFocusOut($event)\"\n           (focusin)=\"onFocusIn()\">\n    <mat-hint>{{numberField.description}}</mat-hint>\n    <mat-error *ngIf=\"numberField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n<mat-label class=\"currency-label\" *ngIf=\"fieldType == 'number'\">{{getCurrencySymbol()}}</mat-label>\n",
-                styles: [".full-width{margin:0 auto;width:90%}.currency-label{margin-left:5px}"]
-            },] }
-];
-NumberCurrencyFieldComponent.ctorParameters = () => [
-    { type: CurrencyPipe },
-    { type: TranslateService }
-];
-
-class NumberDefaultFieldComponent extends AbstractDefaultNumberFieldComponent {
-    constructor(translate) {
-        super(translate);
-    }
-}
-NumberDefaultFieldComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-NumberDefaultFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-number-default-field',
-                template: "<mat-form-field [appearance]=\"numberField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{numberField.title}}</mat-label>\n    <input matInput\n           type=\"number\"\n           [formControl]=\"formControlRef\"\n           [placeholder]=\"numberField.placeholder\"\n           [required]=\"numberField.behavior.required\">\n    <mat-hint>{{numberField.description}}</mat-hint>\n    <mat-error *ngIf=\"numberField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n",
-                styles: [".full-width{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-NumberDefaultFieldComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-
-class PasswordTextFieldComponent extends AbstractPasswordTextFieldComponent {
-    constructor(_translate) {
-        super(_translate);
-        this._translate = _translate;
-        this.hide = true;
-    }
-    ngOnInit() {
-    }
-}
-PasswordTextFieldComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-PasswordTextFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-password-text-field',
-                template: "<mat-form-field [appearance]=\"passwordTextField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{passwordTextField.title}}</mat-label>\n    <input matInput\n           [placeholder]=\"passwordTextField.placeholder\"\n           [required]=\"passwordTextField.behavior.required\"\n           [formControl]=\"formControlRef\"\n           [type]=\"hide ? 'password' : 'text'\">\n    <button mat-icon-button matSuffix type=\"button\"\n            (click)=\"hide = !hide\"\n            (keypress)=\"false\"\n            [attr.aria-label]=\"'Hide password'\"\n            [attr.aria-pressed]=\"hide\">\n        <mat-icon\n            [color]=\"hide ? undefined : 'accent'\">{{hide ? 'visibility_off' : 'visibility'}}</mat-icon>\n    </button>\n    <mat-hint>{{passwordTextField.description}}</mat-hint>\n    <mat-error *ngIf=\"passwordTextField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n",
-                styles: [".full-width{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-PasswordTextFieldComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-
-class EnumerationStepperFieldComponent extends AbstractEnumerationStepperFieldComponent {
-    constructor(ref) {
-        super(ref);
-        this.ref = ref;
-    }
-}
-EnumerationStepperFieldComponent.ctorParameters = () => [
-    { type: ElementRef }
-];
-EnumerationStepperFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-enumeration-stepper-field',
-                template: "<mat-label class=\"stepper-label\" *ngIf=\"!showLargeLayout.value\" matTooltipClass=\"stepper-tooltip-text\" [matTooltip]=\"enumerationField.description\" matTooltipPosition=\"right\">\n    {{enumerationField.title}}\n    <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"!enumerationField.disabled\" ></nc-required-label>\n</mat-label>\n\n<div class=\"horizontal-stepper\" fxLayout=\"row\" *ngIf=\"!arrowStepper\">\n    <div class=\"horizontal-step\">\n        <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n            <div class=\"horizontal-step-header\" #oneStep>\n                <div class=\"horizontal-state\" [ngClass]=\"{'horizontal-state-primary': canShowDoneIcon(i), 'horizontal-state-secondary': !canShowDoneIcon(i)}\">\n                    <mat-icon *ngIf=\"canShowDoneIcon(i + 1)\">done</mat-icon>\n                </div>\n                <div class=\"horizontal-state-label\">{{option.value}}</div>\n            </div>\n            <div class=\"horizontal-line\" fxFlex *ngIf=\"i < enumerationField.choices.length - 1\"></div>\n        </ng-template>\n    </div>\n</div>\n\n<div *ngIf=\"arrowStepper\" class=\"stepper-min-height\" fxLayoutAlign=\"stretch center\" fxLayout=\"row\">\n    <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n        <span class=\"stepper-arrow-text\" [ngClass]=\"{'stepper-arrow-selected': isSelected(option.key), 'stepper-disabled': enumerationField.disabled}\"\n              (click)=\"setStepperValue(option.key)\" fxFlex fxLayoutAlign=\"center center\">{{option.value}}</span>\n        <span fxFlex *ngIf=\"i < enumerationField.choices.length - 1\" fxLayoutAlign=\"center center\">\n            <mat-icon>arrow_forward_ios</mat-icon>\n        </span>\n    </ng-template>\n</div>\n",
-                styles: [".horizontal-stepper{display:flex}.horizontal-step-header{box-sizing:border-box;flex-direction:column;height:auto;padding:24px;overflow:hidden;outline:0;position:relative;-webkit-tap-highlight-color:transparent;display:flex;align-items:center}.horizontal-step-header:not(:first-child)::before{left:0}.horizontal-step-header:not(:last-child)::after{right:0}.horizontal-step-header:not(:first-child)::before,.horizontal-step-header:not(:last-child)::after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);top:36px}.horizontal-state{color:#fff;border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.horizontal-state-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;min-width:36px;vertical-align:middle;padding:16px 0 0;text-align:center;width:100%;word-wrap:break-word}.horizontal-line{position:relative;top:36px;border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:12px}.horizontal-step{flex:auto;display:flex}.stepper-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.stepper-tooltip-text{color:#fff;padding:10px 15px}.stepper-min-height{border-radius:10px;min-height:70px;background-color:#f9f9f9}.stepper-arrow-text{font-weight:500;font-size:16px;letter-spacing:-.2;line-height:24px;color:#333;cursor:pointer}.stepper-disabled{cursor:unset!important}"]
-            },] }
-];
-EnumerationStepperFieldComponent.ctorParameters = () => [
-    { type: ElementRef }
-];
-
-class EnumerationIconFieldComponent extends AbstractEnumerationIconFieldComponent {
-    constructor() {
-        super();
-    }
-}
-EnumerationIconFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-enumeration-icon-field',
-                template: "<div>\n    <div *ngFor=\"let option of enumerationField.choices; let i = index\">\n        <div class=\"enum-icon-item enum-icon-item-row\" (click)=\"setEnumValue(option.key)\" [ngClass]=\"{'enum-icon-item-active': isSelected(option.key)}\">\n            <mat-icon *ngIf=\"resolveIconType(option.key) === 'material'\">{{resolveIconValue(option.key)}}</mat-icon>\n            <mat-icon *ngIf=\"resolveIconType(option.key) === 'svg'\" [svgIcon]=\"resolveIconValue(option.key)\"></mat-icon>\n            <span fxFlex class=\"enum-icon-text\">{{option.value}}</span>\n            <mat-icon *ngIf=\"resolveArrow(option.key)\">arrow_forward</mat-icon>\n        </div>\n        <mat-divider class=\"enum-icon-divider\" *ngIf=\"i !== enumerationField.choices.length - 1 && resolveDivider(option.key)\"></mat-divider>\n    </div>\n</div>\n\n",
-                styles: [".enum-icon-item{font-size:18px;font-family:Asap,sans-serif;font-weight:500;line-height:24px;letter-spacing:-.2px;text-align:left;color:#333;text-decoration:none;padding:25px 0}.enum-icon-item-row:hover{cursor:pointer}.enum-icon-item-row:focus,.enum-icon-item:focus{outline:0}.enum-icon-divider{position:relative!important}.enum-icon-text{padding:0 16px}"]
-            },] }
-];
-EnumerationIconFieldComponent.ctorParameters = () => [];
-
-class EnumerationAutocompleteDynamicFieldComponent extends AbstractEnumerationAutocompleteDynamicFieldComponent {
-    constructor(_translate) {
-        super(_translate);
-        this._translate = _translate;
-    }
-}
-EnumerationAutocompleteDynamicFieldComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-EnumerationAutocompleteDynamicFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-enumeration-autocomplete-dynamic-field',
-                template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           (keyup)=\"change()\">\n    <mat-spinner *ngIf=\"enumerationField.loading\" matSuffix diameter=\"30\"></mat-spinner>\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n\n        <mat-option disabled *ngIf=\"(filteredOptions | async)?.length === 0 && !enumerationField.loading && enumerationField.value && enumerationField.value.length > 0\" fxLayoutAlign=\"center center\">\n            {{ 'dataField.dynamicEnum.noData' | translate }}\n        </mat-option>\n\n        <ng-container *ngIf=\"!enumerationField.loading\">\n            <mat-option [value]=\"null\">---</mat-option>\n            <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n                {{option.value}}\n            </mat-option>\n        </ng-container>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n\n",
-                styles: [".full-width{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-EnumerationAutocompleteDynamicFieldComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-
-function filterFieldBaseFilterFactory(filterField) {
-    return {
-        filter: SimpleFilter.empty(filterField.filterMetadata.filterType)
-    };
-}
-function filterFieldAllowedNetsFactory(factory, filterField) {
-    return factory.createFromArray(filterField.allowedNets);
-}
-function filterFieldCategoriesFactory(factory, filterField) {
-    const result = filterField.filterMetadata.searchCategories.map(c => factory.toClass(c));
-    return result;
-}
-class FilterFieldContentComponent extends AbstractFilterFieldContentComponent {
-    constructor(filterField, fieldSearchService) {
-        super(filterField, fieldSearchService);
-    }
-}
-FilterFieldContentComponent.ctorParameters = () => [
-    { type: FilterField, decorators: [{ type: Inject, args: [NAE_FILTER_FIELD,] }] },
-    { type: SearchService }
-];
-FilterFieldContentComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-filter-field-content',
-                template: "<nc-advanced-search *ngIf=\"filterLoaded\" [editable]=\"editable\"></nc-advanced-search>\n",
-                providers: [
-                    { provide: NAE_BASE_FILTER, useFactory: filterFieldBaseFilterFactory, deps: [NAE_FILTER_FIELD] },
-                    { provide: AllowedNetsService, useFactory: filterFieldAllowedNetsFactory, deps: [AllowedNetsServiceFactory, NAE_FILTER_FIELD] },
-                    CategoryFactory,
-                    { provide: NAE_SEARCH_CATEGORIES, useFactory: filterFieldCategoriesFactory, deps: [CategoryResolverService, NAE_FILTER_FIELD] },
-                    SearchService
-                ],
-                styles: [""]
-            },] }
-];
-FilterFieldContentComponent.ctorParameters = () => [
-    { type: FilterField, decorators: [{ type: Inject, args: [NAE_FILTER_FIELD,] }] },
-    { type: SearchService }
-];
-
-class FilterFieldComponent extends AbstractFilterFieldComponent {
-    constructor(parentInjector, informAboutInvalidData) {
-        super(parentInjector, informAboutInvalidData);
-    }
-    getFilterContentComponent() {
-        return FilterFieldContentComponent;
-    }
-}
-FilterFieldComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-FilterFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-filter-field',
-                template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"filterFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #filterFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <!--  TODO: title based on large layout  -->\n    <ng-template [ngIf]=\"initialized\">\n        <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n    </ng-template>\n    <!--  TODO: description?  -->\n</ng-template>\n",
-                styles: [""]
-            },] }
-];
-FilterFieldComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-
-class SearchClauseComponent extends AbstractSearchClauseComponent {
-    constructor() {
-        super();
-    }
-}
-SearchClauseComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-search-clause',
-                template: "<div class=\"clause-body clause-body-color\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n        <div *ngFor=\"let item of getPredicateMap() | keyvalue; trackBy: trackByPredicates; first as first\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <div *ngIf=\"!first\" class=\"bool-operator-margin\">{{'search.or' | translate | uppercase}}</div>\n            <nc-search-predicate [predicate]=\"item.value.wrappedPredicate\" [predicateId]=\"item.key\"\n                                 [remove$]=\"removeChild$\" [generator]=\"item.value.generator\" [editable]=\"editable\"></nc-search-predicate>\n        </div>\n        <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-button\">+ {{'search.or' | translate | uppercase}}</button>\n    </div>\n</div>\n",
-                styles: [".clause-body{border-radius:4px;padding:4px 6px}.bool-operator-margin{margin-left:8px;margin-right:8px}.bool-operator-button{margin-left:4px}"]
-            },] }
-];
-SearchClauseComponent.ctorParameters = () => [];
-
-class SearchPredicateComponent extends AbstractSearchPredicateComponent {
-    constructor(searchCategories, logger, initializationService, categoryFactory) {
-        super(searchCategories, logger, initializationService, categoryFactory);
-    }
-}
-SearchPredicateComponent.ctorParameters = () => [
-    { type: Array, decorators: [{ type: Inject, args: [NAE_SEARCH_CATEGORIES,] }] },
-    { type: LoggerService },
-    { type: AdvancedSearchComponentInitializationService },
-    { type: CategoryFactory }
-];
-SearchPredicateComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-search-predicate',
-                template: "<div class=\"predicate-body\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n     [ngClass]=\"!!selectedCategory && selectedCategory.providesPredicate ? 'predicate-body-color' : 'white-background'\">\n    <div *ngIf=\"editable\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <button mat-icon-button color=\"warn\" (click)=\"remove()\" class=\"smaller-button\">\n            <mat-icon>clear</mat-icon>\n        </button>\n    </div>\n\n    <div *ngIf=\"!selectedCategory; then categorySelection else categoryDisplay\"></div>\n    <ng-template #categorySelection>\n        <mat-form-field class=\"text-margin\" appearance=\"outline\">\n            <mat-label>{{'search.category.select' | translate}}</mat-label>\n            <mat-select (selectionChange)=\"categoryChanged($event.value)\" #categoryInput [disabled]=\"!editable\">\n                <mat-option *ngFor=\"let category of searchCategories\"\n                            [value]=\"category\">{{category.translationPath | translate}}</mat-option>\n            </mat-select>\n        </mat-form-field>\n    </ng-template>\n    <ng-template #categoryDisplay>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-margin\"\n             [ngClass]=\"{'bold-text': selectedCategory.displayBold}\"\n             (click)=\"clearCategorySelection()\">\n            {{selectedCategory.translationPath | translate}}\n        </div>\n    </ng-template>\n\n    <div *ngIf=\"selectedCategory\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <ng-template ngFor let-configurationInput [ngForOf]=\"selectedCategory.configurationInputs$ | async\">\n            <nc-search-configuration-input [configuration]=\"configurationInput\" [selectedCategory]=\"selectedCategory\"\n                                           [editable]=\"editable\"></nc-search-configuration-input>\n        </ng-template>\n    </div>\n</div>\n",
-                styles: [".predicate-body{border-radius:4px;padding-right:4px;margin-top:2px;margin-bottom:2px;min-height:32px}.smaller-button{width:32px;height:32px;line-height:32px;margin-right:-4px}.bold-text{font-weight:700}.text-margin{margin-left:4px}.white-background{background:#fafafa}::ng-deep .mat-form-field-wrapper{margin:0;padding-bottom:0}"]
-            },] }
-];
-SearchPredicateComponent.ctorParameters = () => [
-    { type: Array, decorators: [{ type: Inject, args: [NAE_SEARCH_CATEGORIES,] }] },
-    { type: LoggerService },
-    { type: AdvancedSearchComponentInitializationService },
-    { type: CategoryFactory }
-];
-
-const ɵ0$2 = DATE_TIME_FORMAT;
-class SearchOperandInputComponent extends AbstractSearchOperandInputComponent {
-    constructor() {
-        super();
-        // make enum accessible in HTMl
-        this.searchInputType = SearchInputType;
-        this.dateFormat = DATE_FORMAT_STRING;
-        this.dateTimeFormat = DATE_TIME_FORMAT_STRING;
-    }
-}
-SearchOperandInputComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-search-operand-input',
-                template: "<div *ngIf=\"!isInputFilled; then operandSelection else operandDisplay\"></div>\n\n<ng-template #operandSelection>\n    <div [ngSwitch]=\"inputType\">\n        <ng-template [ngSwitchCase]=\"searchInputType.TEXT\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"text\" matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.AUTOCOMPLETE\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"text\" matInput autocomplete=\"off\"\n                       #autocompleteInput\n                       #autocompleteTrigger=\"matAutocompleteTrigger\"\n                       [formControl]=\"inputFormControl\"\n                       [matAutocomplete]=\"searchAutocomplete\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur(); autocompleteTrigger.closePanel()\"\n                       (focus)=\"editInput()\"\n                       #operandInput>\n                <mat-autocomplete #searchAutocomplete=\"matAutocomplete\"\n                                  [displayWith]=\"renderSelection\"\n                                  (optionSelected)=\"autocompleteInput.blur()\">\n                    <mat-option *ngFor=\"let option of filteredOptions$ | async\" [value]=\"option\">\n                        <mat-icon *ngIf=\"option.icon\">{{option.icon}}</mat-icon>\n                        <span>{{option.text | translate}}</span>\n                    </mat-option>\n                </mat-autocomplete>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.DATE\">\n            <mat-form-field appearance=\"outline\">\n                <input matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [matDatepicker]=\"searchDatepicker\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"searchDatepicker.close()\"\n                       (focus)=\"editInput(); searchDatepicker.open()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n                <mat-datepicker-toggle matPrefix [for]=\"searchDatepicker\"></mat-datepicker-toggle>\n                <mat-datepicker #searchDatepicker></mat-datepicker>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.DATE_TIME\">\n            <mat-form-field appearance=\"outline\">\n                <input matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [ngxMatDatetimePicker]=\"searchDateTimepicker\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"searchDateTimepicker.close()\"\n                       (focus)=\"editInput(); searchDateTimepicker.open()\"\n                       #operandInput>\n                <mat-datepicker-toggle matPrefix [for]=\"searchDateTimepicker\">\n                    <mat-icon matDatepickerToggleIcon>schedule</mat-icon>\n                </mat-datepicker-toggle>\n                <ngx-mat-datetime-picker #searchDateTimepicker\n                                         [showSpinners]=\"true\"\n                                         [showSeconds]=\"false\"\n                                         [stepHour]=\"1\"\n                                         [stepMinute]=\"5\"\n                                         [color]=\"'primary'\"\n                                         [enableMeridian]=\"false\"\n                                         (closed)=\"confirmInput()\"></ngx-mat-datetime-picker>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.NUMBER\">\n            <mat-form-field appearance=\"outline\">\n                <input type=\"number\" matInput autocomplete=\"off\"\n                       [formControl]=\"inputFormControl\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur()\"\n                       (focus)=\"editInput()\"\n                       (blur)=\"confirmInput()\"\n                       #operandInput>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template [ngSwitchCase]=\"searchInputType.BOOLEAN\">\n            <div fxLayout=\"row\">\n                <mat-slide-toggle [formControl]=\"inputFormControl\"\n                                  [disabled]=\"!editable\"\n                                  (focus)=\"editInput()\"\n                                  (toggleChange)=\"confirmInput()\"></mat-slide-toggle>\n            </div>\n        </ng-template>\n    </div>\n</ng-template>\n\n<ng-template #operandDisplay>\n    <div [ngSwitch]=\"inputType\" (click)=\"editInput()\" class=\"bold-text\">\n        <div *ngSwitchCase=\"searchInputType.AUTOCOMPLETE\">\n            {{inputFormControl.value.text | translate}}\n        </div>\n        <div *ngSwitchCase=\"searchInputType.DATE\">\n            {{inputFormControl.value.format(dateFormat)}}\n        </div>\n        <div *ngSwitchCase=\"searchInputType.DATE_TIME\">\n            {{inputFormControl.value.format(dateTimeFormat)}}\n        </div>\n        <div *ngSwitchDefault>\n            {{inputFormControl.value}}\n        </div>\n    </div>\n</ng-template>\n",
-                providers: [
-                    { provide: NGX_MAT_DATE_FORMATS, useValue: ɵ0$2 }
-                ],
-                styles: [".bold-text{font-weight:700}"]
-            },] }
-];
-SearchOperandInputComponent.ctorParameters = () => [];
-
-class SearchConfigurationInputComponent extends AbstractSearchConfigurationInputComponent {
-    constructor() {
-        super();
-        // make the enum referencable in HTML
-        this.searchInputType = SearchInputType;
-        // make the enum referencable in HTML
-        this.operatorTemplatePartType = OperatorTemplatePartType;
-    }
-}
-SearchConfigurationInputComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-search-configuration-input',
-                template: "<div [ngSwitch]=\"configuration.type\">\n    <ng-template [ngSwitchCase]=\"searchInputType.AUTOCOMPLETE\">\n        <div *ngIf=\"!configuration.isOptionSelected; then configurationSelection else configurationDisplay\"></div>\n\n        <ng-template #configurationSelection>\n            <mat-form-field class=\"text-margin\" appearance=\"outline\">\n                <mat-label>{{configuration.label | translate}}</mat-label>\n                <input type=\"text\" matInput\n                       #autocompleteInput\n                       #autocompleteTrigger=\"matAutocompleteTrigger\"\n                       [formControl]=\"configuration.formControl\"\n                       [matAutocomplete]=\"configurationAutocomplete\"\n                       [disabled]=\"!editable\"\n                       (keydown.enter)=\"$event.target.blur(); autocompleteTrigger.closePanel()\"\n                       #configurationInput>\n                <mat-autocomplete #configurationAutocomplete=\"matAutocomplete\"\n                                  [displayWith]=\"renderSelection\"\n                                  (optionSelected)=\"autocompleteInput.blur()\">\n                    <mat-option\n                        *ngFor=\"let option of configuration.filteredOptions$ | async\"\n                        [value]=\"option\">\n                        <mat-icon *ngIf=\"option.icon\">{{option.icon}}</mat-icon>\n                        <span>{{option.text}}</span>\n                    </mat-option>\n                </mat-autocomplete>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template #configurationDisplay>\n            <div class=\"text-margin\"\n                 [ngClass]=\"{'bold-text': configuration.displayBold}\"\n                 (click)=\"clearConfigurationInput()\">\n                {{configuration.selectedOptionTranslatePath | translate}}\n            </div>\n        </ng-template>\n    </ng-template>\n    <ng-template [ngSwitchCase]=\"searchInputType.OPERATOR\">\n        <div *ngIf=\"selectedCategory.isOperatorSelected(); then argumentsSelection; else operatorSelection\"></div>\n\n        <ng-template #operatorSelection>\n            <mat-form-field appearance=\"outline\">\n                <mat-label>{{configuration.label | translate}}</mat-label>\n                <mat-select [formControl]=\"configuration.formControl\" [disabled]=\"!editable\" #configurationInput>\n                    <mat-option *ngFor=\"let operator of selectedCategory.allowedOperators\" [value]=\"operator\">\n                        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                            <ng-template ngFor let-namePart [ngForOf]=\"operator.getOperatorNameTemplate()\" let-last=\"last\">\n                                <ng-container [ngTemplateOutlet]=\"namePart ? operatorInputText : operatorInputPlaceholder\"\n                                              [ngTemplateOutletContext]=\"{last:last, namePart:namePart}\"></ng-container>\n                            </ng-template>\n\n                            <ng-template #operatorInputText let-last=\"last\" let-namePart=\"namePart\">\n                                <div [ngClass]=\"{'argument-right-margin': !last}\">\n                                    {{namePart | translate}}\n                                </div>\n                            </ng-template>\n\n                            <ng-template #operatorInputPlaceholder let-last=\"last\">\n                                <div class=\"argument-placeholder-color argument-placeholder-dimensions\" [ngClass]=\"{'argument-right-margin': !last}\"></div>\n                            </ng-template>\n                        </div>\n                    </mat-option>\n                </mat-select>\n            </mat-form-field>\n        </ng-template>\n\n        <ng-template #argumentsSelection>\n            <div fxLayout=\"row\" fxLayoutAlign=\"start center\" (click)=\"clearOperatorInput()\">\n                <ng-template ngFor let-templatePart [ngForOf]=\"selectedCategory.operatorTemplate$ | async\"\n                             [ngForTrackBy]=\"trackByTemplateParts\">\n                    <div [ngSwitch]=\"templatePart.type\">\n                        <ng-template [ngSwitchCase]=\"operatorTemplatePartType.TEXT\">\n                            <div fxLayout=\"row\" fxLayoutAlign=\"start center\"\n                                 class=\"text-margin\">\n                                {{templatePart.content | translate}}\n                            </div>\n                        </ng-template>\n\n                        <ng-template [ngSwitchCase]=\"operatorTemplatePartType.INPUT\">\n                            <div class=\"text-margin\"\n                                 (click)=\"$event.stopPropagation()\">\n                                <nc-search-operand-input [inputFormControl]=\"templatePart.content\"\n                                                         [inputType]=\"selectedCategory.inputType\"\n                                                         [first]=\"templatePart.first\"\n                                                         [filterOptionsFunction]=\"filterOptions\"\n                                                         [editable]=\"editable\"></nc-search-operand-input>\n                            </div>\n                        </ng-template>\n                    </div>\n                </ng-template>\n            </div>\n        </ng-template>\n    </ng-template>\n</div>\n",
-                styles: [".bold-text{font-weight:700}.text-margin{margin-left:4px}.argument-placeholder-dimensions{height:1.5em;width:6em;border-radius:4px}.argument-right-margin{margin-right:.5em}"]
-            },] }
-];
-SearchConfigurationInputComponent.ctorParameters = () => [];
-
-class AdvancedSearchComponent extends AbstractAdvancedSearchComponent {
-    constructor(searchService, initializationService) {
-        super(searchService, initializationService);
-    }
-}
-AdvancedSearchComponent.ctorParameters = () => [
-    { type: SearchService },
-    { type: AdvancedSearchComponentInitializationService }
-];
-AdvancedSearchComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-advanced-search',
-                template: "<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n    <div *ngFor=\"let item of getPredicateMap() | keyvalue; trackBy: trackByPredicates; first as first\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <div *ngIf=\"!first\" class=\"bool-operator-margin\">{{'search.and' | translate | uppercase}}</div>\n        <nc-search-clause [predicate]=\"item.value\" [predicateId]=\"item.key\" [remove$]=\"removeChild$\" [editable]=\"editable\"\n                          class=\"clause-margin\"></nc-search-clause>\n    </div>\n    <button *ngIf=\"editable\" mat-stroked-button (click)=\"addChildPredicate()\" class=\"bool-operator-margin\">+ {{'search.and' | translate | uppercase}}</button>\n</div>\n",
-                providers: [AdvancedSearchComponentInitializationService],
-                styles: [".bool-operator-margin{margin-left:8px;margin-right:8px}"]
-            },] }
-];
-AdvancedSearchComponent.ctorParameters = () => [
-    { type: SearchService },
-    { type: AdvancedSearchComponentInitializationService }
-];
-
-class AdvancedSearchComponentModule {
-}
-AdvancedSearchComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    SearchClauseComponent,
-                    SearchPredicateComponent,
-                    SearchOperandInputComponent,
-                    SearchConfigurationInputComponent,
-                    AdvancedSearchComponent,
-                ],
-                exports: [
-                    SearchClauseComponent,
-                    SearchPredicateComponent,
-                    SearchOperandInputComponent,
-                    SearchConfigurationInputComponent,
-                    AdvancedSearchComponent,
-                ],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    TranslateLibModule,
-                    NgxMatDatetimePickerModule,
-                ]
-            },] }
-];
-
-/**
- * Includes avatar user icon and full username in the side menu.
- */
-class UserAssignItemComponent extends AbstractUserAssignItemComponent {
-    constructor() {
-        super();
-    }
-}
-UserAssignItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-user-assign-item',
-                template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"user-item\" [ngClass]=\"{\n            'user-assign-item-selected': (selectedId$ | async) === user.id\n        }\">\n    <mat-icon class=\"icon\">account_circle</mat-icon>\n    <div fxLayout=\"column\">\n        <span>{{user.fullName}}</span>\n        <span>{{user.email}}</span>\n    </div>\n</div>\n",
-                styles: [".user-item{padding:10px 15px;cursor:pointer}.user-item:hover{background-color:rgba(0,0,0,.14);border-radius:2.5px}.icon{margin-right:16px;height:40px;width:40px;font-size:40px}.email-selected,.email-unselected{font-size:.9em}"]
-            },] }
-];
-UserAssignItemComponent.ctorParameters = () => [];
-
-/**
- * Is responsible for displaying, filtering, loading and selecting users.
- */
-class UserAssignListComponent extends AbstractUserAssignListComponent {
-    constructor(_userListService) {
-        super(_userListService);
-        this._userListService = _userListService;
-    }
-}
-UserAssignListComponent.ctorParameters = () => [
-    { type: UserListService }
-];
-UserAssignListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-user-assign-list',
-                template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n    <ng-container *ngIf=\"users$ | async as users\">\n        <div *ngIf=\"!loading && users.length === 0\" fxFlex=\"100\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n            <mat-icon color=\"accent\" class=\"margin-bottom-default\">person_add_disabled</mat-icon>\n            <span class=\"font-size-20\">{{ 'side-menu.user.noUser' | translate }}</span>\n        </div>\n\n        <div class=\"full-height full-width\" fxFlex=\"100\">\n            <cdk-virtual-scroll-viewport itemSize=\"60\" (scrolledIndexChange)=\"loadNextPage()\"\n                                         class=\"full-height full-width\">\n                <nc-user-assign-item\n                    *cdkVirtualFor=\"let user of users;\n                                    trackBy: trackBy;\n                                    templateCacheSize: 0\"\n                    [user]=\"user\"\n                    [selectedId$]=\"selectedUser$\"\n                    (click)=\"select(user)\">\n                </nc-user-assign-item>\n\n                <div *ngIf=\"loading\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n                     class=\"margin-top-default\">\n                    <mat-spinner color=\"primary\" diameter=\"40\"></mat-spinner>\n                </div>\n            </cdk-virtual-scroll-viewport>\n        </div>\n    </ng-container>\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-half{margin-top:4px}.margin-top-x2{margin-top:16px}.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}.font-size-20{font-size:20px}.margin-bottom-default{margin-bottom:8px}.margin-top-default{margin-top:8px}"]
-            },] }
-];
-UserAssignListComponent.ctorParameters = () => [
-    { type: UserListService }
-];
-
-const ɵ0$3 = UserAssignComponent;
-class SideMenuUserAssignComponentModule {
-}
-SideMenuUserAssignComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    UserAssignComponent,
-                    UserAssignItemComponent,
-                    UserAssignListComponent
-                ],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    CovalentModule,
-                    FlexLayoutModule,
-                    FlexModule,
-                    FormsModule,
-                    TranslateLibModule
-                ],
-                exports: [UserAssignComponent],
-                entryComponents: [UserAssignComponent],
-                providers: [
-                    { provide: NAE_USER_ASSIGN_COMPONENT, useValue: ɵ0$3 },
-                ]
-            },] }
-];
-
-class I18nFieldComponent extends AbstractI18nFieldComponent {
-    constructor(informAboutInvalidData) {
-        super(informAboutInvalidData);
-    }
-}
-I18nFieldComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-I18nFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-i18n-field',
-                template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"i18nFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #i18nFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div [ngSwitch]=\"getType()\">\n        <nc-i18n-divider-field *ngSwitchCase=\"'divider'\" [dividerI18nField]=\"dataField\" [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-i18n-divider-field>\n        <nc-i18n-text-field *ngSwitchDefault [textI18nField]=\"dataField\" [formControlRef]=\"formControl\"\n                                [showLargeLayout]=\"showLargeLayout\"></nc-i18n-text-field>\n    </div>\n</ng-template>\n",
-                styles: [".full-width{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-I18nFieldComponent.ctorParameters = () => [
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [NAE_INFORM_ABOUT_INVALID_DATA,] }] }
-];
-
-class I18nDividerFieldComponent extends AbstractI18nDividerFieldComponent {
-    constructor() {
-        super();
-    }
-}
-I18nDividerFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-i18n-divider-field',
-                template: "<div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n    <div fxFlex=\"20\" class=\"divider-line\"\n         [ngClass]=\"{'primary-background-color': !dividerPropertyEnabled('dividerColor')}\"\n         [ngStyle]=\"dividerPropertyEnabled('dividerColor') && {'background': getDividerColor()}\"></div>\n    <span [ngClass]=\"{'margin-default': dividerI18nField.value.defaultValue !== ''}\"\n          [ngStyle]=\"dividerPropertyEnabled('fontSize') && {'font-size': getDividerFontSize()}\">\n        {{dividerI18nField.value.defaultValue}}\n    </span>\n    <div fxFlex class=\"divider-line\"\n         [ngClass]=\"{'primary-background-color': !dividerPropertyEnabled('dividerColor')}\"\n         [ngStyle]=\"dividerPropertyEnabled('dividerColor') && {'background': getDividerColor()}\"></div>\n</div>\n",
-                styles: [".divider-line{height:1px}.margin-default{margin-right:8px;margin-left:8px}"]
-            },] }
-];
-I18nDividerFieldComponent.ctorParameters = () => [];
-
-class I18nTextFieldComponent extends AbstractI18nTextFieldComponent {
-    constructor(translateService) {
-        super(translateService);
-    }
-}
-I18nTextFieldComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-I18nTextFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-i18n-text-field',
-                template: "<ng-template [ngIf]=\"textI18nField.disabled\">\n    <ng-template [ngIf]=\"!isPlainText()\">\n        <mat-form-field [appearance]=\"textI18nField.materialAppearance\" class=\"full-width\" color=\"primary\">\n            <mat-label *ngIf=\"!showLargeLayout.value\">{{textI18nField.title}}</mat-label>\n            <input matInput\n                   [disabled]=\"true\"\n                   [ngModel]=\"getTranslation()\"\n                   [placeholder]=\"textI18nField.placeholder\"\n                   [required]=\"textI18nField.behavior.required\">\n            <mat-hint>{{textI18nField.description}}</mat-hint>\n        </mat-form-field>\n    </ng-template>\n    <ng-template [ngIf]=\"isPlainText()\">\n        <div class=\"full-width\"\n             [ngStyle]=\"textPropertyEnabled('fontSize') && {'font-size': getTextFontSize()}\">\n            <span [ngStyle]=\"textPropertyEnabled('textColor') && {'color': getTextColor()}\">\n                {{getTranslation()}}\n            </span>\n        </div>\n    </ng-template>\n</ng-template>\n<ng-template [ngIf]=\"!textI18nField.disabled\">\n    <div class=\"full-width\">\n        <!-- TODO: add editable view for text component -->\n    </div>\n</ng-template>\n",
-                styles: [".full-width{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-I18nTextFieldComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-
-class DataFieldsComponentModule {
-}
-DataFieldsComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    BooleanFieldComponent,
-                    ButtonFieldComponent,
-                    DataFieldTemplateComponent,
-                    DateFieldComponent,
-                    DateTimeFieldComponent,
-                    EnumerationFieldComponent,
-                    EnumerationAutocompleteSelectFieldComponent,
-                    EnumerationSelectFieldComponent,
-                    EnumerationListFieldComponent,
-                    FileFieldComponent,
-                    FileListFieldComponent,
-                    MultichoiceFieldComponent,
-                    MultichoiceSelectFieldComponent,
-                    MultichoiceListFieldComponent,
-                    NumberFieldComponent,
-                    TextFieldComponent,
-                    TextareaFieldComponent,
-                    RichTextareaFieldComponent,
-                    SimpleTextFieldComponent,
-                    UserFieldComponent,
-                    RequiredLabelComponent,
-                    HtmlTextareaFieldComponent,
-                    PasswordTextFieldComponent,
-                    NumberCurrencyFieldComponent,
-                    NumberDefaultFieldComponent,
-                    PreviewDialogComponent,
-                    NumberDefaultFieldComponent,
-                    EnumerationStepperFieldComponent,
-                    EnumerationIconFieldComponent,
-                    EnumerationAutocompleteDynamicFieldComponent,
-                    FilterFieldComponent,
-                    FilterFieldContentComponent,
-                    I18nFieldComponent,
-                    I18nDividerFieldComponent,
-                    I18nTextFieldComponent,
-                ],
-                exports: [
-                    BooleanFieldComponent,
-                    ButtonFieldComponent,
-                    DataFieldTemplateComponent,
-                    DateFieldComponent,
-                    DateTimeFieldComponent,
-                    EnumerationFieldComponent,
-                    FileFieldComponent,
-                    FileListFieldComponent,
-                    MultichoiceFieldComponent,
-                    NumberFieldComponent,
-                    TextFieldComponent,
-                    UserFieldComponent,
-                    FilterFieldComponent,
-                    I18nFieldComponent
-                ],
-                imports: [
-                    CommonModule,
-                    FlexLayoutModule,
-                    MaterialModule,
-                    CovalentModule,
-                    AngularResizedEventModule,
-                    HttpClientModule,
-                    ReactiveFormsModule,
-                    NgxMatDatetimePickerModule,
-                    NgxMatMomentModule,
-                    TranslateLibModule,
-                    SideMenuUserAssignComponentModule,
-                    QuillModule.forRoot(),
-                    MatDialogModule,
-                    AdvancedSearchComponentModule,
-                    MatProgressSpinnerModule,
-                    CurrencyModule
-                ],
-                providers: [
-                    { provide: DateAdapter, useClass: CustomDateAdapter }
-                ],
-                entryComponents: [
-                    PreviewDialogComponent,
-                    FilterFieldContentComponent
-                ]
-            },] }
-];
-
-/* Class */
-
-class EmailSubmissionFormComponent extends AbstractEmailSubmissionFormComponent {
-    constructor(formBuilder) {
-        super(formBuilder);
-    }
-}
-EmailSubmissionFormComponent.ctorParameters = () => [
-    { type: FormBuilder }
-];
-EmailSubmissionFormComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-email-submission-form',
-                template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxLayoutGap=\"24px\">\n    <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">email</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.email.enterEmail' | translate}}\" formControlName=\"email\" required\n                       autocomplete=\"email\">\n                <mat-error *ngIf=\"rootFormGroup.controls['email'].hasError('email')\">\n                    {{ 'dataField.validations.email' | translate}}\n                </mat-error>\n            </mat-form-field>\n        </div>\n        <nc-legal-notice *ngIf=\"displayLegalNotice\" [buttonName]=\"'dialog.submit'\"></nc-legal-notice>\n        <div fxLayout=\"row\" class=\"margin-top-4\">\n            <button mat-icon-button fxLayoutAlign=\"start\" (click)=\"emitGoBack()\">\n                <mat-icon>arrow_back</mat-icon>\n            </button>\n            <div fxFlex></div>\n            <button fxLayoutAlign=\"end\" mat-raised-button color=\"primary\" fxFlexOffset=\"8px\">\n                <mat-spinner *ngIf=\"loading | async\"\n                             mode=\"indeterminate\"\n                             diameter=\"36\"\n                             color=\"accent\"\n                             fxFlex></mat-spinner>\n                <span *ngIf=\"(loading | async) === false\" fxFlex>{{ 'dialog.submit' | translate}}</span>\n            </button>\n        </div>\n    </form>\n</div>\n",
-                styles: [".margin-top-4{margin-top:4px}.full-width{width:100%}"]
-            },] }
-];
-EmailSubmissionFormComponent.ctorParameters = () => [
-    { type: FormBuilder }
-];
-
-class LoginFormComponent extends AbstractLoginFormComponent {
-    constructor(formBuilder, _userService) {
-        super(formBuilder, _userService);
-        this._userService = _userService;
-    }
-}
-LoginFormComponent.ctorParameters = () => [
-    { type: FormBuilder },
-    { type: UserService }
-];
-LoginFormComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-login-form',
-                template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n    <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">account_circle</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.login.login' | translate}}\" formControlName=\"login\" minlength=\"4\"\n                       required autocomplete=\"username\">\n                <mat-error *ngIf=\"rootFormGroup.controls['login'].hasError('minlength')\">\n                    {{ 'forms.login.length' | translate}}\n                </mat-error>\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.login.enterPass' | translate}}\"\n                       [type]=\"hidePassword ? 'password' : 'text'\"\n                       formControlName=\"password\" required autocomplete=\"current-password\">\n                <button mat-icon-button matSuffix type=\"button\"\n                        (click)=\"hidePassword = !hidePassword\"\n                        (keypress)=\"false\"\n                        [attr.aria-label]=\"'Hide password'\"\n                        [attr.aria-pressed]=\"hidePassword\">\n                    <mat-icon\n                        [color]=\"hidePassword ? undefined : 'accent'\">{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n                </button>\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" [fxLayoutAlign]=\"getButtonsFxLayoutAlign()\" fxLayoutAlign.xs=\"center\" class=\"margin-top-4\">\n            <button mat-stroked-button type=\"button\" *ngIf=\"showForgottenPasswordButton && !showSignUpButton\" (click)=\"resetEmit()\" color=\"primary\" class=\"margin-left-40\">{{ 'forms.login.reset' | translate}}</button>\n            <button mat-stroked-button type=\"button\" *ngIf=\"showSignUpButton\" (click)=\"signUpEmit()\" color=\"primary\" class=\"margin-left-40\">{{ 'forms.login.sign' | translate}}</button>\n            <button color=\"primary\" type=\"submit\" mat-raised-button fxLayout=\"row\" fxLayoutAlign=\"center center\">\n                <mat-spinner *ngIf=\"loading | async\"\n                             mode=\"indeterminate\"\n                             diameter=\"36\"\n                             color=\"accent\"\n                             fxFlex></mat-spinner>\n                <span *ngIf=\"(loading | async) === false\" fxFlex>{{ 'forms.login.loginButton' | translate}}</span>\n            </button>\n        </div>\n    </form>\n\n    <div *ngIf=\"showSignUpButton && showForgottenPasswordButton\" fxLayout=\"row\" class=\"width-100\" fxLayoutAlign=\"end\">\n        <button mat-button *ngIf=\"showForgottenPasswordButton\" (click)=\"resetEmit()\" color=\"primary\">{{ 'forms.login.reset' | translate}}</button>\n    </div>\n</div>\n",
-                styles: [".forgotten-password{margin-bottom:10px}.login-form-container a{color:#757575}.login-form-container a:hover{color:rgba(0,0,0,.87);cursor:pointer}.margin-top-2x{margin-top:16px}.margin-right-default{margin-right:8px}.position-relative{position:relative!important}.width-100{width:100%}.margin-top-4{margin-top:4px}.full-width{width:100%}.margin-left-40{margin-left:40px}"]
-            },] }
-];
-LoginFormComponent.ctorParameters = () => [
-    { type: FormBuilder },
-    { type: UserService }
-];
-
-class RegistrationFormComponent extends AbstractRegistrationFormComponent {
-    constructor(formBuilder, signupService, log, translate) {
-        super(formBuilder, signupService, log, translate);
-    }
-}
-RegistrationFormComponent.ctorParameters = () => [
-    { type: FormBuilder },
-    { type: SignUpService },
-    { type: LoggerService },
-    { type: TranslateService }
-];
-RegistrationFormComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-registration-form',
-                template: "<div fxLayout=\"column\" fxLayoutGap=\"24px\" *ngIf=\"tokenVerified && (loadingToken | async) === false\">\n    <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">email</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.register.email' | translate}}\" disabled [value]=\"userEmail\"\n                       autocomplete=\"username\">\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">account_circle</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.register.name' | translate }}\" formControlName=\"name\" required\n                       autocomplete=\"given-name\">\n                <mat-error *ngIf=\"!isFieldValid('name')\">{{getErrorMessage('name')}}</mat-error>\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">account_circle_outline</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.register.surname' | translate }}\" formControlName=\"surname\"\n                       required autocomplete=\"family-name\">\n                <mat-error *ngIf=\"!isFieldValid('surname')\">{{getErrorMessage('surname')}}</mat-error>\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.login.enterPass' | translate }}\"\n                       [type]=\"hidePassword ? 'password' : 'text'\"\n                       formControlName=\"password\" required autocomplete=\"new-password\">\n                <button mat-icon-button matSuffix type=\"button\"\n                        (click)=\"hidePassword = !hidePassword\"\n                        (keypress)=\"false\"\n                        [attr.aria-label]=\"'Hide password'\"\n                        [attr.aria-pressed]=\"hidePassword\">\n                    <mat-icon\n                        [color]=\"hidePassword ? undefined : 'accent'\">{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n                </button>\n                <mat-error *ngIf=\"!isFieldValid('password')\">{{getErrorMessage('password')}}</mat-error>\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.register.repeatPass' | translate }}\"\n                       [type]=\"hideRepeatPassword ? 'password' : 'text'\"\n                       formControlName=\"confirmPassword\" required autocomplete=\"new-password\">\n                <button mat-icon-button matSuffix type=\"button\"\n                        (click)=\"hideRepeatPassword = !hideRepeatPassword\"\n                        (keypress)=\"false\"\n                        [attr.aria-label]=\"'Hide password'\"\n                        [attr.aria-pressed]=\"hideRepeatPassword\">\n                    <mat-icon\n                        [color]=\"hideRepeatPassword ? undefined : 'accent'\">{{hideRepeatPassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n                </button>\n                <mat-error *ngIf=\"!isFieldValid('confirmPassword')\">{{getErrorMessage('confirmPassword')}}</mat-error>\n            </mat-form-field>\n        </div>\n        <nc-legal-notice *ngIf=\"displayLegalNotice\" [buttonName]=\"'forms.register.register'\"></nc-legal-notice>\n        <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxLayoutAlign.xs=\"center\" class=\"margin-top-4\">\n            <button fxFlexOffset=\"8px\" fxFlexOffset.xs=\"0\" mat-raised-button class=\"register-button\" color=\"primary\">\n                <mat-spinner *ngIf=\"loadingSubmit | async\"\n                             mode=\"indeterminate\"\n                             diameter=\"36\"\n                             color=\"accent\"\n                             fxFlex></mat-spinner>\n                <span *ngIf=\"(loadingSubmit | async) === false\"\n                      fxFlex>{{ 'forms.register.register' | translate }}</span>\n            </button>\n        </div>\n    </form>\n</div>\n\n<div *ngIf=\"!tokenVerified && (loadingToken | async) === false\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex>\n    <mat-icon color=\"accent\">unpublished</mat-icon>\n    <span class=\"font-size-20\">{{ 'forms.register.notVerified' | translate}}</span>\n</div>\n\n<div *ngIf=\"loadingToken | async\">\n    <mat-progress-spinner></mat-progress-spinner>\n</div>\n",
-                styles: [".font-size-20{font-size:20px}.margin-top-4{margin-top:4px}.full-width{width:100%}"]
-            },] }
-];
-RegistrationFormComponent.ctorParameters = () => [
-    { type: FormBuilder },
-    { type: SignUpService },
-    { type: LoggerService },
-    { type: TranslateService }
-];
-
-class ForgottenPasswordFormComponent extends AbstractForgottenPasswordComponent {
-    constructor(formBuilder, signupService, log, translate) {
-        super(formBuilder, signupService, log, translate);
-    }
-}
-ForgottenPasswordFormComponent.ctorParameters = () => [
-    { type: FormBuilder },
-    { type: SignUpService },
-    { type: LoggerService },
-    { type: TranslateService }
-];
-ForgottenPasswordFormComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-forgotten-password-form',
-                template: "<div fxLayout=\"column\" fxLayoutGap=\"24px\" *ngIf=\"tokenVerified && (loadingToken | async) === false\">\n    <form [formGroup]=\"rootFormGroup\" (ngSubmit)=\"onSubmit()\" class=\"full-width\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">email</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.register.email' | translate}}\" disabled [value]=\"userEmail\"\n                       autocomplete=\"username\">\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.forgottenPass.enterNewPass' | translate }}\"\n                       [type]=\"hidePassword ? 'password' : 'text'\"\n                       formControlName=\"password\" required autocomplete=\"new-password\">\n                <button mat-icon-button matSuffix type=\"button\"\n                        (click)=\"hidePassword = !hidePassword\"\n                        (keypress)=\"false\"\n                        [attr.aria-label]=\"'Hide password'\"\n                        [attr.aria-pressed]=\"hidePassword\">\n                    <mat-icon\n                        [color]=\"hidePassword ? undefined : 'accent'\">{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n                </button>\n                <mat-error *ngIf=\"!isFieldValid('password')\">{{getErrorMessage('password')}}</mat-error>\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n            <mat-icon color=\"primary\">vpn_key</mat-icon>\n            <mat-form-field fxFlex=\"100\">\n                <input matInput placeholder=\"{{ 'forms.forgottenPass.repeatNewPass' | translate }}\"\n                       [type]=\"hideRepeatPassword ? 'password' : 'text'\"\n                       formControlName=\"confirmPassword\" required autocomplete=\"new-password\">\n                <button mat-icon-button matSuffix type=\"button\"\n                        (click)=\"hideRepeatPassword = !hideRepeatPassword\"\n                        (keypress)=\"false\"\n                        [attr.aria-label]=\"'Hide password'\"\n                        [attr.aria-pressed]=\"hideRepeatPassword\">\n                    <mat-icon\n                        [color]=\"hideRepeatPassword ? undefined : 'accent'\">{{hideRepeatPassword ? 'visibility_off' : 'visibility'}}</mat-icon>\n                </button>\n                <mat-error *ngIf=\"!isFieldValid('confirmPassword')\">{{getErrorMessage('confirmPassword')}}</mat-error>\n            </mat-form-field>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxLayoutAlign.xs=\"center\" class=\"margin-top-4\">\n            <button fxFlexOffset=\"8px\" fxFlexOffset.xs=\"0\" mat-raised-button class=\"register-button\" color=\"primary\">\n                <mat-spinner *ngIf=\"loadingSubmit | async\"\n                             mode=\"indeterminate\"\n                             diameter=\"36\"\n                             color=\"accent\"\n                             fxFlex></mat-spinner>\n                <span *ngIf=\"(loadingSubmit | async) === false\"\n                      fxFlex>{{ 'forms.forgottenPass.recover' | translate }}</span>\n            </button>\n        </div>\n    </form>\n</div>\n\n<div *ngIf=\"!tokenVerified && (loadingToken | async) === false\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFlex>\n    <mat-icon color=\"accent\">unpublished</mat-icon>\n    <span class=\"font-size-20\">{{ 'forms.register.notVerified' | translate}}</span>\n</div>\n\n<div *ngIf=\"loadingToken | async\">\n    <mat-progress-spinner></mat-progress-spinner>\n</div>\n",
-                styles: [".font-size-20{font-size:20px}.margin-top-4{margin-top:4px}.full-width{width:100%}"]
-            },] }
-];
-ForgottenPasswordFormComponent.ctorParameters = () => [
-    { type: FormBuilder },
-    { type: SignUpService },
-    { type: LoggerService },
-    { type: TranslateService }
-];
-
-class LegalNoticeComponent extends AbstractLegalNoticeComponent {
-    constructor(config) {
-        super(config);
-    }
-}
-LegalNoticeComponent.ctorParameters = () => [
-    { type: ConfigurationService }
-];
-LegalNoticeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-legal-notice',
-                template: "<div class=\"text-style\">\n    {{'legal.byClicking' | translate:{'buttonName': (buttonName | translate)} }}\n    {{'legal.youIndicate' | translate}}\n    <a [href]=\"termsOfServiceLink\" [target]=\"'blank'\">{{'legal.termsOfService' | translate}}</a>\n    {{'legal.and' | translate}}\n    <a [href]=\"privacyPolicyLink\" [target]=\"'blank'\">{{'legal.privacyNotice' | translate}}</a>\n    {{'legal.sentenceEnd' | translate}}\n</div>\n",
-                styles: [".text-style{font-size:small;text-align:justify;margin:8px 4px}"]
-            },] }
-];
-LegalNoticeComponent.ctorParameters = () => [
-    { type: ConfigurationService }
-];
-
-class LegalNoticeModule {
-}
-LegalNoticeModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [LegalNoticeComponent],
-                imports: [
-                    CommonModule,
-                    TranslateLibModule
-                ],
-                exports: [LegalNoticeComponent]
-            },] }
-];
-
-class EmailSubmissionFormComponentModule {
-}
-EmailSubmissionFormComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [EmailSubmissionFormComponent],
-                exports: [EmailSubmissionFormComponent],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    FlexLayoutModule,
-                    ReactiveFormsModule,
-                    TranslateLibModule,
-                    LegalNoticeModule
-                ]
-            },] }
-];
-
-class LoginFormComponentModule {
-}
-LoginFormComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [LoginFormComponent],
-                exports: [LoginFormComponent],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    FlexLayoutModule,
-                    ReactiveFormsModule,
-                    TranslateLibModule
-                ]
-            },] }
-];
-
-class RegistrationFormComponentModule {
-}
-RegistrationFormComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [RegistrationFormComponent],
-                exports: [RegistrationFormComponent],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    FlexLayoutModule,
-                    ReactiveFormsModule,
-                    TranslateLibModule,
-                    LegalNoticeModule
-                ]
-            },] }
-];
-
-class ForgottenPasswordFormComponentModule {
-}
-ForgottenPasswordFormComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [ForgottenPasswordFormComponent],
-                exports: [ForgottenPasswordFormComponent],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    FlexLayoutModule,
-                    ReactiveFormsModule,
-                    TranslateLibModule
-                ]
-            },] }
-];
-
-/* COMPONENTS */
-
-class HeaderComponent extends AbstractHeaderComponent {
-    constructor(_injector, _translate, overflowService) {
-        super(_injector, _translate, overflowService);
-        this._injector = _injector;
-        this._translate = _translate;
-        this.overflowService = overflowService;
-    }
-}
-HeaderComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: TranslateService },
-    { type: OverflowService, decorators: [{ type: Optional }] }
-];
-HeaderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-header',
-                template: "<mat-card [ngClass]=\"{'padding-custom': headerService.headerState.mode === headerModeEnum.SORT}\">\n    <div fxLayout=\"row\">\n        <div fxLayout=\"row\" fxFlex=\"95\" class=\"header-content-container flex-95\" fxLayoutAlign=\"start center\"\n             [ngSwitch]=\"headerService.headerState.mode\" *ngIf=\"!headerService.loading.isActive\">\n            <div *ngSwitchCase=\"headerModeEnum.SORT\" fxFlex=\"100\" fxLayout=\"row\">\n                <nc-sort-mode fxFlex=\"100\" [headerService]=\"headerService\" [overflowWidth]=\"getMinWidth()\"></nc-sort-mode>\n            </div>\n            <div *ngSwitchCase=\"headerModeEnum.SEARCH\" fxFlex=\"100\" fxLayout=\"row\">\n                <nc-search-mode fxFlex=\"100\" [headerService]=\"headerService\" [overflowWidth]=\"getMinWidth()\"></nc-search-mode>\n            </div>\n            <div *ngSwitchCase=\"headerModeEnum.EDIT\" fxFlex=\"100\" fxLayout=\"row\">\n                <nc-edit-mode fxFlex=\"100\" [headerService]=\"headerService\" [overflowWidth]=\"getMinWidth()\"></nc-edit-mode>\n            </div>\n        </div>\n        <div fxLayout=\"row\" fxFlex=\"95\" class=\"header-content-container\" fxLayoutAlign=\"start center\"\n             *ngIf=\"headerService.loading.isActive\">\n            <div fxFlex=\"100\" fxLayout=\"row\">\n                <nc-loading-mode fxFlex=\"100\" [headerService]=\"headerService\" [overflowWidth]=\"getMinWidth()\"></nc-loading-mode>\n            </div>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxFlex=\"5\" class=\"flex-5\">\n            <div *ngIf=\"!hideEditMode\">\n                <button mat-icon-button [matMenuTriggerFor]=\"headerMenu\">\n                    <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #headerMenu=\"matMenu\">\n                    <div *ngIf=\"headerService.headerState.mode !== headerModeEnum.EDIT\">\n                        <button mat-menu-item\n                                [ngClass]=\"{'active-header-item': headerService.headerState.mode === headerModeEnum.SORT}\"\n                                (click)=\"headerService.changeMode(headerModeEnum.SORT, false)\">\n                            <mat-icon>sort</mat-icon>\n                            {{ 'headers.orderMode' | translate}}\n                        </button>\n                        <button *ngIf=\"type === headerTypeEnum.CASE\" mat-menu-item\n                                [ngClass]=\"{'active-header-item': headerService.headerState.mode === headerModeEnum.SEARCH}\"\n                                (click)=\"headerService.changeMode(headerModeEnum.SEARCH, false)\">\n                            <mat-icon>search</mat-icon>\n                            {{ 'headers.searchMode' | translate}}\n                        </button>\n                        <button mat-menu-item (click)=\"headerService.changeMode(headerModeEnum.EDIT)\">\n                            <mat-icon>edit</mat-icon>\n                            {{ 'headers.editMode' | translate}}\n                        </button>\n                    </div>\n                    <div *ngIf=\"headerService.headerState.mode === headerModeEnum.EDIT\">\n                        <button mat-menu-item (click)=\"confirmEditMode()\">\n                            <mat-icon color=\"primary\">done</mat-icon>\n                            {{ 'dialog.submit' | translate}}\n                        </button>\n                        <button mat-menu-item (click)=\"headerService.revertEditMode()\">\n                            <mat-icon color=\"warn\">close</mat-icon>\n                            {{ 'tasks.view.cancel' | translate}}\n                        </button>\n                        <div class=\"mat-menu-item-look\" *ngIf=\"canOverflow\">\n                            <mat-slide-toggle [formControl]=\"overflowControl\">{{ 'headers.overflowMode' | translate}}</mat-slide-toggle>\n                        </div>\n                        <div class=\"mat-menu-item-look mat-menu-item-height\" (click)=\"clickStop($event)\" *ngIf=\"canOverflow && overflowControl.value\">\n                            <mat-form-field appearance=\"outline\">\n                                <mat-label>{{ 'headers.columnWidth' | translate}}</mat-label>\n                                <input matInput type=\"number\"  [formControl]=\"columnWidthControl\">\n                                <mat-error *ngIf=\"!columnWidthControl.valid\">{{getErrorMessageWidth()}}</mat-error>\n                            </mat-form-field>\n                        </div>\n                        <div class=\"mat-menu-item-look mat-menu-item-height\" (click)=\"clickStop($event)\" *ngIf=\"canOverflow && overflowControl.value\">\n                            <mat-form-field appearance=\"outline\">\n                                <mat-label>{{ 'headers.columnCount' | translate}}</mat-label>\n                                <input matInput type=\"number\" [formControl]=\"columnCountControl\">\n                                <mat-error *ngIf=\"!columnCountControl.valid\">{{getErrorMessageCount()}}</mat-error>\n                            </mat-form-field>\n                        </div>\n                    </div>\n                </mat-menu>\n            </div>\n        </div>\n    </div>\n</mat-card>\n",
-                providers: [
-                    CaseHeaderService,
-                    TaskHeaderService,
-                    WorkflowHeaderService,
-                    HeaderSearchService,
-                    CategoryFactory
-                ],
-                styles: [".header-content-container{height:40px}.padding-custom{padding:8px 16px}.flex-95{flex:1 1 95%}.flex-5{flex:1 1 5%}.mat-menu-item-look{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:48px;height:48px;padding:0 16px;text-align:left;text-decoration:none;max-width:100%;position:relative;font-size:14px}.mat-menu-item-height{min-height:64px;height:auto}"]
-            },] }
-];
-HeaderComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: TranslateService },
-    { type: OverflowService, decorators: [{ type: Optional }] }
-];
-
-class SortModeComponent extends AbstractSortModeComponent {
-    constructor() {
-        super();
-    }
-}
-SortModeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-sort-mode',
-                template: "<div matSort (matSortChange)=\"sortHeaderChanged($event)\" fxFlex=\"100\" fxLayout=\"row\" fxLayoutAlign=\" center\">\n    <div [ngStyle]=\"{'min-width': getMinWidth()}\" *ngFor=\"let header of headerService.headerState.selectedHeaders$ | async; let i = index\" fxFlex\n         [fxHide.lt-xl]=\"i >= 4 && this.headerService.responsiveHeaders\"\n         [fxHide.lt-lg]=\"i >= 3 && this.headerService.responsiveHeaders\"\n         [fxHide.lt-md]=\"i >= 2 && this.headerService.responsiveHeaders\"\n         [fxHide.lt-sm]=\"i >= 1 && this.headerService.responsiveHeaders\">\n        <div *ngIf=\"!!header; then thenBlock else elseBlock\" fxFlex></div>\n        <ng-template #thenBlock>\n            <span fxFlex\n                  mat-sort-header=\"{{i}}-{{header.uniqueId}}\">\n            {{ header.title | translate}}\n            </span>\n        </ng-template>\n        <ng-template #elseBlock>\n            <div fxFlex></div>\n        </ng-template>\n    </div>\n</div>\n",
-                styles: [""]
-            },] }
-];
-SortModeComponent.ctorParameters = () => [];
-
-class EditModeComponent extends AbstractEditModeComponent {
-    constructor(_translate, loggerService) {
-        super(_translate, loggerService);
-        this._translate = _translate;
-        this.loggerService = loggerService;
-    }
-}
-EditModeComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: LoggerService }
-];
-EditModeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-edit-mode',
-                template: "<div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"start center\">\n    <mat-form-field *ngFor=\"let header of this.headerService.selectedHeaders$ | async; let i = index\" fxLayout=\"row\"\n                    fxLayoutAlign=\" center\" fxFlex [ngStyle]=\"{'min-width': getMinWidth()}\"\n                    [fxHide.lt-xl]=\"i >= 4 && this.headerService.responsiveHeaders\"\n                    [fxHide.lt-lg]=\"i >= 3 && this.headerService.responsiveHeaders\"\n                    [fxHide.lt-md]=\"i >= 2 && this.headerService.responsiveHeaders\"\n                    [fxHide.lt-sm]=\"i >= 1 && this.headerService.responsiveHeaders\">\n        <mat-label *ngIf=\"!header\">{{ 'headers.newHeader' | translate}}</mat-label>\n        <input type=\"text\"\n               aria-label=\"Autocomplete\"\n               matInput\n               [formControl]=\"formControls[i]\"\n               [matAutocomplete]=\"auto\">\n        <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" [displayWith]=\"renderSelection\"\n                          (optionSelected)=\"headerColumnSelected(i, $event.option.value)\" fxFlex>\n            <mat-optgroup *ngFor=\"let group of this.filterOptions[i] | async\" [label]=\"group.groupTitle\">\n                <mat-option *ngFor=\"let field of group.fields\" [value]=\"field\">\n                    {{field.title | translate}}\n                </mat-option>\n            </mat-optgroup>\n        </mat-autocomplete>\n    </mat-form-field>\n</div>\n",
-                styles: [""]
-            },] }
-];
-EditModeComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: LoggerService }
-];
-
-const ɵ0$4 = DATE_FORMAT, ɵ1 = DATE_TIME_FORMAT;
-class SearchModeComponent extends AbstractSearchModeComponent {
-    constructor(_sideMenuService) {
-        super(_sideMenuService);
-        this._sideMenuService = _sideMenuService;
-    }
-    selectUser(column) {
-        this.selectAbstractUser(column, UserAssignComponent);
-    }
-}
-SearchModeComponent.ctorParameters = () => [
-    { type: SideMenuService }
-];
-SearchModeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-search-mode',
-                template: "<div fxFlex=\"100\" fxLayout=\"row\" fxLayoutAlign=\" center\">\n    <div *ngFor=\"let header of this.headerService.selectedHeaders$ | async; let i = index\"\n         [fxHide.lt-xl]=\"i >= 4 && this.headerService.responsiveHeaders\"\n         [fxHide.lt-lg]=\"i >= 3 && this.headerService.responsiveHeaders\"\n         [fxHide.lt-md]=\"i >= 2 && this.headerService.responsiveHeaders\"\n         [fxHide.lt-sm]=\"i >= 1 && this.headerService.responsiveHeaders\" fxFlex [ngStyle]=\"{'min-width': getMinWidth()}\">\n        <div\n            *ngIf=\"!!header && header.fieldType !== 'button'; then thenBlock else elseBlock\"\n            fxFlex></div>\n        <ng-template #thenBlock>\n            <div fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex [ngSwitch]=\"header.fieldType\">\n                <mat-form-field fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex *ngSwitchCase=\"'date'\">\n                    <mat-label>{{header.title | translate}}</mat-label>\n                    <input matInput autocomplete=\"off\"\n                           [matDatepicker]=\"datepicker\"\n                           [formControl]=\"formControls[i]\"\n                           [placeholder]=\"'headers.date' | translate\"\n                           (click)=\"datepicker.open()\"\n                           (keydown.enter)=\"datepicker.close()\">\n                    <mat-datepicker-toggle matPrefix [for]=\"datepicker\"></mat-datepicker-toggle>\n                    <mat-datepicker #datepicker></mat-datepicker>\n                </mat-form-field>\n                <mat-form-field fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex *ngSwitchCase=\"'dateTime'\">\n                    <mat-label>{{header.title | translate}}</mat-label>\n                    <input matInput autocomplete=\"off\"\n                           [ngxMatDatetimePicker]=\"datetimepicker\"\n                           [formControl]=\"formControls[i]\"\n                           [placeholder]=\"'headers.dateTime' | translate\"\n                           (click)=\"datetimepicker.open()\"\n                           (keydown.enter)=\"datetimepicker.close()\">\n                    <mat-datepicker-toggle matPrefix [for]=\"datetimepicker\"></mat-datepicker-toggle>\n                    <ngx-mat-datetime-picker #datetimepicker\n                                             [showSpinners]=\"true\"\n                                             [showSeconds]=\"false\"\n                                             [stepHour]=\"1\"\n                                             [stepMinute]=\"5\"\n                                             [color]=\"'primary'\"\n                                             [enableMeridian]=\"false\">\n                    </ngx-mat-datetime-picker>\n                </mat-form-field>\n                <mat-form-field fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex *ngSwitchCase=\"'number'\">\n                    <mat-label>{{header.title | translate}}</mat-label>\n                    <input matInput type=\"number\" [formControl]=\"formControls[i]\">\n                </mat-form-field>\n                <div fxLayout=\"row\" fxLayoutAlign=\"center center\" *ngSwitchCase=\"'boolean'\">\n                    <mat-slide-toggle color=\"primary\" [formControl]=\"formControls[i]\">\n                        {{header.title | translate}}\n                    </mat-slide-toggle>\n                </div>\n                <div fxLayout=\"column\" fxLayoutAlign=\"center start\" *ngSwitchCase=\"'user'\">\n                    <mat-label>{{header.title | translate}}</mat-label>\n                    <button mat-stroked-button\n                            color=\"primary\"\n                            (click)=\"selectUser(i)\">\n                        <mat-icon>person_search</mat-icon>\n                        {{formControls[i].value ? formControls[i].value.fullName : ('headers.selectUser' | translate)}}\n                    </button>\n                </div>\n                <mat-form-field fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex *ngSwitchDefault>\n                    <mat-label>{{header.title | translate}}</mat-label>\n                    <input matInput [formControl]=\"formControls[i]\">\n                </mat-form-field>\n            </div>\n        </ng-template>\n\n        <ng-template #elseBlock>\n            <div fxFlex></div>\n        </ng-template>\n    </div>\n</div>\n",
-                providers: [
-                    { provide: MAT_DATE_FORMATS, useValue: ɵ0$4 },
-                    { provide: NGX_MAT_DATE_FORMATS, useValue: ɵ1 }
-                ],
-                styles: [""]
-            },] }
-];
-SearchModeComponent.ctorParameters = () => [
-    { type: SideMenuService }
-];
-
-class LoadingModeComponent extends AbstractLoadingModeComponent {
-    constructor() {
-        super();
-    }
-}
-LoadingModeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-loading-mode',
-                template: "<div fxFlex=\"100\" fxLayout=\"row\" fxLayoutAlign=\" center\">\n    <div *ngFor=\"let header of headerService.headerState.selectedHeaders$ | async; let i = index\" fxFlex\n         [fxHide.lt-xl]=\"i >= 4\"\n         [fxHide.lt-lg]=\"i >= 3\"\n         [fxHide.lt-md]=\"i >= 2\"\n         [fxHide.lt-sm]=\"i >= 1\" [ngStyle]=\"{'min-width': getMinWidth()}\">\n        <div class=\"phl-item\">\n            <div class=\"phl-row\" fxLayoutAlign=\"start center\">\n                <div class=\"phl-col\">\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n",
-                styles: [".phl-row{width:100%;flex-wrap:wrap}.phl-col{height:20px;flex:0 0 45%;background-color:#ced4da;border-radius:4px}.phl-item{position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background-color:#fff}.phl-item::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));-webkit-animation:1s infinite shimmer;animation:1s infinite shimmer;content:\"\"}@-webkit-keyframes shimmer{100%{transform:translateX(100%)}}@keyframes shimmer{100%{transform:translateX(100%)}}.phl-item,.phl-item *,.phl-item::after,.phl-item::before{box-sizing:border-box}"]
-            },] }
-];
-LoadingModeComponent.ctorParameters = () => [];
-
-class HeaderComponentModule {
-}
-HeaderComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    HeaderComponent,
-                    SortModeComponent,
-                    SearchModeComponent,
-                    EditModeComponent,
-                    LoadingModeComponent
-                ],
-                exports: [
-                    HeaderComponent,
-                    SortModeComponent,
-                    SearchModeComponent,
-                    EditModeComponent,
-                    LoadingModeComponent
-                ],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    FlexModule,
-                    TranslateLibModule,
-                    MaterialModule,
-                    NgxMatDatetimePickerModule
-                ]
-            },] }
-];
-
-/*
- * Public API Surface of netgrif-components
- */
-
-class QuickPanelComponent extends AbstractQuickPanelComponent {
-    constructor(_select, _paperView) {
-        super(_select, _paperView);
-        this._select = _select;
-        this._paperView = _paperView;
-    }
-}
-QuickPanelComponent.ctorParameters = () => [
-    { type: LanguageService },
-    { type: PaperViewService }
-];
-QuickPanelComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-quick-panel',
-                template: "<div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"quick-panel\" [style.width.px]=\"width\">\n    <nc-language-selector *ngIf=\"items.includes('language')\" [language]=\"getLang()\"></nc-language-selector>\n    <nc-internal-link *ngIf=\"items.includes('settings')\" icon=\"settings\" link=\"/settings\"></nc-internal-link>\n    <nc-logout-shortcut *ngIf=\"items.includes('logout')\"></nc-logout-shortcut>\n\n    <button mat-icon-button [matMenuTriggerFor]=\"quickPanelMoreMenu\">\n        <mat-icon class=\"quick-panel-more-icon\">more_vert</mat-icon>\n    </button>\n</div>\n<mat-menu #quickPanelMoreMenu=\"matMenu\">\n    <button mat-menu-item (click)=\"setPaperView()\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <mat-icon *ngIf=\"isPaperView()\">cancel</mat-icon>\n        <mat-icon *ngIf=\"!isPaperView()\">check</mat-icon>\n        <span>{{isPaperView() ? 'Disable' : 'Enable'}} Paper View</span>\n    </button>\n</mat-menu>\n",
-                styles: [".quick-panel{height:62px;padding:8px}.quick-panel-more-icon{text-align:center;font-size:24px}"]
-            },] }
-];
-QuickPanelComponent.ctorParameters = () => [
-    { type: LanguageService },
-    { type: PaperViewService }
-];
-
-class LogoutShortcutComponent extends AbstractLogoutShortcutComponent {
-    constructor(_user, _log, _config, _router) {
-        super(_user, _log, _config, _router);
-        this._user = _user;
-        this._log = _log;
-        this._config = _config;
-        this._router = _router;
-    }
-}
-LogoutShortcutComponent.ctorParameters = () => [
-    { type: UserService },
-    { type: LoggerService },
-    { type: ConfigurationService },
-    { type: Router }
-];
-LogoutShortcutComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-logout-shortcut',
-                template: "<button mat-icon-button (click)=\"logout()\">\n    <mat-icon class=\"logout-icon\">exit_to_app</mat-icon>\n</button>\n",
-                styles: [".logout-icon{font-size:24px;text-align:center;cursor:pointer}"]
-            },] }
-];
-LogoutShortcutComponent.ctorParameters = () => [
-    { type: UserService },
-    { type: LoggerService },
-    { type: ConfigurationService },
-    { type: Router }
-];
-
-class LanguageSelectorComponent extends AbstractLanguageSelectorComponent {
-    constructor(_select) {
-        super(_select);
-        this._select = _select;
-        this.skFlag = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABAElEQVRYhWP4//8/w0DiAbV81AGjDkB2wECB' +
-            'UQeMOgC/A34fO4ET08UBb2VU4BgE3mkZwfn/Pn6kngO4/Rb9R8dNNSvAFn2tb4H7GESD+CDxxrxZGHpIxXgdALIA5oBPodFgB4BoujsA5Os/V66' +
-            'BHQCiQXy6OKC5aytGGkDmg6KIpg6wzN/y/6GN+/8a0+T/8dZF/7n8FoJpEP+BrtV/j6qdtHUACJf27gVbjI5B4pRajuKAdzKq/7HhDxYO/0vQHJ' +
-            'HatO3/R3c/rOpJxQQdAMLvtYz/r22c+98dGOTr+leD+dSwnGgHIIcGtSwmywG0wKMOGDwOGEg86oBRBwy4AwD9AXxVUM8swgAAAABJRU5ErkJgg' +
-            'g==';
-        this.deFlag = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAPElEQVRYw+3WIREAMADDwPjXNk8ZnIQOBIQ/' +
-            '6hWVZQQI8AUAcFGAAAHeDoCTAgT4B3BwUoAAAXrFAQIoF+hFdQp+ds+vAAAAAElFTkSuQmCC';
-        this.gbFlag = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAByElEQVRYw+2WvUvDUBTFA04u7VTo0sGpf4Ao' +
-            '1L2L4FApdHN01slBcFIEJ0EcFDqqFaGubkJdtIhVKWhBobjZwc5+NMeeSNI0vOTdpmId8uBt7+N3Ts69LwYAY5TTiAAigH8B8Fwo4LPVwvtHB6u' +
-            '7VYxN7cOY3AucpgnU4nFcW0cAqdkD7Z7FjQpeNrdwn0rhrVSCA9BcWsZtIoF2uWwddlV/RXr++NcAJuYOcX5SwUMmg6dczhL71TF7ALysenSGej' +
-            'oNqRtSAIVqPDbbmF447QFwIS9a276A1A0dgJ/q9eINxmeK1po+AHv2uZHP+7oRBBCk2n2XEkDqhgpAoloEIHHDC7CycylSPRCA1427ZNJxg8MN0' +
-            'MhmRaqVAAg53AAhxw9ALRazDvrr6QCM4nKKHvoTWAd1P0OYYZqQhZBBYqAYLAaMQWPgVAAMKIPKwDK4ujdFC8ASYilxsLRYYiw1lpwXgKXJEiUk' +
-            'S5alyxIOelN8AVSq2VzYZNhs2HS8AHbfYLOy3WATC3JDCeCnmu3VXuMHYPcNqRt9ADrV7o1BAO4uqnPDAZCoHhRA6Ub3qXe74QBIVIcB0LnhAEh' +
-            'UDwPg50b0VxwBRACc37+H2GuakEPwAAAAAElFTkSuQmCC';
-    }
-    getFlag(flagCode) {
-        return flagCode === 'sk' ? this.skFlag : (flagCode === 'gb' ? this.gbFlag : this.deFlag);
-    }
-}
-LanguageSelectorComponent.ctorParameters = () => [
-    { type: LanguageService }
-];
-LanguageSelectorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-language-selector',
-                template: "<mat-menu #languageMenu=\"matMenu\">\n    <button *ngFor=\"let lang of langMenuItems\" mat-menu-item (click)=\"setLang(lang.key)\" fxLayout=\"row\"\n            fxLayoutAlign=\"start center\" [style.backgroundColor]=\"lang.key === language ? 'rgba(253,151,31,0.1)':''\">\n        <img [src]='getFlag(flagCode(lang.key))' alt=\"Country icon\" class=\"icon-small-dimensions\">\n        <span class=\"margin-left-default\">{{'toolbar.menu.' + lang.value | translate}}</span>\n    </button>\n</mat-menu>\n\n<button mat-icon-button [matMenuTriggerFor]=\"languageMenu\">\n    <img [src]='getFlag(flagCountryCode)'\n         alt=\"Country icon\" class=\"icon-medium-dimensions\">\n</button>\n",
-                styles: [".icon-small-dimensions{width:24px;height:24px}.margin-left-default{margin-left:8px}.icon-medium-dimensions{width:32px;height:32px}"]
-            },] }
-];
-LanguageSelectorComponent.ctorParameters = () => [
-    { type: LanguageService }
-];
-
-class InternalLinkComponent extends AbstractInternalLinkComponent {
-    constructor() {
-        super();
-    }
-}
-InternalLinkComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-internal-link',
-                template: "<button mat-icon-button [routerLink]=\"link\">\n    <mat-icon class=\"internal-link-icon\">{{icon}}</mat-icon>\n</button>\n",
-                styles: [".internal-link-icon{font-size:24px;text-align:center;vertical-align:center;cursor:pointer;outline:0!important}"]
-            },] }
-];
-InternalLinkComponent.ctorParameters = () => [];
-
-class QuickPanelComponentModule {
-}
-QuickPanelComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    QuickPanelComponent,
-                    LogoutShortcutComponent,
-                    LanguageSelectorComponent,
-                    InternalLinkComponent
-                ],
-                exports: [
-                    QuickPanelComponent,
-                    LogoutShortcutComponent,
-                    LanguageSelectorComponent,
-                    InternalLinkComponent
-                ],
-                imports: [
-                    CommonModule,
-                    RouterModule,
-                    MaterialModule,
-                    TranslateLibModule
-                ]
-            },] }
-];
-
-/* MODULES */
-/* SERVICES */
-
-class NavigationDrawerComponent extends AbstractNavigationDrawerComponent {
-    constructor(breakpoint, _log, userPreferenceService) {
-        super(breakpoint, _log, userPreferenceService);
-        this.breakpoint = breakpoint;
-        this._log = _log;
-        this.userPreferenceService = userPreferenceService;
-    }
-}
-NavigationDrawerComponent.ctorParameters = () => [
-    { type: BreakpointObserver },
-    { type: LoggerService },
-    { type: UserPreferenceService }
-];
-NavigationDrawerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-navigation-drawer',
-                template: "<mat-sidenav-container class=\"drawer-container\" (panright)=\"swipeRight()\" (panleft)=\"swipeLeft()\" autosize>\n    <mat-sidenav #sidenav [mode]=\"config.mode\" [(opened)]=\"opened\" position=\"start\"\n                 [disableClose]=\"config.disableClose\" class=\"drawer-content mat-elevation-z10\"\n                 mwlResizable\n                 [style.width.px]=\"width\"\n                 [resizeCursorPrecision]=\"10\"\n                 [resizeEdges]=\"{ right: true }\"\n                 (resizing)=\"onResizeEvent($event)\">\n        <div class=\"sidenav-wrapper\">\n            <button\n                class=\"sidenav-close-button\"\n                type=\"button\"\n                aria-label=\"Toggle sidenav\"\n                mat-icon-button\n                *ngIf=\"!fixed\"\n                (click)=\"close()\">\n                <mat-icon aria-label=\"Side nav toggle icon\">close</mat-icon>\n            </button>\n            <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n                <nc-user-card *ngIf=\"showUser\" [user]=\"user\" mode=\"full\" [contentWidth]=\"contentWidth\"></nc-user-card>\n                <mat-divider *ngIf=\"showUser\" class=\"drawer-divider\"></mat-divider>\n                <nc-quick-panel *ngIf=\"showQuickPanel\" [items]=\"quickPanelItems\"\n                                [contentWidth]=\"contentWidth\"></nc-quick-panel>\n                <mat-divider *ngIf=\"showQuickPanel\" class=\"drawer-divider\"></mat-divider>\n                <nc-navigation-tree *ngIf=\"navigation\" [contentWidth]=\"contentWidth\"></nc-navigation-tree>\n            </div>\n        </div>\n    </mat-sidenav>\n\n    <mat-sidenav-content>\n        <div class=\"content-wrapper\" fxLayout=\"row\" fxLayoutAlign=\"space-between none\">\n            <button\n                type=\"button\"\n                aria-label=\"Toggle sidenav\"\n                mat-icon-button\n                (click)=\"open()\"\n                *ngIf=\"!sidenav.opened\">\n                <mat-icon aria-label=\"Side nav toggle icon\">menu</mat-icon>\n            </button>\n            <div fxFlex=\"100\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n",
-                styles: [".drawer-container{height:100%}.drawer-content{min-width:200px;outline:0!important}.mat-drawer-side{border-right:0}mat-divider.drawer-divider{width:90%}.sidenav-wrapper{overflow-x:hidden!important}.sidenav-close-button{position:absolute;right:0;z-index:100}.content-wrapper{height:100%}"]
-            },] }
-];
-NavigationDrawerComponent.ctorParameters = () => [
-    { type: BreakpointObserver },
-    { type: LoggerService },
-    { type: UserPreferenceService }
-];
-
-const railAnimation = trigger('transform', [
-    state('expand', style({
-        width: '184px',
-        'min-width': '184px',
-        padding: '8px'
-    })),
-    state('collapse', style({
-        width: '48px',
-        'min-width': '48px',
-        padding: '4px'
-    })),
-    transition('expand <=> collapse', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)'))
-]);
-const railContentAnimation = trigger('transformContent', [
-    state('shrink', style({
-        'margin-left': '185px'
-    })),
-    state('grow', style({
-        'margin-left': '49px'
-    })),
-    transition('shrink <=> grow', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)'))
-]);
-class NavigationRailComponent extends AbstractNavigationRailComponent {
-    constructor() {
-        super();
-    }
-}
-NavigationRailComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-navigation-rail',
-                template: "<mat-sidenav-container class=\"drawer-container\">\n    <mat-sidenav #sideRail mode=\"side\" opened=\"true\" position=\"start\" disableClose=\"true\"\n                 class=\"drawer-content mat-elevation-z16\"\n                 (mouseenter)=\"expandOnHover && open()\"\n                 (mouseleave)=\"expandOnHover && close()\">\n\n        <div [@transform]=\"expanded ? 'expand' : 'collapse'\">\n\n            <div fxLayout=\"column\" fxLayoutAlign=\"start start\" fxFlex>\n                <div fxLayout=\"row\">\n                    <mat-icon>account_circle</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">User</span>\n                </div>\n                <div fxLayout=\"row\">\n                    <mat-icon>assignment</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">Report</span>\n                </div>\n                <div fxLayout=\"row\">\n                    <mat-icon>bug_report</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">Bugs</span>\n                </div>\n                <div fxLayout=\"row\">\n                    <mat-icon>fingerprint</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">Security</span>\n                </div>\n            </div>\n\n        </div>\n    </mat-sidenav>\n\n    <mat-sidenav-content [@transformContent]=\"expanded ? 'shrink' : 'grow'\">\n        <ng-content></ng-content>\n    </mat-sidenav-content>\n\n</mat-sidenav-container>\n",
-                animations: [railAnimation, railContentAnimation],
-                styles: [".margin-left-default{margin-left:8px}"]
-            },] }
-];
-NavigationRailComponent.ctorParameters = () => [];
-
-class NavigationTreeComponent extends AbstractNavigationTreeComponent {
-    constructor(config, router, log, userService, roleGuard, authorityGuard, groupGuard, activeGroupService, taskResourceService, languageService, navigationRouteProvider) {
-        super(config, router, log, userService, roleGuard, authorityGuard, groupGuard, activeGroupService, taskResourceService, languageService, navigationRouteProvider);
-    }
-}
-NavigationTreeComponent.ctorParameters = () => [
-    { type: ConfigurationService },
-    { type: Router },
-    { type: LoggerService },
-    { type: UserService },
-    { type: RoleGuardService },
-    { type: AuthorityGuardService },
-    { type: GroupGuardService },
-    { type: ActiveGroupService },
-    { type: TaskResourceService },
-    { type: LanguageService },
-    { type: DynamicNavigationRouteProviderService }
-];
-NavigationTreeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-navigation-tree',
-                template: "<mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\" [style.width.px]=\"width\">\n\n    <!-- This is the tree node template for leaf nodes -->\n    <mat-tree-node *matTreeNodeDef=\"let node\" [routerLink]=\"node.url\" routerLinkActive=\"active-navigation-route\"\n                   matTreeNodeToggle matRipple class=\"tree-node\">\n        <button *ngIf=\"node.level >= 1\" mat-icon-button disabled class=\"margin-component\"></button>\n        <button *ngIf=\"node.level >= 2\" mat-icon-button disabled class=\"margin-component\"></button>\n        <mat-icon color=\"primary\" class=\"tree-node-icon\">{{node.icon}}</mat-icon>\n        {{node.translate ? (node.name | translate) : node.name}}\n    </mat-tree-node>\n\n    <!-- This is the tree node template for expandable nodes -->\n    <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"mat-tree-node tree-node\" matTreeNodeToggle matRipple\n             [class.bottom-shadow]=\"treeControl.isExpanded(node)\">\n            <button *ngIf=\"node.level >= 1\" mat-icon-button disabled class=\"margin-component\"></button>\n            <button *ngIf=\"node.level >= 2\" mat-icon-button disabled class=\"margin-component\"></button>\n\n            <mat-icon color=\"primary\" class=\"tree-node-icon\">{{node.icon}}</mat-icon>\n            {{node.translate ? (node.name | translate) : node.name}}\n\n            <div fxFlex></div>\n            <button mat-icon-button class=\"nested-tree-expansion-icon\">\n                <mat-icon>\n                    {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}\n                </mat-icon>\n            </button>\n        </div>\n        <div [class.nested-tree-invisible]=\"!treeControl.isExpanded(node)\" class=\"darker-background\">\n            <ng-container matTreeNodeOutlet></ng-container>\n        </div>\n    </mat-nested-tree-node>\n</mat-tree>\n",
-                styles: [".navigation-tree{outline:0!important}.nested-tree-invisible{display:none}.darker-background{background-color:rgba(0,0,0,.05)}.bottom-shadow{box-shadow:0 2px 4px -4px rgba(0,0,0,.2),0 4px 5px -3px rgba(0,0,0,.14),0 6px 10px -5px rgba(0,0,0,.12)}.tree-node{outline:0!important;cursor:pointer;padding:4px 12px}.tree-node mat-icon.tree-node-icon{line-height:40px;height:40px;width:24px;margin-right:4px}.tree-node .margin-component{width:8px;margin-right:4px}.nested-tree-expansion-icon{width:24px}"]
-            },] }
-];
-NavigationTreeComponent.ctorParameters = () => [
-    { type: ConfigurationService },
-    { type: Router },
-    { type: LoggerService },
-    { type: UserService },
-    { type: RoleGuardService },
-    { type: AuthorityGuardService },
-    { type: GroupGuardService },
-    { type: ActiveGroupService },
-    { type: TaskResourceService },
-    { type: LanguageService },
-    { type: DynamicNavigationRouteProviderService }
-];
-
-class UserCardComponent extends AbstractUserCardComponent {
-    constructor(_injector) {
-        super(_injector);
-        this._injector = _injector;
-    }
-}
-UserCardComponent.ctorParameters = () => [
-    { type: Injector }
-];
-UserCardComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-user-card',
-                template: "<div [ngSwitch]=\"mode\" class=\"no-outline\">\n    <div *ngSwitchCase=\"'full'\" #fullShowcase fxLayout=\"column\" fxLayoutAlign=\"start center\"\n         class=\"full-showcase-container no-outline margin-bottom-x2\" [style.width.px]=\"width\"\n         [routerLink]=\"link\">\n        <ng-template [ngIf]=\"!userBannerExists()\">\n            <div class=\"banner-wrapper mat-elevation-z6\" matRipple [matRippleTrigger]=\"fullShowcase\">\n                <div [style.backgroundImage]=\"'url(assets/netgrif-cubes-upper-left.png)'\" class=\"cube-upper-left\">\n                    <div [style.backgroundImage]=\"'url(assets/netgrif-cubes-down-right.png)'\" class=\"cube-down-right\"></div>\n                </div>\n            </div>\n        </ng-template>\n        <ng-template [ngIf]=\"userBannerExists()\">\n            <div [style.backgroundImage]=\"'url('+userBanner+')'\" class=\"full-width user-banner mat-elevation-z6\" matRipple\n                 [matRippleTrigger]=\"fullShowcase\"></div>\n        </ng-template>\n        <div class=\"user-avatar-large margin-bottom-default mat-elevation-z6\" matRipple\n             [matRippleTrigger]=\"fullShowcase\">\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n        <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"full-width full-showcase-text padding-default\">\n            <span>{{user.fullName}}</span>\n            <span>{{user.email}}</span>\n        </div>\n    </div>\n    <div *ngSwitchCase=\"'horizontal'\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n         class=\"horizontal-showcase-container no-outline padding-default\" [routerLink]=\"link\" matRipple>\n        <div class=\"user-avatar-large mat-elevation-z6\">\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n        <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"full-width full-showcase-text\">\n            <span>{{user.fullName}}</span>\n            <span>{{user.email}}</span>\n        </div>\n    </div>\n    <div *ngSwitchCase=\"'vertical'\" fxLayout=\"column\" fxLayoutAlign=\"start center\"\n         class=\"vertical-showcase-container no-outline padding-default\"\n         [routerLink]=\"link\" matRipple>\n        <div class=\"user-avatar-large mat-elevation-z6\">\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n        <div fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"full-width full-showcase-text\">\n            <span>{{user.fullName}}</span>\n            <span>{{user.email}}</span>\n        </div>\n    </div>\n    <div *ngSwitchCase=\"'icon'\" [routerLink]=\"link\">\n        <div class=\"mat-elevation-z6 no-outline\"\n             [ngClass]=\"{'user-avatar-large':iconStyle === 'large', 'user-avatar-small':iconStyle==='small'}\"\n             [matTooltip]=\"user.fullName+'\\n'+user.email\"\n             matTooltipHideDelay=\"1000\"\n             [matTooltipPosition]=\"tooltipPosition\"\n             matRipple>\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n    </div>\n    <div *ngSwitchDefault>\n        <span>{{ 'side-menu.user.showcase' | translate}}</span>\n    </div>\n</div>\n\n\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}.full-showcase-container .user-banner{height:100px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.full-showcase-container .user-avatar-large{margin-top:-32px}.banner-wrapper{height:100px;width:100%}.cube-upper-left{width:100%;height:100%;background-repeat:no-repeat;background-size:auto 80px}.cube-down-right{background-repeat:no-repeat;background-position-x:right;background-position-y:bottom;background-size:auto 30px;min-width:100%;min-height:100%;padding:0;margin:0}.user-avatar-large{width:64px;height:64px;border-radius:64px}.user-avatar-small{width:46px;height:46px;border-radius:46px}.full-showcase-text{text-align:center}.full-showcase-text span{font-size:12px;color:#616161}.full-showcase-text span:first-child{font-size:20px;color:#424242;margin-bottom:4px}.horizontal-showcase-container{height:80px;border:1px solid #fd971f;border-radius:6px}.horizontal-showcase-container .user-avatar-large{margin-right:8px}.vertical-showcase-container{width:160px;border:1px solid #f0ad4e;border-radius:6px;white-space:pre-line}.vertical-showcase-container .user-avatar-large{margin-bottom:8px}::ng-deep .mat-tooltip{white-space:pre-line!important;text-align:center}.no-outline{outline:0!important}"]
-            },] }
-];
-UserCardComponent.ctorParameters = () => [
-    { type: Injector }
-];
-
-class UserComponentModule {
-}
-UserComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [UserCardComponent],
-                exports: [
-                    UserCardComponent
-                ],
-                imports: [
-                    CommonModule,
-                    RouterModule,
-                    MaterialModule,
-                    TranslateLibModule
-                ]
-            },] }
-];
-
-class GroupNavigationComponentResolverComponent extends AbstractGroupNavigationComponentResolverComponent {
-    constructor(componentResolverService, parentInjector, activatedRoute, router, log) {
-        super(componentResolverService, parentInjector, activatedRoute, router, log);
-    }
-}
-GroupNavigationComponentResolverComponent.ctorParameters = () => [
-    { type: GroupNavigationComponentResolverService },
-    { type: Injector },
-    { type: ActivatedRoute },
-    { type: Router },
-    { type: LoggerService }
-];
-GroupNavigationComponentResolverComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-group-navigation-component-resolver',
-                template: "<div *ngIf=\"initialized || errored; else loading\" class=\"full-height\">\n    <div *ngIf=\"initialized; else displayError\" class=\"full-height\">\n        <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n    </div>\n</div>\n\n<ng-template #loading>\n    <mat-progress-spinner></mat-progress-spinner>\n</ng-template>\n\n<ng-template #displayError>\n    <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n        <mat-icon color=\"accent\" class=\"margin-bottom-error-icon\">cancel</mat-icon>\n        <span class=\"font-size-20\">{{'dynamicNavigation.couldNotResolveView' | translate}}</span>\n    </div>\n</ng-template>\n",
-                styles: [".full-height{height:100%}.margin-bottom-error-icon{margin-bottom:8px}.font-size-20{font-size:20px}"]
-            },] }
-];
-GroupNavigationComponentResolverComponent.ctorParameters = () => [
-    { type: GroupNavigationComponentResolverService },
-    { type: Injector },
-    { type: ActivatedRoute },
-    { type: Router },
-    { type: LoggerService }
-];
-
-/**
- * Converts a navigation item case task data injected by the {@link NAE_TAB_DATA} injection token into a {@link BaseFilter} instance
- * @param extractionService
- * @param tabData the injected data containing the navigation item case task data
- */
-function filterCaseTabbedDataFilterFactory(extractionService, tabData) {
-    return navigationItemTaskFilterFactory(extractionService, tabData.navigationItemTaskData);
-}
-/**
- * Converts a navigation item case task data injected by the {@link NAE_TAB_DATA} injection token into an {@link AllowedNetsService}
- * instance
- * @param allowedNetsServiceFactory
- * @param baseAllowedNets
- * @param tabData the injected data containing the navigation item case task data
- */
-function filterCaseTabbedDataAllowedNetsServiceFactory(allowedNetsServiceFactory, baseAllowedNets, tabData) {
-    return navigationItemTaskAllowedNetsServiceFactory(allowedNetsServiceFactory, baseAllowedNets, tabData.navigationItemTaskData);
-}
-/**
- * Converts a navigation item case task data injected by the {@link NAE_TAB_DATA} injection token into an array of {@link Category} classes
- * @param categoryResolverService
- * @param tabData the injected data containing the navigation item case task data
- * @param defaultCaseSearchCategories the default case search categories
- * @param defaultTaskSearchCategories the default task search categories
- */
-function filterCaseTabbedDataSearchCategoriesFactory(categoryResolverService, tabData, defaultCaseSearchCategories, defaultTaskSearchCategories) {
-    return navigationItemTaskCategoryFactory(categoryResolverService, tabData.navigationItemTaskData, defaultCaseSearchCategories, defaultTaskSearchCategories);
-}
-
-const ɵ0$5 = filterCaseTabbedDataFilterFactory, ɵ1$1 = filterCaseTabbedDataAllowedNetsServiceFactory, ɵ2 = filterCaseTabbedDataSearchCategoriesFactory;
-class DefaultTabbedCaseViewComponent extends TabbedCaseView {
-    constructor(caseViewService, loggerService, injectedTabData) {
-        super(caseViewService, loggerService, injectedTabData);
-    }
-    ngAfterViewInit() {
-        super.initializeHeader(this.caseHeaderComponent);
-    }
-    loadFilter(filterData) {
-        this._injectedTabData.tabViewRef.openTab({
-            label: {
-                text: filterData.filter.title
-            },
-            canBeClosed: true,
-            tabContentComponent: DefaultTabbedCaseViewComponent,
-            injectedObject: Object.assign(Object.assign({}, this._injectedTabData), { filterCase: filterData.filterCase }),
-            order: this._injectedTabData.tabViewOrder,
-            parentUniqueId: this._injectedTabData.tabUniqueId
-        }, this._autoswitchToTaskTab, this._openExistingTab);
-    }
-}
-DefaultTabbedCaseViewComponent.ctorParameters = () => [
-    { type: CaseViewService },
-    { type: LoggerService },
-    { type: undefined, decorators: [{ type: Inject, args: [NAE_TAB_DATA,] }] }
-];
-DefaultTabbedCaseViewComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-default-tabbed-case-view',
-                template: "<div class=\"case-view-container\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n\n    <mat-card class=\"case-view-search-container\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between\">\n            <div fxLayoutAlign=\"start center\" fxFlex>\n                <nc-search class=\"search-width\" (filterLoaded)=\"loadFilter($event)\"></nc-search>\n            </div>\n            <div fxLayoutAlign=\"end center\">\n                <button mat-mini-fab color=\"primary\" (click)=\"createNewCase()\">\n                    <mat-icon class=\"net-upload\" aria-hidden=\"false\">add</mat-icon>\n                </button>\n            </div>\n        </div>\n    </mat-card>\n\n    <nc-header #header [type]=\"headerType\" class=\"case-header-padding\"></nc-header>\n\n    <nc-case-list [selectedHeaders$]=\"selectedHeaders$\" [textEllipsis]=\"true\"\n                  (caseClick)=\"handleCaseClick($event)\" fxFlex></nc-case-list>\n</div>\n",
-                providers: [
-                    CategoryFactory,
-                    CaseViewService,
-                    SearchService,
-                    ViewIdService,
-                    {
-                        provide: NAE_BASE_FILTER,
-                        useFactory: ɵ0$5,
-                        deps: [FilterExtractionService, NAE_TAB_DATA]
-                    },
-                    {
-                        provide: AllowedNetsService,
-                        useFactory: ɵ1$1,
-                        deps: [AllowedNetsServiceFactory, BaseAllowedNetsService, NAE_TAB_DATA]
-                    },
-                    {
-                        provide: NAE_SEARCH_CATEGORIES,
-                        useFactory: ɵ2,
-                        deps: [CategoryResolverService, NAE_TAB_DATA, NAE_DEFAULT_CASE_SEARCH_CATEGORIES, NAE_DEFAULT_TASK_SEARCH_CATEGORIES]
-                    },
-                ],
-                styles: [".case-view-container{margin:16px;height:calc(100% - 32px)}.case-view-search-container{padding:16px}.case-header-padding{padding-bottom:20px;padding-top:20px}.font-size-20{font-size:20px}.search-width{width:100%}"]
-            },] }
-];
-DefaultTabbedCaseViewComponent.ctorParameters = () => [
-    { type: CaseViewService },
-    { type: LoggerService },
-    { type: undefined, decorators: [{ type: Inject, args: [NAE_TAB_DATA,] }] }
-];
-DefaultTabbedCaseViewComponent.propDecorators = {
-    caseHeaderComponent: [{ type: ViewChild, args: ['header',] }]
-};
-
-function baseFilterFactory(injectedTabData) {
-    return {
-        filter: injectedTabData.baseFilter
-    };
-}
-const ɵ0$6 = tabbedAllowedNetsServiceFactory, ɵ1$2 = tabbedTaskViewConfigurationFactory;
-class DefaultTabbedTaskViewComponent extends TabbedTaskView {
-    constructor(taskViewService, injectedTabData) {
-        super(taskViewService, injectedTabData);
-    }
-    ngAfterViewInit() {
-        this.initializeHeader(this.taskHeaderComponent);
-    }
-}
-DefaultTabbedTaskViewComponent.ctorParameters = () => [
-    { type: TaskViewService },
-    { type: undefined, decorators: [{ type: Inject, args: [NAE_TAB_DATA,] }] }
-];
-DefaultTabbedTaskViewComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-default-tabbed-task-view',
-                template: "<div class=\"task-tab-background full-height\">\n    <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"content-margin full-height\" >\n        <mat-card class=\"search-panel\">\n            <nc-search class=\"search-width\"></nc-search>\n        </mat-card>\n        <nc-header #header type=\"task\" class=\"task-panel-padding-mini\"></nc-header>\n        <nc-task-list [tasks$]=\"tasks$\" [loading$]=\"loading$\" [allowMultiOpen]=\"false\" [selectedHeaders$]=\"selectedHeaders$\" [textEllipsis]=\"true\" fxFlex></nc-task-list>\n    </div>\n</div>\n",
-                providers: [
-                    CategoryFactory,
-                    TaskViewService,
-                    SearchService,
-                    ChangedFieldsService,
-                    { provide: ViewIdService, useValue: null },
-                    {
-                        provide: NAE_BASE_FILTER,
-                        useFactory: baseFilterFactory,
-                        deps: [NAE_TAB_DATA]
-                    },
-                    {
-                        provide: AllowedNetsService,
-                        useFactory: ɵ0$6,
-                        deps: [AllowedNetsServiceFactory, NAE_TAB_DATA]
-                    },
-                    {
-                        provide: NAE_TASK_VIEW_CONFIGURATION,
-                        useFactory: ɵ1$2,
-                        deps: [NAE_TAB_DATA]
-                    }
-                ],
-                styles: [".task-tab-background{height:100%;width:100%;overflow:auto;background-color:transparent}.search-panel{margin-top:20px}.content-margin{margin:0 20px}.task-panel-padding-mini{padding-bottom:20px;padding-top:20px}.full-height{height:100%}.search-width{width:100%}"]
-            },] }
-];
-DefaultTabbedTaskViewComponent.ctorParameters = () => [
-    { type: TaskViewService },
-    { type: undefined, decorators: [{ type: Inject, args: [NAE_TAB_DATA,] }] }
-];
-DefaultTabbedTaskViewComponent.propDecorators = {
-    taskHeaderComponent: [{ type: ViewChild, args: ['header',] }]
-};
-
-const ɵ0$7 = groupNavigationViewIdSegmentFactory;
-class DefaultTabViewComponent {
-    constructor(_navigationItemTaskData) {
-        this._navigationItemTaskData = _navigationItemTaskData;
-        const labelData = extractIconAndTitle(this._navigationItemTaskData);
-        this.tabs = [
-            {
-                label: { text: labelData.name, icon: labelData.icon },
-                canBeClosed: false,
-                tabContentComponent: DefaultTabbedCaseViewComponent,
-                injectedObject: {
-                    tabViewComponent: DefaultTabbedTaskViewComponent,
-                    tabViewOrder: 0,
-                    navigationItemTaskData: this._navigationItemTaskData
-                }
-            }
-        ];
-    }
-}
-DefaultTabViewComponent.ctorParameters = () => [
-    { type: Array, decorators: [{ type: Inject, args: [NAE_NAVIGATION_ITEM_TASK_DATA,] }] }
-];
-DefaultTabViewComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-default-tab-view',
-                template: "<div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"full-height\">\n    <nc-tab-view [initialTabs]=\"tabs\" stretch=\"false\" class=\"full-height block\"></nc-tab-view>\n</div>\n",
-                providers: [
-                    ViewIdService,
-                    { provide: NAE_VIEW_ID_SEGMENT, useFactory: ɵ0$7, deps: [ActivatedRoute] }
-                ],
-                styles: [".full-height{height:100%}.block{display:block!important}"]
-            },] }
-];
-DefaultTabViewComponent.ctorParameters = () => [
-    { type: Array, decorators: [{ type: Inject, args: [NAE_NAVIGATION_ITEM_TASK_DATA,] }] }
-];
-
-const ɵ0$8 = groupNavigationViewIdSegmentFactory, ɵ1$3 = navigationItemTaskFilterFactory, ɵ2$1 = navigationItemTaskAllowedNetsServiceFactory, ɵ3 = navigationItemTaskCategoryFactory;
-class DefaultSimpleTaskViewComponent extends AbstractTaskView {
-    constructor(taskViewService) {
-        super(taskViewService);
-    }
-    ngAfterViewInit() {
-        this.initializeHeader(this.taskHeaderComponent);
-    }
-}
-DefaultSimpleTaskViewComponent.ctorParameters = () => [
-    { type: TaskViewService }
-];
-DefaultSimpleTaskViewComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-default-simple-task-view',
-                template: "<div class=\"task-tab-background full-height\">\n    <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"content-margin full-height\" >\n        <mat-card class=\"search-panel\">\n            <nc-search class=\"search-width\"></nc-search>\n        </mat-card>\n        <nc-header #header type=\"task\" class=\"task-panel-padding-mini\"></nc-header>\n        <nc-task-list [tasks$]=\"tasks$\" [loading$]=\"loading$\" [allowMultiOpen]=\"false\" [selectedHeaders$]=\"selectedHeaders$\" [textEllipsis]=\"true\" fxFlex></nc-task-list>\n    </div>\n</div>\n",
-                providers: [
-                    CategoryFactory,
-                    TaskViewService,
-                    SearchService,
-                    ViewIdService,
-                    ChangedFieldsService,
-                    { provide: NAE_VIEW_ID_SEGMENT, useFactory: ɵ0$8, deps: [ActivatedRoute] },
-                    {
-                        provide: NAE_BASE_FILTER,
-                        useFactory: ɵ1$3,
-                        deps: [FilterExtractionService, NAE_NAVIGATION_ITEM_TASK_DATA]
-                    },
-                    {
-                        provide: AllowedNetsService,
-                        useFactory: ɵ2$1,
-                        deps: [AllowedNetsServiceFactory, BaseAllowedNetsService, NAE_NAVIGATION_ITEM_TASK_DATA]
-                    },
-                    { provide: NAE_SEARCH_CATEGORIES, useFactory: ɵ3, deps: [
-                            CategoryResolverService,
-                            NAE_NAVIGATION_ITEM_TASK_DATA,
-                            NAE_DEFAULT_CASE_SEARCH_CATEGORIES,
-                            NAE_DEFAULT_TASK_SEARCH_CATEGORIES
-                        ] },
-                ],
-                styles: [".task-tab-background{height:100%;width:100%;overflow:auto;background-color:transparent}.search-panel{margin-top:20px}.content-margin{margin:0 20px}.task-panel-padding-mini{padding-bottom:20px;padding-top:20px}.full-height{height:100%}.search-width{width:100%}"]
-            },] }
-];
-DefaultSimpleTaskViewComponent.ctorParameters = () => [
-    { type: TaskViewService }
-];
-DefaultSimpleTaskViewComponent.propDecorators = {
-    taskHeaderComponent: [{ type: ViewChild, args: ['header',] }]
-};
-
-class DefaultGroupNavigationComponentResolverService extends GroupNavigationComponentResolverService {
-    constructor(taskResourceService, log) {
-        super(taskResourceService, log);
-    }
-    resolveViewComponent(navigationItemTaskData) {
-        const filter = extractFilterFromData(navigationItemTaskData);
-        if (filter === undefined) {
-            throw new Error('Provided navigation item task data does not contain a filter field');
-        }
-        switch (filter.type) {
-            case FilterType.CASE:
-                return DefaultTabViewComponent;
-            case FilterType.TASK:
-                return DefaultSimpleTaskViewComponent;
-            default:
-                throw new Error(`Cannot resolve group navigation component from '${filter.type}' filter type`);
-        }
-    }
-}
-DefaultGroupNavigationComponentResolverService.ctorParameters = () => [
-    { type: TaskResourceService },
-    { type: LoggerService }
-];
-DefaultGroupNavigationComponentResolverService.decorators = [
-    { type: Injectable }
-];
-DefaultGroupNavigationComponentResolverService.ctorParameters = () => [
-    { type: TaskResourceService },
-    { type: LoggerService }
-];
-
-/**
- * Converts search categories provided by the {@link NAE_SEARCH_CATEGORIES}
- * injection token in the old (pre 5.6.0) format, to the new format.
- *
- * If no search categories are provided converts the default search categories into search categories
- * based on the base filter filter type.
- *
- * @param categoryResolverService service for serialisation and deserialization of search categories
- * @param baseFilter determines the default categories used if no categories are provided, injected by the {@link NAE_BASE_FILTER}
- * injection token
- * @param defaultCaseSearchCategories the default case search categories, injected by the {@link NAE_DEFAULT_CASE_SEARCH_CATEGORIES}
- * injection token
- * @param defaultTaskSearchCategories the default task search categories, injected by the {@link NAE_DEFAULT_TASK_SEARCH_CATEGORIES}
- * injection token
- * @param naeSearchCategories optionally the search category instances, or the search category classes. Instances are converted to classes.
- * If no categories are provided the default ones based on the base filter filter type will be returned.
- * Injected by the {@link NAE_SEARCH_CATEGORIES} injection token.
- */
-function searchCategoryConverter(categoryResolverService, baseFilter, defaultCaseSearchCategories, defaultTaskSearchCategories, naeSearchCategories = null) {
-    if (naeSearchCategories === null) {
-        // categories were not provided => return the defaults
-        const type = baseFilter.filter instanceof Filter ? baseFilter.filter.type : baseFilter.filterType;
-        if (type === FilterType.CASE) {
-            return defaultCaseSearchCategories;
-        }
-        else if (type === FilterType.TASK) {
-            return defaultTaskSearchCategories;
-        }
-        throw new Error(`Illegal filter type: ${type}`);
-    }
-    // categories were provided => convert them if necessary
-    if (naeSearchCategories.length !== 0 && naeSearchCategories[0] instanceof Category) {
-        return naeSearchCategories.map(c => {
-            return categoryResolverService.toClass(categoryResolverService.serialize(c));
-        });
-    }
-    return naeSearchCategories;
-}
-const ɵ0$9 = DATE_FORMAT;
-class SearchComponent extends AbstractSearchComponent {
-    constructor(searchService, logger, dialogService, translate, userFilterService, allowedNetsService, viewIdService, searchCategories, configuration, filtersFilter = null, navigationItemTaskData = null) {
-        super(searchService, logger, dialogService, translate, userFilterService, allowedNetsService, viewIdService, searchCategories, configuration, filtersFilter, navigationItemTaskData);
-    }
-}
-SearchComponent.ctorParameters = () => [
-    { type: SearchService },
-    { type: LoggerService },
-    { type: DialogService },
-    { type: TranslateService },
-    { type: UserFiltersService },
-    { type: AllowedNetsService },
-    { type: ViewIdService },
-    { type: Array, decorators: [{ type: Inject, args: [NAE_SEARCH_CATEGORIES,] }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_SEARCH_COMPONENT_CONFIGURATION,] }] },
-    { type: Filter, decorators: [{ type: Optional }, { type: Inject, args: [NAE_FILTERS_FILTER,] }] },
-    { type: Array, decorators: [{ type: Optional }, { type: Inject, args: [NAE_NAVIGATION_ITEM_TASK_DATA,] }] }
-];
-SearchComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-search',
-                template: "<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n    <div class=\"search-icon\" fxLayout=\"row\" fxLayoutAlign=\"start center\" *ngIf=\"showSearchIcon\">\n        <mat-icon [inline]=\"true\">search</mat-icon>\n    </div>\n\n    <div *ngIf=\"advancedSearchDisplayed; then advancedSearch; else fullTextSearch\"></div>\n\n    <ng-template #advancedSearch>\n        <nc-advanced-search></nc-advanced-search>\n    </ng-template>\n\n    <ng-template #fullTextSearch>\n        <nc-fulltext-search></nc-fulltext-search>\n    </ng-template>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"showSearchToggleButton\"\n            [matTooltip]=\"(advancedSearchDisplayed ? 'search.tooltip.toFullText' : 'search.tooltip.toAdvanced') | translate\"\n            (click)=\"toggleSearchMode()\">\n        <mat-icon>youtube_searched_for</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showSaveFilterButton\"\n            [matTooltip]=\"'search.tooltip.save' | translate\" (click)=\"saveFilter()\">\n        <mat-icon>save</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showLoadFilterButton\"\n            [matTooltip]=\"'search.tooltip.load' | translate\" (click)=\"loadFilter()\">\n        <mat-icon>open_in_browser</mat-icon>\n    </button>\n\n    <button mat-icon-button class=\"search-buttons-margin\" *ngIf=\"advancedSearchDisplayed && showAdvancedSearchHelp\"\n            [matTooltip]=\"'search.tooltip.help' | translate\" (click)=\"showHelp()\">\n        <mat-icon>help</mat-icon>\n    </button>\n</div>\n",
-                encapsulation: ViewEncapsulation.None,
-                providers: [
-                    { provide: MAT_DATE_FORMATS, useValue: ɵ0$9 },
-                    {
-                        provide: NAE_SEARCH_CATEGORIES,
-                        useFactory: searchCategoryConverter,
-                        deps: [
-                            CategoryResolverService,
-                            NAE_BASE_FILTER,
-                            NAE_DEFAULT_CASE_SEARCH_CATEGORIES,
-                            NAE_DEFAULT_TASK_SEARCH_CATEGORIES,
-                            [new Optional(), new SkipSelf(), NAE_SEARCH_CATEGORIES]
-                        ]
-                    }
-                ],
-                styles: [".button-margin{margin-left:8px;margin-right:8px}.clause-margin{margin-top:4px;margin-bottom:4px}.disable-error-margin .mat-form-field-wrapper{margin:0;padding-bottom:0}.search-buttons-margin{margin-left:8px}.search-icon{padding-right:8px;font-size:xx-large}.search-input{width:100%}.search-input-lg{width:60%}.search-input-md{width:80%}.search-input-sm{width:100%}"]
-            },] }
-];
-SearchComponent.ctorParameters = () => [
-    { type: SearchService },
-    { type: LoggerService },
-    { type: DialogService },
-    { type: TranslateService },
-    { type: UserFiltersService },
-    { type: AllowedNetsService },
-    { type: ViewIdService },
-    { type: Array, decorators: [{ type: Inject, args: [NAE_SEARCH_CATEGORIES,] }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_SEARCH_COMPONENT_CONFIGURATION,] }] },
-    { type: Filter, decorators: [{ type: Optional }, { type: Inject, args: [NAE_FILTERS_FILTER,] }] },
-    { type: Array, decorators: [{ type: Optional }, { type: Inject, args: [NAE_NAVIGATION_ITEM_TASK_DATA,] }] }
-];
-
-const ɵ0$a = defaultCaseSearchCategoriesFactory;
-/**
- * A component that provides the default case search categories.
- *
- * @deprecated in 5.0.0 - Use the universal {@link SearchComponent} instead and provide the {@link NAE_SEARCH_CATEGORIES} yourself
- * (a [factory method]{@link defaultCaseSearchCategoriesFactory} can be used).
- */
-class CaseSearchComponent {
-}
-CaseSearchComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-case-search',
-                template: "<nc-search></nc-search>\n",
-                providers: [
-                    CategoryFactory,
-                    { provide: NAE_SEARCH_CATEGORIES, useFactory: ɵ0$a, deps: [CategoryFactory] }
-                ],
-                styles: [""]
-            },] }
-];
-
-const ɵ0$b = defaultTaskSearchCategoriesFactory;
-/**
- * A component that provides the default task search categories.
- *
- * @deprecated in 5.0.0 - Use the universal {@link SearchComponent} instead and provide the {@link NAE_SEARCH_CATEGORIES} yourself
- * (a [factory method]{@link defaultTaskSearchCategoriesFactory} can be used).
- */
-class TaskSearchComponent {
-}
-TaskSearchComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-task-search',
-                template: "<nc-search></nc-search>\n",
-                providers: [
-                    CategoryFactory,
-                    { provide: NAE_SEARCH_CATEGORIES, useFactory: ɵ0$b, deps: [CategoryFactory] }
-                ],
-                styles: [""]
-            },] }
-];
-
-class FulltextSearchComponent extends AbstractFulltextSearchComponent {
-    constructor(searchService) {
-        super(searchService);
-    }
-}
-FulltextSearchComponent.ctorParameters = () => [
-    { type: SearchService }
-];
-FulltextSearchComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-fulltext-search',
-                template: "<mat-form-field appearance=\"outline\" class=\"disable-error-margin\">\n    <input type=\"text\" matInput\n           [placeholder]=\"'search.fullText' | translate\"\n           [formControl]=\"fullTextFormControl\"\n           (keydown.enter)=\"$event.target.blur()\">\n</mat-form-field>\n",
-                styles: [""]
-            },] }
-];
-FulltextSearchComponent.ctorParameters = () => [
-    { type: SearchService }
-];
-
-class SearchComponentModule {
-}
-SearchComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    SearchComponent,
-                    CaseSearchComponent,
-                    TaskSearchComponent,
-                    FulltextSearchComponent,
-                ],
-                exports: [
-                    SearchComponent,
-                    CaseSearchComponent,
-                    TaskSearchComponent,
-                ],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    TranslateLibModule,
-                    NgxMatDatetimePickerModule,
-                    MaterialModule,
-                    AdvancedSearchComponentModule,
-                    DefaultSearchCategoriesModule
-                ]
-            },] }
-];
-
-class PanelComponent extends AbstractPanelComponent {
-    constructor(caseListFontColorService) {
-        super(caseListFontColorService);
-    }
-}
-PanelComponent.ctorParameters = () => [
-    { type: CaseListFontColorService }
-];
-PanelComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-app-panel',
-                template: "<mat-expansion-panel [@.disabled]=\"expansionDisabled\" hideToggle (afterExpand)=\"emitExpand()\"\n                     (afterCollapse)=\"emitCollapse()\" #matExpansionPanel class=\"panel-margin\"\n                     [ngClass]=\"{'margin-top':first, 'margin-bottom':last}\">\n    <mat-expansion-panel-header (click)=\"expandPanel()\" class=\"panel-color header-padding header-min-height\"\n                                [ngStyle]=\"{'background': caseColor, 'color': getCaseFontColor()}\">\n        <mat-panel-description *ngTemplateOutlet=\"panelHeader\">\n        </mat-panel-description>\n    </mat-expansion-panel-header>\n    <ng-template matExpansionPanelContent>\n        <div *ngTemplateOutlet=\"panelContent\"></div>\n    </ng-template>\n</mat-expansion-panel>\n\n",
-                styles: [".mat-expansion-panel-header{border-bottom:1px solid rgba(0,0,0,.03);color:rgba(0,0,0,.87)}.header-padding{padding:0 16px}.header-min-height{min-height:48px!important;height:auto!important}.panel-margin{margin:0 2px}.margin-top{margin-top:2px}.margin-bottom{margin-bottom:2px}.mat-expansion-panel{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}"]
-            },] }
-];
-PanelComponent.ctorParameters = () => [
-    { type: CaseListFontColorService }
-];
-
-class TaskContentComponent extends AbstractTaskContentComponent {
-    constructor(_fieldConverter, taskContentService, _paperView, _logger, _taskEventService, config) {
-        super(_fieldConverter, taskContentService, _paperView, _logger, _taskEventService, config);
-        this._fieldConverter = _fieldConverter;
-        this.taskContentService = taskContentService;
-        this._paperView = _paperView;
-        this._logger = _logger;
-        this._taskEventService = _taskEventService;
-    }
-}
-TaskContentComponent.ctorParameters = () => [
-    { type: FieldConverterService },
-    { type: TaskContentService },
-    { type: PaperViewService },
-    { type: LoggerService },
-    { type: TaskEventService, decorators: [{ type: Optional }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_ASYNC_RENDERING_CONFIGURATION,] }] }
-];
-TaskContentComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-task-content',
-                template: "<div *ngIf=\"loading$ | async; else notLoading\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n    <mat-spinner color=\"primary\"></mat-spinner>\n</div>\n\n<ng-template #notLoading>\n    <div *ngIf=\"hasDataToDisplay$ | async; else noContentToDisplay\"\n         [ngClass]=\"{'paper-view-content mat-elevation-z10': isPaperView(), 'scrolling_data': this.scrollingNeeded()}\"\n         [ngStyle]=\"{'max-height': this.resolveContentHeightCss()}\">\n        <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\"\n             *ngFor=\"let subgrid of dataSource; trackBy: trackBySubgridFn\">\n            <div [gdAreas]=\"subgrid.gridAreas\" [gdColumns]=\"subgrid.getGridColumns()\" class=\"grid-rows-auto\">\n                <div *ngFor=\"let item of subgrid.content; trackBy: trackByFn\"\n                     [gdArea]=\"item.gridAreaId\"\n                     class=\"border\" fxLayout=\"row\" [fxLayoutAlign]=\"getItemAlignment(item)\">\n                    <nc-field-component-resolver [id]=\"item?.item?.stringId\" [gridElement]=\"item\" fxFlex></nc-field-component-resolver>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #noContentToDisplay>\n    <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n        <mat-icon *ngIf=\"displayNoDataIcon\">{{noDataIcon ? noDataIcon : 'block'}}</mat-icon>\n        <span>{{(noDataText ? noDataText : 'tasks.view.noData') | translate}}</span>\n    </div>\n</ng-template>\n",
-                styles: [".border{overflow-y:auto}.paper-view-content{padding:20px;width:22cm;border:1px solid #ddd}.scrolling_data{overflow-y:auto!important}.grid-rows-auto{-ms-grid-rows:auto;grid-template-rows:auto}"]
-            },] }
-];
-TaskContentComponent.ctorParameters = () => [
-    { type: FieldConverterService },
-    { type: TaskContentService },
-    { type: PaperViewService },
-    { type: LoggerService },
-    { type: TaskEventService, decorators: [{ type: Optional }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_ASYNC_RENDERING_CONFIGURATION,] }] }
-];
-
-class TaskPanelComponent extends AbstractTaskPanelComponent {
-    constructor(_taskContentService, _log, _taskViewService, _paperView, _taskEventService, _assignTaskService, _delegateTaskService, _cancelTaskService, _finishTaskService, _taskState, _taskDataService, _assignPolicyService, _callChain, _translate, _taskOperations, _disableFunctions, isEnabled, _parentInjector, _currencyPipe, _changedFieldsService, _permissionService) {
-        super(_taskContentService, _log, _taskViewService, _paperView, _taskEventService, _assignTaskService, _delegateTaskService, _cancelTaskService, _finishTaskService, _taskState, _taskDataService, _assignPolicyService, _callChain, _taskOperations, _disableFunctions, _translate, _currencyPipe, _changedFieldsService, _permissionService);
-        this._taskContentService = _taskContentService;
-        this._log = _log;
-        this._taskViewService = _taskViewService;
-        this._paperView = _paperView;
-        this._taskEventService = _taskEventService;
-        this._assignTaskService = _assignTaskService;
-        this._delegateTaskService = _delegateTaskService;
-        this._cancelTaskService = _cancelTaskService;
-        this._finishTaskService = _finishTaskService;
-        this._taskState = _taskState;
-        this._taskDataService = _taskDataService;
-        this._assignPolicyService = _assignPolicyService;
-        this._callChain = _callChain;
-        this._translate = _translate;
-        this._disableFunctions = _disableFunctions;
-        this.isEnabled = isEnabled;
-        this._parentInjector = _parentInjector;
-        this._currencyPipe = _currencyPipe;
-        this._changedFieldsService = _changedFieldsService;
-        this._permissionService = _permissionService;
-    }
-    createContentPortal() {
-        const providers = [
-            { provide: TaskContentService, useValue: this._taskContentService },
-            { provide: BOOLEAN_VALUE_LABEL_ENABLED, useValue: this.isEnabled }
-        ];
-        const injector = Injector.create({ providers, parent: this._parentInjector });
-        if (this.panelContentComponent === undefined) {
-            this.portal = new ComponentPortal(TaskContentComponent, null, injector);
-        }
-        else {
-            this.portal = new ComponentPortal(this.panelContentComponent, null, injector);
-        }
-    }
-}
-TaskPanelComponent.ctorParameters = () => [
-    { type: TaskContentService },
-    { type: LoggerService },
-    { type: TaskViewService },
-    { type: PaperViewService },
-    { type: TaskEventService },
-    { type: AssignTaskService },
-    { type: DelegateTaskService },
-    { type: CancelTaskService },
-    { type: FinishTaskService },
-    { type: TaskRequestStateService },
-    { type: TaskDataService },
-    { type: AssignPolicyService },
-    { type: CallChainService },
-    { type: TranslateService },
-    { type: SubjectTaskOperations, decorators: [{ type: Inject, args: [NAE_TASK_OPERATIONS,] }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS,] }] },
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [BOOLEAN_VALUE_LABEL_ENABLED,] }] },
-    { type: Injector },
-    { type: CurrencyPipe },
-    { type: ChangedFieldsService },
-    { type: PermissionService }
-];
-TaskPanelComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-task-panel',
-                template: "<nc-app-panel [panelContent]=\"taskPanelContent\" [panelHeader]=\"taskPanelHeader\"\n              (stopLoading)=\"stopLoading()\" (getExpansionPanelRef)=\"setPanelRef($event)\" [first]=\"first\" [last]=\"last\">\n    <ng-template #taskPanelHeader>\n        <div fxLayoutAlign=\"start center\" fxLayout=\"row\" fxFlex=\"95\" (click)=\"preventSelectionClick($event)\">\n            <div fxFlex class=\"text-column-div\" [ngClass]=\"{'panel-header-padding': !textEllipsis}\">\n                <span class=\"text-column-margin\" fxLayoutAlign=\"start center\">\n                    <mat-icon class=\"task-panel-icon panel-primary-icon\">\n                        {{taskPanelData.task.icon ? taskPanelData.task.icon : 'label'}}</mat-icon>\n                    <span [ngClass]=\"{\n                                     'text-column-ellipsis': textEllipsis,\n                                     'text-column-word-wrap': !textEllipsis\n                              }\">{{firstFeaturedValue}}</span>\n                </span>\n            </div>\n            <div *ngFor=\"let field of featuredFieldsValues; let i = index\" fxFlex\n                  class=\"text-column-div\"\n                  [fxHide.lt-xl]=\"i >= 3 && responsiveBody\"\n                  [fxHide.lt-lg]=\"i >= 2 && responsiveBody\"\n                  [fxHide.lt-md]=\"i >= 1 && responsiveBody\"\n                  [fxHide.lt-sm]=\"i >= 0 && responsiveBody\"\n                    [ngClass]=\"{'panel-header-padding': !textEllipsis && field.type !== 'button'}\">\n                <span class=\"text-column-margin\" fxLayoutAlign=\"start center\">\n                    <mat-icon class=\"task-panel-icon panel-primary-icon\"\n                              *ngIf=\"!!field.icon && !!field.value && field.type !== 'button'\">{{field.icon}}</mat-icon>\n                    <button *ngIf=\"field.type === 'button'\" mat-flat-button color=\"primary\">{{field.value}}</button>\n                    <span [ngClass]=\"{\n                                 'text-column-ellipsis': textEllipsis,\n                                 'text-column-word-wrap': !textEllipsis\n                              }\" [matTooltip]=\"field.value\"\n                          [matTooltipDisabled]=\"!textEllipsis\"\n                          [matTooltipClass]=\"'pre-line-dialog'\"\n                    >{{field.type === 'button' ? '' : field.value }}</span>\n                </span>\n            </div>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxFlex=\"5\">\n            <button mat-icon-button (click)=\"preventPanelOpen($event)\"\n                    *ngIf=\"!isLoading && (canAssign() || canDo('delegate') || canReassign() || canCancel() || canFinish())\"\n                    [matMenuTriggerFor]=\"menu\">\n                <mat-icon>more_vert</mat-icon>\n            </button>\n            <mat-menu #menu=\"matMenu\">\n                <button mat-menu-item *ngIf=\"canAssign()\" (click)=\"assign()\" [disabled]=\"canDisable('assign')\">\n                    <mat-icon>person</mat-icon>\n                    <span>{{ getAssignTitle() | translate}}</span>\n                </button>\n                <button mat-menu-item *ngIf=\"canDo('delegate')\" (click)=\"delegate()\"\n                        [disabled]=\"canDisable('delegate')\">\n                    <mat-icon>person_outline</mat-icon>\n                    <span>{{ getDelegateTitle() | translate}}</span>\n                </button>\n                <button mat-menu-item *ngIf=\"canReassign()\" (click)=\"delegate()\" [disabled]=\"canDisable('reassign')\">\n                    <mat-icon>person_add</mat-icon>\n                    <span>{{ 'tasks.view.reassign' | translate}}</span>\n                </button>\n                <button mat-menu-item *ngIf=\"canCancel()\" (click)=\"cancel()\" [disabled]=\"canDisable('cancel')\">\n                    <mat-icon>cancel</mat-icon>\n                    <span>{{ getCancelTitle() | translate}}</span>\n                </button>\n                <button mat-menu-item *ngIf=\"canFinish()\" (click)=\"finish()\" [disabled]=\"canDisable('finish')\">\n                    <mat-icon>done</mat-icon>\n                    <span>{{ getFinishTitle() | translate}}</span>\n                </button>\n            </mat-menu>\n            <mat-spinner *ngIf=\"isLoading\" [diameter]=\"30\"></mat-spinner>\n        </div>\n    </ng-template>\n    <ng-template #taskPanelContent>\n        <div class=\"panel-main-content\" fxLayout=\"column\">\n            <div class=\"task-panel-body\" [ngClass]=\"{'paper-view': isPaperView()}\" fxFlex=\"100\">\n                <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n            </div>\n            <mat-action-row>\n                <div fxLayout.lt-sm=\"column\" fxLayoutAlign.lt-sm=\"center stretch\" ngClass.lt-sm=\"width-100\">\n                    <button *ngIf=\"canAssign()\" (click)=\"assign()\" mat-button [disabled]=\"canDisable('assign')\">\n                        {{ getAssignTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canDo('delegate')\" (click)=\"delegate()\" mat-button [disabled]=\"canDisable('delegate')\">\n                        {{ getDelegateTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canReassign()\" (click)=\"delegate()\" mat-button [disabled]=\"canDisable('reassign')\">\n                        {{ 'tasks.view.reassign' | translate | uppercase }}</button>\n                    <button *ngIf=\"canCancel()\" (click)=\"cancel()\" mat-button [disabled]=\"canDisable('cancel')\">\n                        {{ getCancelTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canFinish()\" (click)=\"finish()\" mat-button [disabled]=\"canDisable('finish')\">\n                        {{ getFinishTitle() | translate | uppercase }}</button>\n                    <button *ngIf=\"canCollapse()\" color=\"primary\" (click)=\"collapse()\" mat-button>\n                        {{ 'tasks.view.collapse' | translate | uppercase }}</button>\n                </div>\n            </mat-action-row>\n        </div>\n    </ng-template>\n</nc-app-panel>\n",
-                providers: [
-                    { provide: TaskContentService, useClass: SingleTaskContentService },
-                    TaskDataService,
-                    TaskEventService,
-                    AssignTaskService,
-                    DelegateTaskService,
-                    CancelTaskService,
-                    FinishTaskService,
-                    TaskRequestStateService,
-                    DataFocusPolicyService,
-                    AssignPolicyService,
-                    FinishPolicyService,
-                    ChangedFieldsService,
-                    { provide: NAE_TASK_OPERATIONS, useClass: SubjectTaskOperations },
-                ],
-                styles: [".task-panel-icon{margin-right:8px}.task-panel-footer{border-top:1px solid rgba(0,0,0,.03);padding:5px 24px}.task-panel-body{padding:10px 24px}.paper-view{margin:auto}.width-100{width:100%}.text-column-ellipsis{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.text-column-word-wrap{word-break:break-word!important;white-space:pre-line!important}.text-column-div{min-width:0;width:0}.text-column-margin{margin-right:15px;line-height:24px}.panel-header-padding{padding:12px 0!important}.pre-line-dialog{white-space:pre-line!important}"]
-            },] }
-];
-TaskPanelComponent.ctorParameters = () => [
-    { type: TaskContentService },
-    { type: LoggerService },
-    { type: TaskViewService },
-    { type: PaperViewService },
-    { type: TaskEventService },
-    { type: AssignTaskService },
-    { type: DelegateTaskService },
-    { type: CancelTaskService },
-    { type: FinishTaskService },
-    { type: TaskRequestStateService },
-    { type: TaskDataService },
-    { type: AssignPolicyService },
-    { type: CallChainService },
-    { type: TranslateService },
-    { type: SubjectTaskOperations, decorators: [{ type: Inject, args: [NAE_TASK_OPERATIONS,] }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS,] }] },
-    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [BOOLEAN_VALUE_LABEL_ENABLED,] }] },
-    { type: Injector },
-    { type: CurrencyPipe },
-    { type: ChangedFieldsService },
-    { type: PermissionService }
-];
-
-class CasePanelComponent extends AbstractCasePanelComponent {
-    constructor(_caseResourceService, _caseViewService, _snackBarService, _translateService, _log, _overflowService, _userService, _currencyPipe, _permissionService) {
-        super(_caseResourceService, _caseViewService, _snackBarService, _translateService, _log, _overflowService, _userService, _currencyPipe, _permissionService);
-        this._caseResourceService = _caseResourceService;
-        this._caseViewService = _caseViewService;
-        this._snackBarService = _snackBarService;
-        this._translateService = _translateService;
-        this._log = _log;
-        this._overflowService = _overflowService;
-        this._userService = _userService;
-        this._currencyPipe = _currencyPipe;
-        this._permissionService = _permissionService;
-    }
-}
-CasePanelComponent.ctorParameters = () => [
-    { type: CaseResourceService },
-    { type: CaseViewService },
-    { type: SnackBarService },
-    { type: TranslateService },
-    { type: LoggerService },
-    { type: OverflowService, decorators: [{ type: Optional }] },
-    { type: UserService },
-    { type: CurrencyPipe },
-    { type: PermissionService }
-];
-CasePanelComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-case-panel',
-                template: "<nc-app-panel [panelHeader]=\"casePanelHeader\" [preventExpand]=\"true\" [first]=\"first\" [last]=\"last\" [caseColor] = case_.color>\n    <ng-template #casePanelHeader>\n        <div fxLayoutAlign=\"start center\" fxLayout=\"row\" fxFlex=\"95\" (click)=\"preventSelectionClick($event)\">\n            <div fxFlex class=\"text-column-div\" [ngClass]=\"{'panel-header-padding': !textEllipsis}\" [ngStyle]=\"{'min-width': getMinWidth()}\">\n                <span class=\"text-column-margin\" fxLayoutAlign=\"start center\">\n                    <mat-icon class=\"case-panel-icon panel-primary-icon\" *ngIf=\"showCasePanelIcon\">\n                            {{case_.icon ? case_.icon : 'label'}}</mat-icon>\n                    <span [ngClass]=\"{\n                                 'text-column-ellipsis': textEllipsis,\n                                 'text-column-word-wrap': !textEllipsis\n                          }\">{{firstFeaturedValue}}</span>\n                </span>\n            </div>\n            <div *ngFor=\"let field of featuredFieldsValues; let i = index\" fxFlex\n                 class=\"text-column-div\" [ngStyle]=\"{'min-width': getMinWidth()}\"\n                 [fxHide.lt-xl]=\"i >= 3 && responsiveBody\"\n                 [fxHide.lt-lg]=\"i >= 2 && responsiveBody\"\n                 [fxHide.lt-md]=\"i >= 1 && responsiveBody\"\n                 [fxHide.lt-sm]=\"i >= 0 && responsiveBody\"\n                 [ngClass]=\"{'panel-header-padding': !textEllipsis && field.type !== 'button'}\">\n                <span class=\"text-column-margin\" fxLayoutAlign=\"start center\">\n                    <mat-icon class=\"case-panel-icon panel-primary-icon\"\n                              *ngIf=\"field.icon && field.value && field.type !== 'button'\">{{field.icon}}</mat-icon>\n                    <ng-container [ngSwitch]=\"field.type\">\n                        <span *ngSwitchDefault\n                              [ngClass]=\"{'text-column-ellipsis': textEllipsis, 'text-column-word-wrap': !textEllipsis}\"\n                              [matTooltip]=\"field.value\"\n                              [matTooltipDisabled]=\"!textEllipsis\"\n                              [matTooltipClass]=\"'pre-line-dialog'\">{{field.value}}</span>\n                        <button *ngSwitchCase=\"'button'\" mat-flat-button color=\"primary\">{{field.value}}</button>\n                        <nc-immediate-filter-text *ngSwitchCase=\"'filter'\"\n                                                  [filterMetadata]=\"field.filterMetadata\"\n                                                  [ellipsis]=\"textEllipsis\"\n                                                  class=\"width-100\">\n                        </nc-immediate-filter-text>\n                    </ng-container>\n                </span>\n            </div>\n        </div>\n        <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxFlex=\"5\">\n            <div *ngIf=\"showDeleteMenu && canDelete()\">\n                <button mat-icon-button (click)=\"show($event)\" [matMenuTriggerFor]=\"menu\">\n                    <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #menu=\"matMenu\">\n                    <button mat-menu-item (click)=\"deleteCase()\">\n                        <mat-icon>delete</mat-icon>\n                        <span>{{ 'panel.case.delete' | translate}}</span>\n                    </button>\n                </mat-menu>\n            </div>\n        </div>\n    </ng-template>\n</nc-app-panel>\n",
-                styles: [".case-panel-icon{margin-right:8px}.panel-main-content{margin-top:16px}.text-column-ellipsis{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.text-column-word-wrap{word-break:break-word!important;white-space:pre-line!important}.text-column-margin{margin-right:15px;line-height:24px}.text-column-div{min-width:0;width:0}.panel-header-padding{padding:12px 0!important}.width-100{width:100%}.pre-line-dialog{white-space:pre-line!important}"]
-            },] }
-];
-CasePanelComponent.ctorParameters = () => [
-    { type: CaseResourceService },
-    { type: CaseViewService },
-    { type: SnackBarService },
-    { type: TranslateService },
-    { type: LoggerService },
-    { type: OverflowService, decorators: [{ type: Optional }] },
-    { type: UserService },
-    { type: CurrencyPipe },
-    { type: PermissionService }
-];
-
-class TaskListComponent extends AbstractTaskListComponent {
-    constructor(_taskViewService, _log, injectedTabData, route) {
-        super(_taskViewService, _log, injectedTabData, route);
-        this._taskViewService = _taskViewService;
-        this._log = _log;
-        this.route = route;
-    }
-}
-TaskListComponent.ctorParameters = () => [
-    { type: TaskViewService },
-    { type: LoggerService },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_TAB_DATA,] }] },
-    { type: ActivatedRoute }
-];
-TaskListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-task-list',
-                template: "<div *ngIf=\"showVirtualScroll\" fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n    <ng-container *ngIf=\"tasks$ | async as tasks\">\n\n        <div *ngIf=\"(loading$ | async) === false && tasks.length === 0\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n             fxFlex>\n            <mat-icon color=\"accent\">check_box</mat-icon>\n            <span class=\"font-size-20\">{{ 'tasks.view.noTasksSatisfyingThisFilter' | translate }}</span>\n        </div>\n\n        <mat-accordion [multi]=\"allowMultiOpen\" class=\"full-width\" fxFlex=\"100\">\n            <cdk-virtual-scroll-viewport itemSize=\"52\" (scrolledIndexChange)=\"loadNextPage()\"\n                                         class=\"task-panel-scroll-container full-width full-height\">\n                <nc-task-panel\n                    [textEllipsis]=\"textEllipsis\"\n                    *cdkVirtualFor=\"let task of tasks;\n                                    let i = index;\n                                    let first = first;\n                                    let last = last;\n                                    trackBy: trackBy;\n                                    templateCacheSize: 0\"\n                    [taskPanelData]=\"task\" [selectedHeaders$]=\"selectedHeaders$\" [first]=\"first\" [last]=\"last\"\n                    [forceLoadDataOnOpen]=\"forceLoadDataOnOpen\"\n                    [responsiveBody]=\"responsiveBody\"\n                    (taskEvent)=\"emitTaskEvent($event)\"\n                    (panelRefOutput)=\"addToPanelRefs(task, $event)\"\n                    class=\"panel-expanded-spacing\">\n                </nc-task-panel>\n\n                <div *ngIf=\"loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n                    <mat-spinner color=\"primary\" diameter=\"52\"></mat-spinner>\n                </div>\n\n            </cdk-virtual-scroll-viewport>\n        </mat-accordion>\n\n    </ng-container>\n</div>\n",
-                styles: [".font-size-20{font-size:20px}.full-width{width:100%}.full-height{height:100%}.task-panel-scroll-container{padding:0 4px}"]
-            },] }
-];
-TaskListComponent.ctorParameters = () => [
-    { type: TaskViewService },
-    { type: LoggerService },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_TAB_DATA,] }] },
-    { type: ActivatedRoute }
-];
-
-class WorkflowPanelComponent extends AbstractWorkflowPanelComponent {
-    constructor(log, translate, workflowService) {
-        super(log, translate, workflowService);
-    }
-}
-WorkflowPanelComponent.ctorParameters = () => [
-    { type: LoggerService },
-    { type: TranslateService },
-    { type: WorkflowViewService }
-];
-WorkflowPanelComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-workflow-panel',
-                template: "<nc-app-panel [panelHeader]=\"header\" [panelContent]=\"content\" (getExpansionPanelRef)=\"setPanelRef($event)\">\n    <ng-template #header>\n        <div fxLayoutAlign=\"start center\" fxLayout=\"row\" fxFlex=\"95\" (click)=\"preventSelectionClick($event)\">\n            <div *ngFor=\"let field of featuredFieldsValues; let i = index\" fxLayoutAlign=\"start center\" fxFlex\n                 [fxHide.lt-xl]=\"i >= 4 && responsiveBody\"\n                 [fxHide.lt-lg]=\"i >= 3 && responsiveBody\"\n                 [fxHide.lt-md]=\"i >= 2 && responsiveBody\"\n                 [fxHide.lt-sm]=\"i >= 1 && responsiveBody\">\n                <mat-icon class=\"workflow-panel-icon panel-primary-icon\"\n                          *ngIf=\"!!field.icon && !!field.value\">{{field.icon}}</mat-icon>\n                {{field.value}}\n            </div>\n        </div>\n        <div fxFlex=\"5\"></div>\n    </ng-template>\n    <ng-template #content>\n        <div class=\"panel-main-content\" fxLayout=\"column\">\n            <div class=\"workflow-panel-body\" fxFlex=\"100\">\n                <div fxLayout=\"row\">\n                    <div fxFlex=\"50\">\n                        <nc-text-field [dataField]=\"panelContent.netIdentifier\">\n                        </nc-text-field>\n                    </div>\n                    <div fxFlex=\"50\">\n                        <nc-text-field [dataField]=\"panelContent.title\">\n                        </nc-text-field>\n                    </div>\n                </div>\n                <div fxLayout=\"row\">\n                    <div fxFlex=\"50\">\n                        <nc-text-field [dataField]=\"panelContent.version\">\n                        </nc-text-field>\n                    </div>\n                    <div fxFlex=\"50\">\n                        <nc-text-field [dataField]=\"panelContent.author\">\n                        </nc-text-field>\n                    </div>\n                </div>\n                <div fxLayout=\"row\">\n                    <div fxFlex=\"50\">\n                        <nc-date-time-field [dataField]=\"panelContent.uploaded\">\n                        </nc-date-time-field>\n                    </div>\n                </div>\n            </div>\n            <mat-action-row>\n                <button *ngIf=\"showDeleteMenu\" mat-raised-button color=\"warn\"\n                        (click)=\"deleteWorkflow()\">{{'workflow.delete' | translate | uppercase }}</button>\n                <button mat-button color=\"primary\"\n                        (click)=\"panelRef.expanded = false\">{{'tasks.view.collapse' | translate | uppercase }}</button>\n            </mat-action-row>\n        </div>\n    </ng-template>\n</nc-app-panel>\n",
-                styles: [".task-panel-icon{margin-right:10px}.workflow-panel-footer{border-top:1px solid rgba(0,0,0,.03);padding:5px 24px}.workflow-panel-body{padding:10px 24px}.workflow-panel-icon{margin-right:8px}"]
-            },] }
-];
-WorkflowPanelComponent.ctorParameters = () => [
-    { type: LoggerService },
-    { type: TranslateService },
-    { type: WorkflowViewService }
-];
-
-class FieldComponentResolverComponent extends AbstractFieldComponentResolverComponent {
-    constructor(taskContentService) {
-        super(taskContentService);
-    }
-}
-FieldComponentResolverComponent.ctorParameters = () => [
-    { type: TaskContentService }
-];
-FieldComponentResolverComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-field-component-resolver',
-                template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" [ngClass]=\"{'min-row-height': isField()}\" [ngSwitch]=\"getElementType()\">\n    <nc-boolean-field *ngSwitchCase=\"fieldTypeEnum.BOOLEAN\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-boolean-field>\n\n    <nc-text-field *ngSwitchCase=\"fieldTypeEnum.TEXT\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-text-field>\n\n    <nc-number-field *ngSwitchCase=\"fieldTypeEnum.NUMBER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-number-field>\n\n    <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-enumeration-field>\n\n    <nc-enumeration-field *ngSwitchCase=\"fieldTypeEnum.ENUMERATION_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-enumeration-field>\n\n    <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-multichoice-field>\n\n    <nc-multichoice-field *ngSwitchCase=\"fieldTypeEnum.MULTICHOICE_MAP\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-multichoice-field>\n\n    <nc-date-field *ngSwitchCase=\"fieldTypeEnum.DATE\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-date-field>\n\n    <nc-date-time-field *ngSwitchCase=\"fieldTypeEnum.DATE_TIME\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-date-time-field>\n\n    <nc-file-field *ngSwitchCase=\"fieldTypeEnum.FILE\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-file-field>\n\n    <nc-file-list-field *ngSwitchCase=\"fieldTypeEnum.FILE_LIST\" [dataField]=\"getDataField()\" [taskId]=\"getTaskId()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-file-list-field>\n\n    <nc-user-field *ngSwitchCase=\"fieldTypeEnum.USER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-user-field>\n\n    <nc-button-field *ngSwitchCase=\"fieldTypeEnum.BUTTON\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex>\n    </nc-button-field>\n\n    <nc-filter-field *ngSwitchCase=\"fieldTypeEnum.FILTER\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex=\"\">\n    </nc-filter-field>\n\n    <nc-i18n-field *ngSwitchCase=\"fieldTypeEnum.I18N\" [dataField]=\"getDataField()\" [taskOffset]=\"getFieldOffset()\" fxFlex=\"\">\n    </nc-i18n-field>\n\n    <div *ngSwitchCase=\"taskElementEnum.DATA_GROUP_TITLE\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <div fxFlex=\"20\" class=\"line-datagroup\"></div>\n        <span [ngClass]=\"{'margin-default': getDataGroupTitle() !== ''}\">{{getDataGroupTitle()}}</span>\n        <div fxFlex class=\"line-datagroup\"></div>\n    </div>\n\n    <div *ngSwitchCase=\"taskElementEnum.LOADER\" class=\"min-row-height\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <div class=\"phl-item\">\n            <div class=\"phl-row\" fxLayoutAlign=\"center center\">\n                <div class=\"phl-col\">\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div *ngSwitchCase=\"taskElementEnum.BLANK\"></div>\n</div>\n",
-                styles: [".line-datagroup{height:1px;background:rgba(0,0,0,.12)}.margin-default{margin-right:8px;margin-left:8px}.min-row-height{min-height:105px}.phl-row{width:100%;flex-wrap:wrap}.phl-col{height:70px;flex:0 0 90%;background-color:#ced4da;border-radius:8px}.phl-item{width:100%;position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background-color:#fff}.phl-item::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));-webkit-animation:1s infinite shimmer;animation:1s infinite shimmer;content:\"\"}@-webkit-keyframes shimmer{100%{transform:translateX(100%)}}@keyframes shimmer{100%{transform:translateX(100%)}}.phl-item,.phl-item *,.phl-item::after,.phl-item::before{box-sizing:border-box}"]
-            },] }
-];
-FieldComponentResolverComponent.ctorParameters = () => [
-    { type: TaskContentService }
-];
-
-class TaskContentComponentModule {
-}
-TaskContentComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    TaskContentComponent,
-                    FieldComponentResolverComponent
-                ],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    FlexModule,
-                    TranslateLibModule,
-                    SnackBarModule,
-                    DataFieldsComponentModule
-                ],
-                exports: [
-                    TaskContentComponent
-                ],
-                entryComponents: [
-                    TaskContentComponent
-                ]
-            },] }
-];
-
-class PublicWorkflowPanelComponent extends AbstractWorkflowPanelComponent {
-    constructor(log, translate, workflowService) {
-        super(log, translate, workflowService);
-    }
-}
-PublicWorkflowPanelComponent.ctorParameters = () => [
-    { type: LoggerService },
-    { type: TranslateService },
-    { type: WorkflowViewService }
-];
-PublicWorkflowPanelComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-public-workflow-panel',
-                template: "<nc-app-panel [panelHeader]=\"header\" [preventExpand]=\"true\">\n    <ng-template #header>\n        <div fxLayoutAlign=\"start center\" fxLayout=\"row\" fxFlex=\"95\">\n            <div *ngFor=\"let field of featuredFieldsValues; let i = index\" fxLayoutAlign=\"start center\" fxFlex\n                 [fxHide.lt-xl]=\"i >= 4 && responsiveBody\"\n                 [fxHide.lt-lg]=\"i >= 3 && responsiveBody\"\n                 [fxHide.lt-md]=\"i >= 2 && responsiveBody\"\n                 [fxHide.lt-sm]=\"i >= 1 && responsiveBody\">\n                <mat-icon class=\"workflow-panel-icon panel-primary-icon\"\n                          *ngIf=\"!!field.icon && !!field.value\">{{field.icon}}</mat-icon>\n                {{field.value}}\n            </div>\n        </div>\n        <div fxFlex=\"5\"></div>\n    </ng-template>\n</nc-app-panel>\n",
-                styles: [""]
-            },] }
-];
-PublicWorkflowPanelComponent.ctorParameters = () => [
-    { type: LoggerService },
-    { type: TranslateService },
-    { type: WorkflowViewService }
-];
-
-function filterTextBaseFilterFactory(configuration) {
-    return {
-        filter: SimpleFilter.empty(configuration.metadata.filterMetadata.filterType)
-    };
-}
-function filterTextAllowedNetsFactory(factory, configuration) {
-    return factory.createFromArray(configuration.metadata.allowedNets);
-}
-function filterTextCategoriesFactory(factory, configuration) {
-    const categories = configuration.metadata.filterMetadata.searchCategories.map(c => factory.getByNameWithDefaultOperator(c));
-    categories.forEach(c => c.destroy());
-    return categories;
-}
-class ImmediateFilterTextContentComponent extends AbstractImmediateFilterTextContentComponent {
-    constructor(configuration, textSearchService, translateService) {
-        super(configuration, textSearchService, translateService);
-    }
-}
-ImmediateFilterTextContentComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [NAE_FILTER_TEXT,] }] },
-    { type: SearchService },
-    { type: TranslateService }
-];
-ImmediateFilterTextContentComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-immediate-filter-text-content',
-                template: "<div [matTooltip]=\"ellipsis ? tooltip : null\" [ngClass]=\"{'ellipsis': ellipsis}\" fxFlex>\n    <ng-template ngFor let-segment [ngForOf]=\"segments\">\n        <span [ngClass]=\"{'bold-text': segment.bold}\" class=\"span-margin\">\n            {{segment.uppercase ? (segment.segment | translate | uppercase) : (segment.segment | translate)}}\n        </span>\n    </ng-template>\n</div>\n",
-                providers: [
-                    { provide: NAE_BASE_FILTER, useFactory: filterTextBaseFilterFactory, deps: [NAE_FILTER_TEXT] },
-                    { provide: AllowedNetsService, useFactory: filterTextAllowedNetsFactory, deps: [AllowedNetsServiceFactory, NAE_FILTER_TEXT] },
-                    { provide: NAE_SEARCH_CATEGORIES, useFactory: filterTextCategoriesFactory, deps: [CategoryFactory, NAE_FILTER_TEXT] },
-                    CategoryFactory,
-                    SearchService,
-                ],
-                styles: [".bold-text{font-weight:700}.span-margin{margin-right:.4ex}.ellipsis{word-break:break-word!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}"]
-            },] }
-];
-ImmediateFilterTextContentComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [NAE_FILTER_TEXT,] }] },
-    { type: SearchService },
-    { type: TranslateService }
-];
-
-class ImmediateFilterTextComponent extends AbstractImmediateFilterTextComponent {
-    constructor(parentInjector) {
-        super(parentInjector);
-    }
-    getFilterTextContentComponent() {
-        return ImmediateFilterTextContentComponent;
-    }
-}
-ImmediateFilterTextComponent.ctorParameters = () => [
-    { type: Injector }
-];
-ImmediateFilterTextComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-immediate-filter-text',
-                template: "<ng-template [ngIf]=\"initialized\">\n    <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n</ng-template>\n",
-                styles: [""]
-            },] }
-];
-ImmediateFilterTextComponent.ctorParameters = () => [
-    { type: Injector }
-];
-
-class PanelComponentModule {
-}
-PanelComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    PanelComponent,
-                    TaskPanelComponent,
-                    CasePanelComponent,
-                    WorkflowPanelComponent,
-                    TaskListComponent,
-                    PublicWorkflowPanelComponent,
-                    ImmediateFilterTextComponent,
-                    ImmediateFilterTextContentComponent,
-                ],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    FlexModule,
-                    DataFieldsComponentModule,
-                    TranslateLibModule,
-                    SnackBarModule,
-                    TaskContentComponentModule,
-                    SideMenuUserAssignComponentModule,
-                    CurrencyModule
-                ],
-                exports: [
-                    PanelComponent,
-                    TaskPanelComponent,
-                    CasePanelComponent,
-                    WorkflowPanelComponent,
-                    TaskListComponent,
-                    PublicWorkflowPanelComponent,
-                    ImmediateFilterTextComponent,
-                ],
-                entryComponents: [
-                    ImmediateFilterTextContentComponent,
-                ]
-            },] }
-];
-
-/**
- * Component that renders a tab view.
- *
- * See {@link TabView} for the class that holds the logic for this view.
- */
-class TabViewComponent extends AbstractTabViewComponent {
-    constructor(_viewService, _logger, injector) {
-        super(_viewService, _logger, injector);
-        this._viewService = _viewService;
-        this._logger = _logger;
-    }
-}
-TabViewComponent.ctorParameters = () => [
-    { type: ViewService },
-    { type: LoggerService },
-    { type: Injector }
-];
-TabViewComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-tab-view',
-                template: "<mat-tab-group [selectedIndex]=\"tabView.selectedIndex\"\n               [class.center-tabs]=\"align === 'center'\"\n               [class.end-tabs]=\"align === 'end'\"\n               (selectedTabChange)=\"tabView.tabChange($event)\" class=\"tab-group\"\n               [class.nae-tab-fill-height]=\"stretch\" fxFlex>\n    <mat-tab *ngFor=\"let tab of tabView.openedTabs; let i=index\">\n        <ng-template mat-tab-label>\n            <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\n                    <mat-icon class=\"icon-margin-right\"\n                              *ngIf=\"tab.label.icon !== undefined\">{{tab.label.icon}}</mat-icon>\n                    <span class=\"custom-badge\" [matBadge]=\"(badgeCount(tab) | async)\"\n                          [matBadgeHidden]=\"(badgeHidden(tab) | async)\">{{(tab.label.text | translate) + ((badgeHidden(tab) | async) ? '' : offset)}}</span>\n                </div>\n                <button mat-icon-button *ngIf=\"tab.canBeClosed\" (click)=\"tabView.closeTabIndex(i)\">\n                    <mat-icon>clear</mat-icon>\n                </button>\n            </div>\n        </ng-template>\n        <!--        TODO 16.4.2020 - lazy loading of tab contents is disabled for now -->\n        <!--        <ng-template matTabContent>-->\n        <nc-tab-creation-detector [initializeTabFunction]=\"initializeTabLambda\"\n                                  [tabIndex]=\"i\"></nc-tab-creation-detector>\n        <ng-template [ngIf]=\"tab.isTabInitialized\" class=\"full-height\">\n            <ng-template [cdkPortalOutlet]=\"tab.portal\" class=\"full-height\"></ng-template>\n        </ng-template>\n    </mat-tab>\n</mat-tab-group>\n",
-                styles: [".icon-margin-right{margin-right:5px}.full-height{height:100%}.full-width{width:100%}.tab-group{height:100%}.mat-badge-content{top:-3px!important;right:-24px!important}.custom-badge .mat-badge-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:16px;text-align:center;border-radius:8px;padding-left:3px;padding-right:3px}"]
-            },] }
-];
-TabViewComponent.ctorParameters = () => [
-    { type: ViewService },
-    { type: LoggerService },
-    { type: Injector }
-];
-
-/**
- * @ignore
- * Class that detects tab content creation and then initializes then calls the provided `initializeTab` function.
- * It is necessary if the tab content is lazy loaded, because the
- * ComponentPortal's outlet must be initialized before the Portal itself is created.
- */
-class TabCreationDetectorComponent extends AbstractTabCreationDetectorComponent {
-    constructor() {
-        super();
-    }
-}
-TabCreationDetectorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-tab-creation-detector',
-                template: "",
-                styles: [""]
-            },] }
-];
-TabCreationDetectorComponent.ctorParameters = () => [];
-
-class TabsComponentModule {
-}
-TabsComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    TabViewComponent,
-                    TabCreationDetectorComponent,
-                ],
-                exports: [
-                    TabViewComponent,
-                ],
-                imports: [
-                    CommonModule,
-                    MatTabsModule,
-                    MaterialModule,
-                    FlexLayoutModule,
-                    TranslateLibModule,
-                ]
-            },] }
-];
-
-class CaseListComponent extends AbstractCaseListComponent {
-    constructor(_caseViewService, _log, injectedTabData, route) {
-        super(_caseViewService, _log, injectedTabData, route);
-        this._caseViewService = _caseViewService;
-        this._log = _log;
-        this.route = route;
-    }
-}
-CaseListComponent.ctorParameters = () => [
-    { type: CaseViewService },
-    { type: LoggerService },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_TAB_DATA,] }] },
-    { type: ActivatedRoute }
-];
-CaseListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-case-list',
-                template: "<div *ngIf=\"showVirtualScroll\" fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n    <ng-container *ngIf=\"cases$ | async as cases\">\n\n        <div *ngIf=\"(loading$ | async) === false && cases.length === 0\" fxLayout=\"column\"\n             fxLayoutAlign=\"center center\" fxFlex>\n            <mat-icon color=\"accent\" class=\"margin-bottom-default\">storage</mat-icon>\n            <span class=\"font-size-20\">{{ 'view-list.noCasesSatisfyingThisFilter' | translate}}</span>\n        </div>\n\n        <mat-accordion multi=\"true\" class=\"full-width\" fxFlex=\"100\">\n            <cdk-virtual-scroll-viewport itemSize=\"50\" (scrolledIndexChange)=\"loadNextPage()\"\n                                         class=\"full-height scroll-container\" [ngStyle]=\"{'width': width ? width : '100%' }\">\n\n                <nc-case-panel [responsiveBody]=\"responsiveBody\"\n                               [textEllipsis]=\"textEllipsis\"\n                               *cdkVirtualFor=\"let case_ of cases;\n                                let i = index;\n                                let first = first;\n                                let last = last;\n                                trackBy: trackBy;\n                                templateCacheSize: 0\"\n                               [showCasePanelIcon]=\"showCasePanelIcon\"\n                               [showDeleteMenu]=\"showDeleteMenu\"\n                               [case_]=\"case_\" [selectedHeaders$]=\"selectedHeaders$\" (click)=\"onCaseClick(case_)\"\n                               [first]=\"first\" [last]=\"last\">\n                </nc-case-panel>\n\n                <div *ngIf=\"loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n                     class=\"margin-top-default\">\n                    <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n                </div>\n\n            </cdk-virtual-scroll-viewport>\n        </mat-accordion>\n    </ng-container>\n</div>\n",
-                styles: [".font-size-20{font-size:20px}.font-size-40{font-size:40px}.block-size-40{width:40px;height:40px}.margin-bottom-default{margin-bottom:8px}.margin-top-default{margin-top:8px}.full-width{width:100%}.full-height{height:100%}.scroll-container{padding:0 4px}"]
-            },] }
-];
-CaseListComponent.ctorParameters = () => [
-    { type: CaseViewService },
-    { type: LoggerService },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NAE_TAB_DATA,] }] },
-    { type: ActivatedRoute }
-];
-
-class CaseViewComponentModule {
-}
-CaseViewComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [CaseListComponent],
-                exports: [CaseListComponent],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    FlexModule,
-                    PanelComponentModule,
-                    TranslateLibModule
-                ]
-            },] }
-];
-
-const ɵ0$c = GroupNavigationComponentResolverComponent;
-class NavigationComponentModule {
-}
-NavigationComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    NavigationDrawerComponent,
-                    NavigationRailComponent,
-                    NavigationTreeComponent,
-                    GroupNavigationComponentResolverComponent,
-                    DefaultSimpleTaskViewComponent,
-                    DefaultTabbedTaskViewComponent,
-                    DefaultTabbedCaseViewComponent,
-                    DefaultTabViewComponent
-                ],
-                imports: [
-                    CommonModule,
-                    RouterModule,
-                    MaterialModule,
-                    FlexModule,
-                    FlexLayoutModule,
-                    QuickPanelComponentModule,
-                    TranslateLibModule,
-                    UserComponentModule,
-                    ResizableModule,
-                    MatProgressSpinnerModule,
-                    SearchComponentModule,
-                    HeaderComponentModule,
-                    PanelComponentModule,
-                    TabsComponentModule,
-                    CaseViewComponentModule,
-                ],
-                exports: [
-                    NavigationDrawerComponent,
-                    NavigationRailComponent,
-                    NavigationTreeComponent,
-                    GroupNavigationComponentResolverComponent,
-                    DefaultSimpleTaskViewComponent,
-                    DefaultTabbedTaskViewComponent,
-                    DefaultTabbedCaseViewComponent,
-                    DefaultTabViewComponent
-                ],
-                providers: [
-                    { provide: NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT, useValue: ɵ0$c },
-                    { provide: GroupNavigationComponentResolverService, useClass: DefaultGroupNavigationComponentResolverService }
-                ],
-                entryComponents: [
-                    GroupNavigationComponentResolverComponent,
-                    DefaultSimpleTaskViewComponent,
-                    DefaultTabbedTaskViewComponent,
-                    DefaultTabbedCaseViewComponent,
-                    DefaultTabViewComponent
-                ]
-            },] }
-];
-
-/* APIS */
-
-/* MODULES */
-
-/* Module */
-
-/* Advanced search */
-
-const ɵ0$d = { showError: true };
-class NewCaseComponent extends AbstractNewCaseComponent {
-    constructor(_sideMenuControl, _formBuilder, _snackBarService, _caseResourceService, _hotkeysService, _translate) {
-        super(_sideMenuControl, _formBuilder, _snackBarService, _caseResourceService, _hotkeysService, _translate);
-        this._sideMenuControl = _sideMenuControl;
-        this._formBuilder = _formBuilder;
-        this._snackBarService = _snackBarService;
-        this._caseResourceService = _caseResourceService;
-        this._hotkeysService = _hotkeysService;
-        this._translate = _translate;
-        this.isVersionVisible = _sideMenuControl.isVersionVisible;
-    }
-}
-NewCaseComponent.ctorParameters = () => [
-    { type: SideMenuControl, decorators: [{ type: Inject, args: [NAE_SIDE_MENU_CONTROL,] }] },
-    { type: FormBuilder },
-    { type: SnackBarService },
-    { type: CaseResourceService },
-    { type: HotkeysService },
-    { type: TranslateService }
-];
-NewCaseComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-new-case',
-                template: "<div #toolbar class=\"custom-mat-toolbar\" fxLayout=\"column\" fxLayoutAlign=\"center none\">\n    {{titleShortening()}}\n</div>\n<mat-vertical-stepper *ngIf=\"hasMultipleNets$ | async\" linear #stepper1>\n    <mat-step [stepControl]=\"processFormControl\" errorMessage=\"{{'side-menu.new-case.errFirst' | translate}}\">\n        <ng-template matStepLabel>{{'side-menu.new-case.choose' | translate}}</ng-template>\n        <mat-form-field>\n            <input type=\"text\" matInput [formControl]=\"processFormControl\" [matAutocomplete]=\"auto\" required\n                   (keyup.enter)=\"nextStep()\" (change)=\"checkVersion(processFormControl.value)\">\n            <span class=\"version-span\" *ngIf=\"isVersionVisible\" matSuffix>{{netVersion}}</span>\n            <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\"\n                              (optionSelected)=\"showVersion($event.option)\">\n                <mat-option *ngFor=\"let option of filteredOptions$ | async\" [value]=\"option\">\n                    {{option.viewValue}}\n                    <span class=\"version-span\" *ngIf=\"isVersionVisible\">{{option.version}}</span>\n                </mat-option>\n            </mat-autocomplete>\n        </mat-form-field>\n        <div>\n            <button *ngIf=\"isCaseTitleEnabled()\"  mat-button (click)=\"toNextStep(processFormControl.value)\">{{'side-menu.new-case.next' | translate}}</button>\n            <button *ngIf=\"!isCaseTitleEnabled()\" mat-button (click)=\"createNewCase()\">{{'side-menu.new-case.create' | translate}}</button>\n        </div>\n    </mat-step>\n    <mat-step *ngIf=\"isCaseTitleEnabled()\" [stepControl]=\"titleFormControl\" errorMessage=\"{{'side-menu.new-case.errSecond' | translate}}\">\n        <ng-template matStepLabel>{{'side-menu.new-case.caseTitle' | translate}}</ng-template>\n        <mat-form-field>\n            <input matInput placeholder=\"Title\" autocomplete=\"off\" [formControl]=\"titleFormControl\" [required]=\"isCaseTitleRequired()\" (keyup.enter)=\"nextStep()\">\n        </mat-form-field>\n        <div>\n            <button mat-button (click)=\"stepper1.reset(); checkVersion(processFormControl.value)\">{{'side-menu.new-case.reset' | translate}}</button>\n            <button mat-button (click)=\"createNewCase()\">{{'side-menu.new-case.create' | translate}}</button>\n        </div>\n    </mat-step>\n</mat-vertical-stepper>\n<mat-vertical-stepper *ngIf=\"(hasMultipleNets$ | async) === false\" linear #stepper2>\n    <mat-step [stepControl]=\"titleFormControl\" errorMessage=\"{{'side-menu.new-case.errSecond' | translate}}\">\n        <ng-template matStepLabel>{{'side-menu.new-case.caseTitle' | translate}}</ng-template>\n        <mat-form-field>\n            <input matInput placeholder=\"Title\" autocomplete=\"off\" [formControl]=\"titleFormControl\" [required]=\"isCaseTitleRequired()\" (keyup.enter)=\"nextStep()\">\n        </mat-form-field>\n        <div>\n            <button mat-button (click)=\"stepper2.reset()\">{{'side-menu.new-case.reset' | translate}}</button>\n            <button mat-button (click)=\"createNewCase()\">{{'side-menu.new-case.create' | translate}}</button>\n        </div>\n    </mat-step>\n</mat-vertical-stepper>\n<div *ngIf=\"(notInitialized$ | async)\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n    <mat-spinner class=\"spinner-margin\"></mat-spinner>\n</div>\n",
-                providers: [{
-                        provide: STEPPER_GLOBAL_OPTIONS,
-                        useValue: ɵ0$d
-                    }],
-                styles: [".version-span{padding-left:8px;color:gray}.spinner-margin{margin-top:16px}"]
-            },] }
-];
-NewCaseComponent.ctorParameters = () => [
-    { type: SideMenuControl, decorators: [{ type: Inject, args: [NAE_SIDE_MENU_CONTROL,] }] },
-    { type: FormBuilder },
-    { type: SnackBarService },
-    { type: CaseResourceService },
-    { type: HotkeysService },
-    { type: TranslateService }
-];
-
-const ɵ0$e = NewCaseComponent;
-class SideMenuNewCaseComponentModule {
-}
-SideMenuNewCaseComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    NewCaseComponent
-                ],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    CovalentModule,
-                    FlexLayoutModule,
-                    FlexModule,
-                    FormsModule,
-                    SnackBarModule,
-                    TranslateLibModule,
-                    HotkeyModule.forRoot()
-                ],
-                exports: [NewCaseComponent],
-                entryComponents: [NewCaseComponent],
-                providers: [
-                    { provide: NAE_NEW_CASE_COMPONENT, useValue: ɵ0$e }
-                ]
-            },] }
-];
-
-class ImportNetComponent extends AbstractImportNetComponent {
-    constructor(_sideMenuControl, _petriNetResource, _log, _snackbar, _translate) {
-        super(_sideMenuControl, _petriNetResource, _log, _snackbar, _translate);
-        this._sideMenuControl = _sideMenuControl;
-        this._petriNetResource = _petriNetResource;
-        this._log = _log;
-        this._snackbar = _snackbar;
-        this._translate = _translate;
-    }
-}
-ImportNetComponent.ctorParameters = () => [
-    { type: SideMenuControl, decorators: [{ type: Inject, args: [NAE_SIDE_MENU_CONTROL,] }] },
-    { type: PetriNetResourceService },
-    { type: LoggerService },
-    { type: SnackBarService },
-    { type: TranslateService }
-];
-ImportNetComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-import-net',
-                template: "<mat-toolbar color=\"primary\">{{ 'side-menu.import-net.upload' | translate}}</mat-toolbar>\n\n<div fxLayout=\"column\" class=\"container side-menu-root\">\n\n    <ul class=\"file-list\">\n        <li *ngFor=\"let file of fileList\" [@fadeInOut]=\"'in'\">\n            <mat-progress-bar color=\"accent\" [value]=\"file.progress\"></mat-progress-bar>\n            <span class=\"file-list-label\">\n                <mat-progress-spinner *ngIf=\"file.inProgress && file.uploaded\" class=\"margin-right-default\"\n                                      color=\"accent\" mode=\"indeterminate\" diameter=\"20\"></mat-progress-spinner>\n                <mat-icon *ngIf=\"!file.inProgress && file.uploaded && file.completed\"\n                          class=\"done-icon margin-right-default\">\n                    done\n                </mat-icon>\n                <mat-icon *ngIf=\"!file.inProgress && !file.completed &&  file.error\"\n                          class=\"done-icon margin-right-default\">\n                    error\n                </mat-icon>\n                {{file.data.name}}\n                <a title=\"Retry\" (click)=\"retryFile(file)\" *ngIf=\"!file.inProgress && file.error\">\n                    <mat-icon>refresh</mat-icon>\n                </a>\n                <a title=\"Cancel\" (click)=\"cancelFile(file)\" *ngIf=\"file.inProgress\">\n                    <mat-icon>cancel</mat-icon>\n                </a>\n            </span>\n        </li>\n    </ul>\n\n    <input type=\"file\" id=\"sidemenu-fileUpload\" name=\"fileUpload\" multiple=\"multiple\"\n           accept=\"text/xml\" class=\"display-none\"/>\n\n    <mat-form-field color=\"primary\">\n        <mat-label>Release</mat-label>\n        <mat-select [formControl]=\"releaseTypeControl\">\n            <mat-option *ngFor=\"let type of releaseTypes\" [value]=\"type\">\n                {{type}}\n            </mat-option>\n        </mat-select>\n    </mat-form-field>\n\n    <button mat-raised-button color=\"primary\" (click)=\"onProcessFileChosen()\">\n        <mat-icon>file_upload</mat-icon>\n        {{ 'side-menu.import-net.choose' | translate}}\n    </button>\n\n    <button *ngIf=\"isAllFinished\" mat-flat-button (click)=\"close()\">\n        {{ 'side-menu.import-net.done' | translate}}\n    </button>\n\n</div>\n",
-                animations: [
-                    trigger('fadeInOut', [
-                        state('in', style({ opacity: 100 })),
-                        transition('* => void', [
-                            animate(300, style({ opacity: 0 }))
-                        ])
-                    ])
-                ],
-                styles: [".file-list,.file-list li{margin:0;padding:0;list-style:none}.file-list-label{display:inline-flex;vertical-align:middle;font-size:12px;line-height:18px}.file-list-label mat-icon{font-size:18px;text-align:center}.file-list-label a{cursor:pointer}.container{padding:10%}.margin-right-default{margin-right:8px}.margin-right-half{margin-right:4px}.display-none{display:none!important}"]
-            },] }
-];
-ImportNetComponent.ctorParameters = () => [
-    { type: SideMenuControl, decorators: [{ type: Inject, args: [NAE_SIDE_MENU_CONTROL,] }] },
-    { type: PetriNetResourceService },
-    { type: LoggerService },
-    { type: SnackBarService },
-    { type: TranslateService }
-];
-
-class SideMenuImportNetComponentModule {
-}
-SideMenuImportNetComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    ImportNetComponent
-                ],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    CovalentModule,
-                    FlexLayoutModule,
-                    FlexModule,
-                    FormsModule,
-                    TranslateLibModule
-                ],
-                exports: [ImportNetComponent],
-                entryComponents: [ImportNetComponent]
-            },] }
-];
-
-/**
- * Allows user to choose a {@link Filter} from the {@link FilterRepository}.
- *
- * Publishes events to the {@link SideMenuControl} object when:
- *
- * - filter is selected by the user. Message: `New selected filter`, Data: is either the selected filter or `undefined` if the user
- * deselected the filter
- *
- * - filter selection is confirmed by the user. Message: `Selected filter was confirmed`, Data: the selected filter. If the user didn't
- * select any filter this event will not be published.
- *
- */
-class FilterSelectorComponent extends AbstractFilterSelectorComponent {
-    /**
-     * Retrieves the {@link Filter} objects from the {@link FilterRepository} and instantiates this component.
-     *
-     * Filters that are available for selection can be set using the injected data. See {@link FilterSelectorInjectionData}
-     * for more information.
-     * @param _sideMenuControl -
-     * @param _filterRepository -
-     */
-    constructor(_sideMenuControl, _filterRepository) {
-        super(_sideMenuControl, _filterRepository);
-        this._sideMenuControl = _sideMenuControl;
-        this._filterRepository = _filterRepository;
-    }
-}
-FilterSelectorComponent.ctorParameters = () => [
-    { type: SideMenuControl, decorators: [{ type: Inject, args: [NAE_SIDE_MENU_CONTROL,] }] },
-    { type: FilterRepository }
-];
-FilterSelectorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-filter-selector',
-                template: "<mat-toolbar color=\"primary\">{{ 'side-menu.filter-selector.choose-filter' | translate}}</mat-toolbar>\n<div class=\"filter-selector-root side-menu-root\">\n    <div class=\"input-margin\">\n        <mat-form-field class=\"full-width-input\">\n            <mat-label>{{'side-menu.filter-selector.search-filter' | translate}}</mat-label>\n            <input matInput type=\"text\" [formControl]=\"searchFormControl\">\n        </mat-form-field>\n    </div>\n    <div *ngIf=\"caseFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.case-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"caseFilterSelected($event)\" #caseFilterList>\n            <mat-list-option *ngFor=\"let filter of caseFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div *ngIf=\"taskFilters.filtered.length > 0\">\n        <h4 class=\"header-padding\">{{ 'side-menu.filter-selector.task-filters' | translate}}</h4>\n        <mat-selection-list (selectionChange)=\"taskFilterSelected($event)\" #taskFilterList>\n            <mat-list-option *ngFor=\"let filter of taskFilters.filtered\" [value]=\"filter\">\n                <nc-filter-selector-list-item [filter]=\"filter\"></nc-filter-selector-list-item>\n            </mat-list-option>\n        </mat-selection-list>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n        <button mat-stroked-button color=\"primary\" class=\"submit-button-padding\"\n                (click)=\"filterSelectionConfirmed()\">{{ 'side-menu.filter-selector.select' | translate }}</button>\n    </div>\n</div>\n",
-                styles: [".filter-selector-root{width:calc(100% - 8px);margin:0;padding-top:4px;padding-left:4px;padding-right:4px}.header-padding{padding:0 0 0 16px}.submit-button-padding{margin-right:16px}.input-margin{margin-left:16px;margin-right:16px}.full-width-input{display:block;margin:0 auto;width:100%}"]
-            },] }
-];
-FilterSelectorComponent.ctorParameters = () => [
-    { type: SideMenuControl, decorators: [{ type: Inject, args: [NAE_SIDE_MENU_CONTROL,] }] },
-    { type: FilterRepository }
-];
-
-/**
- * @ignore
- * Renders a single filter in the selection list.
- */
-class FilterSelectorListItemComponent extends AbstractFilterSelectorListItemComponent {
-}
-FilterSelectorListItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-filter-selector-list-item',
-                template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n    <span>{{text}}</span>\n</div>\n",
-                styles: [""]
-            },] }
-];
-
-class SideMenuFilterSelectorComponentModule {
-}
-SideMenuFilterSelectorComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    FilterSelectorComponent,
-                    FilterSelectorListItemComponent,
-                ],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    TranslateLibModule,
-                ],
-                exports: [
-                    FilterSelectorComponent,
-                ],
-                entryComponents: [
-                    FilterSelectorComponent
-                ]
-            },] }
-];
-
-class OptionSelectorComponent extends AbstractOptionSelectorComponent {
-    constructor(_sideMenuControl) {
-        super(_sideMenuControl);
-        this._sideMenuControl = _sideMenuControl;
-    }
-}
-OptionSelectorComponent.ctorParameters = () => [
-    { type: SideMenuControl, decorators: [{ type: Inject, args: [NAE_SIDE_MENU_CONTROL,] }] }
-];
-OptionSelectorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-option-selector',
-                template: "<mat-toolbar color=\"primary\">{{ data.title | translate}}</mat-toolbar>\n<div fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n    <mat-form-field class=\"select-field-margin\">\n        <input type=\"text\" matInput required\n               [placeholder]=\"'side-menu.option-selector.choose-one-option' | translate\"\n               [formControl]=\"selectorFormControl\"\n               [matAutocomplete]=\"auto\"\n               (keyup.enter)=\"submit()\">\n        <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\n            <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option\">\n                {{option.text}}\n            </mat-option>\n        </mat-autocomplete>\n    </mat-form-field>\n    <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <button mat-stroked-button (click)=\"submit()\">{{'side-menu.option-selector.select' | translate}}</button>\n    </div>\n</div>\n",
-                styles: [".select-field-margin{margin:8px 16px}"]
-            },] }
-];
-OptionSelectorComponent.ctorParameters = () => [
-    { type: SideMenuControl, decorators: [{ type: Inject, args: [NAE_SIDE_MENU_CONTROL,] }] }
-];
-
-const ɵ0$f = OptionSelectorComponent;
-class SideMenuOptionSelectorComponentModule {
-}
-SideMenuOptionSelectorComponentModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    TranslateLibModule
-                ],
-                declarations: [
-                    OptionSelectorComponent
-                ],
-                exports: [
-                    OptionSelectorComponent
-                ],
-                entryComponents: [
-                    OptionSelectorComponent
-                ],
-                providers: [
-                    { provide: NAE_OPTION_SELECTOR_COMPONENT, useValue: ɵ0$f }
-                ]
-            },] }
-];
-
-function baseFilterFactory$1(sideMenuControl) {
-    if (!sideMenuControl.data) {
-        throw new Error('NewFilterCaseId was not provided in the sidemenu injectio data');
-    }
-    const injectedData = sideMenuControl.data;
-    return {
-        filter: SimpleFilter.fromTaskQuery({
-            case: { id: injectedData.newFilterCaseId },
-            transitionId: UserFilterConstants.NEW_FILTER_TRANSITION_ID
-        })
-    };
-}
-function localAllowedNetsFactory(factory) {
-    return factory.createFromArray([UserFilterConstants.FILTER_NET_IDENTIFIER]);
-}
-class SaveFilterComponent extends AbstractSaveFilterComponent {
-    constructor(sideMenuControl, userFilterService, log, taskViewService) {
-        super(sideMenuControl, userFilterService, log, taskViewService);
-    }
-}
-SaveFilterComponent.ctorParameters = () => [
-    { type: SideMenuControl, decorators: [{ type: Inject, args: [NAE_SIDE_MENU_CONTROL,] }] },
-    { type: UserFiltersService },
-    { type: LoggerService },
-    { type: TaskViewService }
-];
-SaveFilterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-save-filter',
-                template: "<mat-toolbar color=\"primary\">{{'search.tooltip.save' | translate}}</mat-toolbar>\n<div class=\"save-filter-container side-menu-root\">\n    <nc-task-list [allowMultiOpen]=\"false\" [tasks$]=\"tasks$\" [loading$]=\"loading$\" [textEllipsis]=\"true\" [forceLoadDataOnOpen]=\"true\"\n                  [responsiveBody]=\"true\" [selectedHeaders$]=\"selectedHeaders$\" (taskEvent)=\"processTaskEvents($event)\" fxFlex class=\"virtual-scroll-list-padding\"></nc-task-list>\n</div>\n",
-                providers: [
-                    TaskViewService,
-                    SearchService,
-                    { provide: NAE_BASE_FILTER,
-                        useFactory: baseFilterFactory$1,
-                        deps: [NAE_SIDE_MENU_CONTROL]
-                    },
-                    { provide: AllowedNetsService,
-                        useFactory: localAllowedNetsFactory,
-                        deps: [AllowedNetsServiceFactory] },
-                ],
-                styles: [".save-filter-container{height:calc(100% - 64px);padding-left:8px;padding-right:8px}.virtual-scroll-list-padding{padding-right:4px}"]
-            },] }
-];
-SaveFilterComponent.ctorParameters = () => [
-    { type: SideMenuControl, decorators: [{ type: Inject, args: [NAE_SIDE_MENU_CONTROL,] }] },
-    { type: UserFiltersService },
-    { type: LoggerService },
-    { type: TaskViewService }
-];
-
-const ɵ0$g = SaveFilterComponent;
-class SideMenuSaveFilterComponentModule {
-}
-SideMenuSaveFilterComponentModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    TranslateLibModule,
-                    PanelComponentModule
-                ],
-                declarations: [SaveFilterComponent],
-                exports: [SaveFilterComponent],
-                entryComponents: [SaveFilterComponent],
-                providers: [
-                    { provide: NAE_SAVE_FILTER_COMPONENT, useValue: ɵ0$g }
-                ]
-            },] }
-];
-
-function baseFilterFactory$2(sideMenuControl) {
-    if (!sideMenuControl.data) {
-        throw new Error('NewFilterCaseId was not provided in the side menu injection data');
-    }
-    const injectedData = sideMenuControl.data;
-    return { filter: injectedData.filter };
-}
-function localAllowedNetsFactory$1(factory) {
-    return factory.createFromArray([UserFilterConstants.FILTER_NET_IDENTIFIER]);
-}
-const ɵ0$h = ['meta-title', `${UserFilterConstants.FILTER_NET_IDENTIFIER}-${UserFilterConstants.FILTER_FIELD_ID}`];
-class LoadFilterComponent extends AbstractLoadFilterComponent {
-    constructor(sideMenuControl, log, caseViewService) {
-        super(sideMenuControl, log, caseViewService);
-    }
-    ngAfterViewInit() {
-        this.initializeHeader(this.caseHeaderComponent);
-    }
-}
-LoadFilterComponent.ctorParameters = () => [
-    { type: SideMenuControl, decorators: [{ type: Inject, args: [NAE_SIDE_MENU_CONTROL,] }] },
-    { type: LoggerService },
-    { type: CaseViewService }
-];
-LoadFilterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-load-filter',
-                template: "<mat-toolbar color=\"primary\">{{'search.tooltip.load' | translate}}</mat-toolbar>\n<div class=\"load-filter-container side-menu-root\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n    <nc-header #header [type]=\"headerType\" [maxHeaderColumns]=\"2\" [responsiveHeaders]=\"true\" [hideEditMode]=\"true\" class=\"case-header-padding\" [ngStyle]=\"{'width': getWidth()}\"></nc-header>\n    <nc-case-list [selectedHeaders$]=\"selectedHeaders$\" [showDeleteMenu]=\"false\" [width]=\"getWidth()\"\n                  (caseClick)=\"handleCaseClick($event)\" [responsiveBody]=\"true\" fxFlex [textEllipsis]=\"true\" class=\"virtual-scroll-list-padding\"></nc-case-list>\n</div>\n",
-                providers: [
-                    CaseViewService,
-                    SearchService,
-                    { provide: NAE_BASE_FILTER,
-                        useFactory: baseFilterFactory$2,
-                        deps: [NAE_SIDE_MENU_CONTROL] },
-                    { provide: AllowedNetsService,
-                        useFactory: localAllowedNetsFactory$1,
-                        deps: [AllowedNetsServiceFactory] },
-                    { provide: NAE_DEFAULT_HEADERS, useValue: ɵ0$h }
-                ],
-                styles: [".load-filter-container{height:calc(100% - 64px);padding-left:8px;padding-right:8px}.case-header-padding{padding-bottom:16px;padding-top:4px}.virtual-scroll-list-padding{padding-right:4px}"]
-            },] }
-];
-LoadFilterComponent.ctorParameters = () => [
-    { type: SideMenuControl, decorators: [{ type: Inject, args: [NAE_SIDE_MENU_CONTROL,] }] },
-    { type: LoggerService },
-    { type: CaseViewService }
-];
-LoadFilterComponent.propDecorators = {
-    caseHeaderComponent: [{ type: ViewChild, args: ['header',] }]
-};
-
-const ɵ0$i = LoadFilterComponent;
-class SideMenuLoadFilterComponentModule {
-}
-SideMenuLoadFilterComponentModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    TranslateLibModule,
-                    CaseViewComponentModule,
-                    HeaderComponentModule,
-                ],
-                declarations: [LoadFilterComponent],
-                exports: [LoadFilterComponent],
-                entryComponents: [LoadFilterComponent],
-                providers: [
-                    { provide: NAE_LOAD_FILTER_COMPONENT, useValue: ɵ0$i }
-                ]
-            },] }
-];
-
-const ɵ0$j = UserAssignComponent, ɵ1$4 = NewCaseComponent, ɵ2$2 = OptionSelectorComponent, ɵ3$1 = SaveFilterComponent, ɵ4 = LoadFilterComponent;
-class SideMenuContentComponentModule {
-}
-SideMenuContentComponentModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    SideMenuUserAssignComponentModule,
-                    SideMenuNewCaseComponentModule,
-                    SideMenuImportNetComponentModule,
-                    SideMenuFilterSelectorComponentModule,
-                    SideMenuOptionSelectorComponentModule,
-                    SideMenuSaveFilterComponentModule,
-                    SideMenuLoadFilterComponentModule,
-                ],
-                exports: [
-                    SideMenuUserAssignComponentModule,
-                    SideMenuNewCaseComponentModule,
-                    SideMenuImportNetComponentModule,
-                    SideMenuFilterSelectorComponentModule,
-                    SideMenuOptionSelectorComponentModule,
-                    SideMenuSaveFilterComponentModule,
-                    SideMenuLoadFilterComponentModule,
-                ],
-                providers: [
-                    { provide: NAE_USER_ASSIGN_COMPONENT, useValue: ɵ0$j },
-                    { provide: NAE_NEW_CASE_COMPONENT, useValue: ɵ1$4 },
-                    { provide: NAE_OPTION_SELECTOR_COMPONENT, useValue: ɵ2$2 },
-                    { provide: NAE_SAVE_FILTER_COMPONENT, useValue: ɵ3$1 },
-                    { provide: NAE_LOAD_FILTER_COMPONENT, useValue: ɵ4 }
-                ]
-            },] }
-];
-
-/* MODULES */
-/* MODELS */
-
-class SideMenuContainerComponent extends AbstractSideMenuContainerComponent {
-    constructor(_sideMenuService) {
-        super(_sideMenuService);
-        this._sideMenuService = _sideMenuService;
-    }
-}
-SideMenuContainerComponent.ctorParameters = () => [
-    { type: SideMenuService }
-];
-SideMenuContainerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-side-menu-container',
-                template: "<mat-sidenav-container class=\"side-menu-container\">\n    <mat-sidenav #rightSideMenu mode=\"over\" position=\"end\" class=\"side-menu\" ngClass.lt-sm=\"side-menu-size-mobile\"\n                 [ngClass.gt-xs]=\"portalWrapper.size\">\n        <ng-template [cdkPortalOutlet]=\"portalWrapper.portal\"></ng-template>\n    </mat-sidenav>\n    <mat-sidenav-content>\n        <ng-content></ng-content>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n",
-                styles: [".side-menu-container{position:absolute;top:0;bottom:0;left:0;right:0}.side-menu{border-radius:4px}.side-menu-width-small{width:296px}.side-menu-width-medium{width:400px}.side-menu-width-large{width:496px}.side-menu-size-mobile{width:246px}"]
-            },] }
-];
-SideMenuContainerComponent.ctorParameters = () => [
-    { type: SideMenuService }
-];
-
-class SideMenuComponentModule {
-}
-SideMenuComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    SideMenuContainerComponent
-                ],
-                imports: [
-                    CommonModule,
-                    RouterModule,
-                    MaterialModule,
-                    MatSidenavModule,
-                    PortalModule
-                ],
-                exports: [
-                    SideMenuContainerComponent
-                ]
-            },] }
-];
-
-/* APIS */
-
-/* MODULES */
-
-class ToolbarComponent extends AbstractToolbarComponent {
-    constructor(translate, selectLangService) {
-        super(translate, selectLangService);
-        this.translate = translate;
-        this.selectLangService = selectLangService;
-    }
-}
-ToolbarComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: LanguageService }
-];
-ToolbarComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-toolbar',
-                template: "<mat-toolbar color=\"primary\">\n    <mat-toolbar-row fxLayout=\"row\">\n        <div class=\"main-toolbar-logo\" fxFlex fxLayout=\"row\">\n            <a href=\"/\">\n                <img [src]=\"logoSrc\" [alt]=\"logoAlt\">\n            </a>\n        </div>\n        <div fxFlex fxHide.gt-xs=\"false\" fxHide.lt-md=\"true\" fxLayout=\"row\" fxLayoutAlign=\"center\">\n            {{appName}}\n        </div>\n        <div class=\"main-toolbar-menu\" fxFlex fxLayout=\"row\" fxLayoutAlign=\"end\">\n            <button mat-button [matMenuTriggerFor]=\"mainMenu\" class=\"main-toolbar-menu-button\" fxLayout=\"row\">\n                <span class=\"main-toolbar-logged-user\" fxHide.xs=\"true\">{{loggedUser}}</span>\n                <mat-icon class=\"main-toolbar-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">account_circle\n                </mat-icon>\n                <mat-menu #mainMenu=\"matMenu\" class=\"main-toolbar-opened-menu\">\n                    <button mat-menu-item [matMenuTriggerFor]=\"languages\">\n                        <mat-icon class=\"main-toolbar-menu-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">\n                            language\n                        </mat-icon>\n                        {{ 'toolbar.menu.lang' | translate }}\n                    </button>\n                    <button mat-menu-item>\n                        <mat-icon class=\"main-toolbar-menu-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">\n                            account_circle\n                        </mat-icon>\n                        {{ 'toolbar.menu.profile' | translate }}\n                    </button>\n                    <button mat-menu-item>\n                        <mat-icon class=\"main-toolbar-menu-icon\" aria-hidden=\"false\" aria-label=\"Example home icon\">\n                            exit_to_app\n                        </mat-icon>\n                        {{ 'toolbar.menu.logout' | translate }}\n                    </button>\n                </mat-menu>\n                <mat-menu #languages=\"matMenu\">\n                    <button mat-menu-item (click)=\"setLang('en-UK')\">{{ 'toolbar.menu.en' | translate }}\n                        <mat-icon *ngIf=\"activeLang('en-UK')\" class=\"main-toolbar-menu-icon\"\n                                  aria-hidden=\"false\" aria-label=\"Example home icon\">keyboard_arrow_left\n                        </mat-icon>\n                    </button>\n                    <button mat-menu-item (click)=\"setLang('sk-SK')\">{{ 'toolbar.menu.sk' | translate }}\n                        <mat-icon *ngIf=\"activeLang('sk-SK')\" class=\"main-toolbar-menu-icon\"\n                                  aria-hidden=\"false\" aria-label=\"Example home icon\">keyboard_arrow_left\n                        </mat-icon>\n                    </button>\n                    <button mat-menu-item (click)=\"setLang('de-DE')\">{{ 'toolbar.menu.de' | translate }}\n                        <mat-icon *ngIf=\"activeLang('de-DE')\" class=\"main-toolbar-menu-icon\"\n                                  aria-hidden=\"false\" aria-label=\"Example home icon\">keyboard_arrow_left\n                        </mat-icon>\n                    </button>\n                </mat-menu>\n            </button>\n        </div>\n    </mat-toolbar-row>\n</mat-toolbar>\n",
-                styles: [".main-toolbar-logo{max-height:60%}.main-toolbar-logo img{width:120px}mat-icon.main-toolbar-icon{font-size:48px;height:100%;margin-right:15px}.main-toolbar-logged-user{margin-right:15px}.main-toolbar-menu,.main-toolbar-menu-button{font-size:20px;height:100%}.main-toolbar-menu-icon{font-size:23px}"]
-            },] }
-];
-ToolbarComponent.ctorParameters = () => [
-    { type: TranslateService },
-    { type: LanguageService }
-];
-
-class ToolbarComponentModule {
-}
-ToolbarComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [ToolbarComponent],
-                imports: [
-                    CommonModule,
-                    FlexLayoutModule,
-                    MaterialModule,
-                    TranslateLibModule
-                ],
-                exports: [
-                    ToolbarComponent
-                ]
-            },] }
-];
-
-class ProfileComponent extends AbstractProfileComponent {
-    constructor(_userService) {
-        super(_userService);
-        this._userService = _userService;
-    }
-}
-ProfileComponent.ctorParameters = () => [
-    { type: UserService }
-];
-ProfileComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-user-profile',
-                template: "<div *ngIf=\"!user\">\n    <div fxLayout=\"row\" fxFlex=\"50\" fxLayoutAlign=\"center center\">\n        <mat-card fxLayoutAlign=\"center center\">\n            <h1>{{ 'profile.notLogged' | translate}}</h1>\n        </mat-card>\n    </div>\n</div>\n<div *ngIf=\"user\" fxLayout=\"column\" fxLayoutAlign=\"center start\">\n    <div [style.backgroundImage]=\"'url('+userBanner+')'\" fxLayout=\"row\" class=\"full-width banner mat-elevation-z6\"\n         matRipple fxLayoutAlign=\"start center\">\n        <div class=\"user-avatar-large mat-elevation-z6 margin-banner\" matRipple>\n            <img [src]=\"userAvatar\" alt=\"user avatar\" class=\"full-width full-height\">\n        </div>\n        <h1 class=\"white-name\">{{user.fullName}}</h1>\n    </div>\n    <div fxLayout=\"row\" fxFlex fxLayoutAlign=\"center end\" class=\"full-width div-background\">\n        <div fxFlex=\"80\" class=\"tab-group margin-bottom-x2 mat-elevation-z4\">\n            <div fxLayout=\"row\">\n                <div fxFlex=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n                    <div fxLayout=\"column\" class=\"full-height border\">\n                        <div fxLayoutAlign=\"center start\" class=\"card-title\" matRipple>\n                            <h2>{{ 'profile.personal' | translate}}</h2>\n                        </div>\n                        <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n                            <mat-form-field appearance=\"outline\" class=\"full-width\">\n                                <mat-label>{{ 'profile.name' | translate}}</mat-label>\n                                <input matInput disabled [value]=user.firstName>\n                            </mat-form-field>\n                            <mat-form-field appearance=\"outline\" class=\"full-width\">\n                                <mat-label>{{ 'profile.surname' | translate}}</mat-label>\n                                <input matInput disabled [value]=user.lastName>\n                            </mat-form-field>\n                            <mat-form-field appearance=\"outline\" class=\"full-width\">\n                                <mat-label>Email</mat-label>\n                                <input disabled matInput [value]=\"user.email\">\n                            </mat-form-field>\n                        </div>\n                    </div>\n                </div>\n                <div fxFlex=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n                    <div fxLayout=\"column\" class=\"full-height border\">\n                        <div fxLayoutAlign=\"center start\" class=\"card-title\" matRipple>\n                            <h2>{{ 'profile.authority' | translate}}</h2>\n                        </div>\n                        <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n                            <mat-form-field appearance=\"outline\" class=\"user-chip-list\">\n                                <mat-chip-list disabled>\n                                    <mat-chip color=\"primary\"\n                                              *ngFor=\"let authority of user.authorities\">{{authority}}</mat-chip>\n                                </mat-chip-list>\n                            </mat-form-field>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div fxLayout=\"row\">\n                <div fxFlex=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n                    <div fxLayout=\"column\" class=\"full-height border\">\n                        <div fxLayoutAlign=\"center start\" class=\"card-title\" matRipple>\n                            <h2>{{ 'profile.roles' | translate}}</h2>\n                        </div>\n                        <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n                            <mat-form-field appearance=\"outline\" class=\"user-chip-list\">\n                                <mat-chip-list disabled>\n                                    <mat-chip color=\"primary\" *ngFor=\"let role of user.roles\">{{role.name}}</mat-chip>\n                                </mat-chip-list>\n                            </mat-form-field>\n                        </div>\n                    </div>\n                </div>\n                <div fxFlex=\"50\" class=\"padding-x2\" fxLayout=\"column\">\n                    <div fxLayout=\"column\" class=\"full-height border\">\n                        <div fxLayoutAlign=\"center start\" class=\"card-title\" matRipple>\n                            <h2>{{ 'profile.groups' | translate}}</h2>\n                        </div>\n                        <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"padding-default\">\n                            <mat-form-field appearance=\"outline\" class=\"user-chip-list\">\n                                <mat-chip-list disabled>\n                                    <mat-chip color=\"primary\" *ngFor=\"let group of user.groups\">{{group}}</mat-chip>\n                                </mat-chip-list>\n                            </mat-form-field>\n                        </div>\n                    </div>\n                </div>\n            </div>\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-avatar-large{width:100px;height:100px;border-radius:100px}.banner{height:250px;background-repeat:no-repeat;background-size:cover}.margin-banner{margin-left:10%;margin-right:32px}.white-name{color:#fff}.tab-group{margin-top:-48px;z-index:100;background:#f0f0f0}.div-background{background:#ddd}.user-chip-list{width:100%}.border{border:1px solid #ddd;border-radius:5px;background:#fff}"]
-            },] }
-];
-ProfileComponent.ctorParameters = () => [
-    { type: UserService }
-];
-
-class ProfileComponentModule {
-}
-ProfileComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [ProfileComponent],
-                exports: [
-                    ProfileComponent
-                ],
-                imports: [
-                    CommonModule,
-                    MaterialModule,
-                    TranslateLibModule
-                ]
-            },] }
-];
-
-/* MODULES */
-
-class WorkflowViewComponent extends AbstractWorkflowViewComponent {
-    constructor(_sideMenuService, _workflowViewService, _log, _processService) {
-        super(_sideMenuService, _workflowViewService, _log, _processService);
-        this._sideMenuService = _sideMenuService;
-        this._workflowViewService = _workflowViewService;
-        this._log = _log;
-        this._processService = _processService;
-    }
-    importNet() {
-        this.importSidemenuNet(ImportNetComponent);
-    }
-}
-WorkflowViewComponent.ctorParameters = () => [
-    { type: SideMenuService },
-    { type: WorkflowViewService },
-    { type: LoggerService },
-    { type: ProcessService }
-];
-WorkflowViewComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-workflow-view',
-                template: "<div class=\"workflow-container full-height\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n    <div>\n        <button mat-fab color=\"primary\" class=\"upload-petri-net\" (click)=\"importNet()\">\n            <mat-icon>cloud_upload</mat-icon>\n        </button>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"center\" class=\"workflow-header\">\n        <nc-header #header fxFlex=\"100\" [type]=\"headerType\"></nc-header>\n    </div>\n    <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex class=\"workflow-panels-container\">\n        <ng-container *ngIf=\"workflows$ | async as workflows\">\n\n            <div *ngIf=\"(loading$ | async) === false && workflows.length === 0\" fxLayout=\"column\"\n                 fxLayoutAlign=\"center center\">\n                <mat-icon color=\"accent\" class=\"font-size-40 block-size-40 margin-bottom-default\">linear_scale\n                </mat-icon>\n                <span class=\"font-size-20\">{{ 'view-list.noProcessesSatisfyingThisFilter' | translate}}</span>\n            </div>\n\n            <mat-accordion [multi]=\"true\" fxFlex=\"100\" class=\"full-width\">\n\n                <cdk-virtual-scroll-viewport itemSize=\"50\" (scrolledIndexChange)=\"loadNextPage()\" class=\"full-height full-width\">\n\n                    <nc-workflow-panel\n                        *cdkVirtualFor=\"let workflow of workflows; let i = index; templateCacheSize: 0; trackBy: trackBy\"\n                        [workflow]=\"workflow\"\n                        [selectedHeaders$]=\"selectedHeaders$\"\n                        [showDeleteMenu]=\"showDeleteMenu\">\n                    </nc-workflow-panel>\n\n                    <div *ngIf=\"loading$ | async\" fxLayout=\"column\" fxLayoutAlign=\"center center\"\n                         class=\"margin-top-default\">\n                        <mat-spinner color=\"primary\" diameter=\"50\"></mat-spinner>\n                    </div>\n\n                </cdk-virtual-scroll-viewport>\n\n            </mat-accordion>\n        </ng-container>\n    </div>\n</div>\n",
-                providers: [WorkflowViewService],
-                styles: [".workflow-container{padding:16px}.workflow-header,.workflow-panels-container{margin-top:16px}.upload-petri-net{position:fixed;bottom:24px;right:24px;z-index:999}.full-width{width:100%}.full-height{height:100%}.font-size-20{font-size:20px}.font-size-40{font-size:40px}.block-size-40{width:40px;height:40px}"]
-            },] }
-];
-WorkflowViewComponent.ctorParameters = () => [
-    { type: SideMenuService },
-    { type: WorkflowViewService },
-    { type: LoggerService },
-    { type: ProcessService }
-];
-
-class TreeComponent extends AbstractTreeComponent {
-    constructor(_treeService) {
-        super(_treeService);
-        this._treeService = _treeService;
-    }
-}
-TreeComponent.ctorParameters = () => [
-    { type: CaseTreeService }
-];
-TreeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-tree-component',
-                template: "<mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n    <!-- This is the tree node template for leaf nodes -->\n    <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle>\n        <div class=\"min-node-height width-100\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'selected-tree-node border-radius': selectedCaseNode(node)}\" (click)=\"caseNodeClicked(node)\">\n            <mat-icon *ngIf=\"node.beforeTextIcon()\" [matTooltip]=\"node.beforeTextIconTitle()\" [svgIcon]=\"node.beforeTextIcon()\"></mat-icon>\n            <span class=\"padding-12px\"\n                  [ngClass]=\"{'selected-tree-node': selectedCaseNode(node)}\">{{node.case.title}}</span>\n            <div fxFlex></div>\n            <nc-add-child-node [node]=\"node\" *ngIf=\"node.canAddChildren()\"></nc-add-child-node>\n            <nc-remove-node [node]=\"node\" *ngIf=\"node.canBeRemoved()\"></nc-remove-node>\n        </div>\n    </mat-tree-node>\n\n    <!-- This is the tree node template for expandable nodes -->\n    <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"min-node-height\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n             [ngClass]=\"{'selected-tree-node border-radius': selectedCaseNode(node)}\">\n            <div class=\"mat-tree-node\" (click)=\"caseNodeClicked(node)\">\n                <mat-icon *ngIf=\"node.beforeTextIcon()\" [svgIcon]=\"node.beforeTextIcon()\"></mat-icon>\n                <span class=\"padding-12px\"\n                      [ngClass]=\"{'selected-tree-node': selectedCaseNode(node)}\">{{node.case.title}}</span>\n                <div fxFlex></div>\n                <nc-add-child-node [node]=\"node\" *ngIf=\"node.canAddChildren()\"></nc-add-child-node>\n                <nc-remove-node [node]=\"node\" *ngIf=\"node.canBeRemoved()\"></nc-remove-node>\n\n                <button *ngIf=\"!node.isLoadingChildren()\" (click)=\"toggleCaseNode($event, node)\" mat-icon-button\n                        [attr.aria-label]=\"'toggle ' + node.case.title\">\n                    <mat-icon class=\"mat-icon-rtl-mirror\">\n                        {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}\n                    </mat-icon>\n                </button>\n\n                <div *ngIf=\"node.isLoadingChildren()\" class=\"spinner-margin\">\n                    <mat-spinner [diameter]=\"24\"></mat-spinner>\n                </div>\n            </div>\n        </div>\n        <div class=\"tree-offset\" [class.tree-invisible]=\"!treeControl.isExpanded(node)\">\n            <ng-container matTreeNodeOutlet></ng-container>\n        </div>\n    </mat-nested-tree-node>\n</mat-tree>\n",
-                providers: [CaseTreeService],
-                styles: [".padding-12px{padding-left:12px;padding-right:12px}.padding-12px:hover{cursor:pointer}.border-radius{border-radius:8px}.tree-offset{margin-left:20px}.tree-invisible{display:none}.mat-tree-node{min-height:0!important}.min-node-height{min-height:40px!important}.width-100{width:100%}.spinner-margin{margin:8px}"]
-            },] }
-];
-TreeComponent.ctorParameters = () => [
-    { type: CaseTreeService }
-];
-
-class TreeTaskContentComponent extends AbstractTreeTaskContentComponent {
-    constructor(_treeTaskContentService, _taskEventService, _assign, _cancel, _finish, _taskContentService, _permissionService) {
-        super(_treeTaskContentService, _taskEventService, _assign, _cancel, _finish, _taskContentService, _permissionService);
-        this._treeTaskContentService = _treeTaskContentService;
-        this._taskEventService = _taskEventService;
-        this._assign = _assign;
-        this._cancel = _cancel;
-        this._finish = _finish;
-        this._taskContentService = _taskContentService;
-        this._permissionService = _permissionService;
-    }
-}
-TreeTaskContentComponent.ctorParameters = () => [
-    { type: TreeTaskContentService },
-    { type: TaskEventService },
-    { type: AssignTaskService },
-    { type: CancelTaskService },
-    { type: FinishTaskService },
-    { type: TaskContentService },
-    { type: PermissionService }
-];
-TreeTaskContentComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-tree-task-content',
-                template: "<div class=\"panel-main-content\" fxLayout=\"column\">\n    <div class=\"task-panel-body\" fxFlex=\"100\">\n        <nc-task-content [noDataText]=\"taskContentText$ | async\"></nc-task-content>\n\n        <div *ngIf=\"!processingTaskChange && displayTaskControlButtons\" fxLayoutAlign=\"center center\">\n            <button *ngIf=\"canAssign()\" color=\"primary\" (click)=\"assign()\" mat-raised-button>\n                {{ getAssignTitle() | translate | uppercase }}</button>\n            <button *ngIf=\"canCancel()\" color=\"warn\" (click)=\"cancel()\" mat-stroked-button>\n                {{ getCancelTitle() | translate | uppercase }}</button>\n            <button *ngIf=\"canFinish()\" color=\"primary\" (click)=\"finish()\" mat-raised-button>\n                {{ getFinishTitle() | translate | uppercase }}</button>\n        </div>\n        <div *ngIf=\"processingTaskChange\" fxLayoutAlign=\"center center\">\n            <mat-spinner [diameter]=\"40\"></mat-spinner>\n        </div>\n    </div>\n</div>\n",
-                providers: [
-                    { provide: TaskContentService, useClass: UnlimitedTaskContentService },
-                    TreeTaskContentService,
-                    AssignTaskService,
-                    TaskDataService,
-                    TaskEventService,
-                    CancelTaskService,
-                    FinishTaskService,
-                    TaskRequestStateService,
-                    DataFocusPolicyService,
-                    AssignPolicyService,
-                    FinishPolicyService,
-                    SelectedCaseService,
-                    { provide: NAE_TASK_OPERATIONS, useClass: SubjectTaskOperations },
-                ],
-                styles: [".task-panel-body{padding:10px 24px}"]
-            },] }
-];
-TreeTaskContentComponent.ctorParameters = () => [
-    { type: TreeTaskContentService },
-    { type: TaskEventService },
-    { type: AssignTaskService },
-    { type: CancelTaskService },
-    { type: FinishTaskService },
-    { type: TaskContentService },
-    { type: PermissionService }
-];
-
-class WorkflowViewComponentModule {
-}
-WorkflowViewComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    WorkflowViewComponent,
-                ],
-                imports: [
-                    CommonModule,
-                    FlexLayoutModule,
-                    MaterialModule,
-                    SideMenuComponentModule,
-                    HeaderComponentModule,
-                    PanelComponentModule,
-                    DataFieldsComponentModule,
-                    TranslateLibModule
-                ],
-                exports: [
-                    WorkflowViewComponent,
-                ],
-                entryComponents: [
-                    ImportNetComponent
-                ]
-            },] }
-];
-
-class AddChildNodeComponent extends AbstractAddChildNodeComponent {
-    constructor(_treeService) {
-        super(_treeService);
-        this._treeService = _treeService;
-    }
-}
-AddChildNodeComponent.ctorParameters = () => [
-    { type: CaseTreeService }
-];
-AddChildNodeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-add-child-node',
-                template: "<button *ngIf=\"!node.isAddingNode()\" mat-icon-button (click)=\"addChild($event)\">\n    <mat-icon *ngIf=\"!node.treeAddTextIcon()\">add</mat-icon>\n    <mat-icon *ngIf=\"node.treeAddTextIcon()\" [matTooltip]=\"node.treeAddTextIconTitle()\" [svgIcon]=\"node.treeAddTextIcon()\"></mat-icon>\n</button>\n\n<div *ngIf=\"node.isAddingNode()\" class=\"spinner-margin\">\n    <mat-spinner [diameter]=\"24\"></mat-spinner>\n</div>\n",
-                styles: [".spinner-margin{margin:8px}"]
-            },] }
-];
-AddChildNodeComponent.ctorParameters = () => [
-    { type: CaseTreeService }
-];
-
-class RemoveNodeComponent extends AbstractRemoveNodeComponent {
-    constructor(_treeService) {
-        super(_treeService);
-        this._treeService = _treeService;
-    }
-}
-RemoveNodeComponent.ctorParameters = () => [
-    { type: CaseTreeService }
-];
-RemoveNodeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-remove-node',
-                template: "<button *ngIf=\"!node.isBeingRemoved()\" mat-icon-button (click)=\"removeNode($event)\">\n    <mat-icon>delete_forever</mat-icon>\n</button>\n\n<div *ngIf=\"node.isBeingRemoved()\" class=\"spinner-margin\">\n    <mat-spinner [diameter]=\"24\"></mat-spinner>\n</div>\n",
-                styles: [".spinner-margin{margin:8px}"]
-            },] }
-];
-RemoveNodeComponent.ctorParameters = () => [
-    { type: CaseTreeService }
-];
-
-class TreeCaseViewComponentModule {
-}
-TreeCaseViewComponentModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    TreeComponent,
-                    TreeTaskContentComponent,
-                    AddChildNodeComponent,
-                    RemoveNodeComponent
-                ],
-                imports: [
-                    CommonModule,
-                    FlexLayoutModule,
-                    MaterialModule,
-                    DataFieldsComponentModule,
-                    TranslateLibModule,
-                    PanelComponentModule,
-                    TaskContentComponentModule
-                ],
-                exports: [
-                    TreeComponent,
-                    TreeTaskContentComponent,
-                ],
-                entryComponents: []
-            },] }
-];
-
-/* COMPONENTS */
-
-/* MODULES */
-
-class RedirectComponent {
-    constructor(redirectService, translate) {
-        this.redirectService = redirectService;
-        this.translate = translate;
-    }
-    ngOnInit() {
-        this.redirectService.redirectFromUrl();
-    }
-}
-RedirectComponent.ctorParameters = () => [
-    { type: RedirectService },
-    { type: TranslateService }
-];
-RedirectComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'nc-redirect',
-                template: "<p>{{this.translate.instant('tasks.view.redirecting')}}</p>\n",
-                styles: [""]
-            },] }
-];
-RedirectComponent.ctorParameters = () => [
-    { type: RedirectService },
-    { type: TranslateService }
-];
-
-class RedirectComponentModule {
-}
-RedirectComponentModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [],
-                exports: [RedirectComponent],
-                declarations: [RedirectComponent]
-            },] }
-];
-
-/*
- * Public API Surface of netgrif-components
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AdminComponentModule, AdvancedSearchComponent, AuthenticationComponentModule, AuthenticationOverlayComponent, BarchartCardComponent, BooleanFieldComponent, ButtonFieldComponent, CaseListComponent, CasePanelComponent, CaseSearchComponent, CaseViewComponentModule, CountCardComponent, DashboardComponentModule, DashboardContentComponent, DataFieldTemplateComponent, DataFieldsComponentModule, DateFieldComponent, DateTimeFieldComponent, EditModeComponent, EmailSubmissionFormComponent, EmailSubmissionFormComponentModule, EnumerationFieldComponent, FieldComponentResolverComponent, FileFieldComponent, FileListFieldComponent, FilterFieldComponent, FilterSelectorComponent, ForgottenPasswordFormComponent, ForgottenPasswordFormComponentModule, FulltextSearchComponent, HeaderComponent, HeaderComponentModule, I18nFieldComponent, IframeCardComponent, ImportNetComponent, InternalLinkComponent, LanguageSelectorComponent, LegalNoticeComponent, LegalNoticeModule, LineChartCardComponent, LinearGaugeCardComponent, LoadFilterComponent, LoadingModeComponent, LoginFormComponent, LoginFormComponentModule, LogoutShortcutComponent, MultichoiceFieldComponent, NavigationComponentModule, NavigationDrawerComponent, NavigationRailComponent, NavigationTreeComponent, NewCaseComponent, NumberFieldComponent, OptionSelectorComponent, PanelComponent, PanelComponentModule, PieChartCardComponent, PortalCardComponent, ProfileComponent, ProfileComponentModule, PublicWorkflowPanelComponent, QuickPanelComponent, QuickPanelComponentModule, RedirectComponent, RedirectComponentModule, RegistrationFormComponent, RegistrationFormComponentModule, RoleAssignmentComponent, SaveFilterComponent, SearchClauseComponent, SearchComponent, SearchComponentModule, SearchConfigurationInputComponent, SearchModeComponent, SearchOperandInputComponent, SearchPredicateComponent, SideMenuComponentModule, SideMenuContainerComponent, SideMenuContentComponentModule, SideMenuFilterSelectorComponentModule, SideMenuImportNetComponentModule, SideMenuLoadFilterComponentModule, SideMenuNewCaseComponentModule, SideMenuOptionSelectorComponentModule, SideMenuSaveFilterComponentModule, SideMenuUserAssignComponentModule, SortModeComponent, TabCreationDetectorComponent, TabViewComponent, TabsComponentModule, TaskContentComponent, TaskContentComponentModule, TaskListComponent, TaskPanelComponent, TaskSearchComponent, TextFieldComponent, ToolbarComponent, ToolbarComponentModule, TreeCaseViewComponentModule, TreeComponent, TreeTaskContentComponent, UserAssignComponent, UserCardComponent, UserComponentModule, UserFieldComponent, WorkflowPanelComponent, WorkflowViewComponent, WorkflowViewComponentModule, searchCategoryConverter, ɵ0, ɵ1, ɵ2$2 as ɵ2, ɵ3$1 as ɵ3, ɵ4, baseFilterFactory$1 as ɵa, localAllowedNetsFactory as ɵb, I18nDividerFieldComponent as ɵba, I18nTextFieldComponent as ɵbb, UserAssignItemComponent as ɵbc, UserAssignListComponent as ɵbd, AdvancedSearchComponentModule as ɵbe, GroupNavigationComponentResolverComponent as ɵbf, DefaultSimpleTaskViewComponent as ɵbg, baseFilterFactory as ɵbh, DefaultTabbedTaskViewComponent as ɵbi, DefaultTabbedCaseViewComponent as ɵbj, filterCaseTabbedDataFilterFactory as ɵbk, filterCaseTabbedDataAllowedNetsServiceFactory as ɵbl, filterCaseTabbedDataSearchCategoriesFactory as ɵbm, DefaultTabViewComponent as ɵbo, ImmediateFilterTextComponent as ɵbp, filterTextBaseFilterFactory as ɵbq, filterTextAllowedNetsFactory as ɵbr, filterTextCategoriesFactory as ɵbs, ImmediateFilterTextContentComponent as ɵbt, DefaultGroupNavigationComponentResolverService as ɵbu, FilterSelectorListItemComponent as ɵbv, AddChildNodeComponent as ɵbw, RemoveNodeComponent as ɵbx, baseFilterFactory$2 as ɵc, localAllowedNetsFactory$1 as ɵd, UserInviteComponent as ɵe, EnumerationAutocompleteSelectFieldComponent as ɵf, EnumerationSelectFieldComponent as ɵg, EnumerationListFieldComponent as ɵh, MultichoiceSelectFieldComponent as ɵi, MultichoiceListFieldComponent as ɵj, TextareaFieldComponent as ɵk, RichTextareaFieldComponent as ɵl, SimpleTextFieldComponent as ɵm, RequiredLabelComponent as ɵn, HtmlTextareaFieldComponent as ɵo, PasswordTextFieldComponent as ɵp, NumberCurrencyFieldComponent as ɵq, NumberDefaultFieldComponent as ɵr, PreviewDialogComponent as ɵs, EnumerationStepperFieldComponent as ɵt, EnumerationIconFieldComponent as ɵu, EnumerationAutocompleteDynamicFieldComponent as ɵv, filterFieldBaseFilterFactory as ɵw, filterFieldAllowedNetsFactory as ɵx, filterFieldCategoriesFactory as ɵy, FilterFieldContentComponent as ɵz };
-//# sourceMappingURL=netgrif-components.js.map