@netgrif/components-core 6.4.1 → 6.5.0-rc.2

package/fesm2020/netgrif-components-core.mjs

@@ -77,7 +77,7 @@ import moment from 'moment';
 import { __decorate, __param } from 'tslib';
 import * as Buffer from 'buffer';
 import { ENTER, COMMA, SEMICOLON } from '@angular/cdk/keycodes';
-import * as i3$1 from '@angular/router';
+import * as i2$5 from '@angular/router';
 import { NavigationEnd, Router, ActivatedRoute } from '@angular/router';
 import * as i1$6 from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
@@ -489,7 +489,7 @@ class ConfigurationService {
         map = this.getChildren(views, map, '');
         if (map.get(url) === undefined) {
             for (const [key, value] of map) {
-                if (key.includes('/**') && url.includes(key.split('/**')[0]))
+                if (key?.includes('/**') && url?.includes(key.split('/**')[0]))
                     return value;
             }
         }
@@ -688,7 +688,7 @@ class LogPublisherService {
         this._publishers = [];
         const serviceConfig = config.get().services;
         if (serviceConfig && serviceConfig.log && serviceConfig.log.publishers) {
-            Object.keys(PUBLISHERS).filter(p => serviceConfig.log.publishers.includes(p) && PUBLISHERS[p])
+            Object.keys(PUBLISHERS).filter(p => serviceConfig.log.publishers?.includes(p) && PUBLISHERS[p])
                 .forEach(key => new PUBLISHERS[key](this));
         }
     }
@@ -850,7 +850,8 @@ var tasks$2 = {
 		finish: "Finish",
 		cancel: "Cancel",
 		noData: "This task has no data. Finish to continue.",
-		redirecting: "Redirecting..."
+		redirecting: "Redirecting...",
+		closeTab: "Close"
 	},
 	footer: {
 		defaultText: "NETGRIF, s.r.o. © 2022"
@@ -1266,7 +1267,8 @@ var en = {
 	"import-net": {
 		upload: "Upload model",
 		choose: "Choose a process file",
-		done: "Done"
+		done: "Done",
+		search: "Search for process"
 	},
 	"new-case": {
 		"case": "New Case",
@@ -1388,7 +1390,8 @@ var tasks$1 = {
 		finish: "Dokončiť",
 		cancel: "Zrušiť",
 		noData: "Táto úloha nemá žiadne údaje. Stlačte dokončiť pre pokračovanie.",
-		redirecting: "Presmerovanie..."
+		redirecting: "Presmerovanie...",
+		closeTab: "Zavrieť"
 	},
 	footer: {
 		defaultText: "NETGRIF, s.r.o. © 2022"
@@ -1804,7 +1807,8 @@ var sk = {
 	"import-net": {
 		upload: "Nahrať model",
 		choose: "Vyberte súbor s procesom",
-		done: "Dokončiť"
+		done: "Dokončiť",
+		search: "Vyhľadajte proces"
 	},
 	"new-case": {
 		"case": "Nový prípad",
@@ -1926,7 +1930,8 @@ var tasks = {
 		finish: "Abschließen",
 		cancel: "Stornieren",
 		noData: "Diese Aufgabe hat keine Dateien. Schließen Sie die Aufgabe ab, um fortzufahren.",
-		redirecting: "Umleiten..."
+		redirecting: "Umleiten...",
+		closeTab: "Schließen"
 	},
 	footer: {
 		defaultText: "NETGRIF, s.r.o. © 2022"
@@ -2342,7 +2347,8 @@ var de = {
 	"import-net": {
 		upload: "Model hochladen",
 		choose: "Prozessdatei auswählen",
-		done: "Bestätigen"
+		done: "Bestätigen",
+		search: "Nach Prozess suchen"
 	},
 	"new-case": {
 		"case": "Neuen Fall erstellen",
@@ -2881,15 +2887,15 @@ class AbstractResourceProvider {
         return link.charAt(0) === '/' ? link.length > 1 ? link.substring(1, link.length) : '' : link;
     }
     static sanitizeUrl(endpoint, url) {
-        if (endpoint.includes('http://') || (endpoint.includes('https://'))) {
+        if (endpoint?.includes('http://') || (endpoint?.includes('https://'))) {
             if (url) {
-                if (endpoint.includes(url)) {
+                if (endpoint?.includes(url)) {
                     return endpoint;
                 }
                 else {
-                    return url.includes('https://') ? 'https://' +
-                        endpoint.replace(/(^\w+:|^)\/\//, '') : 'http://' +
-                        endpoint.replace(/(^\w+:|^)\/\//, '');
+                    return url?.includes('https://') ? 'https://' +
+                        endpoint?.replace(/(^\w+:|^)\/\//, '') : 'http://' +
+                        endpoint?.replace(/(^\w+:|^)\/\//, '');
                 }
             }
             else {
@@ -4723,7 +4729,7 @@ class ConfirmDialogComponent extends AbstractDialogComponent {
         this.sanitizer = sanitizer;
         this.choice = false;
         if (data && data.content) {
-            this.parsedContent = sanitizer.bypassSecurityTrustHtml(data.content.replace('\\n', '<br>'));
+            this.parsedContent = sanitizer.bypassSecurityTrustHtml(data.content?.replace('\\n', '<br>'));
         }
         else {
             this.parsedContent = sanitizer.bypassSecurityTrustHtml('');
@@ -6106,7 +6112,7 @@ let AbstractCaseRefBaseFieldComponent = class AbstractCaseRefBaseFieldComponent
         }
         let providers = [
             {
-                provide: NAE_DEFAULT_HEADERS, useValue: this.dataField.component?.properties?.headers?.split(',')
+                provide: NAE_DEFAULT_HEADERS, useValue: this.dataField.component?.properties?.headers.split(',')
             },
             {
                 provide: NAE_CASE_REF_CREATE_CASE, useValue: this.dataField.component?.properties?.createCase === 'true'
@@ -7195,7 +7201,7 @@ class FieldConverterService {
             case FieldTypeResource.BOOLEAN:
                 return new BooleanField(item.stringId, item.name, item.value, item.behavior, item.placeholder, item.description, item.layout, item.validations, item.component, item.parentTaskId);
             case FieldTypeResource.TEXT:
-                if (this.textFieldNames.includes(item.component?.name)) {
+                if (this.textFieldNames?.includes(item.component?.name)) {
                     return new TextAreaField(item.stringId, item.name, this.resolveTextValue(item, item.value), item.behavior, item.placeholder, item.description, item.layout, item.validations, item.component, item.parentTaskId);
                 }
                 return new TextField(item.stringId, item.name, this.resolveTextValue(item, item.value), item.behavior, item.placeholder, item.description, item.layout, item.validations, item.component, item.parentTaskId);
@@ -7785,17 +7791,17 @@ class EventService {
                 const setDataOutcome = childOutcome;
                 const outcomeChangedFields = childOutcome.changedFields.changedFields;
                 const caseId = setDataOutcome.aCase.stringId;
-                if (!Object.keys(changedFieldsMap).includes(caseId)) {
+                if (!Object.keys(changedFieldsMap)?.includes(caseId)) {
                     changedFieldsMap[caseId] = {};
                 }
                 const taskId = setDataOutcome.task.stringId;
-                if (!Object.keys(changedFieldsMap[caseId]).includes(taskId)) {
+                if (!Object.keys(changedFieldsMap[caseId])?.includes(taskId)) {
                     changedFieldsMap[caseId][taskId] = {
                         taskId
                     };
                 }
                 Object.keys(outcomeChangedFields).forEach(fieldId => {
-                    if (Object.keys(changedFieldsMap[caseId][taskId]).includes(fieldId)) {
+                    if (Object.keys(changedFieldsMap[caseId][taskId])?.includes(fieldId)) {
                         Object.keys(outcomeChangedFields[fieldId]).forEach(attribute => {
                             changedFieldsMap[caseId][taskId][fieldId][attribute] = outcomeChangedFields[fieldId][attribute];
                         });
@@ -10319,7 +10325,7 @@ class Operator {
      * @param forceWrap if set to `true` the value will be wrapped regardless of it's content
      */
     static wrapInputWithQuotes(input, forceWrap = false) {
-        if (typeof input === 'string' && (input.includes(' ') || forceWrap))
+        if (typeof input === 'string' && (input?.includes(' ') || forceWrap))
             return { value: `"${input}"`, wasWrapped: true };
         else
             return { value: input, wasWrapped: false };
@@ -10821,7 +10827,7 @@ class Substring extends Operator {
         // TODO IMPROVEMENT 27.4.2020 - we could use regular expressions to search for substrings which would solve the unintuitive
         //  behavior that occurs when we search for strings that contain spaces. We need to escape the input string in a special way
         //  if we choose to do this
-        const escapedValue = Operator.escapeInput(args[0]).value.replace(/ /g, '\\ ');
+        const escapedValue = Operator.escapeInput(args[0]).value?.replace(/ /g, '\\ ');
         return Operator.forEachKeyword(elasticKeywords, keyword => new Query(`(${keyword}:*${escapedValue}*)`));
     }
     getOperatorNameTemplate() {
@@ -12619,7 +12625,7 @@ class CaseDataset extends Category {
                     .filter(immediateData => {
                     return immediateData.title !== undefined
                         && immediateData.title.trim().length > 0
-                        && !CaseDataset.DISABLED_TYPES.includes(immediateData.type);
+                        && !CaseDataset.DISABLED_TYPES?.includes(immediateData.type);
                 })
                     .forEach(immediateData => {
                     let type = immediateData.type;
@@ -13614,6 +13620,17 @@ class PetriNetResourceService extends AbstractResourceService {
         return this._resourceProvider.post$('petrinet/search', this.SERVER_URL, body, params)
             .pipe(map(r => this.getResourcePage(r, 'petriNetReferences')));
     }
+    /**
+     * search PetriNets
+     *
+     * **Request Type:** POST
+     *
+     * **Request URL:** {{baseUrl}}/api/petrinet/search
+     */
+    searchElasticPetriNets(body, params) {
+        return this._resourceProvider.post$('petrinet/search_elastic', this.SERVER_URL, body, params)
+            .pipe(map(r => this.getResourcePage(r, 'petriNetReferences')));
+    }
     /**
      * delete PetriNet
      *
@@ -14251,7 +14268,7 @@ class SearchService {
      * @param searchedSubstring value that should be searched on all full text fields
      */
     setFullTextFilter(searchedSubstring) {
-        const whiteSpacedSubstring = searchedSubstring.replace(/ /g, '\\ ');
+        const whiteSpacedSubstring = searchedSubstring?.replace(/ /g, '\\ ');
         this._fullTextFilter = new SimpleFilter('', this._baseFilter.type, { fullText: whiteSpacedSubstring });
         this.updateActiveFilter();
     }
@@ -14296,13 +14313,6 @@ class SearchService {
             this._activeFilter.next(this._baseFilter.clone());
         }
     }
-    /**
-     * Loads whole new filter and search cases/tasks based on this filter
-     * @param newFilter whole new filter that should be used for search
-     */
-    updateWithFullFilter(newFilter) {
-        this._activeFilter.next(newFilter);
-    }
     /**
      * @returns `undefined` if the predicate tree contains no complete query.
      * Otherwise returns the serialized form of the completed queries in the predicate tree.
@@ -15581,11 +15591,11 @@ class TaskContentService {
     }
     getReferencedTaskId(changedField, chFields) {
         return !!this.taskFieldsIndex ?
-            (Object.keys(this.taskFieldsIndex).find(taskId => taskId !== this.task.stringId && taskId === chFields.taskId && Object.keys(this.taskFieldsIndex[taskId].fields).includes(changedField))
-                || Object.keys(this.taskFieldsIndex).find(taskId => taskId !== this.task.stringId && Object.keys(this.taskFieldsIndex[taskId].fields).includes(changedField))) : undefined;
+            (Object.keys(this.taskFieldsIndex).find(taskId => taskId !== this.task.stringId && taskId === chFields.taskId && Object.keys(this.taskFieldsIndex[taskId].fields)?.includes(changedField))
+                || Object.keys(this.taskFieldsIndex).find(taskId => taskId !== this.task.stringId && Object.keys(this.taskFieldsIndex[taskId].fields)?.includes(changedField))) : undefined;
     }
     findTaskRefId(taskId, fields) {
-        let taskRefId = Object.values(fields).find(f => f instanceof TaskRefField && f.value.includes(taskId));
+        let taskRefId = Object.values(fields).find(f => f instanceof TaskRefField && f.value?.includes(taskId));
         if (!taskRefId) {
             const referencedTaskIds = Object.values(fields).filter(f => f instanceof TaskRefField).map(tr => tr.value);
             referencedTaskIds.forEach(id => {
@@ -15957,7 +15967,7 @@ class UserComparatorService {
     compareUsers(user, acceptImpersonator = true) {
         const loggedUser = acceptImpersonator ? this._userService.user.getSelfOrImpersonated() : this._userService.user;
         return user.email === loggedUser.email ||
-            user.email.includes('anonymous') && this._userService.user.email.includes('anonymous');
+            user.email?.includes('anonymous') && this._userService.user.email?.includes('anonymous');
     }
 }
 UserComparatorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserComparatorService, deps: [{ token: UserService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -15987,7 +15997,7 @@ class ChangedFieldsService {
     }
     parseChangedFieldsByCaseAndTaskIds(caseId, taskIds, changedFieldsMap) {
         const changedFields = [];
-        const filteredTaskIds = Object.keys(changedFieldsMap[caseId]).filter(taskId => taskIds.includes(taskId));
+        const filteredTaskIds = Object.keys(changedFieldsMap[caseId]).filter(taskId => taskIds?.includes(taskId));
         filteredTaskIds.forEach(taskId => {
             changedFields.push(changedFieldsMap[caseId][taskId]);
         });
@@ -16187,7 +16197,7 @@ class TaskDataService extends TaskHandlingService {
                 }
                 else if (dataGroupParentCaseId === this._safeTask.caseId
                     && parentTaskId !== this._safeTask.stringId
-                    && !this._taskContentService.referencedTaskAndCaseIds[dataGroupParentCaseId].includes(parentTaskId)) {
+                    && !this._taskContentService.referencedTaskAndCaseIds[dataGroupParentCaseId]?.includes(parentTaskId)) {
                     this._taskContentService.referencedTaskAndCaseIds[dataGroupParentCaseId].push(group.parentTaskId);
                 }
                 if (group.fields.length > 0 && !this._taskContentService.taskFieldsIndex[parentTaskId]) {
@@ -16358,7 +16368,7 @@ class TaskDataService extends TaskHandlingService {
         }
         const taskIdsInRequest = Object.keys(request);
         for (const taskId of taskIdsInRequest) {
-            if (!Object.keys(this._taskContentService.taskFieldsIndex).includes(taskId)) {
+            if (!Object.keys(this._taskContentService.taskFieldsIndex)?.includes(taskId)) {
                 this._log.error(`Task id ${taskId} is not present in task fields index`);
                 return false;
             }
@@ -16563,7 +16573,7 @@ class TaskDataService extends TaskHandlingService {
     revertToPreviousValue(context) {
         this._safeTask.dataGroups.forEach(dataGroup => {
             dataGroup.fields.forEach(field => {
-                if (field.initialized && field.valid && Object.keys(context.previousValues).includes(field.stringId)) {
+                if (field.initialized && field.valid && Object.keys(context.previousValues)?.includes(field.stringId)) {
                     field.revertToPreviousValue();
                 }
             });
@@ -17077,24 +17087,27 @@ class RedirectService {
     }
     parseRedirectPath(url) {
         let path;
-        if (url.includes('?')) {
+        if (url === undefined || url === null) {
+            return '';
+        }
+        if (url?.includes('?')) {
             path = url.slice(0, url.indexOf('?'));
         }
         else {
             path = url;
         }
-        return path.replace('/redirect', '');
+        return path?.replace('/redirect', '');
     }
 }
 RedirectService.LOGIN_COMPONENT = 'login';
-RedirectService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RedirectService, deps: [{ token: i3$1.Router }, { token: LoggerService }, { token: ConfigurationService }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
+RedirectService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RedirectService, deps: [{ token: i2$5.Router }, { token: LoggerService }, { token: ConfigurationService }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
 RedirectService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RedirectService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RedirectService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i3$1.Router }, { type: LoggerService }, { type: ConfigurationService }, { type: i3$1.ActivatedRoute }]; } });
+        }], ctorParameters: function () { return [{ type: i2$5.Router }, { type: LoggerService }, { type: ConfigurationService }, { type: i2$5.ActivatedRoute }]; } });
 
 class AuthenticationInterceptor {
     constructor(_session, _redirect, _anonymousService, idleTimerService) {
@@ -17294,14 +17307,14 @@ class AuthenticationGuardService {
         return this._session.sessionToken && this._session.verified ? true : this._router.parseUrl(this._loginUrl);
     }
 }
-AuthenticationGuardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AuthenticationGuardService, deps: [{ token: SessionService }, { token: RedirectService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+AuthenticationGuardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AuthenticationGuardService, deps: [{ token: SessionService }, { token: RedirectService }, { token: i2$5.Router }], target: i0.ɵɵFactoryTarget.Injectable });
 AuthenticationGuardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AuthenticationGuardService, providedIn: AuthenticationModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AuthenticationGuardService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: AuthenticationModule
                 }]
-        }], ctorParameters: function () { return [{ type: SessionService }, { type: RedirectService }, { type: i3$1.Router }]; } });
+        }], ctorParameters: function () { return [{ type: SessionService }, { type: RedirectService }, { type: i2$5.Router }]; } });
 
 /* SERVICES */
 
@@ -17541,7 +17554,7 @@ class AbstractAuthenticationOverlayComponent {
         }
     }
 }
-AbstractAuthenticationOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractAuthenticationOverlayComponent, deps: [{ token: SessionService }, { token: SpinnerOverlayService }, { token: i3$1.Router }, { token: RedirectService }, { token: UserService }], target: i0.ɵɵFactoryTarget.Component });
+AbstractAuthenticationOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractAuthenticationOverlayComponent, deps: [{ token: SessionService }, { token: SpinnerOverlayService }, { token: i2$5.Router }, { token: RedirectService }, { token: UserService }], target: i0.ɵɵFactoryTarget.Component });
 AbstractAuthenticationOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractAuthenticationOverlayComponent, selector: "ncc-abstract-auth-overlay", ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractAuthenticationOverlayComponent, decorators: [{
             type: Component,
@@ -17549,7 +17562,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-abstract-auth-overlay',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: SessionService }, { type: SpinnerOverlayService }, { type: i3$1.Router }, { type: RedirectService }, { type: UserService }]; } });
+        }], ctorParameters: function () { return [{ type: SessionService }, { type: SpinnerOverlayService }, { type: i2$5.Router }, { type: RedirectService }, { type: UserService }]; } });
 
 class AbstractSessionIdleComponent {
     constructor(sessionTimer, _user, _log, _config, _router) {
@@ -17602,7 +17615,7 @@ class AbstractSessionIdleComponent {
         }
     }
 }
-AbstractSessionIdleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSessionIdleComponent, deps: [{ token: SessionIdleTimerService }, { token: UserService }, { token: LoggerService }, { token: ConfigurationService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component });
+AbstractSessionIdleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSessionIdleComponent, deps: [{ token: SessionIdleTimerService }, { token: UserService }, { token: LoggerService }, { token: ConfigurationService }, { token: i2$5.Router }], target: i0.ɵɵFactoryTarget.Component });
 AbstractSessionIdleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractSessionIdleComponent, selector: "ncc-abstract-session-idle", inputs: { alertAtSeconds: "alertAtSeconds" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSessionIdleComponent, decorators: [{
             type: Component,
@@ -17610,7 +17623,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-abstract-session-idle',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: SessionIdleTimerService }, { type: UserService }, { type: LoggerService }, { type: ConfigurationService }, { type: i3$1.Router }]; }, propDecorators: { alertAtSeconds: [{
+        }], ctorParameters: function () { return [{ type: SessionIdleTimerService }, { type: UserService }, { type: LoggerService }, { type: ConfigurationService }, { type: i2$5.Router }]; }, propDecorators: { alertAtSeconds: [{
                 type: Input
             }] } });
 
@@ -17988,7 +18001,7 @@ class AbstractPanelComponent {
         return this._caseListFontColorService.computeCaseFontColor(this.caseColor);
     }
 }
-AbstractPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractPanelComponent, deps: [{ token: CaseListFontColorService }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractPanelComponent, deps: [{ token: CaseListFontColorService }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractPanelComponent, selector: "ncc-abstract-panel", inputs: { expansionDisabled: "expansionDisabled", preventExpand: "preventExpand", preventCollapse: "preventCollapse", hidePanelHeader: "hidePanelHeader", panelHeader: "panelHeader", panelContent: "panelContent", first: "first", last: "last", caseColor: "caseColor" }, outputs: { stopLoading: "stopLoading", getExpansionPanelRef: "getExpansionPanelRef" }, viewQueries: [{ propertyName: "matExpansionPanel", first: true, predicate: ["matExpansionPanel"], descendants: true }], ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractPanelComponent, decorators: [{
             type: Component,
@@ -17996,7 +18009,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-abstract-panel',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: CaseListFontColorService }, { type: i3$1.ActivatedRoute }]; }, propDecorators: { expansionDisabled: [{
+        }], ctorParameters: function () { return [{ type: CaseListFontColorService }, { type: i2$5.ActivatedRoute }]; }, propDecorators: { expansionDisabled: [{
                 type: Input
             }], preventExpand: [{
                 type: Input
@@ -18118,7 +18131,7 @@ class OverflowService {
         }
         const item = localStorage.getItem(viewId + '-' + id);
         if (item !== null) {
-            if (id.includes('columnCount')) {
+            if (id?.includes('columnCount')) {
                 this._initializedCount = true;
             }
             return item;
@@ -18666,7 +18679,6 @@ class CaseViewService extends AbstractSortableViewComponent {
             useCachedProcesses: true
         };
         this._paginationView = false;
-        this._cases = [];
         this._newCaseConfiguration = { ...this.DEFAULT_NEW_CASE_CONFIGURATION };
         if (newCaseConfig !== null) {
             Object.assign(this._newCaseConfiguration, newCaseConfig);
@@ -18705,7 +18717,7 @@ class CaseViewService extends AbstractSortableViewComponent {
             }
             return { ...acc, ...pageLoadResult.cases };
         }, {}));
-        this._cases$ = casesMap.pipe(map(v => Object.values(v)), tap(cases => this._cases = cases));
+        this._cases$ = casesMap.pipe(map(v => Object.values(v)));
     }
     ngOnDestroy() {
         super.ngOnDestroy();
@@ -18721,9 +18733,6 @@ class CaseViewService extends AbstractSortableViewComponent {
     get cases$() {
         return this._cases$;
     }
-    get cases() {
-        return this._cases;
-    }
     get pagination() {
         return this._pagination;
     }
@@ -20505,7 +20514,7 @@ class AbstractTaskPanelComponent extends AbstractPanelWithImmediateDataComponent
             this.taskEvent.emit(event);
         });
         this._subTaskData = _changedFieldsService.changedFields$.subscribe((changedFieldsMap) => {
-            const filteredCaseIds = Object.keys(changedFieldsMap).filter(caseId => Object.keys(this._taskContentService.referencedTaskAndCaseIds).includes(caseId));
+            const filteredCaseIds = Object.keys(changedFieldsMap).filter(caseId => Object.keys(this._taskContentService.referencedTaskAndCaseIds)?.includes(caseId));
             const changedFields = [];
             filteredCaseIds.forEach(caseId => {
                 const taskIds = this._taskContentService.referencedTaskAndCaseIds[caseId];
@@ -20519,7 +20528,7 @@ class AbstractTaskPanelComponent extends AbstractPanelWithImmediateDataComponent
             this.expand();
         });
         _taskOperations.close$.subscribe(() => {
-            if (!this._taskForceOpen) {
+            if (!(this._taskForceOpen || this.preventCollapse)) {
                 this.collapse();
             }
         });
@@ -20928,7 +20937,7 @@ class AbstractDefaultTaskListComponent extends TabbedVirtualScrollComponent {
         });
     }
 }
-AbstractDefaultTaskListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractDefaultTaskListComponent, deps: [{ token: TaskViewService }, { token: LoggerService }, { token: NAE_TAB_DATA, optional: true }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractDefaultTaskListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractDefaultTaskListComponent, deps: [{ token: TaskViewService }, { token: LoggerService }, { token: NAE_TAB_DATA, optional: true }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractDefaultTaskListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractDefaultTaskListComponent, selector: "ncc-abstract-default-task-list", inputs: { loading$: "loading$", selectedHeaders$: "selectedHeaders$", responsiveBody: "responsiveBody", forceLoadDataOnOpen: "forceLoadDataOnOpen", textEllipsis: "textEllipsis", showMoreMenu: "showMoreMenu", allowMultiOpen: "allowMultiOpen" }, outputs: { taskEvent: "taskEvent" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractDefaultTaskListComponent, decorators: [{
             type: Component,
@@ -20941,7 +20950,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }, {
                     type: Inject,
                     args: [NAE_TAB_DATA]
-                }] }, { type: i3$1.ActivatedRoute }]; }, propDecorators: { loading$: [{
+                }] }, { type: i2$5.ActivatedRoute }]; }, propDecorators: { loading$: [{
                 type: Input
             }], selectedHeaders$: [{
                 type: Input
@@ -20979,7 +20988,7 @@ class AbstractTaskListComponent extends AbstractDefaultTaskListComponent {
         this._taskViewService.nextPage(this.viewport.getRenderedRange(), this.viewport.getDataLength());
     }
 }
-AbstractTaskListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTaskListComponent, deps: [{ token: TaskViewService }, { token: LoggerService }, { token: NAE_TAB_DATA, optional: true }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractTaskListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTaskListComponent, deps: [{ token: TaskViewService }, { token: LoggerService }, { token: NAE_TAB_DATA, optional: true }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractTaskListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractTaskListComponent, selector: "ncc-abstract-task-list", inputs: { tasks$: "tasks$" }, viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTaskListComponent, decorators: [{
             type: Component,
@@ -20992,7 +21001,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }, {
                     type: Inject,
                     args: [NAE_TAB_DATA]
-                }] }, { type: i3$1.ActivatedRoute }]; }, propDecorators: { tasks$: [{
+                }] }, { type: i2$5.ActivatedRoute }]; }, propDecorators: { tasks$: [{
                 type: Input
             }], viewport: [{
                 type: ViewChild,
@@ -21007,7 +21016,7 @@ class AbstractTaskListPaginationComponent extends AbstractDefaultTaskListCompone
         this.route = route;
         this.pageSize = 20;
         this.pageIndex = 0;
-        this.pageSizeOptions = [10, 20, 50, 100];
+        this.pageSizeOptions = [10, 20, 50];
     }
     set tasks$(tasks) {
         this._tasks$ = tasks.pipe((tap(() => {
@@ -21024,7 +21033,7 @@ class AbstractTaskListPaginationComponent extends AbstractDefaultTaskListCompone
         this._taskViewService.nextPagePagination(this.pageSize, this.pageIndex);
     }
 }
-AbstractTaskListPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTaskListPaginationComponent, deps: [{ token: TaskViewService }, { token: LoggerService }, { token: NAE_TAB_DATA, optional: true }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractTaskListPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTaskListPaginationComponent, deps: [{ token: TaskViewService }, { token: LoggerService }, { token: NAE_TAB_DATA, optional: true }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractTaskListPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractTaskListPaginationComponent, selector: "ncc-abstract-task-list-pagination-component", inputs: { disabled: "disabled", tasks$: "tasks$" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTaskListPaginationComponent, decorators: [{
             type: Component,
@@ -21037,7 +21046,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }, {
                     type: Inject,
                     args: [NAE_TAB_DATA]
-                }] }, { type: i3$1.ActivatedRoute }]; }, propDecorators: { disabled: [{
+                }] }, { type: i2$5.ActivatedRoute }]; }, propDecorators: { disabled: [{
                 type: Input
             }], tasks$: [{
                 type: Input
@@ -21123,6 +21132,14 @@ class WorkflowViewService extends AbstractSortableViewComponent {
     get workflows$() {
         return this._workflows$;
     }
+    setSearchTitle(title) {
+        this._baseFilter.title = title;
+        this.reload();
+    }
+    clearSearchTitle() {
+        this._baseFilter.title = undefined;
+        this.reload();
+    }
     loadPage(pageRequest) {
         if (pageRequest.number < 0) {
             return of([]);
@@ -21131,7 +21148,14 @@ class WorkflowViewService extends AbstractSortableViewComponent {
         params = this.addSortParams(params);
         params = this.addPageParams(params, pageRequest);
         this._loading$.on();
-        return this._petriNetResource.searchPetriNets(this._baseFilter, params).pipe(catchError(err => {
+        let request;
+        if (this._baseFilter.title !== undefined) {
+            request = this._petriNetResource.searchElasticPetriNets(this._baseFilter, params);
+        }
+        else {
+            request = this._petriNetResource.searchPetriNets(this._baseFilter, params);
+        }
+        return request.pipe(catchError(err => {
             this._log.error('Loading Petri nets has failed!', err);
             return of({ content: [], pagination: { ...this._pagination } });
         }), tap(res => {
@@ -21509,7 +21533,7 @@ class AbstractSingleTaskComponent {
         this.taskEvent.emit(event);
     }
 }
-AbstractSingleTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSingleTaskComponent, deps: [{ token: LoggerService }, { token: i3$1.ActivatedRoute }, { token: NAE_TAB_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+AbstractSingleTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSingleTaskComponent, deps: [{ token: LoggerService }, { token: i2$5.ActivatedRoute }, { token: NAE_TAB_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 AbstractSingleTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractSingleTaskComponent, selector: "ncc-abstract-single-task", inputs: { task$: "task$", loading$: "loading$", selectedHeaders$: "selectedHeaders$", responsiveBody: "responsiveBody", forceLoadDataOnOpen: "forceLoadDataOnOpen", textEllipsis: "textEllipsis", preventCollapse: "preventCollapse", hidePanelHeader: "hidePanelHeader", hideActionRow: "hideActionRow", noTaskSection: "noTaskSection", pageHeader: "pageHeader", pageFooter: "pageFooter", showPageHeader: "showPageHeader", showPageFooter: "showPageFooter", headerTitle: "headerTitle", footerText: "footerText", actionButtonTemplates: "actionButtonTemplates", actionRowJustifyContent: "actionRowJustifyContent" }, outputs: { taskEvent: "taskEvent" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSingleTaskComponent, decorators: [{
             type: Component,
@@ -21517,7 +21541,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-abstract-single-task',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: LoggerService }, { type: i3$1.ActivatedRoute }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: LoggerService }, { type: i2$5.ActivatedRoute }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -21993,9 +22017,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }] } });
 
 class AbstractToolbarComponent {
-    constructor(translate, selectLangService) {
+    constructor(translate, selectLangService, userService, router, redirectService) {
         this.translate = translate;
         this.selectLangService = selectLangService;
+        this.userService = userService;
+        this.router = router;
+        this.redirectService = redirectService;
+        this.toolbarConfig = {
+            profileEnabled: false,
+            languageEnabled: false,
+            logoutEnabled: false,
+            simpleToolbar: true,
+            toolbarName: {
+                defaultValue: 'Netgrif',
+                translations: {}
+            },
+            toolbarLogo: 'assets/img/netgrif_full_white.svg',
+            profileUrl: 'profile',
+            loginUrl: ''
+        };
     }
     setLang(lang) {
         this.selectLangService.setLanguage(lang);
@@ -22003,22 +22043,40 @@ class AbstractToolbarComponent {
     activeLang(lang) {
         return this.translate.currentLang === lang;
     }
+    logout() {
+        this.userService.logout().subscribe(() => {
+            if (!!this.toolbarConfig.loginUrl && this.toolbarConfig.loginUrl !== "") {
+                this.router.navigate([this.toolbarConfig.loginUrl]);
+            }
+            else {
+                this.router.navigate([this.redirectService.resolveLoginPath()]);
+            }
+        });
+    }
+    profile() {
+        this.router.navigate([this.toolbarConfig.profileUrl]);
+    }
+    get loggedUser() {
+        return this.userService.user;
+    }
+    isImpersonating() {
+        return this.loggedUser.isImpersonating();
+    }
+    getToolbarTitle() {
+        return this.selectLangService.getLanguage() in this.toolbarConfig.toolbarName.translations
+            ? this.toolbarConfig.toolbarName.translations[this.selectLangService.getLanguage()]
+            : this.toolbarConfig.toolbarName.defaultValue;
+    }
 }
-AbstractToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractToolbarComponent, deps: [{ token: i1$2.TranslateService }, { token: LanguageService }], target: i0.ɵɵFactoryTarget.Component });
-AbstractToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractToolbarComponent, selector: "ncc-abstract-toolbar", inputs: { loggedUser: "loggedUser", appName: "appName", logoSrc: "logoSrc", logoAlt: "logoAlt" }, ngImport: i0, template: '', isInline: true });
+AbstractToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractToolbarComponent, deps: [{ token: i1$2.TranslateService }, { token: LanguageService }, { token: UserService }, { token: i2$5.Router }, { token: RedirectService }], target: i0.ɵɵFactoryTarget.Component });
+AbstractToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractToolbarComponent, selector: "ncc-abstract-toolbar", inputs: { toolbarConfig: "toolbarConfig" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ncc-abstract-toolbar',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.TranslateService }, { type: LanguageService }]; }, propDecorators: { loggedUser: [{
-                type: Input
-            }], appName: [{
-                type: Input
-            }], logoSrc: [{
-                type: Input
-            }], logoAlt: [{
+        }], ctorParameters: function () { return [{ type: i1$2.TranslateService }, { type: LanguageService }, { type: UserService }, { type: i2$5.Router }, { type: RedirectService }]; }, propDecorators: { toolbarConfig: [{
                 type: Input
             }] } });
 
@@ -22534,11 +22592,11 @@ var GroupNavigationConstants;
     /**
      * EnumerationMap field, that contains selected search type for case view
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_CASE_VIEW_SEARCH_TYPE"] = "case_view_search_type";
+    GroupNavigationConstants["ITEM_FIELD_ID_CASE_VIEW_SEARCH_TYPE"] = "view_search_type";
     /**
      * EnumerationMap field, that contains selected search type for task view
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_TASK_VIEW_SEARCH_TYPE"] = "task_view_search_type";
+    GroupNavigationConstants["ITEM_FIELD_ID_TASK_VIEW_SEARCH_TYPE"] = "view_search_type";
     /**
      * Boolean field, that is true if user wants to merge base filter and custom filter
      * */
@@ -22550,67 +22608,67 @@ var GroupNavigationConstants;
     /**
      * Boolean field, that is true if the user wants to see more menu for case item in case view
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_CASE_SHOW_MORE_MENU"] = "case_show_more_menu";
+    GroupNavigationConstants["ITEM_FIELD_ID_CASE_SHOW_MORE_MENU"] = "show_more_menu";
     /**
      * Boolean field, that is true if no input for title in case creation is shown
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_CASE_TITLE_IN_CREATION"] = "case_require_title_in_creation";
+    GroupNavigationConstants["ITEM_FIELD_ID_CASE_TITLE_IN_CREATION"] = "require_title_in_creation";
     /**
      * Text field, that contains banned processes in case creation as a value
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_CASE_BANNED_PROCESS_CREATION"] = "case_banned_nets_in_creation";
+    GroupNavigationConstants["ITEM_FIELD_ID_CASE_BANNED_PROCESS_CREATION"] = "banned_nets_in_creation";
     /**
      * Boolean field, that is true if the user wants to see more menu for task item in task view
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_TASK_SHOW_MORE_MENU"] = "task_show_more_menu";
+    GroupNavigationConstants["ITEM_FIELD_ID_TASK_SHOW_MORE_MENU"] = "show_more_menu";
     /**
      * MultichoiceMap field, that contains selected header modes for case view as a value
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_CASE_HEADERS_MODE"] = "case_headers_mode";
+    GroupNavigationConstants["ITEM_FIELD_ID_CASE_HEADERS_MODE"] = "headers_mode";
     /**
      * Boolean field, that is true if table mode can be applied in case view
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_CASE_ALLOW_TABLE_MODE"] = "case_allow_header_table_mode";
+    GroupNavigationConstants["ITEM_FIELD_ID_CASE_ALLOW_TABLE_MODE"] = "allow_header_table_mode";
     /**
      * EnumerationMap field, that contains selected default header mode for case view as a value
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_CASE_DEFAULT_HEADERS_MODE"] = "case_headers_default_mode";
+    GroupNavigationConstants["ITEM_FIELD_ID_CASE_DEFAULT_HEADERS_MODE"] = "headers_default_mode";
     /**
      * Boolean field, that is true to make mode menu in case view visible
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_CASE_HEADERS_CHANGEABLE"] = "case_is_header_mode_changeable";
+    GroupNavigationConstants["ITEM_FIELD_ID_CASE_HEADERS_CHANGEABLE"] = "is_header_mode_changeable";
     /**
      * MultichoiceMap field, that contains selected header modes for task view as a value
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_TASK_HEADERS_MODE"] = "task_headers_mode";
+    GroupNavigationConstants["ITEM_FIELD_ID_TASK_HEADERS_MODE"] = "headers_mode";
     /**
      * Boolean field, that is true if table mode can be applied in task view
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_TASK_ALLOW_TABLE_MODE"] = "task_allow_header_table_mode";
+    GroupNavigationConstants["ITEM_FIELD_ID_TASK_ALLOW_TABLE_MODE"] = "allow_header_table_mode";
     /**
      * EnumerationMap field, that contains selected default header mode for task view as a value
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_TASK_DEFAULT_HEADERS_MODE"] = "task_headers_default_mode";
+    GroupNavigationConstants["ITEM_FIELD_ID_TASK_DEFAULT_HEADERS_MODE"] = "headers_default_mode";
     /**
      * Boolean field, that is true to make mode menu in task view visible
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_TASK_HEADERS_CHANGEABLE"] = "task_is_header_mode_changeable";
+    GroupNavigationConstants["ITEM_FIELD_ID_TASK_HEADERS_CHANGEABLE"] = "is_header_mode_changeable";
     /**
      * Boolean field, that is true to use default headers configuration for case view
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_USE_CASE_DEFAULT_HEADERS"] = "use_case_default_headers";
+    GroupNavigationConstants["ITEM_FIELD_ID_USE_CASE_DEFAULT_HEADERS"] = "use_default_headers";
     /**
      * Text field, that contains default header metadata separated by comma for case view as a value
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_CASE_DEFAULT_HEADERS"] = "case_default_headers";
+    GroupNavigationConstants["ITEM_FIELD_ID_CASE_DEFAULT_HEADERS"] = "default_headers";
     /**
      * Boolean field, that is true to use default headers configuration for task view
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_USE_TASK_DEFAULT_HEADERS"] = "use_task_default_headers";
+    GroupNavigationConstants["ITEM_FIELD_ID_USE_TASK_DEFAULT_HEADERS"] = "use_default_headers";
     /**
      * Text field, that contains default header metadata separated by comma for task view as a value
      * */
-    GroupNavigationConstants["ITEM_FIELD_ID_TASK_DEFAULT_HEADERS"] = "task_default_headers";
+    GroupNavigationConstants["ITEM_FIELD_ID_TASK_DEFAULT_HEADERS"] = "default_headers";
     /**
      * MultichoiceMap field, that contains allowed roles as value
      * */
@@ -22639,6 +22697,14 @@ var GroupNavigationConstants;
      * CaseField containing stringIds of child instances of process preference_item
      * */
     GroupNavigationConstants["ITEM_FIELD_ID_CHILD_ITEM_IDS"] = "childItemIds";
+    /**
+     * Boolean field, that is true if item contains view, that should be automatically opened.
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_IS_AUTO_SELECT"] = "is_auto_select";
+    /**
+     * Boolean field, that is true if item contains view.
+     * */
+    GroupNavigationConstants["ITEM_FIELD_CONTAINS_FILTER"] = "contains_filter";
 })(GroupNavigationConstants || (GroupNavigationConstants = {}));
 
 /**
@@ -22979,7 +23045,7 @@ class UriService {
             data: {
                 [GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH]: node.uriPath
             },
-            process: { identifier: "preference_item" }
+            process: { identifier: "menu_item" }
         };
         let httpParams = new HttpParams()
             .set(PaginationParams.PAGE_SIZE, 1)
@@ -24221,7 +24287,7 @@ class AbstractViewWithHeadersComponent {
         return !(this.config?.[ConfigParams.PANEL_HEADER] === 'false');
     }
 }
-AbstractViewWithHeadersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractViewWithHeadersComponent, deps: [{ token: AbstractSortableViewComponent }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractViewWithHeadersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractViewWithHeadersComponent, deps: [{ token: AbstractSortableViewComponent }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractViewWithHeadersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractViewWithHeadersComponent, selector: "ncc-abstract-view-with-headers", ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractViewWithHeadersComponent, decorators: [{
             type: Component,
@@ -24229,7 +24295,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-abstract-view-with-headers',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: AbstractSortableViewComponent }, { type: i3$1.ActivatedRoute }]; } });
+        }], ctorParameters: function () { return [{ type: AbstractSortableViewComponent }, { type: i2$5.ActivatedRoute }]; } });
 
 class AbstractTaskViewComponent extends AbstractViewWithHeadersComponent {
     constructor(taskViewService, _activatedRoute) {
@@ -24242,7 +24308,7 @@ class AbstractTaskViewComponent extends AbstractViewWithHeadersComponent {
         super.ngOnDestroy();
     }
 }
-AbstractTaskViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTaskViewComponent, deps: [{ token: TaskViewService }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractTaskViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTaskViewComponent, deps: [{ token: TaskViewService }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractTaskViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractTaskViewComponent, selector: "ncc-abstract-task-view", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTaskViewComponent, decorators: [{
             type: Component,
@@ -24250,7 +24316,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-abstract-task-view',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: TaskViewService }, { type: i3$1.ActivatedRoute }]; } });
+        }], ctorParameters: function () { return [{ type: TaskViewService }, { type: i2$5.ActivatedRoute }]; } });
 
 /**
  * Holds all identifiers of the Filter process in an accessible manner
@@ -24677,7 +24743,7 @@ class AbstractSaveFilterComponent extends AbstractTaskViewComponent {
         }
     }
 }
-AbstractSaveFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSaveFilterComponent, deps: [{ token: NAE_SIDE_MENU_CONTROL }, { token: UserFiltersService }, { token: LoggerService }, { token: TaskViewService }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractSaveFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSaveFilterComponent, deps: [{ token: NAE_SIDE_MENU_CONTROL }, { token: UserFiltersService }, { token: LoggerService }, { token: TaskViewService }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractSaveFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractSaveFilterComponent, selector: "ncc-abstract-save-filter", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSaveFilterComponent, decorators: [{
             type: Component,
@@ -24688,7 +24754,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: SideMenuControl, decorators: [{
                     type: Inject,
                     args: [NAE_SIDE_MENU_CONTROL]
-                }] }, { type: UserFiltersService }, { type: LoggerService }, { type: TaskViewService }, { type: i3$1.ActivatedRoute }]; } });
+                }] }, { type: UserFiltersService }, { type: LoggerService }, { type: TaskViewService }, { type: i2$5.ActivatedRoute }]; } });
 
 var HeaderType;
 (function (HeaderType) {
@@ -24741,7 +24807,7 @@ class AbstractCaseViewComponent extends AbstractViewWithHeadersComponent {
         }
     }
 }
-AbstractCaseViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractCaseViewComponent, deps: [{ token: CaseViewService }, { token: OverflowService }, { token: Array }, { token: NAE_NEW_CASE_CREATION_CONFIGURATION_DATA, optional: true }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractCaseViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractCaseViewComponent, deps: [{ token: CaseViewService }, { token: OverflowService }, { token: Array }, { token: NAE_NEW_CASE_CREATION_CONFIGURATION_DATA, optional: true }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractCaseViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractCaseViewComponent, selector: "ncc-abstract-case-view", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractCaseViewComponent, decorators: [{
             type: Component,
@@ -24754,7 +24820,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }, {
                     type: Inject,
                     args: [NAE_NEW_CASE_CREATION_CONFIGURATION_DATA]
-                }] }, { type: i3$1.ActivatedRoute }]; } });
+                }] }, { type: i2$5.ActivatedRoute }]; } });
 
 class AbstractLoadFilterComponent extends AbstractCaseViewComponent {
     constructor(_sideMenuControl, _log, caseViewService) {
@@ -25834,12 +25900,10 @@ function stopPropagation($event) {
 }
 
 class AbstractHeaderComponent {
-    constructor(_injector, _translate, _overflowService, _caseViewService, _dataFieldPortalData) {
+    constructor(_injector, _translate, _overflowService) {
         this._injector = _injector;
         this._translate = _translate;
         this._overflowService = _overflowService;
-        this._caseViewService = _caseViewService;
-        this._dataFieldPortalData = _dataFieldPortalData;
         this.DEFAULT_COLUMN_COUNT = 6;
         this.DEFAULT_COLUMN_WIDTH = 220;
         this.INPUT_DEBOUNCE_TIME = 600;
@@ -25854,7 +25918,6 @@ class AbstractHeaderComponent {
         this._initHeaderCount = undefined;
         this._initResponsiveHeaders = undefined;
         this.initializeFormControls(this._overflowService !== null);
-        this._changeValue = true;
     }
     set maxHeaderColumns(count) {
         if (this.headerService) {
@@ -25893,7 +25956,6 @@ class AbstractHeaderComponent {
             this.headerService.responsiveHeaders = this._initResponsiveHeaders;
         }
         this.headerService.preferenceColumnCount$.subscribe(value => this.columnCountControl.setValue(value));
-        this.resolveApprovalDatafields();
     }
     ngOnDestroy() {
         if (this.canOverflow) {
@@ -25901,9 +25963,6 @@ class AbstractHeaderComponent {
             this.subColumnCountControl.unsubscribe();
             this.subOverflowControl.unsubscribe();
         }
-        if (this._subCases) {
-            this._subCases.unsubscribe();
-        }
     }
     /**
      * Injects the correct {@link AbstractHeaderService} instance based on this component's type
@@ -25994,55 +26053,8 @@ class AbstractHeaderComponent {
             }
         });
     }
-    indeterminate() {
-        if (this._caseViewService) {
-            return this._dataFieldPortalData?.dataField?.value?.length > 0 &&
-                this._caseViewService.cases.some(value => this._dataFieldPortalData?.dataField.value.includes(value.stringId)) &&
-                !this.resolveApprovalValue();
-        }
-        return this._dataFieldPortalData?.dataField?.value?.length > 0 &&
-            this._dataFieldPortalData?.dataField?.value?.length < this._dataFieldPortalData?.dataField?.choices?.length;
-    }
-    typeApproval() {
-        return this._dataFieldPortalData?.dataField instanceof MultichoiceField ? 'multichoice' : 'enumeration';
-    }
-    resolveApprovalDatafields() {
-        if (this._dataFieldPortalData !== null && this._dataFieldPortalData.dataField instanceof MultichoiceField && this._caseViewService) {
-            this.approvalFormControl.setValue(this.resolveApprovalValue());
-            this.approvalFormControl.valueChanges.subscribe(value => {
-                if (this._changeValue) {
-                    if (value) {
-                        this._dataFieldPortalData.dataField.value = this._caseViewService.cases.map(caze => caze.stringId);
-                    }
-                    else {
-                        this._dataFieldPortalData.dataField.value = [];
-                    }
-                }
-                this._changeValue = true;
-            });
-            this._dataFieldPortalData.dataField.valueChanges().subscribe(() => {
-                this._changeValue = false;
-                this.approvalFormControl.setValue(this.resolveApprovalValue());
-            });
-            this._subCases = this._caseViewService.cases$.subscribe(() => {
-                this._changeValue = false;
-                this.approvalFormControl.setValue(this.resolveApprovalValue());
-            });
-        }
-        if (this._dataFieldPortalData !== null && this._dataFieldPortalData.dataField instanceof EnumerationField) {
-            this.approvalFormControl.valueChanges.subscribe(value => {
-                this._dataFieldPortalData.dataField.value = null;
-            });
-        }
-    }
-    resolveApprovalValue() {
-        if (this._caseViewService.cases.length === 0) {
-            return false;
-        }
-        return this._caseViewService.cases.every(value => this._dataFieldPortalData?.dataField.value.includes(value.stringId));
-    }
 }
-AbstractHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractHeaderComponent, deps: [{ token: i0.Injector }, { token: i1$2.TranslateService }, { token: OverflowService, optional: true }, { token: CaseViewService, optional: true }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+AbstractHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractHeaderComponent, deps: [{ token: i0.Injector }, { token: i1$2.TranslateService }, { token: OverflowService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 AbstractHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractHeaderComponent, selector: "ncc-abstract-header", inputs: { type: "type", hideHeaderMenu: "hideHeaderMenu", showEditButton: "showEditButton", showSortButton: "showSortButton", showSearchButton: "showSearchButton", showTableSection: "showTableSection", approval: "approval", maxHeaderColumns: "maxHeaderColumns", responsiveHeaders: "responsiveHeaders" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractHeaderComponent, decorators: [{
             type: Component,
@@ -26052,13 +26064,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1$2.TranslateService }, { type: OverflowService, decorators: [{
                     type: Optional
-                }] }, { type: CaseViewService, decorators: [{
-                    type: Optional
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DATA_FIELD_PORTAL_DATA]
                 }] }]; }, propDecorators: { type: [{
                 type: Input
             }], hideHeaderMenu: [{
@@ -26747,7 +26752,7 @@ class AbstractLogoutShortcutComponent {
         });
     }
 }
-AbstractLogoutShortcutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractLogoutShortcutComponent, deps: [{ token: UserService }, { token: LoggerService }, { token: ConfigurationService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component });
+AbstractLogoutShortcutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractLogoutShortcutComponent, deps: [{ token: UserService }, { token: LoggerService }, { token: ConfigurationService }, { token: i2$5.Router }], target: i0.ɵɵFactoryTarget.Component });
 AbstractLogoutShortcutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractLogoutShortcutComponent, selector: "ncc-abstract-logout-shortcut", outputs: { loggedOut: "loggedOut" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractLogoutShortcutComponent, decorators: [{
             type: Component,
@@ -26755,7 +26760,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-abstract-logout-shortcut',
                     template: '',
                 }]
-        }], ctorParameters: function () { return [{ type: UserService }, { type: LoggerService }, { type: ConfigurationService }, { type: i3$1.Router }]; }, propDecorators: { loggedOut: [{
+        }], ctorParameters: function () { return [{ type: UserService }, { type: LoggerService }, { type: ConfigurationService }, { type: i2$5.Router }]; }, propDecorators: { loggedOut: [{
                 type: Output
             }] } });
 
@@ -26919,14 +26924,14 @@ class AuthorityGuardService {
         }
     }
 }
-AuthorityGuardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AuthorityGuardService, deps: [{ token: RedirectService }, { token: UserService }, { token: ConfigurationService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+AuthorityGuardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AuthorityGuardService, deps: [{ token: RedirectService }, { token: UserService }, { token: ConfigurationService }, { token: i2$5.Router }], target: i0.ɵɵFactoryTarget.Injectable });
 AuthorityGuardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AuthorityGuardService, providedIn: AuthenticationModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AuthorityGuardService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: AuthenticationModule
                 }]
-        }], ctorParameters: function () { return [{ type: RedirectService }, { type: UserService }, { type: ConfigurationService }, { type: i3$1.Router }]; } });
+        }], ctorParameters: function () { return [{ type: RedirectService }, { type: UserService }, { type: ConfigurationService }, { type: i2$5.Router }]; } });
 
 class GroupGuardService {
     constructor(_redirectService, _userService, _nextGroupService, _configService, _log) {
@@ -27251,7 +27256,7 @@ class AbstractNavigationTreeComponent extends AbstractNavigationResizableDrawerC
         this.resolveLevels(this.dataSource.data);
     }
 }
-AbstractNavigationTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractNavigationTreeComponent, deps: [{ token: ConfigurationService }, { token: i3$1.Router }, { token: LoggerService }, { token: UserService }, { token: AccessService }, { token: ActiveGroupService }, { token: TaskResourceService }, { token: LanguageService }, { token: DynamicNavigationRouteProviderService }], target: i0.ɵɵFactoryTarget.Component });
+AbstractNavigationTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractNavigationTreeComponent, deps: [{ token: ConfigurationService }, { token: i2$5.Router }, { token: LoggerService }, { token: UserService }, { token: AccessService }, { token: ActiveGroupService }, { token: TaskResourceService }, { token: LanguageService }, { token: DynamicNavigationRouteProviderService }], target: i0.ɵɵFactoryTarget.Component });
 AbstractNavigationTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractNavigationTreeComponent, selector: "ncc-abstract-navigation-tree", inputs: { viewPath: "viewPath", parentUrl: "parentUrl", routerChange: "routerChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractNavigationTreeComponent, decorators: [{
             type: Component,
@@ -27259,7 +27264,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-abstract-navigation-tree',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: i3$1.Router }, { type: LoggerService }, { type: UserService }, { type: AccessService }, { type: ActiveGroupService }, { type: TaskResourceService }, { type: LanguageService }, { type: DynamicNavigationRouteProviderService }]; }, propDecorators: { viewPath: [{
+        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: i2$5.Router }, { type: LoggerService }, { type: UserService }, { type: AccessService }, { type: ActiveGroupService }, { type: TaskResourceService }, { type: LanguageService }, { type: DynamicNavigationRouteProviderService }]; }, propDecorators: { viewPath: [{
                 type: Input
             }], parentUrl: [{
                 type: Input
@@ -27794,14 +27799,14 @@ class RoutingBuilderService {
         return result;
     }
 }
-RoutingBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RoutingBuilderService, deps: [{ token: i3$1.Router }, { token: ConfigurationService }, { token: ViewService }, { token: LoggerService }, { token: DynamicNavigationRouteProviderService }, { token: NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+RoutingBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RoutingBuilderService, deps: [{ token: i2$5.Router }, { token: ConfigurationService }, { token: ViewService }, { token: LoggerService }, { token: DynamicNavigationRouteProviderService }, { token: NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 RoutingBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RoutingBuilderService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RoutingBuilderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i3$1.Router }, { type: ConfigurationService }, { type: ViewService }, { type: LoggerService }, { type: DynamicNavigationRouteProviderService }, { type: i0.Type, decorators: [{
+        }], ctorParameters: function () { return [{ type: i2$5.Router }, { type: ConfigurationService }, { type: ViewService }, { type: LoggerService }, { type: DynamicNavigationRouteProviderService }, { type: i0.Type, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -27809,7 +27814,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }] }]; } });
 
 const MENU_IDENTIFIERS = [
-    'preference_item',
+    'menu_item',
 ];
 const SETTINGS_TRANSITION_ID = 'item_settings';
 const LEFT_DRAWER_DEFAULT_WIDTH = 60;
@@ -27824,6 +27829,48 @@ var MenuOrder;
     MenuOrder[MenuOrder["Descending"] = 1] = "Descending";
 })(MenuOrder || (MenuOrder = {}));
 
+class DoubleDrawerUtils {
+    constructor() { }
+    static hasItemChildren(item) {
+        return item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_HAS_CHILDREN)?.value;
+    }
+    static hasItemAutoOpenView(item) {
+        return item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_IS_AUTO_SELECT)?.value;
+    }
+    static hasItemView(item) {
+        return item?.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_CONTAINS_FILTER)?.value;
+    }
+    static isItemAndNodeEqual(item, node) {
+        return item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)?.value === node.uriPath;
+    }
+    static extractChildCaseIds(item) {
+        return item.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_CHILD_ITEM_IDS)?.value;
+    }
+    static representsRootNode(item) {
+        return item.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH).value === '/';
+    }
+    static resolveAccessRoles(filter, roleType) {
+        const allowedRoles = filter.immediateData.find(f => f.stringId === roleType)?.options;
+        if (!allowedRoles || Object.keys(allowedRoles).length === 0)
+            return undefined;
+        const roles = [];
+        Object.keys(allowedRoles).forEach(combined => {
+            const parts = combined.split(':');
+            roles.push({
+                processId: parts[1],
+                roleId: parts[0],
+            });
+        });
+        return roles;
+    }
+    static isNodeCorrespondingToItem(node, item) {
+        return item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)?.value === node.uriPath;
+    }
+    static findTaskIdInCase(useCase, transId) {
+        return useCase.tasks.find(taskPair => taskPair.transition === transId).task;
+    }
+}
+
 /**
  * Holds all identifiers of the Impersonation config process in an accessible manner
  */
@@ -27904,14 +27951,14 @@ class ImpersonationService extends AbstractResourceService {
         }
     }
 }
-ImpersonationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ImpersonationService, deps: [{ token: ResourceProvider }, { token: i3$1.Router }, { token: ConfigurationService }, { token: UserService }, { token: SnackBarService }, { token: FilterRepository }, { token: LoggerService }, { token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
+ImpersonationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ImpersonationService, deps: [{ token: ResourceProvider }, { token: i2$5.Router }, { token: ConfigurationService }, { token: UserService }, { token: SnackBarService }, { token: FilterRepository }, { token: LoggerService }, { token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
 ImpersonationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ImpersonationService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ImpersonationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: ResourceProvider }, { type: i3$1.Router }, { type: ConfigurationService }, { type: UserService }, { type: SnackBarService }, { type: FilterRepository }, { type: LoggerService }, { type: i1$2.TranslateService }]; } });
+        }], ctorParameters: function () { return [{ type: ResourceProvider }, { type: i2$5.Router }, { type: ConfigurationService }, { type: UserService }, { type: SnackBarService }, { type: FilterRepository }, { type: LoggerService }, { type: i1$2.TranslateService }]; } });
 
 class ImpersonationUserSelectService {
     constructor(_log, _snackBar, _impersonation, _user, _dialog, _userImpersonateComponent, _adminImpersonateComponent) {
@@ -27994,88 +28041,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     args: [NAE_ADMIN_IMPERSONATE_DIALOG_COMPONENT]
                 }] }]; } });
 
-class AbstractNavigationDoubleDrawerComponent {
-    constructor(_router, _activatedRoute, _breakpoint, _languageService, _translateService, _userService, _accessService, _log, _config, _uriService, _caseResourceService, _impersonationUserSelect, _impersonation, _dynamicRoutingService) {
-        this._router = _router;
-        this._activatedRoute = _activatedRoute;
-        this._breakpoint = _breakpoint;
-        this._languageService = _languageService;
-        this._translateService = _translateService;
-        this._userService = _userService;
-        this._accessService = _accessService;
+/**
+ * Service for managing navigation in double-drawer
+ * */
+class DoubleDrawerNavigationService {
+    constructor(_uriService, _log, _config, _activatedRoute, _caseResourceService, _accessService, _translateService, _dynamicRoutingService, _redirectService) {
+        this._uriService = _uriService;
         this._log = _log;
         this._config = _config;
-        this._uriService = _uriService;
+        this._activatedRoute = _activatedRoute;
         this._caseResourceService = _caseResourceService;
-        this._impersonationUserSelect = _impersonationUserSelect;
-        this._impersonation = _impersonation;
+        this._accessService = _accessService;
+        this._translateService = _translateService;
         this._dynamicRoutingService = _dynamicRoutingService;
-        this.imageRouterLink = '/';
-        this.imageAlt = 'Logo';
-        this.profileRouterLink = '/profile';
-        this.includeUser = true;
-        this.includeLanguage = true;
-        this.includeMoreMenu = true;
-        this.includeImpersonation = true;
-        this.allClosable = true;
-        this.folderIcon = 'folder';
-        this.openedFolderIcon = 'folder_open';
-        this.filterIcon = 'filter_alt';
-        this.foldersCategoryName = 'toolbar.menu.folders';
-        this.viewsCategoryName = 'toolbar.menu.views';
-        this.loggedOut = new EventEmitter(true); // on logout
-        this.stateChanged = new EventEmitter(); // on menu state change
-        this.itemClicked = new EventEmitter(); // on item click
-        this.resized = new EventEmitter(true); // on menu resize
-        this.itemLoaded = new EventEmitter(true); // on item loaded
-        this._configLeftMenu = {
-            mode: 'side',
-            opened: true,
-            disableClose: false,
-            width: LEFT_DRAWER_DEFAULT_WIDTH,
-        };
-        this._configRightMenu = {
-            mode: 'side',
-            opened: true,
-            disableClose: false,
-            width: RIGHT_DRAWER_DEFAULT_WIDTH,
-        };
-        this.leftItems = new Array();
-        this.rightItems = new Array();
-        this.leftLoading$ = new LoadingEmitter();
-        this.rightLoading$ = new LoadingEmitter();
-        this.nodeLoading$ = new LoadingEmitter();
-        this.itemsOrder = MenuOrder.Ascending;
-        this.hiddenCustomItems = [];
-        this.moreItems = new Array();
+        this._redirectService = _redirectService;
+        this.defaultViewIcon = 'filter_alt';
+        this._leftItems$ = new BehaviorSubject([]);
+        this._rightItems$ = new BehaviorSubject([]);
+        this._moreItems$ = new BehaviorSubject([]);
+        this._hiddenCustomItems$ = new BehaviorSubject([]);
         this._childCustomViews = {};
-    }
-    ngOnInit() {
-        this._breakpointSubscription = this._breakpoint.observe([Breakpoints.HandsetLandscape]).subscribe(() => {
-            if (this._breakpoint.isMatched('(max-width: 959.99px)')) {
-                this.resolveLayout(false);
-            }
-            else {
-                this.resolveLayout(true);
-            }
-        });
+        this._leftLoading$ = new LoadingEmitter();
+        this._rightLoading$ = new LoadingEmitter();
+        this._nodeLoading$ = new LoadingEmitter();
+        this._currentNavigationItem = null;
+        this.itemsOrder = MenuOrder.Ascending;
+        this.customItemsInitialized = false;
+        this.hiddenCustomItemsInitialized = false;
+        this.itemClicked = new EventEmitter();
+        this.itemLoaded = new EventEmitter();
         this._currentNodeSubscription = this._uriService.activeNode$.subscribe(node => {
             this.currentNode = node;
         });
-        const viewConfigurationPath = this._activatedRoute.snapshot.data[NAE_ROUTING_CONFIGURATION_PATH];
-        if (!!viewConfigurationPath) {
-            const viewConfiguration = this._config.getViewByPath(viewConfigurationPath);
-            Object.entries(viewConfiguration.children).forEach(([key, childView]) => {
-                this.resolveUriForChildViews(viewConfigurationPath + '/' + key, childView);
-                this.resolveHiddenMenuItemFromChildViews(viewConfigurationPath + '/' + key, childView);
-            });
-        }
+    }
+    ngOnDestroy() {
+        this._currentNodeSubscription?.unsubscribe();
+        this._leftLoading$.complete();
+        this._rightLoading$.complete();
+        this._nodeLoading$.complete();
+        this.itemClicked.complete();
+        this.itemLoaded.complete();
+    }
+    get canGoBackLoading$() {
+        return this._nodeLoading$;
     }
     get currentNode() {
         return this._currentNode;
     }
     set currentNode(node) {
-        if (node === this._currentNode || this.leftLoading$.isActive || this.rightLoading$.isActive) {
+        if (node === this._currentNode || this._leftLoading$.isActive || this._rightLoading$.isActive) {
             return;
         }
         this._currentNode = node;
@@ -28087,125 +28101,82 @@ class AbstractNavigationDoubleDrawerComponent {
                 node.parent = this._uriService.root;
             }
             else {
-                this.nodeLoading$.on();
+                this._nodeLoading$.on();
                 this._uriService.getNodeByPath(this._uriService.resolveParentPath(node)).subscribe(n => {
                     node.parent = !n ? this._uriService.root : n;
-                    this.nodeLoading$.off();
+                    this._nodeLoading$.off();
                 }, error => {
                     this._log.error(error);
-                    this.nodeLoading$.off();
+                    this._nodeLoading$.off();
                 });
             }
         }
-        if (this.nodeLoading$.isActive) {
-            this.nodeLoading$.subscribe(() => {
-                this.resolveMenuItems(node);
+        if (this._nodeLoading$.isActive) {
+            this._nodeLoading$.subscribe(() => {
+                this.loadNavigationItems(node);
             });
         }
         else {
-            this.resolveMenuItems(node);
+            this.loadNavigationItems(node);
         }
     }
-    resolveMenuItems(node) {
-        if (this._uriService.isRoot(node)) {
-            this.leftItems = [];
-            this.loadRightSide();
-        }
-        else {
-            if (!this.leftItems.find(item => item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)?.value === node.uriPath)) {
-                this.loadLeftSide();
-            }
-            this.loadRightSide();
-        }
+    get itemClicked$() {
+        return this.itemClicked;
     }
-    ngOnDestroy() {
-        this._breakpointSubscription?.unsubscribe();
-        this._currentNodeSubscription?.unsubscribe();
-        this.leftLoading$.complete();
-        this.rightLoading$.complete();
-        this.nodeLoading$.complete();
-        this.loggedOut.complete();
-        this.stateChanged.complete();
-        this.itemClicked.complete();
-        this.resized.complete();
-        this.itemLoaded.complete();
+    get itemLoaded$() {
+        return this.itemLoaded;
     }
-    get configLeftMenu() {
-        return this._configLeftMenu;
+    get rightItems$() {
+        return this._rightItems$;
     }
-    get configRightMenu() {
-        return this._configRightMenu;
+    get leftItems$() {
+        return this._leftItems$;
     }
-    toggleMenu() {
-        this.toggleRightMenu();
-        if (this.allClosable) {
-            this.toggleLeftMenu();
-        }
+    get moreItems$() {
+        return this._moreItems$;
     }
-    toggleLeftMenu() {
-        this._configLeftMenu.opened = !this._configLeftMenu.opened;
-        this.stateChanged.emit({ menu: 'left', isOpened: this._configLeftMenu.opened });
+    get hiddenCustomItems$() {
+        return this._hiddenCustomItems$;
     }
-    toggleRightMenu() {
-        this._configRightMenu.opened = !this._configRightMenu.opened;
-        this.stateChanged.emit({ menu: 'right', isOpened: this._configRightMenu.opened });
+    get rightItems() {
+        return this._rightItems$.getValue();
     }
-    resolveLayout(isLargeScreen) {
-        this._configLeftMenu = isLargeScreen ? {
-            mode: 'side',
-            opened: true,
-            disableClose: true,
-            width: this._configLeftMenu.width,
-        } : {
-            mode: 'over',
-            opened: false,
-            disableClose: false,
-            width: this._configLeftMenu.width,
-        };
-        this._configRightMenu = isLargeScreen ? {
-            mode: 'side',
-            opened: true,
-            disableClose: true,
-            width: this._configRightMenu.width,
-        } : {
-            mode: 'over',
-            opened: false,
-            disableClose: false,
-            width: this._configRightMenu.width,
-        };
+    get leftItems() {
+        return this._leftItems$.getValue();
     }
-    getLang() {
-        return this._languageService.getLanguage();
+    get moreItems() {
+        return this._moreItems$.getValue();
     }
-    logout() {
-        this._userService.logout().subscribe(response => {
-            this._log.debug('User is logged out');
-            this.loggedOut.emit(response);
-            if (this._config.get().services && this._config.get().services.auth && this._config.getOnLogoutPath()) {
-                const redirectPath = this._config.getOnLogoutPath();
-                this._log.info('Redirecting to ' + redirectPath);
-                this._router.navigate([redirectPath]);
-            }
-        });
+    get hiddenCustomItems() {
+        return this._hiddenCustomItems$.getValue();
     }
-    impersonate() {
-        this._impersonationUserSelect.selectImpersonate();
+    get leftLoading$() {
+        return this._leftLoading$;
     }
-    stopImpersonating() {
-        this._impersonation.cease();
+    get rightLoading$() {
+        return this._rightLoading$;
     }
-    get user() {
-        return this._userService.user;
+    get nodeLoading$() {
+        return this._nodeLoading$;
     }
-    get canGoBackLoading$() {
-        return this.nodeLoading$;
+    loadNavigationItems(node) {
+        if (this._uriService.isRoot(node)) {
+            this._leftItems$.next([]);
+            this.loadRightSide();
+        }
+        else {
+            if (!this._leftItems$.getValue().find(item => DoubleDrawerUtils.isNodeCorrespondingToItem(node, item))) {
+                this.loadLeftSide();
+            }
+            this.loadRightSide();
+        }
     }
     /**
      * On home click, the current level is set to 0, and current parent is
      * set to root node.
      * */
     onHomeClick() {
-        if (this.leftLoading$.isActive || this.rightLoading$.isActive) {
+        if (this._leftLoading$.isActive || this._rightLoading$.isActive) {
             return;
         }
         this._uriService.activeNode = this._uriService.root;
@@ -28218,13 +28189,19 @@ class AbstractNavigationDoubleDrawerComponent {
      * Current level is set to a lower number in order to set the left side menu.
      * */
     onBackClick() {
-        if (this.leftLoading$.isActive || this.rightLoading$.isActive || this._uriService.isRoot(this._currentNode)) {
+        if (this._leftLoading$.isActive || this._rightLoading$.isActive || this._uriService.isRoot(this._currentNode)) {
             return;
         }
         this._uriService.activeNode = this._currentNode.parent;
         this.itemClicked.emit({ uriNode: this._uriService.activeNode, isHome: false });
     }
+    /**
+     * On item click, the selected item's view is rendered (by routerLink). If the selected item has children items, the menu is updated
+     * and view, that is rendered is selected by the defined rule. The rule is: On first check for default view in children.
+     * On second check if the clicked item has a view. On third, pick any other children's view, else show nothing.
+     * */
     onItemClick(item) {
+        this._currentNavigationItem = item;
         if (item.resource === undefined) {
             // custom view represented only in nae.json
             if (item.processUri === this.currentNode.uriPath) {
@@ -28237,10 +28214,13 @@ class AbstractNavigationDoubleDrawerComponent {
         }
         else {
             const path = item.resource.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)?.value;
-            if (this.hasItemChildren(item) && !this.leftLoading$.isActive && !this.rightLoading$.isActive) {
+            if (DoubleDrawerUtils.hasItemChildren(item) && !this._leftLoading$.isActive && !this._rightLoading$.isActive) {
                 this._uriService.getNodeByPath(path).subscribe(node => {
                     this._uriService.activeNode = node;
                     this.itemClicked.emit({ uriNode: this._uriService.activeNode, isHome: false });
+                    this._rightLoading$.pipe(filter(isRightLoading => isRightLoading === false), take(1)).subscribe(() => {
+                        this.openAvailableView();
+                    });
                 }, error => {
                     this._log.error(error);
                 });
@@ -28255,18 +28235,77 @@ class AbstractNavigationDoubleDrawerComponent {
             }
         }
     }
-    hasItemChildren(item) {
-        return item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_HAS_CHILDREN)?.value;
+    /**
+     * Opens a view of the current right items in the menu by defined rule. The rule is: On first check for default
+     * view in children. On second check if the clicked item has a view. On third, pick any other children's view, else
+     * show nothing.
+     * */
+    openAvailableView() {
+        let allItems = this.rightItems.concat(this.moreItems);
+        let autoOpenItems = allItems.filter(item => DoubleDrawerUtils.hasItemAutoOpenView(item));
+        if (autoOpenItems.length > 0) {
+            this._redirectService.redirect(autoOpenItems[0].routing.path);
+            return;
+        }
+        if (DoubleDrawerUtils.hasItemView(this._currentNavigationItem)) {
+            // is routed by routerLink on item click
+            return;
+        }
+        let itemsWithView = allItems.filter(item => DoubleDrawerUtils.hasItemView(item));
+        if (itemsWithView.length > 0) {
+            this._redirectService.redirect(autoOpenItems[0].routing.path);
+        }
     }
-    isItemAndNodeEqual(item, node) {
-        return item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)?.value === node.uriPath;
+    loadMoreItems() {
+        if (this.moreItems.length > RIGHT_SIDE_NEW_PAGE_SIZE) {
+            let currentRightItems = this.rightItems;
+            let currentMoreItems = this.moreItems;
+            currentRightItems.push(...currentMoreItems.splice(0, RIGHT_SIDE_NEW_PAGE_SIZE));
+            this.rightItems$.next(currentRightItems);
+            this.moreItems$.next(currentMoreItems);
+        }
+        else {
+            let currentRightItems = this.rightItems;
+            currentRightItems.push(...this.moreItems);
+            this.rightItems$.next(currentRightItems);
+            this.moreItems$.next([]);
+        }
+    }
+    initializeCustomViewsOfView(view, viewConfigPath) {
+        if (!view || this.customItemsInitialized || this.hiddenCustomItemsInitialized)
+            return;
+        Object.entries(view.children).forEach(([key, childView]) => {
+            const childViewConfigPath = viewConfigPath + '/' + key;
+            this.resolveUriForChildViews(childViewConfigPath, childView);
+            this.resolveHiddenMenuItemFromChildViews(childViewConfigPath, childView);
+        });
+        this.resolveCustomViewsInRightSide();
+        this.resolveCustomViewsInLeftSide();
+        this.customItemsInitialized = true;
+        this.hiddenCustomItemsInitialized = true;
+    }
+    switchOrder() {
+        this.itemsOrder = (this.itemsOrder + 1) % 2;
+        let multiplier = 1;
+        if (this.itemsOrder === MenuOrder.Descending) {
+            multiplier = -1;
+        }
+        let currentRightItems = this.rightItems;
+        let currentLeftItems = this.leftItems;
+        currentRightItems.sort((a, b) => multiplier * a?.navigation?.title.localeCompare(b?.navigation?.title));
+        currentLeftItems.sort((a, b) => multiplier * a?.navigation?.title.localeCompare(b?.navigation?.title));
+        this.rightItems$.next(currentRightItems);
+        this.leftItems$.next(currentLeftItems);
+    }
+    isAscending() {
+        return this.itemsOrder === MenuOrder.Ascending;
     }
     loadLeftSide() {
         if (this._uriService.isRoot(this._currentNode)) {
-            this.leftItems = [];
+            this._leftItems$.next([]);
             return;
         }
-        this.leftLoading$.on();
+        this._leftLoading$.on();
         this._uriService.getItemCaseByNodePath(this.currentNode.parent).subscribe(page => {
             let childCases$;
             let targetItem;
@@ -28276,31 +28315,31 @@ class AbstractNavigationDoubleDrawerComponent {
             }
             else {
                 targetItem = page.content[0];
-                orderedChildCaseIds = this.extractChildCaseIds(targetItem);
+                orderedChildCaseIds = DoubleDrawerUtils.extractChildCaseIds(targetItem);
                 childCases$ = this.getItemCasesByIdsInOnePage(orderedChildCaseIds).pipe(map(p => p.content));
             }
             childCases$.subscribe(result => {
                 result = result.map(folder => this.resolveItemCaseToNavigationItem(folder)).filter(i => !!i);
-                this.leftItems = result.sort((a, b) => orderedChildCaseIds.indexOf(a.resource.stringId) - orderedChildCaseIds.indexOf(b.resource.stringId));
+                this._leftItems$.next(result.sort((a, b) => orderedChildCaseIds.indexOf(a.resource.stringId) - orderedChildCaseIds.indexOf(b.resource.stringId)));
                 this.resolveCustomViewsInLeftSide();
-                this.leftLoading$.off();
+                this._leftLoading$.off();
                 this.itemLoaded.emit({ menu: 'left', items: this.leftItems });
             }, error => {
                 this._log.error(error);
-                this.leftItems = [];
+                this._leftItems$.next([]);
                 this.resolveCustomViewsInLeftSide();
-                this.leftLoading$.off();
+                this._leftLoading$.off();
             });
         }, error => {
             this._log.error(error);
-            this.leftItems = [];
+            this._leftItems$.next([]);
             this.resolveCustomViewsInLeftSide();
-            this.leftLoading$.off();
+            this._leftLoading$.off();
         });
     }
     loadRightSide() {
-        this.rightLoading$.on();
-        this.moreItems = [];
+        this._rightLoading$.on();
+        this._moreItems$.next([]);
         this._uriService.getItemCaseByNodePath(this.currentNode).subscribe(page => {
             let childCases$;
             let targetItem;
@@ -28310,40 +28349,37 @@ class AbstractNavigationDoubleDrawerComponent {
             }
             else {
                 targetItem = page.content[0];
-                orderedChildCaseIds = this.extractChildCaseIds(targetItem);
+                orderedChildCaseIds = DoubleDrawerUtils.extractChildCaseIds(targetItem);
                 childCases$ = this.getItemCasesByIdsInOnePage(orderedChildCaseIds).pipe(map(p => p.content));
             }
             childCases$.subscribe(result => {
                 result = result.sort((a, b) => orderedChildCaseIds.indexOf(a.stringId) - orderedChildCaseIds.indexOf(b.stringId));
                 if (result.length > RIGHT_SIDE_INIT_PAGE_SIZE) {
                     const rawRightItems = result.splice(0, RIGHT_SIDE_INIT_PAGE_SIZE);
-                    this.rightItems = rawRightItems.map(folder => this.resolveItemCaseToNavigationItem(folder)).filter(i => !!i);
-                    this.moreItems = result.map(folder => this.resolveItemCaseToNavigationItem(folder)).filter(i => !!i);
+                    this._rightItems$.next(rawRightItems.map(folder => this.resolveItemCaseToNavigationItem(folder)).filter(i => !!i));
+                    this._moreItems$.next(result.map(folder => this.resolveItemCaseToNavigationItem(folder)).filter(i => !!i));
                 }
                 else {
-                    this.rightItems = result.map(folder => this.resolveItemCaseToNavigationItem(folder)).filter(i => !!i);
+                    this._rightItems$.next(result.map(folder => this.resolveItemCaseToNavigationItem(folder)).filter(i => !!i));
                 }
                 this.resolveCustomViewsInRightSide();
-                this.rightLoading$.off();
+                this._rightLoading$.off();
                 this.itemLoaded.emit({ menu: 'right', items: this.rightItems });
             }, error => {
                 this._log.error(error);
-                this.rightItems = [];
-                this.moreItems = [];
+                this._rightItems$.next([]);
+                this._moreItems$.next([]);
                 this.resolveCustomViewsInRightSide();
-                this.rightLoading$.off();
+                this._rightLoading$.off();
             });
         }, error => {
             this._log.error(error);
-            this.rightItems = [];
-            this.moreItems = [];
+            this._rightItems$.next([]);
+            this._moreItems$.next([]);
             this.resolveCustomViewsInRightSide();
-            this.rightLoading$.off();
+            this._rightLoading$.off();
         });
     }
-    extractChildCaseIds(item) {
-        return item.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_CHILD_ITEM_IDS)?.value;
-    }
     getItemCasesByIdsInOnePage(caseIds) {
         return this.getItemCasesByIds(caseIds, 0, caseIds.length);
     }
@@ -28357,45 +28393,14 @@ class AbstractNavigationDoubleDrawerComponent {
             .set(PaginationParams.PAGE_NUMBER, pageNumber);
         return this._caseResourceService.searchCases(SimpleFilter.fromCaseQuery(searchBody), httpParams);
     }
-    loadMoreItems() {
-        if (this.moreItems.length > RIGHT_SIDE_NEW_PAGE_SIZE) {
-            this.rightItems.push(...this.moreItems.splice(0, RIGHT_SIDE_NEW_PAGE_SIZE));
-        }
-        else {
-            this.rightItems.push(...this.moreItems);
-            this.moreItems = [];
-        }
-    }
-    isAscending() {
-        return this.itemsOrder === MenuOrder.Ascending;
-    }
-    switchOrder() {
-        this.itemsOrder = (this.itemsOrder + 1) % 2;
-        let multiplier = 1;
-        if (this.itemsOrder === MenuOrder.Descending) {
-            multiplier = -1;
-        }
-        this.rightItems.sort((a, b) => multiplier * a?.navigation?.title.localeCompare(b?.navigation?.title));
-        this.leftItems.sort((a, b) => multiplier * a?.navigation?.title.localeCompare(b?.navigation?.title));
-    }
-    resolveCustomViewsInRightSide() {
-        if (!!this._childCustomViews[this._currentNode.uriPath]) {
-            this.rightItems.push(...Object.values(this._childCustomViews[this._currentNode.uriPath]));
-        }
-    }
-    resolveCustomViewsInLeftSide() {
-        if (!!this._childCustomViews[this._currentNode.parent.uriPath]) {
-            this.leftItems.push(...Object.values(this._childCustomViews[this._currentNode.parent.uriPath]));
-        }
-    }
     resolveItemCaseToNavigationItem(itemCase) {
-        if (this.representsRootNode(itemCase)) {
+        if (DoubleDrawerUtils.representsRootNode(itemCase)) {
             return;
         }
         const item = {
             access: {},
             navigation: {
-                icon: itemCase.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_MENU_ICON)?.value || this.filterIcon,
+                icon: itemCase.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_MENU_ICON)?.value || this.defaultViewIcon,
                 title: this.getTranslation(itemCase.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_MENU_NAME)?.value) || itemCase.title,
             },
             routing: {
@@ -28404,8 +28409,8 @@ class AbstractNavigationDoubleDrawerComponent {
             id: itemCase.stringId,
             resource: itemCase,
         };
-        const resolvedRoles = this.resolveAccessRoles(itemCase, GroupNavigationConstants.ITEM_FIELD_ID_ALLOWED_ROLES);
-        const resolvedBannedRoles = this.resolveAccessRoles(itemCase, GroupNavigationConstants.ITEM_FIELD_ID_BANNED_ROLES);
+        const resolvedRoles = DoubleDrawerUtils.resolveAccessRoles(itemCase, GroupNavigationConstants.ITEM_FIELD_ID_ALLOWED_ROLES);
+        const resolvedBannedRoles = DoubleDrawerUtils.resolveAccessRoles(itemCase, GroupNavigationConstants.ITEM_FIELD_ID_BANNED_ROLES);
         if (!!resolvedRoles)
             item.access['role'] = resolvedRoles;
         if (!!resolvedBannedRoles)
@@ -28414,45 +28419,276 @@ class AbstractNavigationDoubleDrawerComponent {
             return;
         return item;
     }
-    representsRootNode(item) {
-        return item.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH).value === '/';
+    resolveCustomViewsInLeftSide() {
+        if (!!this._currentNode?.parent && !!this._childCustomViews[this._currentNode.parent.uriPath]) {
+            let currentLeftItems = this._leftItems$.getValue();
+            currentLeftItems.push(...Object.values(this._childCustomViews[this._currentNode.parent.uriPath]));
+            this._leftItems$.next(currentLeftItems);
+        }
+    }
+    resolveCustomViewsInRightSide() {
+        if (!!this._currentNode && !!this._childCustomViews[this._currentNode.uriPath]) {
+            let currentRightItems = this._rightItems$.getValue();
+            currentRightItems.push(...Object.values(this._childCustomViews[this._currentNode.uriPath]));
+            this._rightItems$.next(currentRightItems);
+        }
+    }
+    resolveUriForChildViews(configPath, childView) {
+        if (!childView.processUri)
+            return;
+        if (!this._accessService.canAccessView(childView, configPath))
+            return;
+        if (!this._childCustomViews[childView.processUri]) {
+            this._childCustomViews[childView.processUri] = {};
+        }
+        this._childCustomViews[childView.processUri][configPath] = {
+            id: configPath,
+            ...childView,
+        };
+    }
+    resolveHiddenMenuItemFromChildViews(configPath, childView) {
+        if (!childView.navigation)
+            return;
+        if (!this._accessService.canAccessView(childView, configPath))
+            return;
+        if (!!(childView?.navigation?.hidden)) {
+            let currentHiddenCustomItems = this._hiddenCustomItems$.getValue();
+            currentHiddenCustomItems.push({
+                id: configPath,
+                ...childView,
+            });
+            this._hiddenCustomItems$.next(currentHiddenCustomItems);
+        }
     }
     getTranslation(value) {
         const locale = this._translateService.currentLang.split('-')[0];
         return locale in value.translations ? value.translations[locale] : value.defaultValue;
     }
-    resolveAccessRoles(filter, roleType) {
-        const allowedRoles = filter.immediateData.find(f => f.stringId === roleType)?.options;
-        if (!allowedRoles || Object.keys(allowedRoles).length === 0)
-            return undefined;
-        const roles = [];
-        Object.keys(allowedRoles).forEach(combined => {
-            const parts = combined.split(':');
-            roles.push({
-                processId: parts[1],
-                roleId: parts[0],
-            });
-        });
-        return roles;
-    }
     getItemRoutingPath(itemCase) {
-        const transId = SETTINGS_TRANSITION_ID;
-        const taskId = itemCase.tasks.find(taskPair => taskPair.transition === transId).task;
+        const taskId = DoubleDrawerUtils.findTaskIdInCase(itemCase, SETTINGS_TRANSITION_ID);
         const url = this._dynamicRoutingService.route;
         return `/${url}/${taskId}`;
     }
+}
+DoubleDrawerNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DoubleDrawerNavigationService, deps: [{ token: UriService }, { token: LoggerService }, { token: ConfigurationService }, { token: i2$5.ActivatedRoute }, { token: CaseResourceService }, { token: AccessService }, { token: i1$2.TranslateService }, { token: DynamicNavigationRouteProviderService }, { token: RedirectService }], target: i0.ɵɵFactoryTarget.Injectable });
+DoubleDrawerNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DoubleDrawerNavigationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DoubleDrawerNavigationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: UriService }, { type: LoggerService }, { type: ConfigurationService }, { type: i2$5.ActivatedRoute }, { type: CaseResourceService }, { type: AccessService }, { type: i1$2.TranslateService }, { type: DynamicNavigationRouteProviderService }, { type: RedirectService }]; } });
+
+class AbstractNavigationDoubleDrawerComponent {
+    constructor(_router, _activatedRoute, _breakpoint, _languageService, _translateService, _userService, _accessService, _log, _config, _uriService, _caseResourceService, _impersonationUserSelect, _impersonation, _dynamicRoutingService, _redirectService, _navigationService) {
+        this._router = _router;
+        this._activatedRoute = _activatedRoute;
+        this._breakpoint = _breakpoint;
+        this._languageService = _languageService;
+        this._translateService = _translateService;
+        this._userService = _userService;
+        this._accessService = _accessService;
+        this._log = _log;
+        this._config = _config;
+        this._uriService = _uriService;
+        this._caseResourceService = _caseResourceService;
+        this._impersonationUserSelect = _impersonationUserSelect;
+        this._impersonation = _impersonation;
+        this._dynamicRoutingService = _dynamicRoutingService;
+        this._redirectService = _redirectService;
+        this._navigationService = _navigationService;
+        this.imageRouterLink = '/';
+        this.imageAlt = 'Logo';
+        this.profileRouterLink = '/profile';
+        this.includeUser = true;
+        this.includeLanguage = true;
+        this.includeMoreMenu = true;
+        this.includeImpersonation = true;
+        this.allClosable = true;
+        this.folderIcon = 'folder';
+        this.openedFolderIcon = 'folder_open';
+        this.filterIcon = 'filter_alt';
+        this.foldersCategoryName = 'toolbar.menu.folders';
+        this.viewsCategoryName = 'toolbar.menu.views';
+        this.loggedOut = new EventEmitter(true); // on logout
+        this.stateChanged = new EventEmitter(); // on menu state change
+        this.itemClicked = new EventEmitter(); // on item click
+        this.resized = new EventEmitter(true); // on menu resize
+        this.itemLoaded = new EventEmitter(true); // on item loaded
+        this._configLeftMenu = {
+            mode: 'side',
+            opened: true,
+            disableClose: false,
+            width: LEFT_DRAWER_DEFAULT_WIDTH,
+        };
+        this._configRightMenu = {
+            mode: 'side',
+            opened: true,
+            disableClose: false,
+            width: RIGHT_DRAWER_DEFAULT_WIDTH,
+        };
+        let configUrl = this._config.getServicesConfiguration()?.doubleDrawer?.url;
+        if (configUrl !== undefined && !configUrl.startsWith('/')) {
+            configUrl = '/' + configUrl;
+        }
+        this.configUrl = configUrl;
+        this._navigationService.itemClicked$.subscribe((itemClickEvent) => {
+            this.itemClicked.emit(itemClickEvent);
+        });
+        this._navigationService.itemLoaded$.subscribe((itemLoadedEvent) => {
+            this.itemLoaded.emit(itemLoadedEvent);
+        });
+    }
+    ngOnInit() {
+        this._breakpointSubscription = this._breakpoint.observe([Breakpoints.HandsetLandscape]).subscribe(() => {
+            if (this._breakpoint.isMatched('(max-width: 959.99px)')) {
+                this.resolveLayout(false);
+            }
+            else {
+                this.resolveLayout(true);
+            }
+        });
+        if (this.canApplyAutoSelect()) {
+            this.rightItems$.pipe(filter(rightItems => rightItems.length > 0), take(1)).subscribe(() => {
+                this.openAvailableView();
+            });
+        }
+        const viewConfigurationPath = this._activatedRoute.snapshot.data[NAE_ROUTING_CONFIGURATION_PATH];
+        if (!!viewConfigurationPath) {
+            const viewConfiguration = this._config.getViewByPath(viewConfigurationPath);
+            this._navigationService.initializeCustomViewsOfView(viewConfiguration, viewConfigurationPath);
+        }
+    }
+    ngOnDestroy() {
+        this._breakpointSubscription?.unsubscribe();
+        this.loggedOut.complete();
+        this.stateChanged.complete();
+        this.itemClicked.complete();
+        this.resized.complete();
+        this.itemLoaded.complete();
+    }
+    get currentNode() {
+        return this._navigationService.currentNode;
+    }
+    set currentNode(node) {
+        this._navigationService.currentNode = node;
+    }
+    get configLeftMenu() {
+        return this._configLeftMenu;
+    }
+    get configRightMenu() {
+        return this._configRightMenu;
+    }
+    get leftItems$() {
+        return this._navigationService.leftItems$;
+    }
+    get leftItems() {
+        return this._navigationService.leftItems;
+    }
+    get rightItems$() {
+        return this._navigationService.rightItems$;
+    }
+    get rightItems() {
+        return this._navigationService.rightItems;
+    }
+    get moreItems$() {
+        return this._navigationService.moreItems$;
+    }
+    get moreItems() {
+        return this._navigationService.moreItems;
+    }
+    get hiddenCustomItems$() {
+        return this._navigationService.hiddenCustomItems$;
+    }
+    get hiddenCustomItems() {
+        return this._navigationService.hiddenCustomItems;
+    }
+    get leftLoading$() {
+        return this._navigationService.leftLoading$;
+    }
+    get rightLoading$() {
+        return this._navigationService.rightLoading$;
+    }
+    toggleMenu() {
+        this.toggleRightMenu();
+        if (this.allClosable) {
+            this.toggleLeftMenu();
+        }
+    }
+    toggleLeftMenu() {
+        this._configLeftMenu.opened = !this._configLeftMenu.opened;
+        this.stateChanged.emit({ menu: 'left', isOpened: this._configLeftMenu.opened });
+    }
+    toggleRightMenu() {
+        this._configRightMenu.opened = !this._configRightMenu.opened;
+        this.stateChanged.emit({ menu: 'right', isOpened: this._configRightMenu.opened });
+    }
+    getLang() {
+        return this._languageService.getLanguage();
+    }
+    logout() {
+        this._userService.logout().subscribe(response => {
+            this._log.debug('User is logged out');
+            this.loggedOut.emit(response);
+            if (this._config.get().services && this._config.get().services.auth && this._config.getOnLogoutPath()) {
+                const redirectPath = this._config.getOnLogoutPath();
+                this._log.info('Redirecting to ' + redirectPath);
+                this._router.navigate([redirectPath]);
+            }
+        });
+    }
+    impersonate() {
+        this._impersonationUserSelect.selectImpersonate();
+    }
+    stopImpersonating() {
+        this._impersonation.cease();
+    }
+    get user() {
+        return this._userService.user;
+    }
+    get canGoBackLoading$() {
+        return this._navigationService.canGoBackLoading$;
+    }
+    /**
+     * On home click, the current level is set to 0, and current parent is
+     * set to root node.
+     * */
+    onHomeClick() {
+        this._navigationService.onHomeClick();
+    }
+    /**
+     * On back click, the parent is set to parent of left nodes, that will solve
+     * the right side menu (elements that were in left side, after backward
+     * navigation will be on the right side).
+     * Current level is set to a lower number in order to set the left side menu.
+     * */
+    onBackClick() {
+        this._navigationService.onBackClick();
+    }
+    onItemClick(item) {
+        this._navigationService.onItemClick(item);
+    }
+    loadMoreItems() {
+        this._navigationService.loadMoreItems();
+    }
+    isAscending() {
+        return this._navigationService.isAscending();
+    }
+    switchOrder() {
+        this._navigationService.switchOrder();
+    }
     /**
      * Function to check whether the back button should be displayed
      * @returns boolean if the back button should be displayed
      * */
     isOnZeroLevel() {
-        return !!this._currentNode?.level ? this._currentNode.level == 0 : true;
+        return !!this._navigationService.currentNode?.level ? this._navigationService.currentNode.level == 0 : true;
     }
     isLeftItemsEmpty() {
-        return this.leftItems === undefined || this.leftItems.length === 0;
+        return this._navigationService.leftItems === undefined || this._navigationService.leftItems.length === 0;
     }
     isRightItemsEmpty() {
-        return this.rightItems === undefined || this.rightItems.length === 0;
+        return this._navigationService.rightItems === undefined || this._navigationService.rightItems.length === 0;
     }
     uriNodeTrackBy(index, node) {
         return node.id;
@@ -28475,33 +28711,41 @@ class AbstractNavigationDoubleDrawerComponent {
         // this.userPreferenceService._drawerWidthChanged$.next(this.width);
         // this.contentWidth.next(this.width);
     }
-    resolveUriForChildViews(configPath, childView) {
-        if (!childView.processUri)
-            return;
-        if (!this._accessService.canAccessView(childView, configPath))
-            return;
-        if (!this._childCustomViews[childView.processUri]) {
-            this._childCustomViews[childView.processUri] = {};
-        }
-        this._childCustomViews[childView.processUri][configPath] = {
-            id: configPath,
-            ...childView,
+    isItemAndNodeEqual(item, node) {
+        return DoubleDrawerUtils.isItemAndNodeEqual(item, node);
+    }
+    resolveLayout(isLargeScreen) {
+        this._configLeftMenu = isLargeScreen ? {
+            mode: 'side',
+            opened: true,
+            disableClose: true,
+            width: this._configLeftMenu.width,
+        } : {
+            mode: 'over',
+            opened: false,
+            disableClose: false,
+            width: this._configLeftMenu.width,
+        };
+        this._configRightMenu = isLargeScreen ? {
+            mode: 'side',
+            opened: true,
+            disableClose: true,
+            width: this._configRightMenu.width,
+        } : {
+            mode: 'over',
+            opened: false,
+            disableClose: false,
+            width: this._configRightMenu.width,
         };
     }
-    resolveHiddenMenuItemFromChildViews(configPath, childView) {
-        if (!childView.navigation)
-            return;
-        if (!this._accessService.canAccessView(childView, configPath))
-            return;
-        if (!!(childView?.navigation?.hidden)) {
-            this.hiddenCustomItems.push({
-                id: configPath,
-                ...childView,
-            });
-        }
+    canApplyAutoSelect() {
+        return this.configUrl === this._router.url;
+    }
+    openAvailableView() {
+        this._navigationService.openAvailableView();
     }
 }
-AbstractNavigationDoubleDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractNavigationDoubleDrawerComponent, deps: [{ token: i3$1.Router }, { token: i3$1.ActivatedRoute }, { token: i1$7.BreakpointObserver }, { token: LanguageService }, { token: i1$2.TranslateService }, { token: UserService }, { token: AccessService }, { token: LoggerService }, { token: ConfigurationService }, { token: UriService }, { token: CaseResourceService }, { token: ImpersonationUserSelectService }, { token: ImpersonationService }, { token: DynamicNavigationRouteProviderService }], target: i0.ɵɵFactoryTarget.Component });
+AbstractNavigationDoubleDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractNavigationDoubleDrawerComponent, deps: [{ token: i2$5.Router }, { token: i2$5.ActivatedRoute }, { token: i1$7.BreakpointObserver }, { token: LanguageService }, { token: i1$2.TranslateService }, { token: UserService }, { token: AccessService }, { token: LoggerService }, { token: ConfigurationService }, { token: UriService }, { token: CaseResourceService }, { token: ImpersonationUserSelectService }, { token: ImpersonationService }, { token: DynamicNavigationRouteProviderService }, { token: RedirectService }, { token: DoubleDrawerNavigationService }], target: i0.ɵɵFactoryTarget.Component });
 AbstractNavigationDoubleDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractNavigationDoubleDrawerComponent, selector: "ncc-abstract-navigation-double-drawer", inputs: { portalLeftMenu: "portalLeftMenu", portalRightMenu: "portalRightMenu", imageRouterLink: "imageRouterLink", imageAlt: "imageAlt", image: "image", profileRouterLink: "profileRouterLink", includeUser: "includeUser", includeLanguage: "includeLanguage", includeMoreMenu: "includeMoreMenu", includeImpersonation: "includeImpersonation", allClosable: "allClosable", folderIcon: "folderIcon", openedFolderIcon: "openedFolderIcon", filterIcon: "filterIcon", foldersCategoryName: "foldersCategoryName", viewsCategoryName: "viewsCategoryName" }, outputs: { loggedOut: "loggedOut", stateChanged: "stateChanged", itemClicked: "itemClicked", resized: "resized", itemLoaded: "itemLoaded" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractNavigationDoubleDrawerComponent, decorators: [{
             type: Component,
@@ -28509,7 +28753,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-abstract-navigation-double-drawer',
                     template: '',
                 }]
-        }], ctorParameters: function () { return [{ type: i3$1.Router }, { type: i3$1.ActivatedRoute }, { type: i1$7.BreakpointObserver }, { type: LanguageService }, { type: i1$2.TranslateService }, { type: UserService }, { type: AccessService }, { type: LoggerService }, { type: ConfigurationService }, { type: UriService }, { type: CaseResourceService }, { type: ImpersonationUserSelectService }, { type: ImpersonationService }, { type: DynamicNavigationRouteProviderService }]; }, propDecorators: { portalLeftMenu: [{
+        }], ctorParameters: function () { return [{ type: i2$5.Router }, { type: i2$5.ActivatedRoute }, { type: i1$7.BreakpointObserver }, { type: LanguageService }, { type: i1$2.TranslateService }, { type: UserService }, { type: AccessService }, { type: LoggerService }, { type: ConfigurationService }, { type: UriService }, { type: CaseResourceService }, { type: ImpersonationUserSelectService }, { type: ImpersonationService }, { type: DynamicNavigationRouteProviderService }, { type: RedirectService }, { type: DoubleDrawerNavigationService }]; }, propDecorators: { portalLeftMenu: [{
                 type: Input
             }], portalRightMenu: [{
                 type: Input
@@ -28672,7 +28916,7 @@ class AbstractGroupNavigationComponentResolverComponent {
         });
     }
 }
-AbstractGroupNavigationComponentResolverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractGroupNavigationComponentResolverComponent, deps: [{ token: GroupNavigationComponentResolverService }, { token: i0.Injector }, { token: i3$1.ActivatedRoute }, { token: i3$1.Router }, { token: LoggerService }], target: i0.ɵɵFactoryTarget.Component });
+AbstractGroupNavigationComponentResolverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractGroupNavigationComponentResolverComponent, deps: [{ token: GroupNavigationComponentResolverService }, { token: i0.Injector }, { token: i2$5.ActivatedRoute }, { token: i2$5.Router }, { token: LoggerService }], target: i0.ɵɵFactoryTarget.Component });
 AbstractGroupNavigationComponentResolverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractGroupNavigationComponentResolverComponent, selector: "ncc-abstract-group-nagiation-resolver", ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractGroupNavigationComponentResolverComponent, decorators: [{
             type: Component,
@@ -28680,7 +28924,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-abstract-group-nagiation-resolver',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: GroupNavigationComponentResolverService }, { type: i0.Injector }, { type: i3$1.ActivatedRoute }, { type: i3$1.Router }, { type: LoggerService }]; } });
+        }], ctorParameters: function () { return [{ type: GroupNavigationComponentResolverService }, { type: i0.Injector }, { type: i2$5.ActivatedRoute }, { type: i2$5.Router }, { type: LoggerService }]; } });
 
 class AbstractBreadcrumbsComponent {
     constructor(_uriService, _caseResourceService, _activatedRoute, _router, _dynamicRoutingService, _translateService, _log) {
@@ -28717,7 +28961,7 @@ class AbstractBreadcrumbsComponent {
         }
         const splitPath = this._uriService.splitNodePath(this._uriService.activeNode);
         const fullPath = this.createFullPath(splitPath);
-        const fullPathQueries = fullPath.map(p => '(processIdentifier:preference_item AND dataSet.nodePath.textValue.keyword:\"' + p + '\")');
+        const fullPathQueries = fullPath.map(p => '(processIdentifier:menu_item AND dataSet.nodePath.textValue.keyword:\"' + p + '\")');
         fullPathQueries.push('(taskMongoIds:\"' + filterId + '\")');
         const searchBody = {
             query: fullPathQueries.join(" OR ")
@@ -28799,7 +29043,7 @@ class AbstractBreadcrumbsComponent {
         let tmp = '';
         return splitPath.filter(s => s !== "").map((value) => {
             tmp += AbstractBreadcrumbsComponent.DELIMETER + value;
-            return tmp.replace("//", AbstractBreadcrumbsComponent.DELIMETER);
+            return tmp?.replace("//", AbstractBreadcrumbsComponent.DELIMETER);
         });
     }
     immediateValue(aCase, fieldId) {
@@ -28814,7 +29058,7 @@ AbstractBreadcrumbsComponent.DOTS = '...';
 AbstractBreadcrumbsComponent.DELIMETER = '/';
 AbstractBreadcrumbsComponent.NODE_PATH = 'nodePath';
 AbstractBreadcrumbsComponent.ITEM_SETTINGS = 'item_settings';
-AbstractBreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractBreadcrumbsComponent, deps: [{ token: UriService }, { token: CaseResourceService }, { token: i3$1.ActivatedRoute }, { token: i3$1.Router }, { token: DynamicNavigationRouteProviderService }, { token: i1$2.TranslateService }, { token: LoggerService }], target: i0.ɵɵFactoryTarget.Component });
+AbstractBreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractBreadcrumbsComponent, deps: [{ token: UriService }, { token: CaseResourceService }, { token: i2$5.ActivatedRoute }, { token: i2$5.Router }, { token: DynamicNavigationRouteProviderService }, { token: i1$2.TranslateService }, { token: LoggerService }], target: i0.ɵɵFactoryTarget.Component });
 AbstractBreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractBreadcrumbsComponent, selector: "ncc-breadcrumbs-component", inputs: { showHome: "showHome", showFilter: "showFilter", redirectOnClick: "redirectOnClick", lengthOfPath: "lengthOfPath", partsAfterDots: "partsAfterDots" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractBreadcrumbsComponent, decorators: [{
             type: Component,
@@ -28822,7 +29066,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-breadcrumbs-component',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: UriService }, { type: CaseResourceService }, { type: i3$1.ActivatedRoute }, { type: i3$1.Router }, { type: DynamicNavigationRouteProviderService }, { type: i1$2.TranslateService }, { type: LoggerService }]; }, propDecorators: { showHome: [{
+        }], ctorParameters: function () { return [{ type: UriService }, { type: CaseResourceService }, { type: i2$5.ActivatedRoute }, { type: i2$5.Router }, { type: DynamicNavigationRouteProviderService }, { type: i1$2.TranslateService }, { type: LoggerService }]; }, propDecorators: { showHome: [{
                 type: Input
             }], showFilter: [{
                 type: Input
@@ -28834,6 +29078,226 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }] } });
 
+class AbstractDashboardComponent {
+    constructor(_caseResource, _log, _uriService, _router, _languageService, _doubleDrawerNavigationService) {
+        this._caseResource = _caseResource;
+        this._log = _log;
+        this._uriService = _uriService;
+        this._router = _router;
+        this._languageService = _languageService;
+        this._doubleDrawerNavigationService = _doubleDrawerNavigationService;
+        this.toolbarConfig = {
+            profileEnabled: false,
+            languageEnabled: false,
+            logoutEnabled: false,
+            simpleToolbar: true,
+            toolbarName: {
+                defaultValue: 'Netgrif',
+                translations: {}
+            },
+            toolbarLogo: 'assets/img/netgrif_full_white.svg',
+            profileUrl: 'profile',
+            loginUrl: ''
+        };
+        this.dashboardId = AbstractDashboardComponent.MAIN_DASHBOARD;
+        this.itemsLoaded = 0;
+        this.loading$ = new LoadingEmitter();
+        this.dashboardItemsMapping = {};
+        this.dashboardItems = [];
+        this.loading$.on();
+        const dashboardManagementSearchBody = {
+            process: { identifier: AbstractDashboardComponent.DASHBOARD_MANAGEMENT_IDENTIFIER },
+            data: {
+                [AbstractDashboardComponent.DASHBOARD_MANAGEMENT_ID_DATAFIELD]: this.dashboardId
+            }
+        };
+        let dashboardManagementParams = new HttpParams()
+            .set(PaginationParams.PAGE_SIZE, 1);
+        this._caseResource.searchCases(SimpleFilter.fromCaseQuery(dashboardManagementSearchBody), dashboardManagementParams).subscribe(resultDashboard => {
+            const dashboardContent = resultDashboard.content;
+            if (!dashboardContent || !dashboardContent.length || dashboardContent.length < 1) {
+                this.loading$.off();
+                this._log.error('Dashboard management case not found.');
+                return;
+            }
+            this.dashboardCase = dashboardContent[0];
+            this.toolbarConfig = {
+                profileEnabled: this.getManagementProfileToolbar(this.dashboardCase),
+                languageEnabled: this.getManagementLanguageToolbar(this.dashboardCase),
+                logoutEnabled: this.getManagementLogoutToolbar(this.dashboardCase),
+                simpleToolbar: this.getManagementSimpleToolbar(this.dashboardCase),
+                toolbarName: this.getManagementName(this.dashboardCase),
+                toolbarLogo: this.getManagementLogo(this.dashboardCase),
+                profileUrl: this.getManagementProfileUrl(this.dashboardCase),
+                loginUrl: this.getManagementLoginUrl(this.dashboardCase)
+            };
+            const dashboardItemsOptions = this.dashboardCase.immediateData
+                .find(immediateField => immediateField['importId'] === AbstractDashboardComponent.DASHBOARD_MANAGEMENT_ITEM_TO_MENU_ITEM_DATAFIELD).options;
+            if (!dashboardItemsOptions || Object.keys(dashboardItemsOptions).length === 0) {
+                this.loading$.off();
+                return;
+            }
+            const dashboardMenuToItems = Object.entries(dashboardItemsOptions)
+                .filter(([key, value]) => value.defaultValue != null)
+                .reduce((accum, [key, value]) => {
+                accum[value.defaultValue] = key;
+                return accum;
+            }, {});
+            let dashboardItemsParams = new HttpParams()
+                .set(PaginationParams.PAGE_SIZE, 100);
+            this.getDashboardItems(dashboardItemsOptions, dashboardItemsParams);
+            this.getMenuItems(dashboardMenuToItems, dashboardItemsParams);
+        });
+    }
+    getMenuItems(dashboardMenuToItems, dashboardItemsParams) {
+        let menuItemsSearchBody = {
+            stringId: Object.keys(dashboardMenuToItems)
+        };
+        this._caseResource.searchCases(SimpleFilter.fromCaseQuery(menuItemsSearchBody), dashboardItemsParams).subscribe(resultItems => {
+            const itemsContent = resultItems.content;
+            itemsContent.forEach(menuItemCase => {
+                const navigationItem = this._doubleDrawerNavigationService.resolveItemCaseToNavigationItem(menuItemCase);
+                const dashboardItemId = dashboardMenuToItems[menuItemCase.stringId];
+                if (!navigationItem) {
+                    this.dashboardItems = this.dashboardItems.filter(dashItem => dashItem.stringId !== dashboardItemId);
+                    return;
+                }
+                this.dashboardItemsMapping[dashboardItemId] = menuItemCase;
+            });
+            this.itemsLoaded += 1;
+            if (this.itemsLoaded == 2) {
+                this.loading$.off();
+            }
+        });
+    }
+    getDashboardItems(dashboardItemsOptions, dashboardItemsParams) {
+        const itemsOrder = this.getManagementItemsOrder(this.dashboardCase)?.split(",");
+        let dashboardItemsSearchBody = {
+            stringId: Object.keys(dashboardItemsOptions)
+        };
+        this._caseResource.searchCases(SimpleFilter.fromCaseQuery(dashboardItemsSearchBody), dashboardItemsParams).subscribe(resultItems => {
+            const itemsContent = resultItems.content;
+            if (!itemsContent || !itemsContent.length || itemsContent.length < 1) {
+                this.loading$.off();
+                this._log.error('No dashboard items found.');
+            }
+            itemsContent.forEach(item => {
+                const itemIndex = itemsOrder?.indexOf(item.stringId);
+                this.dashboardItems[itemIndex] = item;
+            });
+            this.itemsLoaded += 1;
+            if (this.itemsLoaded == 2) {
+                this.loading$.off();
+            }
+        });
+    }
+    // GET item fields
+    getItemName(itemCase) {
+        const i18nFieldValue = this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_ITEM_NAME_DATAFIELD);
+        return this._languageService.getLanguage() in i18nFieldValue.translations
+            ? i18nFieldValue.translations[this._languageService.getLanguage()]
+            : i18nFieldValue.defaultValue;
+    }
+    getItemIcon(itemCase) {
+        return this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_ITEM_ICON_DATAFIELD);
+    }
+    getItemInternal(itemCase) {
+        return this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_ITEM_INTERNAL_DATAFIELD);
+    }
+    getItemExternalIcon(itemCase) {
+        return this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_ITEM_EXTERNAL_ICON_DATAFIELD);
+    }
+    getItemURL(itemCase) {
+        return this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_ITEM_URL_DATAFIELD);
+    }
+    getItemFontColor(itemCase) {
+        const fontColor = this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_ITEM_FONT_COLOR_DATAFIELD);
+        return !!fontColor && fontColor !== '' ? fontColor : 'black';
+    }
+    getItemFontWeight(itemCase) {
+        const fontWeight = this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_ITEM_FONT_WEIGHT_DATAFIELD);
+        return !!fontWeight && fontWeight !== '' ? fontWeight : 'normal';
+    }
+    getItemIconColor(itemCase) {
+        const iconColor = this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_ITEM_ICON_COLOR_DATAFIELD);
+        return !!iconColor && iconColor !== '' ? iconColor : 'black';
+    }
+    // GET management fields
+    getManagementSimpleToolbar(itemCase) {
+        return this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_MANAGEMENT_SIMPLE_TOOLBAR_DATAFIELD);
+    }
+    getManagementProfileToolbar(itemCase) {
+        return this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_MANAGEMENT_PROFILE_TOOLBAR_DATAFIELD);
+    }
+    getManagementLanguageToolbar(itemCase) {
+        return this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_MANAGEMENT_LANGUAGE_TOOLBAR_DATAFIELD);
+    }
+    getManagementLogoutToolbar(itemCase) {
+        return this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_MANAGEMENT_LOGOUT_TOOLBAR_DATAFIELD);
+    }
+    getManagementName(itemCase) {
+        return this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_MANAGEMENT_NAME_DATAFIELD);
+    }
+    getManagementLogo(itemCase) {
+        return this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_MANAGEMENT_LOGO_DATAFIELD);
+    }
+    getManagementItemsOrder(itemCase) {
+        return this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_MANAGEMENT_ITEMS_ORDER_DATAFIELD);
+    }
+    getManagementProfileUrl(itemCase) {
+        return this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_MANAGEMENT_PROFILE_URL_DATAFIELD);
+    }
+    getManagementLoginUrl(itemCase) {
+        return this.getFieldValue(itemCase, AbstractDashboardComponent.DASHBOARD_MANAGEMENT_LOGIN_URL_DATAFIELD);
+    }
+    getFieldValue(itemCase, fieldId) {
+        return itemCase.immediateData.find(immediateField => immediateField["importId"] === fieldId).value;
+    }
+    navigate(itemCase) {
+        if (this.getItemInternal(itemCase)) {
+            const itemPath = this._doubleDrawerNavigationService.getItemRoutingPath(this.dashboardItemsMapping[itemCase.stringId]);
+            const nodePath = this.getFieldValue(this.dashboardItemsMapping[itemCase.stringId], 'nodePath');
+            this._uriService.getNodeByPath(nodePath).subscribe(uriResource => {
+                this._uriService.activeNode = uriResource;
+                this._router.navigate([itemPath]);
+            });
+        }
+        else {
+            window.open(this.getItemURL(itemCase), "_blank");
+        }
+    }
+}
+AbstractDashboardComponent.MAIN_DASHBOARD = 'main_dashboard';
+AbstractDashboardComponent.DASHBOARD_MANAGEMENT_IDENTIFIER = 'dashboard_management';
+AbstractDashboardComponent.DASHBOARD_MANAGEMENT_ID_DATAFIELD = 'dashboard_id';
+AbstractDashboardComponent.DASHBOARD_MANAGEMENT_ITEM_TO_MENU_ITEM_DATAFIELD = 'dashboard_item_to_menu_item';
+AbstractDashboardComponent.DASHBOARD_MANAGEMENT_SIMPLE_TOOLBAR_DATAFIELD = 'simple_dashboard_toolbar';
+AbstractDashboardComponent.DASHBOARD_MANAGEMENT_PROFILE_TOOLBAR_DATAFIELD = 'profile_dashboard_toolbar';
+AbstractDashboardComponent.DASHBOARD_MANAGEMENT_LANGUAGE_TOOLBAR_DATAFIELD = 'language_dashboard_toolbar';
+AbstractDashboardComponent.DASHBOARD_MANAGEMENT_LOGOUT_TOOLBAR_DATAFIELD = 'logout_dashboard_toolbar';
+AbstractDashboardComponent.DASHBOARD_MANAGEMENT_NAME_DATAFIELD = 'dashboard_name';
+AbstractDashboardComponent.DASHBOARD_MANAGEMENT_LOGO_DATAFIELD = 'dashboard_logo';
+AbstractDashboardComponent.DASHBOARD_MANAGEMENT_ITEMS_ORDER_DATAFIELD = "items_order";
+AbstractDashboardComponent.DASHBOARD_MANAGEMENT_PROFILE_URL_DATAFIELD = "profile_url";
+AbstractDashboardComponent.DASHBOARD_MANAGEMENT_LOGIN_URL_DATAFIELD = "login_url";
+AbstractDashboardComponent.DASHBOARD_ITEM_ICON_DATAFIELD = 'item_icon';
+AbstractDashboardComponent.DASHBOARD_ITEM_NAME_DATAFIELD = 'item_name';
+AbstractDashboardComponent.DASHBOARD_ITEM_URL_DATAFIELD = 'external_url';
+AbstractDashboardComponent.DASHBOARD_ITEM_INTERNAL_DATAFIELD = 'is_internal';
+AbstractDashboardComponent.DASHBOARD_ITEM_EXTERNAL_ICON_DATAFIELD = 'external_icon';
+AbstractDashboardComponent.DASHBOARD_ITEM_FONT_COLOR_DATAFIELD = 'font_color';
+AbstractDashboardComponent.DASHBOARD_ITEM_FONT_WEIGHT_DATAFIELD = 'font_weight';
+AbstractDashboardComponent.DASHBOARD_ITEM_ICON_COLOR_DATAFIELD = 'icon_color';
+AbstractDashboardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractDashboardComponent, deps: [{ token: CaseResourceService }, { token: LoggerService }, { token: UriService }, { token: i2$5.Router }, { token: LanguageService }, { token: DoubleDrawerNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+AbstractDashboardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractDashboardComponent, selector: "ncc-dashboard", ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractDashboardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ncc-dashboard',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: CaseResourceService }, { type: LoggerService }, { type: UriService }, { type: i2$5.Router }, { type: LanguageService }, { type: DoubleDrawerNavigationService }]; } });
+
 /**
  * Search component search mode
  */
@@ -28948,6 +29412,18 @@ function extractFieldValueFromData(dataSection, fieldId) {
     }
     return field.value;
 }
+/**
+ * Checks if the data groups contain view
+ * @returns true if the data contains filter
+ * @throws Error if filter field is not found
+ * */
+function hasView(dataSection) {
+    const field = getFieldFromDataGroups(dataSection, 'view_configuration_form');
+    if (field === undefined) {
+        throw new Error(`Field view_configuration_form could not be resolved`);
+    }
+    return field.value !== null && field.value !== undefined && field.value.length > 0;
+}
 
 function addAllowedNets(allowedNets, existingAllowedNets) {
     if (!!allowedNets && allowedNets.length > 0) {
@@ -28967,6 +29443,9 @@ function tabbedAllowedNetsServiceFactory(factory, tabData) {
  * It has a dependency on this class and {@link NAE_NAVIGATION_ITEM_TASK_DATA} injection token.
  */
 function navigationItemTaskAllowedNetsServiceFactory(factory, baseAllowedNets, navigationItemTaskData) {
+    if (!navigationItemTaskData) {
+        return factory.createWithAllNets();
+    }
     const filterField = getFieldFromDataGroups(navigationItemTaskData, UserFilterConstants.FILTER_FIELD_ID);
     const allowedNetsField = getFieldFromDataGroups(navigationItemTaskData, UserFilterConstants.ALLOWED_NETS_FIELD_ID);
     if (filterField === undefined) {
@@ -29139,14 +29618,24 @@ class FilterExtractionService {
         }
         return navigationItemTaskAllowedNetsServiceFactory(this._factory, this.baseAllowedNets, sliced);
     }
-    extractCompleteAdditionalFilterFromData(dataSection) {
+    extractCompleteAdditionalFilterFromData(dataSection, activatedRoute) {
         const taskRefIndex = getFieldIndexFromDataGroups(dataSection, GroupNavigationConstants.ITEM_FIELD_ID_ADDITIONAL_FILTER_TASKREF);
         if (taskRefIndex === undefined) {
             return undefined;
         }
-        return this.extractCompleteFilterFromData(dataSection.slice(taskRefIndex.dataGroupIndex + 1));
+        return this.extractCompleteFilterFromData(dataSection.slice(taskRefIndex.dataGroupIndex + 1), activatedRoute);
     }
-    extractCompleteFilterFromData(dataSection, filterData, fieldId = UserFilterConstants.FILTER_FIELD_ID) {
+    extractCompleteFilterFromData(dataSection, activatedRoute, fieldId = UserFilterConstants.FILTER_FIELD_ID) {
+        if (!dataSection) {
+            if (!activatedRoute) {
+                throw new Error('ActivatedRoute not provided.');
+            }
+            const singleCaseId = activatedRoute.snapshot.paramMap.get('singleCaseId');
+            if (!singleCaseId) {
+                throw new Error('Case ID not found in route.');
+            }
+            return SimpleFilter.fromTaskQuery({ case: { id: singleCaseId } });
+        }
         const filterIndex = getFieldIndexFromDataGroups(dataSection, fieldId);
         if (filterIndex === undefined) {
             return undefined;
@@ -29158,10 +29647,7 @@ class FilterExtractionService {
         catch (e) {
             throw new Error('Filter segment could not be extracted from filter field');
         }
-        if (!!filterData) {
-            filterSegment = filterSegment.merge(filterData, MergeOperator.AND);
-        }
-        const parentFilter = this.extractCompleteFilterFromData(dataSection.slice(filterIndex.dataGroupIndex + 1), filterData);
+        const parentFilter = this.extractCompleteFilterFromData(dataSection.slice(filterIndex.dataGroupIndex + 1), activatedRoute);
         if (parentFilter !== undefined && parentFilter.type === filterSegment.type) {
             return filterSegment.merge(parentFilter, MergeOperator.AND);
         }
@@ -29437,7 +29923,7 @@ class AbstractTabbedCaseViewComponent extends AbstractCaseViewComponent {
         }, this._autoswitchToTaskTab, this._openExistingTab);
     }
 }
-AbstractTabbedCaseViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTabbedCaseViewComponent, deps: [{ token: CaseViewService }, { token: LoggerService }, { token: NAE_TAB_DATA }, { token: OverflowService }, { token: NAE_AUTOSWITCH_TAB_TOKEN, optional: true }, { token: NAE_OPEN_EXISTING_TAB, optional: true }, { token: NAE_NEW_CASE_CREATION_CONFIGURATION_DATA, optional: true }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractTabbedCaseViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTabbedCaseViewComponent, deps: [{ token: CaseViewService }, { token: LoggerService }, { token: NAE_TAB_DATA }, { token: OverflowService }, { token: NAE_AUTOSWITCH_TAB_TOKEN, optional: true }, { token: NAE_OPEN_EXISTING_TAB, optional: true }, { token: NAE_NEW_CASE_CREATION_CONFIGURATION_DATA, optional: true }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractTabbedCaseViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractTabbedCaseViewComponent, selector: "ncc-abstract-tabbed-case-view", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTabbedCaseViewComponent, decorators: [{
             type: Component,
@@ -29463,7 +29949,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }, {
                     type: Inject,
                     args: [NAE_NEW_CASE_CREATION_CONFIGURATION_DATA]
-                }] }, { type: i3$1.ActivatedRoute }]; } });
+                }] }, { type: i2$5.ActivatedRoute }]; } });
 
 class AbstractTabbedTaskViewComponent extends AbstractTaskViewComponent {
     constructor(taskViewService, _injectedTabData, _activatedRoute) {
@@ -29478,7 +29964,7 @@ class AbstractTabbedTaskViewComponent extends AbstractTaskViewComponent {
         this.subTaskView.unsubscribe();
     }
 }
-AbstractTabbedTaskViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTabbedTaskViewComponent, deps: [{ token: TaskViewService }, { token: NAE_TAB_DATA }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractTabbedTaskViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTabbedTaskViewComponent, deps: [{ token: TaskViewService }, { token: NAE_TAB_DATA }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractTabbedTaskViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractTabbedTaskViewComponent, selector: "ncc-abstract-tabbed-task-view", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTabbedTaskViewComponent, decorators: [{
             type: Component,
@@ -29489,7 +29975,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: TaskViewService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [NAE_TAB_DATA]
-                }] }, { type: i3$1.ActivatedRoute }]; } });
+                }] }, { type: i2$5.ActivatedRoute }]; } });
 
 const NAE_TREE_CASE_VIEW_CONFIGURATION = new InjectionToken('NaeTreeCaseViewConfiguration');
 
@@ -30637,6 +31123,17 @@ class AbstractWorkflowViewComponent extends AbstractViewWithHeadersComponent {
         this.workflows$ = this._workflowViewService.workflows$;
         this.loading$ = this._workflowViewService.loading$;
         this.footerSize = 0;
+        this.fullTextFormControl = new FormControl();
+    }
+    ngOnInit() {
+        this.fullTextFormControl.valueChanges.pipe(debounceTime(600), filter(newValue => typeof newValue === 'string'), map((newValue) => newValue.trim())).subscribe((fulltext) => {
+            if (fulltext.length === 0) {
+                this._workflowViewService.clearSearchTitle();
+            }
+            else {
+                this._workflowViewService.setSearchTitle(fulltext);
+            }
+        });
     }
     ngAfterViewInit() {
         this.initializeHeader(this.workflowHeader);
@@ -30685,7 +31182,7 @@ class AbstractWorkflowViewComponent extends AbstractViewWithHeadersComponent {
         }
     }
 }
-AbstractWorkflowViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractWorkflowViewComponent, deps: [{ token: i1$3.MatDialog }, { token: WorkflowViewService }, { token: LoggerService }, { token: ProcessService }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractWorkflowViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractWorkflowViewComponent, deps: [{ token: i1$3.MatDialog }, { token: WorkflowViewService }, { token: LoggerService }, { token: ProcessService }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractWorkflowViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractWorkflowViewComponent, selector: "ncc-abstract-workflow-view", inputs: { footerSize: "footerSize", showDeleteMenu: "showDeleteMenu" }, viewQueries: [{ propertyName: "workflowHeader", first: true, predicate: ["header"], descendants: true }, { propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractWorkflowViewComponent, decorators: [{
             type: Component,
@@ -30693,7 +31190,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-abstract-workflow-view',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.MatDialog }, { type: WorkflowViewService }, { type: LoggerService }, { type: ProcessService }, { type: i3$1.ActivatedRoute }]; }, propDecorators: { footerSize: [{
+        }], ctorParameters: function () { return [{ type: i1$3.MatDialog }, { type: WorkflowViewService }, { type: LoggerService }, { type: ProcessService }, { type: i2$5.ActivatedRoute }]; }, propDecorators: { footerSize: [{
                 type: Input
             }], showDeleteMenu: [{
                 type: Input
@@ -30759,7 +31256,7 @@ class AbstractDefaultCaseListComponent extends TabbedVirtualScrollComponent {
         });
     }
 }
-AbstractDefaultCaseListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractDefaultCaseListComponent, deps: [{ token: CaseViewService }, { token: LoggerService }, { token: NAE_TAB_DATA, optional: true }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractDefaultCaseListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractDefaultCaseListComponent, deps: [{ token: CaseViewService }, { token: LoggerService }, { token: NAE_TAB_DATA, optional: true }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractDefaultCaseListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractDefaultCaseListComponent, selector: "ncc-abstract-default-case-list", inputs: { selectedHeaders$: "selectedHeaders$", responsiveBody: "responsiveBody", showCasePanelIcon: "showCasePanelIcon", showDeleteMenu: "showDeleteMenu", textEllipsis: "textEllipsis", width: "width", redirectEnabled: "redirectEnabled" }, outputs: { caseClick: "caseClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractDefaultCaseListComponent, decorators: [{
             type: Component,
@@ -30772,7 +31269,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }, {
                     type: Inject,
                     args: [NAE_TAB_DATA]
-                }] }, { type: i3$1.ActivatedRoute }]; }, propDecorators: { selectedHeaders$: [{
+                }] }, { type: i2$5.ActivatedRoute }]; }, propDecorators: { selectedHeaders$: [{
                 type: Input
             }], responsiveBody: [{
                 type: Input
@@ -30812,7 +31309,7 @@ class AbstractCaseListComponent extends AbstractDefaultCaseListComponent {
         this._caseViewService.nextPage(this.viewport.getRenderedRange(), this.viewport.getDataLength());
     }
 }
-AbstractCaseListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractCaseListComponent, deps: [{ token: CaseViewService }, { token: LoggerService }, { token: NAE_TAB_DATA, optional: true }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractCaseListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractCaseListComponent, deps: [{ token: CaseViewService }, { token: LoggerService }, { token: NAE_TAB_DATA, optional: true }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractCaseListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractCaseListComponent, selector: "ncc-abstract-case-list", viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractCaseListComponent, decorators: [{
             type: Component,
@@ -30825,7 +31322,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }, {
                     type: Inject,
                     args: [NAE_TAB_DATA]
-                }] }, { type: i3$1.ActivatedRoute }]; }, propDecorators: { viewport: [{
+                }] }, { type: i2$5.ActivatedRoute }]; }, propDecorators: { viewport: [{
                 type: ViewChild,
                 args: [CdkVirtualScrollViewport]
             }] } });
@@ -30838,7 +31335,7 @@ class AbstractCaseListPaginatorComponent extends AbstractDefaultCaseListComponen
         this.route = route;
         this.pageSize = 20;
         this.pageIndex = 0;
-        this.pageSizeOptions = [10, 20, 50, 100];
+        this.pageSizeOptions = [10, 20, 50];
         this._caseViewService.nextPagePagination(this.pageSize, this.pageIndex);
         this._caseViewService.paginationView = true;
         this.cases$ = this._caseViewService.cases$.pipe(tap(() => {
@@ -30856,7 +31353,7 @@ class AbstractCaseListPaginatorComponent extends AbstractDefaultCaseListComponen
         return caze.stringId;
     }
 }
-AbstractCaseListPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractCaseListPaginatorComponent, deps: [{ token: CaseViewService }, { token: LoggerService }, { token: NAE_TAB_DATA, optional: true }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractCaseListPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractCaseListPaginatorComponent, deps: [{ token: CaseViewService }, { token: LoggerService }, { token: NAE_TAB_DATA, optional: true }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractCaseListPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractCaseListPaginatorComponent, selector: "ncc-abstract-case-list-paginator", inputs: { approval: "approval", disabled: "disabled" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractCaseListPaginatorComponent, decorators: [{
             type: Component,
@@ -30869,7 +31366,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }, {
                     type: Inject,
                     args: [NAE_TAB_DATA]
-                }] }, { type: i3$1.ActivatedRoute }]; }, propDecorators: { approval: [{
+                }] }, { type: i2$5.ActivatedRoute }]; }, propDecorators: { approval: [{
                 type: Input
             }], disabled: [{
                 type: Input
@@ -31130,41 +31627,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }] } });
 
-class TaskConst {
-}
-TaskConst.TRANSITION_ID = 'transitionId';
 class AbstractSingleTaskViewComponent extends AbstractViewWithHeadersComponent {
-    constructor(taskViewService, activatedRoute, baseFilter) {
+    constructor(taskViewService, activatedRoute) {
         super(taskViewService, activatedRoute);
         this.taskViewService = taskViewService;
-        this.baseFilter = baseFilter;
         this.initiallyExpanded = true;
         this.preventCollapse = true;
         this.noTaskPresent = new EventEmitter();
-        this.taskPanelData = this.taskViewService.tasks$.pipe(map(tasks => tasks.find(panelData => this.isTaskMatchingFilter(panelData, baseFilter.filter.getRequestBody())))).pipe(tap(panelData => {
+        this.taskPanelData = this.taskViewService.tasks$.pipe(map(tasks => tasks?.length > 0 ? tasks[0] : undefined), tap(panelData => {
             if (!!panelData) {
                 panelData.initiallyExpanded = true;
+                panelData.task.assignPolicy = AssignPolicy.auto;
+                this.finishTitle = panelData.task.finishTitle;
             }
         }));
         this.loading$ = this.taskViewService.loading$;
     }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        if (!!this.subRoute) {
-            this.subRoute.unsubscribe();
-        }
-        if (!!this.subPanelData) {
-            this.subPanelData.unsubscribe();
-        }
-    }
     get task$() {
         return this.taskPanelData;
     }
-    isTaskMatchingFilter(panelData, taskSearchRequestBody) {
-        return panelData.task.stringId === taskSearchRequestBody.stringId || panelData.task.transitionId === taskSearchRequestBody.transitionId;
-    }
 }
-AbstractSingleTaskViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSingleTaskViewComponent, deps: [{ token: TaskViewService }, { token: i3$1.ActivatedRoute }, { token: NAE_BASE_FILTER }], target: i0.ɵɵFactoryTarget.Component });
+AbstractSingleTaskViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSingleTaskViewComponent, deps: [{ token: TaskViewService }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
 AbstractSingleTaskViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractSingleTaskViewComponent, selector: "ncc-abstract-single-task-view", inputs: { initiallyExpanded: "initiallyExpanded", preventCollapse: "preventCollapse" }, outputs: { noTaskPresent: "noTaskPresent" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSingleTaskViewComponent, decorators: [{
             type: Component,
@@ -31172,10 +31655,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-abstract-single-task-view',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: TaskViewService }, { type: i3$1.ActivatedRoute }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [NAE_BASE_FILTER]
-                }] }]; }, propDecorators: { initiallyExpanded: [{
+        }], ctorParameters: function () { return [{ type: TaskViewService }, { type: i2$5.ActivatedRoute }]; }, propDecorators: { initiallyExpanded: [{
                 type: Input
             }], preventCollapse: [{
                 type: Input
@@ -31183,6 +31663,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Output
             }] } });
 
+class AbstractTabbedSingleTaskViewComponent extends AbstractSingleTaskViewComponent {
+    constructor(taskViewService, _injectedTabData, _activatedRoute) {
+        super(taskViewService, _activatedRoute);
+        this._injectedTabData = _injectedTabData;
+        this.subTaskView = taskViewService.closeTab.subscribe(() => {
+            _injectedTabData.tabViewRef.closeTabIndex(_injectedTabData.tabViewRef.currentlySelectedTab());
+        });
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.subTaskView.unsubscribe();
+    }
+}
+AbstractTabbedSingleTaskViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTabbedSingleTaskViewComponent, deps: [{ token: TaskViewService }, { token: NAE_TAB_DATA }, { token: i2$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+AbstractTabbedSingleTaskViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractTabbedSingleTaskViewComponent, selector: "ncc-abstract-tabbed-single-task-view", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTabbedSingleTaskViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ncc-abstract-tabbed-single-task-view',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: TaskViewService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NAE_TAB_DATA]
+                }] }, { type: i2$5.ActivatedRoute }]; } });
+
 /* INTERFACES */
 
 class PublicProcessService extends ProcessService {
@@ -32478,6 +32984,7 @@ class ProcessList {
         if (this.loading) {
             return;
         }
+        const processes = new Subject();
         this._loading$.on();
         this._resources.getAll().pipe(catchError(err => {
             this._log.error('Failed to load Petri nets', err);
@@ -32509,8 +33016,10 @@ class ProcessList {
                 cache[net.identifier].newestVersion = cache[net.identifier].processes[0].version;
             });
             this._processes = Object.values(cache).sort();
+            processes.next(this._processes);
             this._loading$.off();
         });
+        return processes.asObservable();
     }
     prepareToTryAgainToLoadRoles(item) {
         if (!item || !item.emptyRoles) {
@@ -32637,17 +33146,24 @@ class AbstractRoleAssignmentComponent {
     constructor(_service, _userService) {
         this._service = _service;
         this._userService = _userService;
+        this.filteredProcesses = [];
         this.searchUserControl = new FormControl();
+        this.searchNetControl = new FormControl();
         this.SEARCH_DEBOUNCE_TIME = 600;
         this.users = this._service.userList;
         this.nets = this._service.processList;
         this.userMultiSelect = true;
     }
     ngOnInit() {
-        this.nets.loadProcesses();
+        this.nets.loadProcesses().subscribe(processes => {
+            this.filteredProcesses = processes;
+        });
         this.subValueChanges = this.searchUserControl.valueChanges.pipe(debounceTime(this.SEARCH_DEBOUNCE_TIME)).subscribe(searchText => {
             this.users.reload(searchText);
         });
+        this.subNetValueChanges = this.searchNetControl.valueChanges.pipe(debounceTime(this.SEARCH_DEBOUNCE_TIME)).subscribe(searchText => {
+            this.filteredProcesses = this.nets.processes.filter(itm => itm.title.toLowerCase().includes(searchText.toLowerCase()));
+        });
     }
     ngAfterViewInit() {
         this.subUsers = this.users.usersReload$.subscribe(() => {
@@ -32659,9 +33175,11 @@ class AbstractRoleAssignmentComponent {
     ngOnDestroy() {
         this._userService.reload();
         this.subValueChanges.unsubscribe();
+        this.subNetValueChanges.unsubscribe();
         this.subUsers.unsubscribe();
         this.users = undefined;
         this.nets = undefined;
+        this.filteredProcesses = undefined;
     }
     loadNextUserPage() {
         if (!this.viewport) {
@@ -32790,6 +33308,9 @@ class AbstractUserInviteComponent {
         this._signUpService = _signUpService;
         this._snackBar = _snackBar;
         this._translate = _translate;
+        this.filteredProcesses = [];
+        this.SEARCH_DEBOUNCE_TIME = 600;
+        this.searchNetControl = new FormControl();
         this.nets = this._userInviteService.processList;
         this.loading = new LoadingEmitter();
         this.invitedEmailControl = new FormControl('', [Validators.email, Validators.required]);
@@ -32800,8 +33321,18 @@ class AbstractUserInviteComponent {
         return this._orgList.groups;
     }
     ngOnInit() {
-        this.nets.loadProcesses();
+        this.nets.loadProcesses().subscribe(processes => {
+            this.filteredProcesses = processes;
+        });
         this._orgList.loadGroups();
+        this.subNetValueChanges = this.searchNetControl.valueChanges.pipe(debounceTime(this.SEARCH_DEBOUNCE_TIME)).subscribe(searchText => {
+            this.filteredProcesses = this.nets.processes.filter(itm => itm.title.toLowerCase().includes(searchText.toLowerCase()));
+        });
+    }
+    ngOnDestroy() {
+        this.subNetValueChanges.unsubscribe();
+        this.nets = undefined;
+        this.filteredProcesses = undefined;
     }
     removeGroup(org) {
         const itemIndex = this.invitedGroups.findIndex(g => g.id === org.id);
@@ -33058,17 +33589,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 class AbstractLdapGroupRoleAssignmentComponent {
     constructor(_service) {
         this._service = _service;
+        this.filteredProcesses = [];
         this.searchLdapGroupControl = new FormControl();
+        this.searchNetControl = new FormControl();
         this.SEARCH_DEBOUNCE_TIME = 600;
         this.ldapGroup = this._service.ldapGroupList;
         this.nets = this._service.processList;
         this.ldapGroupMultiSelect = true;
     }
     ngOnInit() {
-        this.nets.loadProcesses();
+        this.nets.loadProcesses().subscribe(processes => {
+            this.filteredProcesses = processes;
+        });
         this.subValueChanges = this.searchLdapGroupControl.valueChanges.pipe(debounceTime(this.SEARCH_DEBOUNCE_TIME)).subscribe(searchText => {
             this.ldapGroup.reload(searchText);
         });
+        this.subNetValueChanges = this.searchNetControl.valueChanges.pipe(debounceTime(this.SEARCH_DEBOUNCE_TIME)).subscribe(searchText => {
+            this.filteredProcesses = this.nets.processes.filter(itm => itm.title.toLowerCase().includes(searchText.toLowerCase()));
+        });
     }
     ngAfterViewInit() {
         this.subLdapGroup = this.ldapGroup.ldapGroupsReload$.subscribe(() => {
@@ -33081,7 +33619,9 @@ class AbstractLdapGroupRoleAssignmentComponent {
         this.subValueChanges.unsubscribe();
         this.subLdapGroup.unsubscribe();
         this.ldapGroup = undefined;
+        this.subNetValueChanges.unsubscribe();
         this.nets = undefined;
+        this.filteredProcesses = undefined;
     }
     loadNextLdapGroupPage() {
         if (!this.viewport) {
@@ -33184,11 +33724,12 @@ function mapToContent(source, filter, pagination) {
 /**
  * Converts an {@link NAE_NAVIGATION_ITEM_TASK_DATA} injection token into {@link NAE_BASE_FILTER}
  * @param extractionService
+ * @param activatedRoute
  * @param navigationItemTaskData a navigation item task containing the aggregated data representing a navigation item
  */
-function navigationItemTaskFilterFactory(extractionService, navigationItemTaskData, filterData) {
+function navigationItemTaskFilterFactory(extractionService, activatedRoute, navigationItemTaskData) {
     return {
-        filter: extractionService.extractCompleteFilterFromData(navigationItemTaskData, filterData)
+        filter: extractionService.extractCompleteFilterFromData(navigationItemTaskData, activatedRoute)
     };
 }
 
@@ -33203,6 +33744,9 @@ function navigationItemTaskFilterFactory(extractionService, navigationItemTaskDa
  * field, if the filter metadata allow it and the filter is a task filter
  */
 function navigationItemTaskCategoryFactory(categoryResolverService, navigationItemTaskData, defaultCaseSearchCategories, defaultTaskSearchCategories) {
+    if (!navigationItemTaskData) {
+        return [];
+    }
     const filterField = getFieldFromDataGroups(navigationItemTaskData, UserFilterConstants.FILTER_FIELD_ID);
     if (filterField === undefined) {
         throw new Error(`Provided navigation item task data does not contain a filter field with ID '${UserFilterConstants.FILTER_FIELD_ID}'! Search categories cannot be generated from it!`);
@@ -33330,7 +33874,7 @@ class ContainsPipe {
         if (value === null || value === undefined)
             return false;
         if (Array.isArray(value))
-            return value.includes(toCheck);
+            return value?.includes(toCheck);
         if (value instanceof Set || value instanceof Map)
             return value.has(toCheck);
         return false;
@@ -34443,11 +34987,11 @@ class TestViewService extends ViewService {
         super([], config, router, logger);
     }
 }
-TestViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TestViewService, deps: [{ token: ConfigurationService }, { token: i3$1.Router }, { token: LoggerService }], target: i0.ɵɵFactoryTarget.Injectable });
+TestViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TestViewService, deps: [{ token: ConfigurationService }, { token: i2$5.Router }, { token: LoggerService }], target: i0.ɵɵFactoryTarget.Injectable });
 TestViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TestViewService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TestViewService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: i3$1.Router }, { type: LoggerService }]; } });
+        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: i2$5.Router }, { type: LoggerService }]; } });
 
 /**
  * A utility class that mock any pageable endpoint that takes one parameter
@@ -34815,7 +35359,7 @@ class Subgrid {
      * @returns the base identifier, if it already is unique. A unique variation on the base identifier if it is already in use.
      */
     assureUniqueness(identifier) {
-        const alphaNumIdentifier = 'x' + identifier.replace(/[^0-9a-z]/gi, '');
+        const alphaNumIdentifier = 'x' + identifier?.replace(/[^0-9a-z]/gi, '');
         if (!this._existingIdentifiers.has(alphaNumIdentifier)) {
             this._existingIdentifiers.add(alphaNumIdentifier);
             return alphaNumIdentifier;
@@ -36078,5 +36622,5 @@ const BaseFilterFactoryProvider = {
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractAddChildNodeComponent, AbstractAdvancedSearchComponent, AbstractAuthenticationOverlayComponent, AbstractBaseDataFieldComponent, AbstractBooleanDefaultFieldComponent, AbstractBooleanFieldComponent, AbstractBreadcrumbsComponent, AbstractButtonDefaultFieldComponent, AbstractButtonFieldComponent, AbstractCaseListComponent, AbstractCaseListPaginatorComponent, AbstractCasePanelComponent, AbstractCaseRefDefaultComponent, AbstractCaseViewComponent, AbstractChangePasswordComponent, AbstractCountCardComponent, AbstractCurrencyNumberFieldComponent, AbstractCustomCardComponent, AbstractDashboardBarChartTextFieldComponent, AbstractDashboardContentComponent, AbstractDashboardIframeTextFieldComponent, AbstractDashboardLineChartTextFieldComponent, AbstractDashboardPieChartTextFieldComponent, AbstractDashboardPortalTextFieldComponent, AbstractDashboardTextFieldComponent, AbstractDataFieldTemplateComponent, AbstractDateDefaultFieldComponent, AbstractDateFieldComponent, AbstractDateTimeDefaultFieldComponent, AbstractDateTimeFieldComponent, AbstractDefaultNumberFieldComponent, AbstractEditModeComponent, AbstractEmailSubmissionFormComponent, AbstractEnumerationAutocompleteDynamicFieldComponent, AbstractEnumerationAutocompleteSelectFieldComponent, AbstractEnumerationCaseRefComponent, AbstractEnumerationFieldComponent, AbstractEnumerationIconFieldComponent, AbstractEnumerationListFieldComponent, AbstractEnumerationSelectFieldComponent, AbstractEnumerationStepperFieldComponent, AbstractFieldComponentResolverComponent, AbstractFileDefaultFieldComponent, AbstractFileFieldComponent, AbstractFileListDefaultFieldComponent, AbstractFileListFieldComponent, AbstractFilterDefaultFieldComponent, AbstractFilterFieldComponent, AbstractFilterFieldContentComponent, AbstractFilterFieldTabViewComponent, AbstractFilterFieldTabViewContentComponent, AbstractFilterSelectorComponent, AbstractFilterSelectorListItemComponent, AbstractForgottenPasswordComponent, AbstractFulltextSearchComponent, AbstractGroupNavigationComponentResolverComponent, AbstractHeaderComponent, AbstractHeaderService, AbstractHtmlTextareaFieldComponent, AbstractI18nDividerFieldComponent, AbstractI18nErrorsComponent, AbstractI18nFieldComponent, AbstractI18nTextFieldComponent, AbstractIframeCardComponent, AbstractImmediateFilterTextComponent, AbstractImmediateFilterTextContentComponent, AbstractImportNetComponent, AbstractInternalLinkComponent, AbstractLanguageSelectorComponent, AbstractLdapGroupRoleAssignmentComponent, AbstractLegalNoticeComponent, AbstractLoadFilterComponent, AbstractLoadingModeComponent, AbstractLoggerService, AbstractLoginFormComponent, AbstractLogoutShortcutComponent, AbstractMultiUserAssignComponent, AbstractMultiUserAssignItemComponent, AbstractMultiUserAssignListComponent, AbstractMultichoiceAutocompleteFieldComponentComponent, AbstractMultichoiceCaseRefComponent, AbstractMultichoiceFieldComponent, AbstractMultichoiceListFieldComponent, AbstractMultichoiceSelectFieldComponent, AbstractNavigationDoubleDrawerComponent, AbstractNavigationDrawerComponent, AbstractNavigationRailComponent, AbstractNavigationTreeComponent, AbstractNewCaseComponent, AbstractNumberDecimalFieldComponent, AbstractNumberErrorsComponent, AbstractNumberFieldComponent, AbstractOptionSelectorComponent, AbstractPanelComponent, AbstractPanelItemComponent, AbstractPasswordTextFieldComponent, AbstractProfileComponent, AbstractQuickPanelComponent, AbstractRegistrationComponent, AbstractRegistrationFormComponent, AbstractRemoveNodeComponent, AbstractResourceProvider, AbstractResourceService, AbstractRichTextareaFieldComponent, AbstractRoleAssignmentComponent, AbstractSaveFilterComponent, AbstractSearchClauseComponent, AbstractSearchComponent, AbstractSearchConfigurationInputComponent, AbstractSearchModeComponent, AbstractSearchOperandInputComponent, AbstractSearchPredicateComponent, AbstractSessionIdleComponent, AbstractSideMenuContainerComponent, AbstractSimpleTextFieldComponent, AbstractSingleTaskComponent, AbstractSingleTaskViewComponent, AbstractSortModeComponent, AbstractSortableViewComponent, AbstractStringCollectionDefaultFieldComponent, AbstractTabCreationDetectorComponent, AbstractTabViewComponent, AbstractTabbedCaseViewComponent, AbstractTabbedTaskViewComponent, AbstractTaskContentComponent, AbstractTaskListComponent, AbstractTaskListPaginationComponent, AbstractTaskPanelComponent, AbstractTaskRefDashboardFieldComponent, AbstractTaskRefDashboardTileComponent, AbstractTaskRefFieldComponent, AbstractTaskRefListFieldComponent, AbstractTaskViewComponent, AbstractTextErrorsComponent, AbstractTextFieldComponent, AbstractTextareaFieldComponent, AbstractToolbarComponent, AbstractTreeComponent, AbstractTreeTaskContentComponent, AbstractUserAssignComponent, AbstractUserAssignItemComponent, AbstractUserAssignListComponent, AbstractUserCardComponent, AbstractUserDefaultFieldComponent, AbstractUserFieldComponent, AbstractUserImpersonateComponent, AbstractUserInviteComponent, AbstractUserListDefaultFieldComponent, AbstractUserListFieldComponent, AbstractViewWithHeadersComponent, AbstractWorkflowPanelComponent, AbstractWorkflowViewComponent, AccessService, ActiveGroupService, AdvancedSearchComponentInitializationService, AfterAction, AlertDialogComponent, AlertDialogModule, AllowedNetsService, AllowedNetsServiceFactory, AnonymousAuthenticationInterceptor, AnonymousService, AssignPolicy, AssignPolicyService, AssignTaskService, AuthenticationGuardService, AuthenticationInterceptor, AuthenticationMethodService, AuthenticationModule, AuthenticationService, AuthorityGuardService, AutocompleteCategory, BOOLEAN_VALUE_LABEL_ENABLED, BaseAllowedNetsService, BaseFilterFactoryProvider, BasicAuthenticationService, BooleanField, BooleanFieldValidation, BooleanOperator, ButtonField, ButtonFieldValidation, CASE_ID, CONFIRM_PASSWORD, CallChainService, CancelTaskService, CaseAuthor, CaseCreationDate, CaseCreationDateTime, CaseDataset, CaseHeaderService, CaseListFontColorService, CaseMetaField, CaseNetAttributeAutocompleteCategory, CaseProcess, CaseRefField, CaseResourceService, CaseResourceServiceProvider, CaseRole, CaseSearch, CaseSimpleDataset, CaseStringId, CaseTask, CaseTitle, CaseTreeNode, CaseTreeService, CaseViewService, CaseVisualId, Categories, Category, CategoryFactory, CategoryResolverService, ChangedFieldsService, ClausePredicate, ComponentPrefixes, ComponentRegistryService, ConfigParams, ConfigurationInput, ConfigurationService, ConfirmDialogComponent, ConfirmDialogModule, ConsoleLogPublisher, ContainsPipe, CovalentModule, CurrencyModule, CustomDateAdapter, DATA_FIELD_PORTAL_DATA, DATE_FORMAT, DATE_FORMAT_STRING, DATE_TIME_FORMAT, DATE_TIME_FORMAT_STRING, DEFAULT, DEFAULT_LANGUAGE_CODE, Dashboard, DashboardCardTypes, DashboardMultiData, DashboardResourceService, DashboardSingleData, DataField, DataFieldsModule, DataFocusPolicy, DataFocusPolicyService, DataGroupAlignment, DatafieldMapKey, DateField, DateTimeField, DefaultSearchCategoriesModule, DelegateTaskService, DialogModule, DialogService, DynamicEnumerationField, DynamicNavigationRouteProviderService, EditableClausePredicate, EditableClausePredicateWithGenerators, EditableElementaryPredicate, EditablePredicate, EditablePredicateWithGenerator, ElementaryPredicate, EnumerationAutocompleteFilterProperty, EnumerationField, EnumerationFieldValidation, Equals, EqualsDate, ErrorSnackBarComponent, EventConstants, EventQueueService, EventService, FieldAlignment, FieldConverterService, FieldTypeResource, FileField, FileListField, FileListFieldValidation, FilePreviewType, FileUploadMIMEType, FileUploadModel, Filter, FilterExtractionService, FilterField, FilterRepository, FilterType, FilteredArray, FinishPolicy, FinishPolicyService, FinishTaskService, FrontActionModule, FrontActionRegistryService, FrontActionService, GenericSnackBarComponent, GroupGuardService, GroupNavigationComponentResolverService, GroupNavigationConstants, HeaderColumn, HeaderColumnType, HeaderMode, HeaderSearchService, HeaderType, HttpLoaderFactory, I18nField, I18nFieldValidation, ImpersonationService, ImpersonationUserListService, ImpersonationUserResourceService, ImpersonationUserSelectService, InRange, InRangeDate, IncrementingCounter, IsEmptyPipe, IsNonEmptyPipe, IsNull, LEFT_DRAWER_DEFAULT_WIDTH, LanguageIconsService, LanguageService, LdapGroupListService, LdapGroupResourceService, LessThan, LessThanDate, LessThanDateTime, LetContext, LetDirective, Like, LoadingEmitter, LoadingWithFilterEmitter, LocalStorageLogPublisher, LogEntry, LogLevel, LogPublisher, LogPublisherService, LoggerService, MENU_IDENTIFIERS, MaterialAppearance, MaterialModule, MenuOrder, MergeOperator, MergedFilter, MockAuthenticationMethodService, MockAuthenticationService, MockEndpoint, MockProfileService, MockSignUpService, MockUserPreferenceService, MockUserResourceService, MockUserService, MoreThan, MoreThanDate, MoreThanDateTime, MultichoiceAutocompleteFilterProperty, MultichoiceField, NAE_ADMIN_IMPERSONATE_COMPONENT, NAE_ADMIN_IMPERSONATE_DIALOG_COMPONENT, NAE_ASYNC_RENDERING_CONFIGURATION, NAE_AUTOSWITCH_TAB_TOKEN, NAE_BASE_FILTER, NAE_CASE_REF_CREATE_CASE, NAE_CASE_REF_DATAFIELD, NAE_CASE_REF_SEARCH, NAE_DEFAULT_CASE_SEARCH_CATEGORIES, NAE_DEFAULT_HEADERS, NAE_DEFAULT_LANGUAGE, NAE_DEFAULT_MIN_PASSWORD_LENGTH, NAE_DEFAULT_TASK_SEARCH_CATEGORIES, NAE_FILTERS_FILTER, NAE_FILTER_FIELD, NAE_FILTER_TEXT, NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT, NAE_IMPORT_NET_COMPONENT, NAE_IMPORT_NET_DIALOG_COMPONENT, NAE_INFORM_ABOUT_INVALID_DATA, NAE_LOAD_FILTER_COMPONENT, NAE_LOAD_FILTER_DIALOG_COMPONENT, NAE_MIN_PASSWORD_LENGTH, NAE_MULTI_USER_ASSIGN_COMPONENT, NAE_MULTI_USER_ASSIGN_DIALOG_COMPONENT, NAE_NAVIGATION_ITEM_TASK_DATA, NAE_NET_ALL_VERSIONS, NAE_NET_VERSION_VISIBLE, NAE_NEW_CASE_COMPONENT, NAE_NEW_CASE_CONFIGURATION, NAE_NEW_CASE_CREATION_CONFIGURATION_DATA, NAE_NEW_CASE_DIALOG_COMPONENT, NAE_OPEN_EXISTING_TAB, NAE_OPTION_SELECTOR_COMPONENT, NAE_OPTION_SELECTOR_DIALOG_COMPONENT, NAE_PREFERRED_TASK_ENDPOINT, NAE_ROUTING_CONFIGURATION_PATH, NAE_SAVE_FILTER_COMPONENT, NAE_SAVE_FILTER_DIALOG_COMPONENT, NAE_SEARCH_CATEGORIES, NAE_SEARCH_COMPONENT_CONFIGURATION, NAE_SIDE_MENU_CONTROL, NAE_SNACKBAR_HORIZONTAL_POSITION, NAE_SNACKBAR_VERTICAL_POSITION, NAE_TAB_DATA, NAE_TASK_FORCE_OPEN, NAE_TASK_OPERATIONS, NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS, NAE_TASK_VIEW_COMPONENT, NAE_TASK_VIEW_CONFIGURATION, NAE_TREE_CASE_VIEW_CONFIGURATION, NAE_URI_NODE_CASES_PAGE_SIZE, NAE_USER_ASSIGN_COMPONENT, NAE_USER_ASSIGN_DIALOG_COMPONENT, NAE_USER_IMPERSONATE_COMPONENT, NAE_USER_IMPERSONATE_DIALOG_COMPONENT, NAE_VIEW_ID, NAE_VIEW_ID_SEGMENT, NAE_WORKFLOW_SERVICE_CONFIRM_DELETE, NAE_WORKFLOW_SERVICE_FILTER, Net, NetAttributeAutocompleteCategory, NetgrifPaginatorIntl, NextGroupService, NoConfigurationAutocompleteCategory, NoConfigurationCategory, NoConfigurationUserAutocompleteCategory, NotEquals, NotEqualsDate, NotEqualsDateTime, NullAuthenticationService, NullTaskOperations, NumberField, NumberFieldValidation, OLD_PASSWORD, OpenedTab, Operator, OperatorResolverService, OperatorService, OperatorTemplatePart, OperatorTemplatePartType, Operators, OrganizationListService, OverflowService, PASSWORD, PETRI_NET_ID, PUBLISHERS, PageLoadRequestContext, PaginationParams, PaginationSort, PaperViewService, PermissionService, PermissionType, PetriNetResourceService, PetriNetResourceServiceProvider, Predicate, PredicateWithGenerator, ProcessList, ProcessService, ProcessServiceProvider, ProfileModule, ProfileService, ProgressType, PromptDialogComponent, PromptDialogModule, PublicCaseResourceService, PublicPetriNetResourceService, PublicProcessService, PublicTaskLoadingService, PublicTaskResourceService, PublicUrlResolverService, Query, QueuedEvent, RIGHT_DRAWER_DEFAULT_MIN_WIDTH, RIGHT_DRAWER_DEFAULT_WIDTH, RIGHT_DRAWER_MAX_WIDTH, RIGHT_SIDE_INIT_PAGE_SIZE, RIGHT_SIDE_NEW_PAGE_SIZE, RedirectService, ResourceProvider, ResultWithAfterActions, RoleAssignmentLdapGroupService, RoleAssignmentService, RoleGuardService, RoutingBuilderService, SETTINGS_TRANSITION_ID, SearchIndex, SearchIndexResolverService, SearchInputType, SearchMode, SearchService, SelectedCaseService, SessionIdleTimerService, SessionService, SideMenuControl, SideMenuRef, SideMenuService, SideMenuSize, SignUpModule, SignUpService, SimpleFilter, SingleTaskContentService, SnackBarComponent, SnackBarHorizontalPosition, SnackBarModule, SnackBarService, SnackBarVerticalPosition, SpinnerOverlayService, StringCollectionField, Subgrid, SubjectTaskOperations, Substring, SuccessSnackBarComponent, TRANSITION_ID, TabLabelStream, TabView, TabbedVirtualScrollComponent, TaskAssignee, TaskConst, TaskContentService, TaskDataService, TaskElementType, TaskEndpoint, TaskEvent, TaskEventService, TaskHandlingService, TaskHeaderService, TaskMetaField, TaskNetAttributeAutocompleteCategory, TaskProcess, TaskRefComponents, TaskRefDashboardConstants, TaskRefDashboardTileConstants, TaskRefField, TaskRequestStateService, TaskResourceService, TaskResourceServiceProvider, TaskRole, TaskTask, TaskViewService, TemplateAppearance, TestCaseBaseFilterProvider, TestCaseViewAllowedNetsFactory, TestConfigurationService, TestMockDependenciesModule, TestNoAllowedNetsFactory, TestTaskBaseFilterProvider, TestTaskViewAllowedNetsFactory, TestViewService, TextAreaField, TextAreaHeight, TextField, TextFieldComponent, TextFieldValidation, TextFieldView, TranslateLibModule, TreeCaseViewService, TreePetriflowIdentifiers, TreeTaskContentService, UnlimitedTaskContentService, UriContentType, UriResourceService, UriService, User, UserAutocomplete, UserComparatorService, UserField, UserFilterConstants, UserFiltersService, UserImpersonationConstants, UserInviteService, UserListField, UserListService, UserListValue, UserPreferenceService, UserResourceService, UserService, UserTransformer, UserValue, UtilityModule, ViewIdService, ViewService, WarningSnackBarComponent, WorkflowHeaderService, WorkflowMetaField, WorkflowViewService, WrappedBoolean, arrayToObservable, authenticationServiceFactory, clearTimeInformation, configureCategory, createMockCase, createMockCaseOutcome, createMockDataGroup, createMockDependencies, createMockField, createMockGetDataOutcome, createMockImmediateData, createMockNet, createMockPage, createMockPetriNetOutcome, createMockSetDataOutcome, createMockTask, createMockTaskOutcome, createSortParam, createTaskEventNotification, decodeBase64, defaultCaseSearchCategoriesFactory, defaultTaskSearchCategoriesFactory, destroySubscription, encodeBase64, extractFieldValueFromData, extractFilterFieldFromData, extractFilterFromData, extractFilterFromFilterField, extractIconAndTitle, extractRoles, extractSearchTypeFromData, getField, getFieldFromDataGroups, getFieldIndex, getFieldIndexFromDataGroups, getImmediateData, getNetAndCreateCase, groupNavigationViewIdSegmentFactory, hasContent, loadAllPages, mockUserAutocompleteValue, navigationItemCaseViewDefaultHeadersFactory, navigationItemTaskAllowedNetsServiceFactory, navigationItemTaskCategoryFactory, navigationItemTaskFilterFactory, navigationItemTaskViewDefaultHeadersFactory, ofVoid, processMessageResponse, publicBaseFilterFactory, publicFactoryResolver, redirectAction, refreshTree, reloadTaskAction, tabbedAllowedNetsServiceFactory, tabbedTaskViewConfigurationFactory, toMoment, validateTaskAction };
+export { AbstractAddChildNodeComponent, AbstractAdvancedSearchComponent, AbstractAuthenticationOverlayComponent, AbstractBaseDataFieldComponent, AbstractBooleanDefaultFieldComponent, AbstractBooleanFieldComponent, AbstractBreadcrumbsComponent, AbstractButtonDefaultFieldComponent, AbstractButtonFieldComponent, AbstractCaseListComponent, AbstractCaseListPaginatorComponent, AbstractCasePanelComponent, AbstractCaseRefDefaultComponent, AbstractCaseViewComponent, AbstractChangePasswordComponent, AbstractCountCardComponent, AbstractCurrencyNumberFieldComponent, AbstractCustomCardComponent, AbstractDashboardBarChartTextFieldComponent, AbstractDashboardComponent, AbstractDashboardContentComponent, AbstractDashboardIframeTextFieldComponent, AbstractDashboardLineChartTextFieldComponent, AbstractDashboardPieChartTextFieldComponent, AbstractDashboardPortalTextFieldComponent, AbstractDashboardTextFieldComponent, AbstractDataFieldTemplateComponent, AbstractDateDefaultFieldComponent, AbstractDateFieldComponent, AbstractDateTimeDefaultFieldComponent, AbstractDateTimeFieldComponent, AbstractDefaultNumberFieldComponent, AbstractEditModeComponent, AbstractEmailSubmissionFormComponent, AbstractEnumerationAutocompleteDynamicFieldComponent, AbstractEnumerationAutocompleteSelectFieldComponent, AbstractEnumerationCaseRefComponent, AbstractEnumerationFieldComponent, AbstractEnumerationIconFieldComponent, AbstractEnumerationListFieldComponent, AbstractEnumerationSelectFieldComponent, AbstractEnumerationStepperFieldComponent, AbstractFieldComponentResolverComponent, AbstractFileDefaultFieldComponent, AbstractFileFieldComponent, AbstractFileListDefaultFieldComponent, AbstractFileListFieldComponent, AbstractFilterDefaultFieldComponent, AbstractFilterFieldComponent, AbstractFilterFieldContentComponent, AbstractFilterFieldTabViewComponent, AbstractFilterFieldTabViewContentComponent, AbstractFilterSelectorComponent, AbstractFilterSelectorListItemComponent, AbstractForgottenPasswordComponent, AbstractFulltextSearchComponent, AbstractGroupNavigationComponentResolverComponent, AbstractHeaderComponent, AbstractHeaderService, AbstractHtmlTextareaFieldComponent, AbstractI18nDividerFieldComponent, AbstractI18nErrorsComponent, AbstractI18nFieldComponent, AbstractI18nTextFieldComponent, AbstractIframeCardComponent, AbstractImmediateFilterTextComponent, AbstractImmediateFilterTextContentComponent, AbstractImportNetComponent, AbstractInternalLinkComponent, AbstractLanguageSelectorComponent, AbstractLdapGroupRoleAssignmentComponent, AbstractLegalNoticeComponent, AbstractLoadFilterComponent, AbstractLoadingModeComponent, AbstractLoggerService, AbstractLoginFormComponent, AbstractLogoutShortcutComponent, AbstractMultiUserAssignComponent, AbstractMultiUserAssignItemComponent, AbstractMultiUserAssignListComponent, AbstractMultichoiceAutocompleteFieldComponentComponent, AbstractMultichoiceCaseRefComponent, AbstractMultichoiceFieldComponent, AbstractMultichoiceListFieldComponent, AbstractMultichoiceSelectFieldComponent, AbstractNavigationDoubleDrawerComponent, AbstractNavigationDrawerComponent, AbstractNavigationRailComponent, AbstractNavigationTreeComponent, AbstractNewCaseComponent, AbstractNumberDecimalFieldComponent, AbstractNumberErrorsComponent, AbstractNumberFieldComponent, AbstractOptionSelectorComponent, AbstractPanelComponent, AbstractPanelItemComponent, AbstractPasswordTextFieldComponent, AbstractProfileComponent, AbstractQuickPanelComponent, AbstractRegistrationComponent, AbstractRegistrationFormComponent, AbstractRemoveNodeComponent, AbstractResourceProvider, AbstractResourceService, AbstractRichTextareaFieldComponent, AbstractRoleAssignmentComponent, AbstractSaveFilterComponent, AbstractSearchClauseComponent, AbstractSearchComponent, AbstractSearchConfigurationInputComponent, AbstractSearchModeComponent, AbstractSearchOperandInputComponent, AbstractSearchPredicateComponent, AbstractSessionIdleComponent, AbstractSideMenuContainerComponent, AbstractSimpleTextFieldComponent, AbstractSingleTaskComponent, AbstractSingleTaskViewComponent, AbstractSortModeComponent, AbstractSortableViewComponent, AbstractStringCollectionDefaultFieldComponent, AbstractTabCreationDetectorComponent, AbstractTabViewComponent, AbstractTabbedCaseViewComponent, AbstractTabbedSingleTaskViewComponent, AbstractTabbedTaskViewComponent, AbstractTaskContentComponent, AbstractTaskListComponent, AbstractTaskListPaginationComponent, AbstractTaskPanelComponent, AbstractTaskRefDashboardFieldComponent, AbstractTaskRefDashboardTileComponent, AbstractTaskRefFieldComponent, AbstractTaskRefListFieldComponent, AbstractTaskViewComponent, AbstractTextErrorsComponent, AbstractTextFieldComponent, AbstractTextareaFieldComponent, AbstractToolbarComponent, AbstractTreeComponent, AbstractTreeTaskContentComponent, AbstractUserAssignComponent, AbstractUserAssignItemComponent, AbstractUserAssignListComponent, AbstractUserCardComponent, AbstractUserDefaultFieldComponent, AbstractUserFieldComponent, AbstractUserImpersonateComponent, AbstractUserInviteComponent, AbstractUserListDefaultFieldComponent, AbstractUserListFieldComponent, AbstractViewWithHeadersComponent, AbstractWorkflowPanelComponent, AbstractWorkflowViewComponent, AccessService, ActiveGroupService, AdvancedSearchComponentInitializationService, AfterAction, AlertDialogComponent, AlertDialogModule, AllowedNetsService, AllowedNetsServiceFactory, AnonymousAuthenticationInterceptor, AnonymousService, AssignPolicy, AssignPolicyService, AssignTaskService, AuthenticationGuardService, AuthenticationInterceptor, AuthenticationMethodService, AuthenticationModule, AuthenticationService, AuthorityGuardService, AutocompleteCategory, BOOLEAN_VALUE_LABEL_ENABLED, BaseAllowedNetsService, BaseFilterFactoryProvider, BasicAuthenticationService, BooleanField, BooleanFieldValidation, BooleanOperator, ButtonField, ButtonFieldValidation, CASE_ID, CONFIRM_PASSWORD, CallChainService, CancelTaskService, CaseAuthor, CaseCreationDate, CaseCreationDateTime, CaseDataset, CaseHeaderService, CaseListFontColorService, CaseMetaField, CaseNetAttributeAutocompleteCategory, CaseProcess, CaseRefField, CaseResourceService, CaseResourceServiceProvider, CaseRole, CaseSearch, CaseSimpleDataset, CaseStringId, CaseTask, CaseTitle, CaseTreeNode, CaseTreeService, CaseViewService, CaseVisualId, Categories, Category, CategoryFactory, CategoryResolverService, ChangedFieldsService, ClausePredicate, ComponentPrefixes, ComponentRegistryService, ConfigParams, ConfigurationInput, ConfigurationService, ConfirmDialogComponent, ConfirmDialogModule, ConsoleLogPublisher, ContainsPipe, CovalentModule, CurrencyModule, CustomDateAdapter, DATA_FIELD_PORTAL_DATA, DATE_FORMAT, DATE_FORMAT_STRING, DATE_TIME_FORMAT, DATE_TIME_FORMAT_STRING, DEFAULT, DEFAULT_LANGUAGE_CODE, Dashboard, DashboardCardTypes, DashboardMultiData, DashboardResourceService, DashboardSingleData, DataField, DataFieldsModule, DataFocusPolicy, DataFocusPolicyService, DataGroupAlignment, DatafieldMapKey, DateField, DateTimeField, DefaultSearchCategoriesModule, DelegateTaskService, DialogModule, DialogService, DoubleDrawerNavigationService, DoubleDrawerUtils, DynamicEnumerationField, DynamicNavigationRouteProviderService, EditableClausePredicate, EditableClausePredicateWithGenerators, EditableElementaryPredicate, EditablePredicate, EditablePredicateWithGenerator, ElementaryPredicate, EnumerationAutocompleteFilterProperty, EnumerationField, EnumerationFieldValidation, Equals, EqualsDate, ErrorSnackBarComponent, EventConstants, EventQueueService, EventService, FieldAlignment, FieldConverterService, FieldTypeResource, FileField, FileListField, FileListFieldValidation, FilePreviewType, FileUploadMIMEType, FileUploadModel, Filter, FilterExtractionService, FilterField, FilterRepository, FilterType, FilteredArray, FinishPolicy, FinishPolicyService, FinishTaskService, FrontActionModule, FrontActionRegistryService, FrontActionService, GenericSnackBarComponent, GroupGuardService, GroupNavigationComponentResolverService, GroupNavigationConstants, HeaderColumn, HeaderColumnType, HeaderMode, HeaderSearchService, HeaderType, HttpLoaderFactory, I18nField, I18nFieldValidation, ImpersonationService, ImpersonationUserListService, ImpersonationUserResourceService, ImpersonationUserSelectService, InRange, InRangeDate, IncrementingCounter, IsEmptyPipe, IsNonEmptyPipe, IsNull, LEFT_DRAWER_DEFAULT_WIDTH, LanguageIconsService, LanguageService, LdapGroupListService, LdapGroupResourceService, LessThan, LessThanDate, LessThanDateTime, LetContext, LetDirective, Like, LoadingEmitter, LoadingWithFilterEmitter, LocalStorageLogPublisher, LogEntry, LogLevel, LogPublisher, LogPublisherService, LoggerService, MENU_IDENTIFIERS, MaterialAppearance, MaterialModule, MenuOrder, MergeOperator, MergedFilter, MockAuthenticationMethodService, MockAuthenticationService, MockEndpoint, MockProfileService, MockSignUpService, MockUserPreferenceService, MockUserResourceService, MockUserService, MoreThan, MoreThanDate, MoreThanDateTime, MultichoiceAutocompleteFilterProperty, MultichoiceField, NAE_ADMIN_IMPERSONATE_COMPONENT, NAE_ADMIN_IMPERSONATE_DIALOG_COMPONENT, NAE_ASYNC_RENDERING_CONFIGURATION, NAE_AUTOSWITCH_TAB_TOKEN, NAE_BASE_FILTER, NAE_CASE_REF_CREATE_CASE, NAE_CASE_REF_DATAFIELD, NAE_CASE_REF_SEARCH, NAE_DEFAULT_CASE_SEARCH_CATEGORIES, NAE_DEFAULT_HEADERS, NAE_DEFAULT_LANGUAGE, NAE_DEFAULT_MIN_PASSWORD_LENGTH, NAE_DEFAULT_TASK_SEARCH_CATEGORIES, NAE_FILTERS_FILTER, NAE_FILTER_FIELD, NAE_FILTER_TEXT, NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT, NAE_IMPORT_NET_COMPONENT, NAE_IMPORT_NET_DIALOG_COMPONENT, NAE_INFORM_ABOUT_INVALID_DATA, NAE_LOAD_FILTER_COMPONENT, NAE_LOAD_FILTER_DIALOG_COMPONENT, NAE_MIN_PASSWORD_LENGTH, NAE_MULTI_USER_ASSIGN_COMPONENT, NAE_MULTI_USER_ASSIGN_DIALOG_COMPONENT, NAE_NAVIGATION_ITEM_TASK_DATA, NAE_NET_ALL_VERSIONS, NAE_NET_VERSION_VISIBLE, NAE_NEW_CASE_COMPONENT, NAE_NEW_CASE_CONFIGURATION, NAE_NEW_CASE_CREATION_CONFIGURATION_DATA, NAE_NEW_CASE_DIALOG_COMPONENT, NAE_OPEN_EXISTING_TAB, NAE_OPTION_SELECTOR_COMPONENT, NAE_OPTION_SELECTOR_DIALOG_COMPONENT, NAE_PREFERRED_TASK_ENDPOINT, NAE_ROUTING_CONFIGURATION_PATH, NAE_SAVE_FILTER_COMPONENT, NAE_SAVE_FILTER_DIALOG_COMPONENT, NAE_SEARCH_CATEGORIES, NAE_SEARCH_COMPONENT_CONFIGURATION, NAE_SIDE_MENU_CONTROL, NAE_SNACKBAR_HORIZONTAL_POSITION, NAE_SNACKBAR_VERTICAL_POSITION, NAE_TAB_DATA, NAE_TASK_FORCE_OPEN, NAE_TASK_OPERATIONS, NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS, NAE_TASK_VIEW_COMPONENT, NAE_TASK_VIEW_CONFIGURATION, NAE_TREE_CASE_VIEW_CONFIGURATION, NAE_URI_NODE_CASES_PAGE_SIZE, NAE_USER_ASSIGN_COMPONENT, NAE_USER_ASSIGN_DIALOG_COMPONENT, NAE_USER_IMPERSONATE_COMPONENT, NAE_USER_IMPERSONATE_DIALOG_COMPONENT, NAE_VIEW_ID, NAE_VIEW_ID_SEGMENT, NAE_WORKFLOW_SERVICE_CONFIRM_DELETE, NAE_WORKFLOW_SERVICE_FILTER, Net, NetAttributeAutocompleteCategory, NetgrifPaginatorIntl, NextGroupService, NoConfigurationAutocompleteCategory, NoConfigurationCategory, NoConfigurationUserAutocompleteCategory, NotEquals, NotEqualsDate, NotEqualsDateTime, NullAuthenticationService, NullTaskOperations, NumberField, NumberFieldValidation, OLD_PASSWORD, OpenedTab, Operator, OperatorResolverService, OperatorService, OperatorTemplatePart, OperatorTemplatePartType, Operators, OrganizationListService, OverflowService, PASSWORD, PETRI_NET_ID, PUBLISHERS, PageLoadRequestContext, PaginationParams, PaginationSort, PaperViewService, PermissionService, PermissionType, PetriNetResourceService, PetriNetResourceServiceProvider, Predicate, PredicateWithGenerator, ProcessList, ProcessService, ProcessServiceProvider, ProfileModule, ProfileService, ProgressType, PromptDialogComponent, PromptDialogModule, PublicCaseResourceService, PublicPetriNetResourceService, PublicProcessService, PublicTaskLoadingService, PublicTaskResourceService, PublicUrlResolverService, Query, QueuedEvent, RIGHT_DRAWER_DEFAULT_MIN_WIDTH, RIGHT_DRAWER_DEFAULT_WIDTH, RIGHT_DRAWER_MAX_WIDTH, RIGHT_SIDE_INIT_PAGE_SIZE, RIGHT_SIDE_NEW_PAGE_SIZE, RedirectService, ResourceProvider, ResultWithAfterActions, RoleAssignmentLdapGroupService, RoleAssignmentService, RoleGuardService, RoutingBuilderService, SETTINGS_TRANSITION_ID, SearchIndex, SearchIndexResolverService, SearchInputType, SearchMode, SearchService, SelectedCaseService, SessionIdleTimerService, SessionService, SideMenuControl, SideMenuRef, SideMenuService, SideMenuSize, SignUpModule, SignUpService, SimpleFilter, SingleTaskContentService, SnackBarComponent, SnackBarHorizontalPosition, SnackBarModule, SnackBarService, SnackBarVerticalPosition, SpinnerOverlayService, StringCollectionField, Subgrid, SubjectTaskOperations, Substring, SuccessSnackBarComponent, TRANSITION_ID, TabLabelStream, TabView, TabbedVirtualScrollComponent, TaskAssignee, TaskContentService, TaskDataService, TaskElementType, TaskEndpoint, TaskEvent, TaskEventService, TaskHandlingService, TaskHeaderService, TaskMetaField, TaskNetAttributeAutocompleteCategory, TaskProcess, TaskRefComponents, TaskRefDashboardConstants, TaskRefDashboardTileConstants, TaskRefField, TaskRequestStateService, TaskResourceService, TaskResourceServiceProvider, TaskRole, TaskTask, TaskViewService, TemplateAppearance, TestCaseBaseFilterProvider, TestCaseViewAllowedNetsFactory, TestConfigurationService, TestMockDependenciesModule, TestNoAllowedNetsFactory, TestTaskBaseFilterProvider, TestTaskViewAllowedNetsFactory, TestViewService, TextAreaField, TextAreaHeight, TextField, TextFieldComponent, TextFieldValidation, TextFieldView, TranslateLibModule, TreeCaseViewService, TreePetriflowIdentifiers, TreeTaskContentService, UnlimitedTaskContentService, UriContentType, UriResourceService, UriService, User, UserAutocomplete, UserComparatorService, UserField, UserFilterConstants, UserFiltersService, UserImpersonationConstants, UserInviteService, UserListField, UserListService, UserListValue, UserPreferenceService, UserResourceService, UserService, UserTransformer, UserValue, UtilityModule, ViewIdService, ViewService, WarningSnackBarComponent, WorkflowHeaderService, WorkflowMetaField, WorkflowViewService, WrappedBoolean, arrayToObservable, authenticationServiceFactory, clearTimeInformation, configureCategory, createMockCase, createMockCaseOutcome, createMockDataGroup, createMockDependencies, createMockField, createMockGetDataOutcome, createMockImmediateData, createMockNet, createMockPage, createMockPetriNetOutcome, createMockSetDataOutcome, createMockTask, createMockTaskOutcome, createSortParam, createTaskEventNotification, decodeBase64, defaultCaseSearchCategoriesFactory, defaultTaskSearchCategoriesFactory, destroySubscription, encodeBase64, extractFieldValueFromData, extractFilterFieldFromData, extractFilterFromData, extractFilterFromFilterField, extractIconAndTitle, extractRoles, extractSearchTypeFromData, getField, getFieldFromDataGroups, getFieldIndex, getFieldIndexFromDataGroups, getImmediateData, getNetAndCreateCase, groupNavigationViewIdSegmentFactory, hasContent, hasView, loadAllPages, mockUserAutocompleteValue, navigationItemCaseViewDefaultHeadersFactory, navigationItemTaskAllowedNetsServiceFactory, navigationItemTaskCategoryFactory, navigationItemTaskFilterFactory, navigationItemTaskViewDefaultHeadersFactory, ofVoid, processMessageResponse, publicBaseFilterFactory, publicFactoryResolver, redirectAction, refreshTree, reloadTaskAction, tabbedAllowedNetsServiceFactory, tabbedTaskViewConfigurationFactory, toMoment, validateTaskAction };
 //# sourceMappingURL=netgrif-components-core.mjs.map