@netgrif/components 6.0.1

package/fesm2015/netgrif-components.js

@@ -0,0 +1,4034 @@
+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\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 *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 *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        <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 *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 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\">{{ 'dialog.submit' | translate}}</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\" 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 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\" 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                {{ 'forms.register.register' | translate }}\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\" 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                {{ 'forms.forgottenPass.recover' | translate }}\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 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\n            <nc-quick-panel *ngIf=\"showQuickPanel\" [items]=\"quickPanelItems\" [contentWidth]=\"contentWidth\"></nc-quick-panel>\n            <mat-divider *ngIf=\"showQuickPanel\" class=\"drawer-divider\"></mat-divider>\n\n            <nc-navigation-tree *ngIf=\"navigation\" [contentWidth]=\"contentWidth\"></nc-navigation-tree>\n        </div>\n    </mat-sidenav>\n\n    <mat-sidenav-content>\n        <ng-content></ng-content>\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%}"]
+            },] }
+];
+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}"]
+            },] }
+];
+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 matStepperNext>{{'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