@netgrif/components-core 6.4.0-beta.4 → 6.4.0-beta.6

package/fesm2015/netgrif-components-core.mjs

@@ -75,7 +75,7 @@ import moment from 'moment';
 import * as Buffer from 'buffer';
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
 import * as i2$3 from '@angular/router';
-import { NavigationEnd } from '@angular/router';
+import { NavigationEnd, Router } from '@angular/router';
 import * as i1$6 from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
 import { orderBy } from 'natural-orderby';
@@ -1232,6 +1232,15 @@ var session$2 = {
     exitButton: "Logout",
     refreshButton: "Stay Connected"
 };
+var paginator$2 = {
+    firstPage: "First page",
+    itemsPage: "Items per page:",
+    lastPage: "Last page",
+    nextPage: "Next page",
+    previousPage: "Previous page",
+    pageOne: "Page 1 of 1",
+    pageAmount: "Page {{page}} of {{amountPages}}"
+};
 var en = {
     toolbar: toolbar$2,
     tasks: tasks$2,
@@ -1317,7 +1326,8 @@ var en = {
     publicView: publicView$2,
     dynamicNavigation: dynamicNavigation$2,
     impersonation: impersonation$2,
-    session: session$2
+    session: session$2,
+    paginator: paginator$2
 };
 
 var toolbar$1 = {
@@ -1753,6 +1763,15 @@ var session$1 = {
     exitButton: "Odhlásiť sa",
     refreshButton: "Zostaň pripojený"
 };
+var paginator$1 = {
+    firstPage: "Prvá strana",
+    itemsPage: "Položky na stranu:",
+    lastPage: "Posledná strana",
+    nextPage: "Ďalšia strana",
+    previousPage: "Predchádzajúca strana",
+    pageOne: "Strana 1 z 1",
+    pageAmount: "Strana {{page}} z {{amountPages}}"
+};
 var sk = {
     toolbar: toolbar$1,
     tasks: tasks$1,
@@ -1838,7 +1857,8 @@ var sk = {
     publicView: publicView$1,
     dynamicNavigation: dynamicNavigation$1,
     impersonation: impersonation$1,
-    session: session$1
+    session: session$1,
+    paginator: paginator$1
 };
 
 var toolbar = {
@@ -2274,6 +2294,15 @@ var session = {
     exitButton: "Abmelden",
     refreshButton: "Angemeldet bleiben"
 };
+var paginator = {
+    firstPage: "Vorderseite",
+    itemsPage: "Elemente pro Seite:",
+    lastPage: "Letzte Seite",
+    nextPage: "Nächste Seite",
+    previousPage: "Vorherige Seite",
+    pageOne: "Seite 1 von 1",
+    pageAmount: "Seite {{page}} von {{amountPages}}"
+};
 var de = {
     toolbar: toolbar,
     tasks: tasks,
@@ -2359,7 +2388,8 @@ var de = {
     publicView: publicView,
     dynamicNavigation: dynamicNavigation,
     impersonation: impersonation,
-    session: session
+    session: session,
+    paginator: paginator
 };
 
 /**
@@ -5480,6 +5510,7 @@ class EnumerationField extends DataField {
         this._choices = _choices;
         this._fieldType = _fieldType;
         this.REQUEST_DEBOUNCE_TIME = 600;
+        this._updatedChoices = new Subject();
     }
     set choices(choices) {
         this._choices = choices;
@@ -5499,6 +5530,12 @@ class EnumerationField extends DataField {
     getTypedComponentType() {
         return ComponentPrefixes.ENUMERATION + this.getComponentType();
     }
+    get updatedChoices() {
+        return this._updatedChoices.asObservable();
+    }
+    updateChoice() {
+        this._updatedChoices.next();
+    }
     resolveFormControlValidators() {
         const result = [];
         if (this.behavior.required) {
@@ -5666,6 +5703,384 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 args: ['oneStep']
             }] } });
 
+/**
+ * Provides the base filter of a {@link SearchService}
+ */
+const NAE_BASE_FILTER = new InjectionToken('NaeBaseFilter');
+
+/**
+ * Abstraction of backend search requests that defines a limited set of operations on them.
+ */
+class Filter {
+    /**
+     * If no name is provided the filter will be identified by it's ID when necessary.
+     * @param _id identifier of the filter
+     * @param _type type of resources that the filter can query
+     * @param _title human readable filter name
+     */
+    constructor(_id, _type, _title = '') {
+        this._id = _id;
+        this._type = _type;
+        this._title = _title;
+    }
+    /**
+     * Unique filter identifier
+     */
+    get id() {
+        return this._id;
+    }
+    set id(id) {
+        this._id = id;
+    }
+    /**
+     * Determines the type of resource this Filter can filter.
+     */
+    get type() {
+        return this._type;
+    }
+    /**
+     * Human readable filter title.
+     *
+     * Defaults to empty string.
+     */
+    get title() {
+        return this._title;
+    }
+    /**
+     * Returns the necessary request params for the filter. Default implementation returns an empty object.
+     * The params are added on top of the request when sending it to the backend by the respective service methods.
+     * @returns an empty object `{}`
+     */
+    getRequestParams() {
+        return {};
+    }
+    /**
+     * Creates a deep copy of a simple object.
+     * @param obj object that should be copied
+     * @returns a deep copy of the argument
+     */
+    deepCopy(obj) {
+        return JSON.parse(JSON.stringify(obj));
+    }
+}
+
+/**
+ * Determines whether the combination of Filters is an union (AND) or an intersection (OR).
+ *
+ * See {@link MergedFilter} for more information.
+ */
+var MergeOperator;
+(function (MergeOperator) {
+    MergeOperator["AND"] = "AND";
+    MergeOperator["OR"] = "OR";
+})(MergeOperator || (MergeOperator = {}));
+
+/**
+ * Determines the type of resource the Filter can search for.
+ *
+ * See {@link Filter} for more information.
+ */
+var FilterType;
+(function (FilterType) {
+    FilterType["TASK"] = "Task";
+    FilterType["CASE"] = "Case";
+})(FilterType || (FilterType = {}));
+
+/**
+ * Represents an union or an intersection of {@link SimpleFilter}s and allows limited manipulation with it.
+ */
+class MergedFilter extends Filter {
+    /**
+     * @param id identifier of the filter
+     * @param type type of resources that the filter can query
+     * @param filterBodies `Array` of search requests matching this filter's type
+     * @param _operator boolean operator that is used to combine the filters
+     * @param title human readable filter name
+     */
+    constructor(id, type, filterBodies, _operator, title) {
+        super(id, type, title);
+        this._operator = _operator;
+        this._filters = [];
+        filterBodies.forEach(body => {
+            this._filters.push(this.deepCopy(body));
+        });
+    }
+    /**
+     * Creates a filter with the provided body and the provided type
+     * @param filterBody the body of the new filter
+     * @param operator the merge operator that is used to combine the filters
+     * @param type the type of the new filter. Type must match the type of the body.
+     * @returns a filter with the given body, operator and type. `id` of the new filter is set to an empty string.
+     */
+    static fromQuery(filterBody, operator, type) {
+        return new MergedFilter('', type, filterBody, operator);
+    }
+    /**
+     * Creates a case filter with the provided body
+     * @param filterBody the body of the new filter
+     * @param operator the merge operator that is used to combine the filters
+     * @returns a case filter with the given body and operator. `id` of the new filter is set to an empty string.
+     */
+    static fromCaseQuery(filterBody, operator) {
+        return MergedFilter.fromQuery(filterBody, operator, FilterType.CASE);
+    }
+    /**
+     * Creates a task filter with the provided body
+     * @param filterBody the body of the new filter
+     * @param operator the merge operator that is used to combine the filters
+     * @returns a task filter with the given body and operator. `id` of the new filter is set to an empty string.
+     */
+    static fromTaskQuery(filterBody, operator) {
+        return MergedFilter.fromQuery(filterBody, operator, FilterType.TASK);
+    }
+    set operator(operator) {
+        this._operator = operator;
+    }
+    get operator() {
+        return this._operator;
+    }
+    /**
+     * See [Filter.clone()]{@link Filter#clone}
+     */
+    clone() {
+        return new MergedFilter(this.id, this.type, this._filters, this._operator, this.title);
+    }
+    /**
+     * Filters that are merged must share the same type and the same merge operator.
+     *
+     * See [Filter.merge()]{@link Filter#merge} for information about parameters.
+     */
+    merge(filter, operator) {
+        if (filter.type !== this.type) {
+            throw new Error('Can\'t merge filters with different types');
+        }
+        if (this._operator !== operator || (filter instanceof MergedFilter && filter._operator !== this._operator)) {
+            throw new Error('Can\'t merge filters with different merge operators');
+        }
+        const id = `${this.id}${operator === MergeOperator.AND ? '&' : '|'}${filter.id}`;
+        const combinedFilters = [];
+        combinedFilters.push(...this._filters);
+        const otherFilters = filter.getRequestBody();
+        if (Array.isArray(otherFilters)) {
+            combinedFilters.push(...otherFilters);
+        }
+        else {
+            combinedFilters.push(otherFilters);
+        }
+        return new MergedFilter(id, this.type, combinedFilters, this._operator);
+    }
+    /**
+     * See [Filter.getRequestBody()]{@link Filter#getRequestBody}
+     */
+    getRequestBody() {
+        return this.deepCopy(this._filters);
+    }
+    /**
+     * See [Filter.bodyContainsQuery()]{@link Filter#bodyContainsQuery}
+     */
+    bodyContainsQuery() {
+        return this._filters.some(f => f.query !== undefined && f.query !== null);
+    }
+    /**
+     * Returns the necessary request params for the filter.
+     * @returns params with `operation` set to either `AND` or `OR` based on this object's `_operator` property.
+     *
+     * See {@link MergedFilterParams} for more information.
+     */
+    getRequestParams() {
+        return {
+            operation: this._operator
+        };
+    }
+}
+
+/**
+ * Holds backend search request data and allows limited manipulation with it.
+ */
+class SimpleFilter extends Filter {
+    /**
+     * @param id identifier of the filter
+     * @param type type of resources that the filter can query
+     * @param filterBody search request matching this filter's `type`
+     * @param title human readable filter name
+     */
+    constructor(id, type, filterBody, title) {
+        super(id, type, title);
+        this._filter = this.deepCopy(filterBody);
+    }
+    /**
+     * Create an empty filter of provided type
+     * @param type type of resources that the filter can query
+     * @returns a filter with empty body of the provided type. `id` of the new filter is set to an empty string.
+     */
+    static empty(type) {
+        return new SimpleFilter('', type, {});
+    }
+    /**
+     * Equivalent to calling `SimpleFilter.empty(FilterType.CASE)`.
+     * @returns a filter with empty body that can be used to search cases
+     */
+    static emptyCaseFilter() {
+        return SimpleFilter.empty(FilterType.CASE);
+    }
+    /**
+     * Equivalent to calling `SimpleFilter.empty(FilterType.TASK)`.
+     * @returns a filter with empty body that can be used to search tasks
+     */
+    static emptyTaskFilter() {
+        return SimpleFilter.empty(FilterType.TASK);
+    }
+    /**
+     * Creates a filter with the provided body and the provided type
+     * @param filterBody the body of the new filter
+     * @param type the type of the new filter. Type must match the type of the body.
+     * @returns a filter with the given body and type. `id` of the new filter is set to an empty string.
+     */
+    static fromQuery(filterBody, type) {
+        return new SimpleFilter('', type, filterBody);
+    }
+    /**
+     * Creates a case filter with the provided body
+     * @param filterBody the body of the new filter
+     * @returns a case filter with the given body. `id` of the new filter is set to an empty string.
+     */
+    static fromCaseQuery(filterBody) {
+        return SimpleFilter.fromQuery(filterBody, FilterType.CASE);
+    }
+    /**
+     * Creates a task filter with the provided body
+     * @param filterBody the body of the new filter
+     * @returns a task filter with the given body. `id` of the new filter is set to an empty string.
+     */
+    static fromTaskQuery(filterBody) {
+        return SimpleFilter.fromQuery(filterBody, FilterType.TASK);
+    }
+    /**
+     * See [Filter.clone()]{@link Filter#clone}
+     */
+    clone() {
+        return new SimpleFilter(this.id, this.type, this._filter, this.title);
+    }
+    /**
+     * See [Filter.merge()]{@link Filter#merge}
+     */
+    merge(filter, operator) {
+        const temp = new MergedFilter(this.id, this.type, [this._filter], operator, this.title);
+        return temp.merge(filter, operator);
+    }
+    /**
+     * See [Filter.bodyContainsQuery()]{@link Filter#bodyContainsQuery}
+     */
+    bodyContainsQuery() {
+        return this._filter.query !== undefined && this._filter.query !== null;
+    }
+    /**
+     * See [Filter.getRequestBody()]{@link Filter#getRequestBody}
+     */
+    getRequestBody() {
+        return this.deepCopy(this._filter);
+    }
+}
+
+const NAE_VIEW_ID = new InjectionToken('NaeViewId');
+const NAE_VIEW_ID_SEGMENT = new InjectionToken('NaeViewIdSegment');
+
+class ViewIdService {
+    constructor(parentInjector, idSegment) {
+        this._viewId = '';
+        if (parentInjector !== null) {
+            const parentIdService = parentInjector.get(ViewIdService, null);
+            if (parentIdService !== null) {
+                this._viewId = parentIdService.viewId + ViewIdService.VIEW_ID_SEGMENT_SEPARATOR;
+            }
+        }
+        this._viewId += idSegment;
+    }
+    get viewId() {
+        return this._viewId;
+    }
+}
+ViewIdService.VIEW_ID_SEGMENT_SEPARATOR = '-';
+ViewIdService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ViewIdService, deps: [{ token: i0.Injector, optional: true, skipSelf: true }, { token: NAE_VIEW_ID_SEGMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+ViewIdService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ViewIdService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ViewIdService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: i0.Injector, decorators: [{
+                        type: Optional
+                    }, {
+                        type: SkipSelf
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [NAE_VIEW_ID_SEGMENT]
+                    }] }];
+    } });
+
+const NAE_DEFAULT_HEADERS = new InjectionToken('NaeDefaultHeaders');
+
+const NAE_CASE_REF_CREATE_CASE = new InjectionToken('NaeCaseRefCreateCase');
+const NAE_CASE_REF_SEARCH = new InjectionToken('NaeCaseRefSearch');
+const NAE_CASE_REF_DATAFIELD = new InjectionToken('NaeCaseRefDatafield');
+
+class AbstractEnumerationCaseRefComponent extends AbstractBaseDataFieldComponent {
+    constructor(injector, caseViewType, dataFieldPortalData) {
+        super(dataFieldPortalData);
+        this.injector = injector;
+        this.caseViewType = caseViewType;
+    }
+    ngAfterViewInit() {
+        this.createFilter();
+        this.dataField.updatedChoices.subscribe(() => {
+            this.createFilter();
+        });
+    }
+    createFilter() {
+        var _a, _b, _c, _d, _e, _f;
+        let portalInjector;
+        const filterValue = this.dataField.choices.length > 0 ? this.dataField.choices.map(value => value.key) : '';
+        portalInjector = Injector.create({
+            providers: [
+                {
+                    provide: NAE_DEFAULT_HEADERS, useValue: (_b = (_a = this.dataField.component) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.headers.split(',')
+                },
+                {
+                    provide: NAE_CASE_REF_CREATE_CASE, useValue: ((_d = (_c = this.dataField.component) === null || _c === void 0 ? void 0 : _c.properties) === null || _d === void 0 ? void 0 : _d.createCase) === 'true'
+                },
+                {
+                    provide: NAE_CASE_REF_SEARCH, useValue: ((_f = (_e = this.dataField.component) === null || _e === void 0 ? void 0 : _e.properties) === null || _f === void 0 ? void 0 : _f.search) === 'true'
+                },
+                {
+                    provide: NAE_BASE_FILTER,
+                    useValue: { filter: SimpleFilter.fromCaseQuery({ stringId: filterValue }) }
+                },
+                {
+                    provide: NAE_VIEW_ID_SEGMENT,
+                    useValue: this.dataField.parentCaseId + '_' + this.dataField.parentTaskId + '_' + this.dataField.stringId
+                },
+                { provide: ViewIdService, useClass: ViewIdService }
+            ],
+            parent: this.injector
+        });
+        this.componentPortal = new ComponentPortal(this.caseViewType, null, portalInjector);
+    }
+}
+AbstractEnumerationCaseRefComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractEnumerationCaseRefComponent, deps: [{ token: i0.Injector }, { token: i0.Type }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+AbstractEnumerationCaseRefComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractEnumerationCaseRefComponent, selector: "ncc-abstract-case-ref-default", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractEnumerationCaseRefComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ncc-abstract-case-ref-default',
+                    template: ''
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.Injector }, { type: i0.Type }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [DATA_FIELD_PORTAL_DATA]
+                    }] }];
+    } });
+
 /**
  * @deprecated
  * */
@@ -5813,17 +6228,6 @@ const PREVIEW_BUTTON = 'preview_button';
 const FILE_FIELD_HEIGHT = 75;
 const FILE_FIELD_PADDING = 16;
 
-/**
- * Determines the type of resource the Filter can search for.
- *
- * See {@link Filter} for more information.
- */
-var FilterType;
-(function (FilterType) {
-    FilterType["TASK"] = "Task";
-    FilterType["CASE"] = "Case";
-})(FilterType || (FilterType = {}));
-
 var TextFieldView;
 (function (TextFieldView) {
     TextFieldView["DEFAULT"] = "default";
@@ -6058,6 +6462,7 @@ class MultichoiceField extends DataField {
         super(stringId, title, values, behavior, placeholder, description, layout, validations, component, parentTaskId);
         this._choices = _choices;
         this._fieldType = _fieldType;
+        this._updatedChoices = new Subject();
     }
     set choices(choices) {
         this._choices = choices;
@@ -6068,6 +6473,12 @@ class MultichoiceField extends DataField {
     get fieldType() {
         return this._fieldType;
     }
+    get updatedChoices() {
+        return this._updatedChoices.asObservable();
+    }
+    updateChoice() {
+        this._updatedChoices.next();
+    }
     getUpdateOnStrategy() {
         return UpdateStrategy.CHANGE;
     }
@@ -7155,6 +7566,10 @@ var EventConstants;
      * Changed fields parameter of {@link SetDataEventOutcome}
      */
     EventConstants["CHANGED_FIELDS"] = "changedFields";
+    /**
+     * Front actions parameter of {@link EventOutcome}
+     */
+    EventConstants["FRONT_ACTIONS"] = "frontActions";
 })(EventConstants || (EventConstants = {}));
 
 class EventService {
@@ -7202,6 +7617,28 @@ class EventService {
         });
         return changedFieldsMap;
     }
+    parseFrontActionsFromOutcomeTree(outcome) {
+        const frontActions = [];
+        if (!!outcome.outcomes && outcome.outcomes.length > 0) {
+            return this.parseFrontActionsFromOutcomeTreeRecursive(outcome.outcomes, frontActions);
+        }
+        else
+            return frontActions;
+    }
+    parseFrontActionsFromOutcomeTreeRecursive(outcomes, frontActions) {
+        outcomes.forEach(childOutcome => {
+            if (EventConstants.FRONT_ACTIONS in childOutcome) {
+                const childFrontActions = childOutcome.frontActions;
+                if (!!childFrontActions) {
+                    frontActions.push(...childFrontActions);
+                }
+            }
+            if (!!childOutcome.outcomes && childOutcome.outcomes.length > 0) {
+                this.parseFrontActionsFromOutcomeTreeRecursive(childOutcome.outcomes, frontActions);
+            }
+        });
+        return frontActions;
+    }
 }
 EventService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 EventService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EventService, providedIn: 'root' });
@@ -8146,6 +8583,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     }] }];
     } });
 
+class AbstractMultichoiceCaseRefComponent extends AbstractBaseDataFieldComponent {
+    constructor(injector, caseViewType, dataFieldPortalData) {
+        super(dataFieldPortalData);
+        this.injector = injector;
+        this.caseViewType = caseViewType;
+    }
+    ngAfterViewInit() {
+        this.createFilter();
+        this.dataField.updatedChoices.subscribe(() => {
+            this.createFilter();
+        });
+    }
+    createFilter() {
+        var _a, _b, _c, _d, _e, _f;
+        let portalInjector;
+        const filterValue = this.dataField.choices.length > 0 ? this.dataField.choices.map(value => value.key) : '';
+        portalInjector = Injector.create({
+            providers: [
+                {
+                    provide: NAE_DEFAULT_HEADERS, useValue: (_b = (_a = this.dataField.component) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.headers.split(',')
+                },
+                {
+                    provide: NAE_CASE_REF_CREATE_CASE, useValue: ((_d = (_c = this.dataField.component) === null || _c === void 0 ? void 0 : _c.properties) === null || _d === void 0 ? void 0 : _d.createCase) === 'true'
+                },
+                {
+                    provide: NAE_CASE_REF_SEARCH, useValue: ((_f = (_e = this.dataField.component) === null || _e === void 0 ? void 0 : _e.properties) === null || _f === void 0 ? void 0 : _f.search) === 'true'
+                },
+                {
+                    provide: NAE_BASE_FILTER,
+                    useValue: { filter: SimpleFilter.fromCaseQuery({ stringId: filterValue }) }
+                },
+                {
+                    provide: NAE_VIEW_ID_SEGMENT,
+                    useValue: this.dataField.parentCaseId + '_' + this.dataField.parentTaskId + '_' + this.dataField.stringId
+                },
+                { provide: ViewIdService, useClass: ViewIdService }
+            ],
+            parent: this.injector
+        });
+        this.componentPortal = new ComponentPortal(this.caseViewType, null, portalInjector);
+    }
+}
+AbstractMultichoiceCaseRefComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractMultichoiceCaseRefComponent, deps: [{ token: i0.Injector }, { token: i0.Type }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+AbstractMultichoiceCaseRefComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractMultichoiceCaseRefComponent, selector: "ncc-abstract-case-ref-default", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractMultichoiceCaseRefComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ncc-abstract-case-ref-default',
+                    template: ''
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.Injector }, { type: i0.Type }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [DATA_FIELD_PORTAL_DATA]
+                    }] }];
+    } });
+
 class AbstractMultichoiceSelectFieldComponent extends AbstractBaseDataFieldComponent {
     constructor(dataFieldPortalData) {
         super(dataFieldPortalData);
@@ -9055,269 +9551,6 @@ var BooleanOperator;
     BooleanOperator["OR"] = "OR";
 })(BooleanOperator || (BooleanOperator = {}));
 
-/**
- * Abstraction of backend search requests that defines a limited set of operations on them.
- */
-class Filter {
-    /**
-     * If no name is provided the filter will be identified by it's ID when necessary.
-     * @param _id identifier of the filter
-     * @param _type type of resources that the filter can query
-     * @param _title human readable filter name
-     */
-    constructor(_id, _type, _title = '') {
-        this._id = _id;
-        this._type = _type;
-        this._title = _title;
-    }
-    /**
-     * Unique filter identifier
-     */
-    get id() {
-        return this._id;
-    }
-    set id(id) {
-        this._id = id;
-    }
-    /**
-     * Determines the type of resource this Filter can filter.
-     */
-    get type() {
-        return this._type;
-    }
-    /**
-     * Human readable filter title.
-     *
-     * Defaults to empty string.
-     */
-    get title() {
-        return this._title;
-    }
-    /**
-     * Returns the necessary request params for the filter. Default implementation returns an empty object.
-     * The params are added on top of the request when sending it to the backend by the respective service methods.
-     * @returns an empty object `{}`
-     */
-    getRequestParams() {
-        return {};
-    }
-    /**
-     * Creates a deep copy of a simple object.
-     * @param obj object that should be copied
-     * @returns a deep copy of the argument
-     */
-    deepCopy(obj) {
-        return JSON.parse(JSON.stringify(obj));
-    }
-}
-
-/**
- * Determines whether the combination of Filters is an union (AND) or an intersection (OR).
- *
- * See {@link MergedFilter} for more information.
- */
-var MergeOperator;
-(function (MergeOperator) {
-    MergeOperator["AND"] = "AND";
-    MergeOperator["OR"] = "OR";
-})(MergeOperator || (MergeOperator = {}));
-
-/**
- * Represents an union or an intersection of {@link SimpleFilter}s and allows limited manipulation with it.
- */
-class MergedFilter extends Filter {
-    /**
-     * @param id identifier of the filter
-     * @param type type of resources that the filter can query
-     * @param filterBodies `Array` of search requests matching this filter's type
-     * @param _operator boolean operator that is used to combine the filters
-     * @param title human readable filter name
-     */
-    constructor(id, type, filterBodies, _operator, title) {
-        super(id, type, title);
-        this._operator = _operator;
-        this._filters = [];
-        filterBodies.forEach(body => {
-            this._filters.push(this.deepCopy(body));
-        });
-    }
-    /**
-     * Creates a filter with the provided body and the provided type
-     * @param filterBody the body of the new filter
-     * @param operator the merge operator that is used to combine the filters
-     * @param type the type of the new filter. Type must match the type of the body.
-     * @returns a filter with the given body, operator and type. `id` of the new filter is set to an empty string.
-     */
-    static fromQuery(filterBody, operator, type) {
-        return new MergedFilter('', type, filterBody, operator);
-    }
-    /**
-     * Creates a case filter with the provided body
-     * @param filterBody the body of the new filter
-     * @param operator the merge operator that is used to combine the filters
-     * @returns a case filter with the given body and operator. `id` of the new filter is set to an empty string.
-     */
-    static fromCaseQuery(filterBody, operator) {
-        return MergedFilter.fromQuery(filterBody, operator, FilterType.CASE);
-    }
-    /**
-     * Creates a task filter with the provided body
-     * @param filterBody the body of the new filter
-     * @param operator the merge operator that is used to combine the filters
-     * @returns a task filter with the given body and operator. `id` of the new filter is set to an empty string.
-     */
-    static fromTaskQuery(filterBody, operator) {
-        return MergedFilter.fromQuery(filterBody, operator, FilterType.TASK);
-    }
-    set operator(operator) {
-        this._operator = operator;
-    }
-    get operator() {
-        return this._operator;
-    }
-    /**
-     * See [Filter.clone()]{@link Filter#clone}
-     */
-    clone() {
-        return new MergedFilter(this.id, this.type, this._filters, this._operator, this.title);
-    }
-    /**
-     * Filters that are merged must share the same type and the same merge operator.
-     *
-     * See [Filter.merge()]{@link Filter#merge} for information about parameters.
-     */
-    merge(filter, operator) {
-        if (filter.type !== this.type) {
-            throw new Error('Can\'t merge filters with different types');
-        }
-        if (this._operator !== operator || (filter instanceof MergedFilter && filter._operator !== this._operator)) {
-            throw new Error('Can\'t merge filters with different merge operators');
-        }
-        const id = `${this.id}${operator === MergeOperator.AND ? '&' : '|'}${filter.id}`;
-        const combinedFilters = [];
-        combinedFilters.push(...this._filters);
-        const otherFilters = filter.getRequestBody();
-        if (Array.isArray(otherFilters)) {
-            combinedFilters.push(...otherFilters);
-        }
-        else {
-            combinedFilters.push(otherFilters);
-        }
-        return new MergedFilter(id, this.type, combinedFilters, this._operator);
-    }
-    /**
-     * See [Filter.getRequestBody()]{@link Filter#getRequestBody}
-     */
-    getRequestBody() {
-        return this.deepCopy(this._filters);
-    }
-    /**
-     * See [Filter.bodyContainsQuery()]{@link Filter#bodyContainsQuery}
-     */
-    bodyContainsQuery() {
-        return this._filters.some(f => f.query !== undefined && f.query !== null);
-    }
-    /**
-     * Returns the necessary request params for the filter.
-     * @returns params with `operation` set to either `AND` or `OR` based on this object's `_operator` property.
-     *
-     * See {@link MergedFilterParams} for more information.
-     */
-    getRequestParams() {
-        return {
-            operation: this._operator
-        };
-    }
-}
-
-/**
- * Holds backend search request data and allows limited manipulation with it.
- */
-class SimpleFilter extends Filter {
-    /**
-     * @param id identifier of the filter
-     * @param type type of resources that the filter can query
-     * @param filterBody search request matching this filter's `type`
-     * @param title human readable filter name
-     */
-    constructor(id, type, filterBody, title) {
-        super(id, type, title);
-        this._filter = this.deepCopy(filterBody);
-    }
-    /**
-     * Create an empty filter of provided type
-     * @param type type of resources that the filter can query
-     * @returns a filter with empty body of the provided type. `id` of the new filter is set to an empty string.
-     */
-    static empty(type) {
-        return new SimpleFilter('', type, {});
-    }
-    /**
-     * Equivalent to calling `SimpleFilter.empty(FilterType.CASE)`.
-     * @returns a filter with empty body that can be used to search cases
-     */
-    static emptyCaseFilter() {
-        return SimpleFilter.empty(FilterType.CASE);
-    }
-    /**
-     * Equivalent to calling `SimpleFilter.empty(FilterType.TASK)`.
-     * @returns a filter with empty body that can be used to search tasks
-     */
-    static emptyTaskFilter() {
-        return SimpleFilter.empty(FilterType.TASK);
-    }
-    /**
-     * Creates a filter with the provided body and the provided type
-     * @param filterBody the body of the new filter
-     * @param type the type of the new filter. Type must match the type of the body.
-     * @returns a filter with the given body and type. `id` of the new filter is set to an empty string.
-     */
-    static fromQuery(filterBody, type) {
-        return new SimpleFilter('', type, filterBody);
-    }
-    /**
-     * Creates a case filter with the provided body
-     * @param filterBody the body of the new filter
-     * @returns a case filter with the given body. `id` of the new filter is set to an empty string.
-     */
-    static fromCaseQuery(filterBody) {
-        return SimpleFilter.fromQuery(filterBody, FilterType.CASE);
-    }
-    /**
-     * Creates a task filter with the provided body
-     * @param filterBody the body of the new filter
-     * @returns a task filter with the given body. `id` of the new filter is set to an empty string.
-     */
-    static fromTaskQuery(filterBody) {
-        return SimpleFilter.fromQuery(filterBody, FilterType.TASK);
-    }
-    /**
-     * See [Filter.clone()]{@link Filter#clone}
-     */
-    clone() {
-        return new SimpleFilter(this.id, this.type, this._filter, this.title);
-    }
-    /**
-     * See [Filter.merge()]{@link Filter#merge}
-     */
-    merge(filter, operator) {
-        const temp = new MergedFilter(this.id, this.type, [this._filter], operator, this.title);
-        return temp.merge(filter, operator);
-    }
-    /**
-     * See [Filter.bodyContainsQuery()]{@link Filter#bodyContainsQuery}
-     */
-    bodyContainsQuery() {
-        return this._filter.query !== undefined && this._filter.query !== null;
-    }
-    /**
-     * See [Filter.getRequestBody()]{@link Filter#getRequestBody}
-     */
-    getRequestBody() {
-        return this.deepCopy(this._filter);
-    }
-}
-
 /**
  * Abstraction of queries, so that their implementation can be replaced as needed.
  */
@@ -9826,11 +10059,6 @@ class EditableClausePredicateWithGenerators extends EditableClausePredicate {
     }
 }
 
-/**
- * Provides the base filter of a {@link SearchService}
- */
-const NAE_BASE_FILTER = new InjectionToken('NaeBaseFilter');
-
 /**
  * Represents the available {@link Operator} classes in a serializable form.
  */
@@ -14066,40 +14294,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: ComponentRegistryService }, { type: FilterField }, { type: i0.Type }, { type: i0.Type }]; } });
 
-const NAE_VIEW_ID = new InjectionToken('NaeViewId');
-const NAE_VIEW_ID_SEGMENT = new InjectionToken('NaeViewIdSegment');
-
-class ViewIdService {
-    constructor(parentInjector, idSegment) {
-        this._viewId = '';
-        if (parentInjector !== null) {
-            const parentIdService = parentInjector.get(ViewIdService, null);
-            if (parentIdService !== null) {
-                this._viewId = parentIdService.viewId + ViewIdService.VIEW_ID_SEGMENT_SEPARATOR;
-            }
-        }
-        this._viewId += idSegment;
-    }
-    get viewId() {
-        return this._viewId;
-    }
-}
-ViewIdService.VIEW_ID_SEGMENT_SEPARATOR = '-';
-ViewIdService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ViewIdService, deps: [{ token: i0.Injector, optional: true, skipSelf: true }, { token: NAE_VIEW_ID_SEGMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-ViewIdService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ViewIdService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ViewIdService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () {
-        return [{ type: i0.Injector, decorators: [{
-                        type: Optional
-                    }, {
-                        type: SkipSelf
-                    }] }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [NAE_VIEW_ID_SEGMENT]
-                    }] }];
-    } });
-
 class AbstractFilterFieldTabViewContentComponent extends AbstractFilterFieldContentComponent {
     constructor(registry, injector, filterField, searchService) {
         super(filterField, searchService);
@@ -15063,12 +15257,12 @@ class TaskContentService {
      * A snackbar will also be displayed to the user, informing them of the fact that the fields are invalid.
      * @returns whether the task is valid or not
      */
-    validateTaskData() {
+    validateTaskData(taskId) {
         if (!this._task || !this._task.dataGroups) {
             return false;
         }
-        const valid = !this._task.dataGroups.some(group => group.fields.some(field => !field.valid && !field.disabled));
-        const validDisabled = !this._task.dataGroups.some(group => group.fields.some(field => !field.validRequired && field.disabled));
+        const valid = !this._task.dataGroups.filter(group => !!group.parentTaskId && !!taskId ? group.parentTaskId === taskId : true).some(group => group.fields.some(field => !field.valid && !field.disabled));
+        const validDisabled = !this._task.dataGroups.filter(group => !!group.parentTaskId && !!taskId ? group.parentTaskId === taskId : true).some(group => group.fields.some(field => !field.validRequired && field.disabled));
         if (!valid) {
             this._snackBarService.openErrorSnackBar(this._translate.instant('tasks.snackbar.invalidData'));
             this._task.dataGroups.forEach(group => group.fields.forEach(field => field.touch = true));
@@ -15158,7 +15352,6 @@ class TaskContentService {
             }
         });
         this.$shouldCreate.next(this._task.dataGroups);
-        this.performFrontendAction(frontendActions);
     }
     updateField(chFields, field, frontendActions) {
         if (this._fieldConverterService.resolveType(field) === FieldTypeResource.TASK_REF) {
@@ -15202,6 +15395,7 @@ class TaskContentService {
                         });
                     }
                     field.choices = newChoices;
+                    field.updateChoice();
                     break;
                 case 'options':
                     const newOptions = [];
@@ -15209,6 +15403,7 @@ class TaskContentService {
                         newOptions.push({ key: optionKey, value: updatedField.options[optionKey] });
                     });
                     field.choices = newOptions;
+                    field.updateChoice();
                     break;
                 case 'validations':
                     field.replaceValidations(updatedField.validations.map(it => it));
@@ -15229,7 +15424,7 @@ class TaskContentService {
             switch (key) {
                 case 'behavior':
                     const taskId = this.getReferencedTaskId(field.stringId);
-                    const taskRef = Object.values(this.taskFieldsIndex[this._task.stringId].fields).find(f => f instanceof TaskRefField && f.value.includes(taskId));
+                    const taskRef = this.findTaskRefId(taskId, this.taskFieldsIndex[this._task.stringId].fields);
                     const transitionId = this.taskFieldsIndex[taskId].transitionId;
                     if (!!transitionId && transitionId !== '' && updatedField.behavior[transitionId])
                         field.behavior = taskRef.behavior.editable ? updatedField.behavior[transitionId] : taskRef.behavior;
@@ -15240,20 +15435,6 @@ class TaskContentService {
             field.update();
         });
     }
-    /**
-     * Performs the specific frontend action.
-     *
-     * A prototype implementation of frontend actions.
-     *
-     * The specifics are subject to change. It is very likely that this method will be moved to a different service.
-     *
-     * @param frontendAction the action that should be performed.
-     */
-    performFrontendAction(frontendAction) {
-        if (frontendAction && frontendAction.type === TaskContentService.VALIDATE_FRONTEND_ACTION) {
-            timer().subscribe(() => this.validateTaskData());
-        }
-    }
     isFieldInTask(taskId, changedField) {
         return !!taskId
             && !!this.taskFieldsIndex[taskId]
@@ -15273,9 +15454,22 @@ class TaskContentService {
         }
         return undefined;
     }
+    findTaskRefId(taskId, fields) {
+        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 => {
+                taskRefId = this.findTaskRefId(taskId, this.taskFieldsIndex[id].fields);
+                if (!!taskRefId) {
+                    return taskRefId;
+                }
+            });
+        }
+        return taskRefId;
+    }
 }
 TaskContentService.FRONTEND_ACTIONS_KEY = '_frontend_actions';
-TaskContentService.VALIDATE_FRONTEND_ACTION = 'validate';
+TaskContentService.ACTION = 'action';
 TaskContentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TaskContentService, deps: [{ token: FieldConverterService }, { token: SnackBarService }, { token: i1$2.TranslateService }, { token: LoggerService }], target: i0.ɵɵFactoryTarget.Injectable });
 TaskContentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TaskContentService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TaskContentService, decorators: [{
@@ -15676,12 +15870,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
+class FrontActionRegistryService {
+    constructor() {
+        this._registry = new Map();
+    }
+    get registry() {
+        return this._registry;
+    }
+    set registry(value) {
+        this._registry = value;
+    }
+    register(key, fn) {
+        this._registry.set(key, fn);
+    }
+    contains(key) {
+        return this._registry.has(key);
+    }
+    get(key) {
+        if (this._registry.has(key)) {
+            return this._registry.get(key);
+        }
+        return undefined;
+    }
+}
+FrontActionRegistryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FrontActionRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FrontActionRegistryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FrontActionRegistryService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FrontActionRegistryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class FrontActionService {
+    constructor(_injector, _frontActionRegistry, _log) {
+        this._injector = _injector;
+        this._frontActionRegistry = _frontActionRegistry;
+        this._log = _log;
+    }
+    run(frontAction) {
+        const fn = this._frontActionRegistry.get(frontAction.id);
+        if (!fn) {
+            this._log.error("Frontend action is not defined for ID [" + frontAction.id + "]");
+        }
+        fn.call(this._injector, frontAction);
+    }
+    runAll(frontAction) {
+        frontAction.forEach(a => this.run(a));
+    }
+}
+FrontActionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FrontActionService, deps: [{ token: i0.Injector }, { token: FrontActionRegistryService }, { token: LoggerService }], target: i0.ɵɵFactoryTarget.Injectable });
+FrontActionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FrontActionService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FrontActionService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: FrontActionRegistryService }, { type: LoggerService }]; } });
+
 /**
  * Handles the loading and updating of data fields and behaviour of
  * a single Task object managed by a {@link TaskContentService} instance.
  */
 class TaskDataService extends TaskHandlingService {
-    constructor(_taskState, _translate, _log, _snackBar, _taskResourceService, _fieldConverterService, _taskEvent, _taskOperations, _selectedCaseService, _taskContentService, _afterActionFactory, _eventQueue, _userComparator, _eventService, _changedFieldsService) {
+    constructor(_taskState, _translate, _log, _snackBar, _taskResourceService, _fieldConverterService, _taskEvent, _taskOperations, _selectedCaseService, _taskContentService, _afterActionFactory, _eventQueue, _userComparator, _eventService, _changedFieldsService, _frontActionService) {
         super(_taskContentService, _selectedCaseService);
         this._taskState = _taskState;
         this._translate = _translate;
@@ -15696,13 +15945,10 @@ class TaskDataService extends TaskHandlingService {
         this._userComparator = _userComparator;
         this._eventService = _eventService;
         this._changedFieldsService = _changedFieldsService;
+        this._frontActionService = _frontActionService;
         this._updateSuccess$ = new Subject();
         this._dataReloadSubscription = this._taskContentService.taskDataReloadRequest$.subscribe(queuedFrontendAction => {
-            this.initializeTaskDataFields(this._afterActionFactory.create(success => {
-                if (success && queuedFrontendAction) {
-                    this._taskContentService.performFrontendAction(queuedFrontendAction);
-                }
-            }), true);
+            this.initializeTaskDataFields(new AfterAction(), true);
         });
     }
     ngOnDestroy() {
@@ -16077,9 +16323,13 @@ class TaskDataService extends TaskHandlingService {
     processSuccessfulSetDataRequest(setTaskId, response, afterAction, nextEvent, body) {
         const outcome = response.outcome;
         const changedFieldsMap = this._eventService.parseChangedFieldsFromOutcomeTree(outcome);
+        const frontActions = this._eventService.parseFrontActionsFromOutcomeTree(outcome);
         if (Object.keys(changedFieldsMap).length > 0) {
             this._changedFieldsService.emitChangedFields(changedFieldsMap);
         }
+        if (!!frontActions && frontActions.length > 0) {
+            this._frontActionService.runAll(frontActions);
+        }
         this.clearWaitingForResponseFlag(body);
         this._snackBar.openSuccessSnackBar(!!outcome.message ? outcome.message : this._translate.instant('tasks.snackbar.dataSaved'));
         this.updateStateInfo(afterAction, true, setTaskId);
@@ -16197,7 +16447,7 @@ class TaskDataService extends TaskHandlingService {
         });
     }
 }
-TaskDataService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TaskDataService, deps: [{ token: TaskRequestStateService }, { token: i1$2.TranslateService }, { token: LoggerService }, { token: SnackBarService }, { token: TaskResourceService }, { token: FieldConverterService }, { token: TaskEventService }, { token: NAE_TASK_OPERATIONS }, { token: SelectedCaseService, optional: true }, { token: TaskContentService }, { token: CallChainService }, { token: EventQueueService }, { token: UserComparatorService }, { token: EventService }, { token: ChangedFieldsService }], target: i0.ɵɵFactoryTarget.Injectable });
+TaskDataService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TaskDataService, deps: [{ token: TaskRequestStateService }, { token: i1$2.TranslateService }, { token: LoggerService }, { token: SnackBarService }, { token: TaskResourceService }, { token: FieldConverterService }, { token: TaskEventService }, { token: NAE_TASK_OPERATIONS }, { token: SelectedCaseService, optional: true }, { token: TaskContentService }, { token: CallChainService }, { token: EventQueueService }, { token: UserComparatorService }, { token: EventService }, { token: ChangedFieldsService }, { token: FrontActionService }], target: i0.ɵɵFactoryTarget.Injectable });
 TaskDataService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TaskDataService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TaskDataService, decorators: [{
             type: Injectable
@@ -16207,7 +16457,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         args: [NAE_TASK_OPERATIONS]
                     }] }, { type: SelectedCaseService, decorators: [{
                         type: Optional
-                    }] }, { type: TaskContentService }, { type: CallChainService }, { type: EventQueueService }, { type: UserComparatorService }, { type: EventService }, { type: ChangedFieldsService }];
+                    }] }, { type: TaskContentService }, { type: CallChainService }, { type: EventQueueService }, { type: UserComparatorService }, { type: EventService }, { type: ChangedFieldsService }, { type: FrontActionService }];
     } });
 
 class AbstractTaskRefDashboardTileComponent {
@@ -16509,11 +16759,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     }] }];
     } });
 
-const NAE_DEFAULT_HEADERS = new InjectionToken('NaeDefaultHeaders');
-
-const NAE_CASE_REF_CREATE_CASE = new InjectionToken('NaeCaseRefCreateCase');
-const NAE_CASE_REF_SEARCH = new InjectionToken('NaeCaseRefSearch');
-
 class AbstractCaseRefDefaultComponent extends AbstractBaseDataFieldComponent {
     constructor(injector, caseViewType, dataFieldPortalData) {
         super(dataFieldPortalData);
@@ -16549,6 +16794,10 @@ class AbstractCaseRefDefaultComponent extends AbstractBaseDataFieldComponent {
                     provide: NAE_VIEW_ID_SEGMENT,
                     useValue: this.dataField.parentCaseId + '_' + this.dataField.parentTaskId + '_' + this.dataField.stringId
                 },
+                {
+                    provide: NAE_CASE_REF_DATAFIELD,
+                    useValue: this.dataField
+                },
                 { provide: ViewIdService, useClass: ViewIdService }
             ],
             parent: this.injector
@@ -18515,6 +18764,10 @@ class AbstractCasePanelComponent extends AbstractPanelWithImmediateDataComponent
         this.showCasePanelIcon = true;
         this.showDeleteMenu = false;
         this.textEllipsis = false;
+        this._approvalFormControl = new FormControl();
+    }
+    get approvalFormControl() {
+        return this._approvalFormControl;
     }
     show(event) {
         event.stopPropagation();
@@ -18569,7 +18822,7 @@ class AbstractCasePanelComponent extends AbstractPanelWithImmediateDataComponent
     }
 }
 AbstractCasePanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractCasePanelComponent, deps: [{ token: CaseResourceService }, { token: CaseViewService }, { token: SnackBarService }, { token: i1$2.TranslateService }, { token: LoggerService }, { token: UserService }, { token: i5.CurrencyPipe }, { token: PermissionService }, { token: OverflowService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-AbstractCasePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractCasePanelComponent, selector: "ncc-abstract-case-panel", inputs: { case_: "case_", selectedHeaders$: "selectedHeaders$", responsiveBody: "responsiveBody", first: "first", last: "last", showCasePanelIcon: "showCasePanelIcon", showDeleteMenu: "showDeleteMenu", textEllipsis: "textEllipsis" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+AbstractCasePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractCasePanelComponent, selector: "ncc-abstract-case-panel", inputs: { case_: "case_", approval: "approval", selectedHeaders$: "selectedHeaders$", responsiveBody: "responsiveBody", first: "first", last: "last", showCasePanelIcon: "showCasePanelIcon", showDeleteMenu: "showDeleteMenu", textEllipsis: "textEllipsis" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractCasePanelComponent, decorators: [{
             type: Component,
             args: [{
@@ -18582,6 +18835,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     }] }];
     }, propDecorators: { case_: [{
                 type: Input
+            }], approval: [{
+                type: Input
             }], selectedHeaders$: [{
                 type: Input
             }], responsiveBody: [{
@@ -19088,6 +19343,7 @@ const NAE_SAVE_FILTER_COMPONENT = new InjectionToken('NaeSaveFilterComponent');
 const NAE_LOAD_FILTER_COMPONENT = new InjectionToken('NaeLoadFilterComponent');
 const NAE_USER_IMPERSONATE_COMPONENT = new InjectionToken('NaeUserImpersonateComponent');
 const NAE_ADMIN_IMPERSONATE_COMPONENT = new InjectionToken('NaeAdminImpersonateComponent');
+const NAE_TASK_VIEW_COMPONENT = new InjectionToken('NaeTaskViewComponent');
 
 const NAE_SIDE_MENU_CONTROL = new InjectionToken('NaeSideMenuControl');
 
@@ -20043,6 +20299,7 @@ class AbstractTaskPanelComponent extends AbstractPanelWithImmediateDataComponent
         this.responsiveBody = true;
         this.preventCollapse = false;
         this.hidePanelHeader = false;
+        this.hideActionRow = false;
         this.showMoreMenu = true;
         this.thisContext = {
             canAssign: () => this.canAssign(),
@@ -20312,7 +20569,7 @@ class AbstractTaskPanelComponent extends AbstractPanelWithImmediateDataComponent
     }
 }
 AbstractTaskPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTaskPanelComponent, deps: [{ token: TaskContentService }, { token: LoggerService }, { token: TaskViewService }, { token: PaperViewService }, { token: TaskEventService }, { token: AssignTaskService }, { token: DelegateTaskService }, { token: CancelTaskService }, { token: FinishTaskService }, { token: TaskRequestStateService }, { token: TaskDataService }, { token: AssignPolicyService }, { token: FinishPolicyService }, { token: CallChainService }, { token: SubjectTaskOperations }, { token: NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS, optional: true }, { token: i1$2.TranslateService }, { token: i5.CurrencyPipe }, { token: ChangedFieldsService }, { token: PermissionService }, { token: OverflowService, optional: true }, { token: NAE_TASK_FORCE_OPEN, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-AbstractTaskPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractTaskPanelComponent, selector: "ncc-abstract-legal-notice", inputs: { taskListVirtualScroll: "taskListVirtualScroll", panelContentComponent: "panelContentComponent", selectedHeaders$: "selectedHeaders$", first: "first", last: "last", responsiveBody: "responsiveBody", preventCollapse: "preventCollapse", hidePanelHeader: "hidePanelHeader", actionButtonTemplates: "actionButtonTemplates", actionRowJustifyContent: "actionRowJustifyContent", showMoreMenu: "showMoreMenu", forceLoadDataOnOpen: "forceLoadDataOnOpen", textEllipsis: "textEllipsis", taskPanelData: "taskPanelData" }, outputs: { taskEvent: "taskEvent", panelRefOutput: "panelRefOutput" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+AbstractTaskPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractTaskPanelComponent, selector: "ncc-abstract-legal-notice", inputs: { taskListVirtualScroll: "taskListVirtualScroll", panelContentComponent: "panelContentComponent", selectedHeaders$: "selectedHeaders$", first: "first", last: "last", responsiveBody: "responsiveBody", preventCollapse: "preventCollapse", hidePanelHeader: "hidePanelHeader", hideActionRow: "hideActionRow", actionButtonTemplates: "actionButtonTemplates", actionRowJustifyContent: "actionRowJustifyContent", showMoreMenu: "showMoreMenu", forceLoadDataOnOpen: "forceLoadDataOnOpen", textEllipsis: "textEllipsis", taskPanelData: "taskPanelData" }, outputs: { taskEvent: "taskEvent", panelRefOutput: "panelRefOutput" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractTaskPanelComponent, decorators: [{
             type: Component,
             args: [{
@@ -20349,6 +20606,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], hidePanelHeader: [{
                 type: Input
+            }], hideActionRow: [{
+                type: Input
             }], actionButtonTemplates: [{
                 type: Input
             }], actionRowJustifyContent: [{
@@ -20570,7 +20829,7 @@ class AbstractTaskListPaginationComponent extends AbstractDefaultTaskListCompone
     }
 }
 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$3.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: { tasks$: "tasks$" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+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,
             args: [{
@@ -20584,7 +20843,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         type: Inject,
                         args: [NAE_TAB_DATA]
                     }] }, { type: i2$3.ActivatedRoute }];
-    }, propDecorators: { tasks$: [{
+    }, propDecorators: { disabled: [{
+                type: Input
+            }], tasks$: [{
                 type: Input
             }] } });
 
@@ -21038,12 +21299,13 @@ class AbstractSingleTaskComponent {
         this.textEllipsis = false;
         this.preventCollapse = true;
         this.hidePanelHeader = true;
+        this.hideActionRow = true;
+        this.showPageHeader = true;
+        this.showPageFooter = true;
         this.taskEvent = new EventEmitter();
-        this._unsubscribe$ = new Subject();
     }
     ngOnDestroy() {
         this.taskEvent.complete();
-        this._unsubscribe$.complete();
     }
     setPanelRef(panelRef) {
         this._taskPanelRef = panelRef;
@@ -21060,7 +21322,7 @@ class AbstractSingleTaskComponent {
     }
 }
 AbstractSingleTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSingleTaskComponent, deps: [{ token: LoggerService }, { token: i2$3.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", noTaskSection: "noTaskSection", pageHeader: "pageHeader", pageFooter: "pageFooter", headerTitle: "headerTitle", footerText: "footerText", actionButtonTemplates: "actionButtonTemplates", actionRowJustifyContent: "actionRowJustifyContent" }, outputs: { taskEvent: "taskEvent" }, ngImport: i0, template: '', isInline: true });
+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,
             args: [{
@@ -21090,12 +21352,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], hidePanelHeader: [{
                 type: Input
+            }], hideActionRow: [{
+                type: Input
             }], noTaskSection: [{
                 type: Input
             }], pageHeader: [{
                 type: Input
             }], pageFooter: [{
                 type: Input
+            }], showPageHeader: [{
+                type: Input
+            }], showPageFooter: [{
+                type: Input
             }], headerTitle: [{
                 type: Input
             }], footerText: [{
@@ -22048,6 +22316,150 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  */
 const NAE_URI_NODE_CASES_PAGE_SIZE = new InjectionToken('NaeUriNodeCasesPageSize');
 
+var GroupNavigationConstants;
+(function (GroupNavigationConstants) {
+    /**
+     * Name of the component that indicates the position of the group specific navigation elements.
+     */
+    GroupNavigationConstants["GROUP_NAVIGATION_OUTLET"] = "groupNavigation";
+    /**
+     * Name of the router param that is used to provide information about the selected filter to the group navigation view component
+     */
+    GroupNavigationConstants["GROUP_NAVIGATION_ROUTER_PARAM"] = "filterCaseId";
+    /**
+     * Field id, that contains the tab name of the navigation item.
+     */
+    GroupNavigationConstants["NAVIGATION_ENTRY_TITLE_FIELD_ID_SUFFIX"] = "tab_name";
+    /**
+     * Boolean field id, that determines if the navigation defines a tab icon.
+     */
+    GroupNavigationConstants["NAVIGATION_ENTRY_ICON_ENABLED_FIELD_ID_SUFFIX"] = "use_tab_icon";
+    /**
+     * Text field id, that contains the id of the used material icon.
+     */
+    GroupNavigationConstants["NAVIGATION_ENTRY_ICON_FIELD_ID_SUFFIX"] = "tab_icon";
+    /**
+     * TaskRef field, that contains taskId of filter task
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_FILTER_TASKREF"] = "current_filter_preview";
+    /**
+     * Text field id, that contains title of create case button
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_CREATE_CASE_BUTTON_TITLE"] = "create_case_button_title";
+    /**
+     * Text field id, that contains icon name of create case button
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_CREATE_CASE_BUTTON_ICON"] = "create_case_button_icon";
+    /**
+     * EnumerationMap field, that contains selected search type for case view
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_CASE_VIEW_SEARCH_TYPE"] = "case_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";
+    /**
+     * Boolean field, that is true if user wants to merge base filter and custom filter
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_MERGE_FILTERS"] = "merge_filters";
+    /**
+     * TaskRef field, that contains taskId of custom filter for task view
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_ADDITIONAL_FILTER_TASKREF"] = "current_additional_filter_preview";
+    /**
+     * 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";
+    /**
+     * 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";
+    /**
+     * 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";
+    /**
+     * 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";
+    /**
+     * MultichoiceMap field, that contains selected header modes for case view as a value
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_CASE_HEADERS_MODE"] = "case_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";
+    /**
+     * 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";
+    /**
+     * 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";
+    /**
+     * MultichoiceMap field, that contains selected header modes for task view as a value
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_TASK_HEADERS_MODE"] = "task_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";
+    /**
+     * 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";
+    /**
+     * 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";
+    /**
+     * 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";
+    /**
+     * 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";
+    /**
+     * 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";
+    /**
+     * 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";
+    /**
+     * MultichoiceMap field, that contains allowed roles as value
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_ALLOWED_ROLES"] = "allowed_roles";
+    /**
+     * MultichoiceMap field, that contains banned roles as value
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_BANNED_ROLES"] = "banned_roles";
+    /**
+     * Text field, that contains icon identifier
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_MENU_ICON"] = "menu_icon";
+    /**
+     * I18n field, that contains labels of menu item
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_MENU_NAME"] = "menu_name";
+    /**
+     * Text field, that contains URI
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_NODE_PATH"] = "nodePath";
+    /**
+     * Boolean field, that is true if item contains child items
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_HAS_CHILDREN"] = "hasChildren";
+    /**
+     * CaseField containing stringIds of child instances of process preference_item
+     * */
+    GroupNavigationConstants["ITEM_FIELD_ID_CHILD_ITEM_IDS"] = "childItemIds";
+})(GroupNavigationConstants || (GroupNavigationConstants = {}));
+
 /**
  * Service for accessing backend resource to resolve URI objects
  * */
@@ -22373,6 +22785,26 @@ class UriService {
             .set(PaginationParams.PAGE_NUMBER, pageNumber);
         return this._caseResourceService.searchCases(SimpleFilter.fromCaseQuery(searchBody), httpParams);
     }
+    /**
+     * Get menu item case by nodePath field value
+     * @param node a node, that is represented by the wanted case
+     * @return page containing 1 case
+     */
+    getItemCaseByNodePath(node) {
+        if (!node) {
+            node = this.activeNode;
+        }
+        const searchBody = {
+            data: {
+                [GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH]: node.uriPath
+            },
+            process: { identifier: "preference_item" }
+        };
+        let httpParams = new HttpParams()
+            .set(PaginationParams.PAGE_SIZE, 1)
+            .set(PaginationParams.PAGE_NUMBER, 0);
+        return this._caseResourceService.searchCases(SimpleFilter.fromCaseQuery(searchBody), httpParams);
+    }
     /**
      * Get siblings node of the provided node
      * @param node siblings node
@@ -25273,6 +25705,9 @@ class AbstractHeaderComponent {
             this._initResponsiveHeaders = responsive;
         }
     }
+    get approvalFormControl() {
+        return this._approvalFormControl;
+    }
     changeHeadersMode(mode, saveLastMode = true) {
         if (this.headerService) {
             this.headerService.changeMode(mode, saveLastMode);
@@ -25358,6 +25793,7 @@ class AbstractHeaderComponent {
             Validators.required,
             Validators.min(180)
         ]);
+        this._approvalFormControl = new FormControl(false);
         if (exist) {
             this.initializeValueChanges();
         }
@@ -25386,7 +25822,7 @@ class AbstractHeaderComponent {
     }
 }
 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", maxHeaderColumns: "maxHeaderColumns", responsiveHeaders: "responsiveHeaders" }, ngImport: i0, template: '', isInline: true });
+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,
             args: [{
@@ -25409,6 +25845,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], showTableSection: [{
                 type: Input
+            }], approval: [{
+                type: Input
             }], maxHeaderColumns: [{
                 type: Input
             }], responsiveHeaders: [{
@@ -25423,7 +25861,7 @@ class AbstractHeaderModeComponent {
     }
 }
 AbstractHeaderModeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractHeaderModeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AbstractHeaderModeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractHeaderModeComponent, selector: "ncc-abstract-header-mode", inputs: { overflowWidth: "overflowWidth" }, ngImport: i0, template: '', isInline: true });
+AbstractHeaderModeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractHeaderModeComponent, selector: "ncc-abstract-header-mode", inputs: { overflowWidth: "overflowWidth", approval: "approval", indeterminate: "indeterminate", approvalFormControl: "approvalFormControl", typeApproval: "typeApproval" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractHeaderModeComponent, decorators: [{
             type: Component,
             args: [{
@@ -25432,6 +25870,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { overflowWidth: [{
                 type: Input
+            }], approval: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }], approvalFormControl: [{
+                type: Input
+            }], typeApproval: [{
+                type: Input
             }] } });
 
 class AbstractSortModeComponent extends AbstractHeaderModeComponent {
@@ -26994,146 +27440,6 @@ class ViewClassInfo extends ImportToAdd {
     }
 }
 
-var GroupNavigationConstants;
-(function (GroupNavigationConstants) {
-    /**
-     * Name of the component that indicates the position of the group specific navigation elements.
-     */
-    GroupNavigationConstants["GROUP_NAVIGATION_OUTLET"] = "groupNavigation";
-    /**
-     * Name of the router param that is used to provide information about the selected filter to the group navigation view component
-     */
-    GroupNavigationConstants["GROUP_NAVIGATION_ROUTER_PARAM"] = "filterCaseId";
-    /**
-     * Field id, that contains the tab name of the navigation item.
-     */
-    GroupNavigationConstants["NAVIGATION_ENTRY_TITLE_FIELD_ID_SUFFIX"] = "tab_name";
-    /**
-     * Boolean field id, that determines if the navigation defines a tab icon.
-     */
-    GroupNavigationConstants["NAVIGATION_ENTRY_ICON_ENABLED_FIELD_ID_SUFFIX"] = "use_tab_icon";
-    /**
-     * Text field id, that contains the id of the used material icon.
-     */
-    GroupNavigationConstants["NAVIGATION_ENTRY_ICON_FIELD_ID_SUFFIX"] = "tab_icon";
-    /**
-     * TaskRef field, that contains taskId of filter task
-     * */
-    GroupNavigationConstants["ITEM_FIELD_ID_FILTER_TASKREF"] = "current_filter_preview";
-    /**
-     * Text field id, that contains title of create case button
-     * */
-    GroupNavigationConstants["ITEM_FIELD_ID_CREATE_CASE_BUTTON_TITLE"] = "create_case_button_title";
-    /**
-     * Text field id, that contains icon name of create case button
-     * */
-    GroupNavigationConstants["ITEM_FIELD_ID_CREATE_CASE_BUTTON_ICON"] = "create_case_button_icon";
-    /**
-     * EnumerationMap field, that contains selected search type for case view
-     * */
-    GroupNavigationConstants["ITEM_FIELD_ID_CASE_VIEW_SEARCH_TYPE"] = "case_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";
-    /**
-     * Boolean field, that is true if user wants to merge base filter and custom filter
-     * */
-    GroupNavigationConstants["ITEM_FIELD_ID_MERGE_FILTERS"] = "merge_filters";
-    /**
-     * TaskRef field, that contains taskId of custom filter for task view
-     * */
-    GroupNavigationConstants["ITEM_FIELD_ID_ADDITIONAL_FILTER_TASKREF"] = "current_additional_filter_preview";
-    /**
-     * 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";
-    /**
-     * 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";
-    /**
-     * 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";
-    /**
-     * 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";
-    /**
-     * MultichoiceMap field, that contains selected header modes for case view as a value
-     * */
-    GroupNavigationConstants["ITEM_FIELD_ID_CASE_HEADERS_MODE"] = "case_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";
-    /**
-     * 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";
-    /**
-     * 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";
-    /**
-     * MultichoiceMap field, that contains selected header modes for task view as a value
-     * */
-    GroupNavigationConstants["ITEM_FIELD_ID_TASK_HEADERS_MODE"] = "task_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";
-    /**
-     * 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";
-    /**
-     * 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";
-    /**
-     * 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";
-    /**
-     * 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";
-    /**
-     * 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";
-    /**
-     * 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";
-    /**
-     * MultichoiceMap field, that contains allowed roles as value
-     * */
-    GroupNavigationConstants["ITEM_FIELD_ID_ALLOWED_ROLES"] = "allowed_roles";
-    /**
-     * MultichoiceMap field, that contains banned roles as value
-     * */
-    GroupNavigationConstants["ITEM_FIELD_ID_BANNED_ROLES"] = "banned_roles";
-    /**
-     * Text field, that contains icon identifier
-     * */
-    GroupNavigationConstants["ITEM_FIELD_ID_MENU_ICON"] = "menu_icon";
-    /**
-     * I18n field, that contains labels of menu item
-     * */
-    GroupNavigationConstants["ITEM_FIELD_ID_MENU_NAME"] = "menu_name";
-    /**
-     * Text field, that contains URI
-     * */
-    GroupNavigationConstants["ITEM_FIELD_ID_NODE_PATH"] = "nodePath";
-    /**
-     * Boolean field, that is true if item contains child items
-     * */
-    GroupNavigationConstants["ITEM_FIELD_ID_HAS_CHILDREN"] = "hasChildren";
-})(GroupNavigationConstants || (GroupNavigationConstants = {}));
-
 /**
  * Holds component for dynamic routing resolution of group navigation component resolver component by the {@link RoutingBuilderService}.
  */
@@ -27496,7 +27802,7 @@ var MenuOrder;
     MenuOrder[MenuOrder["Descending"] = 1] = "Descending";
 })(MenuOrder || (MenuOrder = {}));
 class AbstractNavigationDoubleDrawerComponent {
-    constructor(_router, _activatedRoute, _breakpoint, _languageService, _translateService, _userService, _accessService, _log, _config, _uriService, _impersonationUserSelect, _impersonation, _dynamicRoutingService) {
+    constructor(_router, _activatedRoute, _breakpoint, _languageService, _translateService, _userService, _accessService, _log, _config, _uriService, _caseResourceService, _impersonationUserSelect, _impersonation, _dynamicRoutingService) {
         this._router = _router;
         this._activatedRoute = _activatedRoute;
         this._breakpoint = _breakpoint;
@@ -27507,6 +27813,7 @@ class AbstractNavigationDoubleDrawerComponent {
         this._log = _log;
         this._config = _config;
         this._uriService = _uriService;
+        this._caseResourceService = _caseResourceService;
         this._impersonationUserSelect = _impersonationUserSelect;
         this._impersonation = _impersonation;
         this._dynamicRoutingService = _dynamicRoutingService;
@@ -27542,6 +27849,7 @@ class AbstractNavigationDoubleDrawerComponent {
         this.nodeLoading$ = new LoadingEmitter();
         this.itemsOrder = MenuOrder.Ascending;
         this.hiddenCustomItems = [];
+        this.moreItems = new Array();
         this._childCustomViews = {};
     }
     ngOnInit() {
@@ -27553,10 +27861,6 @@ class AbstractNavigationDoubleDrawerComponent {
                 this.resolveLayout(true);
             }
         });
-        if (!this._currentNode) {
-            this.leftLoading$.on();
-            this.rightLoading$.on();
-        }
         this._currentNodeSubscription = this._uriService.activeNode$.subscribe(node => {
             this.currentNode = node;
         });
@@ -27573,8 +27877,9 @@ class AbstractNavigationDoubleDrawerComponent {
         return this._currentNode;
     }
     set currentNode(node) {
-        if (node === this._currentNode)
+        if (node === this._currentNode || this.leftLoading$.isActive || this.rightLoading$.isActive) {
             return;
+        }
         this._currentNode = node;
         if (!node)
             return;
@@ -27593,19 +27898,19 @@ class AbstractNavigationDoubleDrawerComponent {
                 });
             }
         }
-        if (this.leftLoading$.isActive || this.rightLoading$.isActive) {
-            this.leftLoading$.off();
-            this.rightLoading$.off();
-        }
+        this.resolveMenuItems(node);
+    }
+    resolveMenuItems(node) {
         if (this._uriService.isRoot(node)) {
             this.leftItems = [];
             this.loadRightSide();
-            return;
         }
-        if (!this.leftItems.find(item => { var _a; return ((_a = item.resource.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)) === null || _a === void 0 ? void 0 : _a.value) === node.uriPath; })) {
-            this.loadLeftSide();
+        else {
+            if (!this.leftItems.find(item => { var _a, _b; return ((_b = (_a = item.resource) === null || _a === void 0 ? void 0 : _a.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)) === null || _b === void 0 ? void 0 : _b.value) === node.uriPath; })) {
+                this.loadLeftSide();
+            }
+            this.loadRightSide();
         }
-        this.loadRightSide();
     }
     ngOnDestroy() {
         var _a, _b;
@@ -27687,7 +27992,10 @@ class AbstractNavigationDoubleDrawerComponent {
      * set to root node.
      * */
     onHomeClick() {
-        this.currentNode = this._uriService.root;
+        if (this.leftLoading$.isActive || this.rightLoading$.isActive) {
+            return;
+        }
+        this._uriService.activeNode = this._uriService.root;
     }
     /**
      * On back click, the parent is set to parent of left nodes, that will solve
@@ -27696,29 +28004,32 @@ class AbstractNavigationDoubleDrawerComponent {
      * Current level is set to a lower number in order to set the left side menu.
      * */
     onBackClick() {
-        if (this._uriService.isRoot(this._currentNode))
+        if (this.leftLoading$.isActive || this.rightLoading$.isActive || this._uriService.isRoot(this._currentNode)) {
             return;
-        this.currentNode = this._currentNode.parent;
+        }
+        this._uriService.activeNode = this._currentNode.parent;
     }
     onItemClick(item) {
         var _a;
-        this._uriService.activeNode = this._currentNode;
-        if (this.hasItemChildren(item)) {
+        if (this.hasItemChildren(item) && !this.leftLoading$.isActive && !this.rightLoading$.isActive) {
             const path = (_a = item.resource.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)) === null || _a === void 0 ? void 0 : _a.value;
             this._uriService.getNodeByPath(path).subscribe(node => {
-                this.currentNode = node;
+                this._uriService.activeNode = node;
             }, error => {
                 this._log.error(error);
             });
         }
+        else {
+            this._uriService.activeNode = this._currentNode;
+        }
     }
     hasItemChildren(item) {
-        var _a;
-        return (_a = item.resource.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_HAS_CHILDREN)) === null || _a === void 0 ? void 0 : _a.value;
+        var _a, _b;
+        return (_b = (_a = item.resource) === null || _a === void 0 ? void 0 : _a.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_HAS_CHILDREN)) === null || _b === void 0 ? void 0 : _b.value;
     }
     isItemAndNodeEqual(item, node) {
-        var _a;
-        return ((_a = item.resource.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)) === null || _a === void 0 ? void 0 : _a.value) === node.uriPath;
+        var _a, _b;
+        return ((_b = (_a = item.resource) === null || _a === void 0 ? void 0 : _a.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)) === null || _b === void 0 ? void 0 : _b.value) === node.uriPath;
     }
     loadLeftSide() {
         if (this._uriService.isRoot(this._currentNode)) {
@@ -27726,31 +28037,55 @@ class AbstractNavigationDoubleDrawerComponent {
             return;
         }
         this.leftLoading$.on();
-        this._uriService.getCasesOfNode(this.currentNode.parent, MENU_IDENTIFIERS, 0, 1).subscribe(page => {
+        this._uriService.getItemCaseByNodePath(this.currentNode.parent).subscribe(page => {
             var _a;
-            ((_a = page === null || page === void 0 ? void 0 : page.pagination) === null || _a === void 0 ? void 0 : _a.totalElements) === 0 ? of([]) : this._uriService.getCasesOfNode(this.currentNode.parent, MENU_IDENTIFIERS, 0, page.pagination.totalElements).pipe(map(p => p.content)).subscribe(result => {
-                this.leftItems = result.filter(folder => { var _a; return ((_a = folder.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_HAS_CHILDREN)) === null || _a === void 0 ? void 0 : _a.value) === true; }).map(folder => this.resolveItemCaseToNavigationItem(folder)).filter(i => !!i);
-                this.leftItems.sort((a, b) => { var _a, _b; return (_a = a === null || a === void 0 ? void 0 : a.navigation) === null || _a === void 0 ? void 0 : _a.title.localeCompare((_b = b === null || b === void 0 ? void 0 : b.navigation) === null || _b === void 0 ? void 0 : _b.title); });
+            let childCases$;
+            let targetItem;
+            let orderedChildCaseIds;
+            if (((_a = page === null || page === void 0 ? void 0 : page.pagination) === null || _a === void 0 ? void 0 : _a.totalElements) === 0) {
+                childCases$ = of([]);
+            }
+            else {
+                targetItem = page.content[0];
+                orderedChildCaseIds = this.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.resolveCustomViewsInLeftSide();
                 this.leftLoading$.off();
             }, error => {
                 this._log.error(error);
                 this.leftItems = [];
+                this.resolveCustomViewsInLeftSide();
                 this.leftLoading$.off();
             });
         }, error => {
             this._log.error(error);
             this.leftItems = [];
+            this.resolveCustomViewsInLeftSide();
             this.leftLoading$.off();
         });
     }
     loadRightSide() {
         this.rightLoading$.on();
         this.moreItems = [];
-        this._uriService.getCasesOfNode(this.currentNode, MENU_IDENTIFIERS, 0, 1).subscribe(page => {
-            var _a, _b;
-            this._log.debug('Number of items for uri ' + this._currentNode.uriPath + ': ' + ((_a = page === null || page === void 0 ? void 0 : page.pagination) === null || _a === void 0 ? void 0 : _a.totalElements));
-            (((_b = page === null || page === void 0 ? void 0 : page.pagination) === null || _b === void 0 ? void 0 : _b.totalElements) === 0 ? of([]) : this._uriService.getCasesOfNode(this._currentNode, MENU_IDENTIFIERS, 0, page.pagination.totalElements).pipe(map(p => p.content))).subscribe(result => {
-                result = result.sort((a, b) => a === null || a === void 0 ? void 0 : a.title.localeCompare(b === null || b === void 0 ? void 0 : b.title));
+        this._uriService.getItemCaseByNodePath(this.currentNode).subscribe(page => {
+            var _a;
+            let childCases$;
+            let targetItem;
+            let orderedChildCaseIds;
+            if (((_a = page === null || page === void 0 ? void 0 : page.pagination) === null || _a === void 0 ? void 0 : _a.totalElements) === 0) {
+                childCases$ = of([]);
+            }
+            else {
+                targetItem = page.content[0];
+                orderedChildCaseIds = this.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);
@@ -27776,6 +28111,23 @@ class AbstractNavigationDoubleDrawerComponent {
             this.rightLoading$.off();
         });
     }
+    extractChildCaseIds(item) {
+        var _a;
+        return (_a = item.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_CHILD_ITEM_IDS)) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    getItemCasesByIdsInOnePage(caseIds) {
+        return this.getItemCasesByIds(caseIds, 0, caseIds.length);
+    }
+    getItemCasesByIds(caseIds, pageNumber, pageSize) {
+        const searchBody = {
+            stringId: caseIds,
+            process: MENU_IDENTIFIERS.map(id => ({ identifier: id }))
+        };
+        let httpParams = new HttpParams()
+            .set(PaginationParams.PAGE_SIZE, pageSize)
+            .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));
@@ -27796,15 +28148,22 @@ class AbstractNavigationDoubleDrawerComponent {
         }
         this.rightItems = this.rightItems.sort((a, b) => { var _a, _b; return multiplier * ((_a = a === null || a === void 0 ? void 0 : a.navigation) === null || _a === void 0 ? void 0 : _a.title.localeCompare((_b = b === null || b === void 0 ? void 0 : b.navigation) === null || _b === void 0 ? void 0 : _b.title)); });
         this.leftItems = this.leftItems.sort((a, b) => { var _a, _b; return multiplier * ((_a = a === null || a === void 0 ? void 0 : a.navigation) === null || _a === void 0 ? void 0 : _a.title.localeCompare((_b = b === null || b === void 0 ? void 0 : b.navigation) === null || _b === void 0 ? void 0 : _b.title)); });
-        this.moreItems = this.moreItems.sort((a, b) => { var _a, _b; return multiplier * ((_a = a === null || a === void 0 ? void 0 : a.navigation) === null || _a === void 0 ? void 0 : _a.title.localeCompare((_b = b === null || b === void 0 ? void 0 : b.navigation) === null || _b === void 0 ? void 0 : _b.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) {
         var _a, _b;
+        if (this.representsRootNode(itemCase)) {
+            return;
+        }
         const item = {
             access: {},
             navigation: {
@@ -27827,6 +28186,9 @@ class AbstractNavigationDoubleDrawerComponent {
             return;
         return item;
     }
+    representsRootNode(item) {
+        return item.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH).value === "/";
+    }
     getTranslation(value) {
         const locale = this._translateService.currentLang.split('-')[0];
         return locale in value.translations ? value.translations[locale] : value.defaultValue;
@@ -27907,7 +28269,7 @@ class AbstractNavigationDoubleDrawerComponent {
         }
     }
 }
-AbstractNavigationDoubleDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractNavigationDoubleDrawerComponent, deps: [{ token: i2$3.Router }, { token: i2$3.ActivatedRoute }, { token: i1$7.BreakpointObserver }, { token: LanguageService }, { token: i1$2.TranslateService }, { token: UserService }, { token: AccessService }, { token: LoggerService }, { token: ConfigurationService }, { token: UriService }, { 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$3.Router }, { token: i2$3.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.ɵ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" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractNavigationDoubleDrawerComponent, decorators: [{
             type: Component,
@@ -27915,7 +28277,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-abstract-navigation-double-drawer',
                     template: '',
                 }]
-        }], ctorParameters: function () { return [{ type: i2$3.Router }, { type: i2$3.ActivatedRoute }, { type: i1$7.BreakpointObserver }, { type: LanguageService }, { type: i1$2.TranslateService }, { type: UserService }, { type: AccessService }, { type: LoggerService }, { type: ConfigurationService }, { type: UriService }, { type: ImpersonationUserSelectService }, { type: ImpersonationService }, { type: DynamicNavigationRouteProviderService }]; }, propDecorators: { portalLeftMenu: [{
+        }], ctorParameters: function () { return [{ type: i2$3.Router }, { type: i2$3.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: [{
                 type: Input
             }], portalRightMenu: [{
                 type: Input
@@ -28482,7 +28844,7 @@ class FilterExtractionService {
             return filterSegment;
         }
         const rootViewFilter = this.extractViewFilter(rootViewIdField);
-        if (rootViewFilter !== undefined) {
+        if (rootViewFilter !== undefined && rootViewFilter.type === filterSegment.type) {
             return filterSegment.merge(rootViewFilter, MergeOperator.AND);
         }
         return filterSegment;
@@ -28674,6 +29036,37 @@ class CaseTreeNode {
     }
 }
 
+class NetgrifPaginatorIntl {
+    constructor(_translate, _languageService) {
+        this._translate = _translate;
+        this._languageService = _languageService;
+        this.changes = new Subject();
+        this.initTranslations();
+        this._languageService.getLangChange$().subscribe(lang => {
+            this.initTranslations();
+        });
+    }
+    initTranslations() {
+        this.firstPageLabel = this._translate.instant('paginator.firstPage');
+        this.itemsPerPageLabel = this._translate.instant('paginator.itemsPage');
+        this.lastPageLabel = this._translate.instant('paginator.lastPage');
+        this.nextPageLabel = this._translate.instant('paginator.nextPage');
+        this.previousPageLabel = this._translate.instant('paginator.previousPage');
+    }
+    getRangeLabel(page, pageSize, length) {
+        if (length === 0) {
+            return this._translate.instant('paginator.pageOne');
+        }
+        const amountPages = Math.ceil(length / pageSize);
+        return this._translate.instant('paginator.pageAmount', { page: page + 1, amountPages });
+    }
+}
+NetgrifPaginatorIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NetgrifPaginatorIntl, deps: [{ token: i1$2.TranslateService }, { token: LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
+NetgrifPaginatorIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NetgrifPaginatorIntl });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NetgrifPaginatorIntl, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$2.TranslateService }, { type: LanguageService }]; } });
+
 const NAE_AUTOSWITCH_TAB_TOKEN = new InjectionToken('NaeAutoswitchTabToken');
 
 const NAE_OPEN_EXISTING_TAB = new InjectionToken('NaeOpenExistingTab');
@@ -30136,7 +30529,7 @@ class AbstractCaseListPaginatorComponent extends AbstractDefaultCaseListComponen
     }
 }
 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$3.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", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+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,
             args: [{
@@ -30150,7 +30543,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         type: Inject,
                         args: [NAE_TAB_DATA]
                     }] }, { type: i2$3.ActivatedRoute }];
-    } });
+    }, propDecorators: { approval: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
 
 class AbstractTreeComponent {
     constructor(_treeService) {
@@ -30411,31 +30808,18 @@ class TaskConst {
 }
 TaskConst.TRANSITION_ID = 'transitionId';
 class AbstractSingleTaskViewComponent extends AbstractViewWithHeadersComponent {
-    constructor(taskViewService, activatedRoute, async) {
+    constructor(taskViewService, activatedRoute, baseFilter) {
         super(taskViewService, activatedRoute);
         this.taskViewService = taskViewService;
+        this.baseFilter = baseFilter;
         this.initiallyExpanded = true;
         this.preventCollapse = true;
         this.noTaskPresent = new EventEmitter();
-        this.taskPanelData = new ReplaySubject(1);
-        this.subRoute = this._activatedRoute.paramMap.subscribe(paramMap => {
-            var _a;
-            if (!!((_a = paramMap === null || paramMap === void 0 ? void 0 : paramMap['params']) === null || _a === void 0 ? void 0 : _a[TaskConst.TRANSITION_ID])) {
-                this.transitionId = paramMap['params'][TaskConst.TRANSITION_ID];
-                this.subPanelData = this.taskViewService.tasks$.subscribe(tasks => {
-                    if (!!tasks && tasks.length > 0) {
-                        this.taskPanelData.next(this.resolveTransitionTask(tasks));
-                    }
-                    else {
-                        const isLoading = async.transform(this.loading$);
-                        if (!isLoading) {
-                            this.taskPanelData.next(undefined);
-                            this.noTaskPresent.next();
-                        }
-                    }
-                });
+        this.taskPanelData = this.taskViewService.tasks$.pipe(map(tasks => tasks.find(panelData => this.isTaskMatchingFilter(panelData, baseFilter.filter.getRequestBody())))).pipe(tap(panelData => {
+            if (!!panelData) {
+                panelData.initiallyExpanded = true;
             }
-        });
+        }));
         this.loading$ = this.taskViewService.loading$;
     }
     ngOnDestroy() {
@@ -30446,22 +30830,15 @@ class AbstractSingleTaskViewComponent extends AbstractViewWithHeadersComponent {
         if (!!this.subPanelData) {
             this.subPanelData.unsubscribe();
         }
-        if (!!this.taskPanelData) {
-            this.taskPanelData.complete();
-        }
     }
     get task$() {
-        return this.taskPanelData.asObservable();
+        return this.taskPanelData;
     }
-    resolveTransitionTask(tasks) {
-        const transitionTask = tasks.find(t => t.task.transitionId === this.transitionId);
-        if (!!transitionTask) {
-            transitionTask.initiallyExpanded = transitionTask.task.finishDate === undefined;
-        }
-        return transitionTask;
+    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: i2$3.ActivatedRoute }, { token: i5.AsyncPipe }], 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$3.ActivatedRoute }, { token: NAE_BASE_FILTER }], 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,
@@ -30469,7 +30846,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ncc-abstract-single-task-view',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: TaskViewService }, { type: i2$3.ActivatedRoute }, { type: i5.AsyncPipe }]; }, propDecorators: { initiallyExpanded: [{
+        }], ctorParameters: function () {
+        return [{ type: TaskViewService }, { type: i2$3.ActivatedRoute }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [NAE_BASE_FILTER]
+                    }] }];
+    }, propDecorators: { initiallyExpanded: [{
                 type: Input
             }], preventCollapse: [{
                 type: Input
@@ -31098,7 +31480,7 @@ class AbstractSearchComponent {
     }
 }
 AbstractSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSearchComponent, deps: [{ token: SearchService }, { token: LoggerService }, { token: DialogService }, { token: i1$2.TranslateService }, { token: UserFiltersService }, { token: AllowedNetsService }, { token: ViewIdService }, { token: NAE_SEARCH_CATEGORIES }, { token: NAE_SEARCH_COMPONENT_CONFIGURATION, optional: true }, { token: NAE_FILTERS_FILTER, optional: true }, { token: NAE_NAVIGATION_ITEM_TASK_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-AbstractSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractSearchComponent, selector: "ncc-abstract-search", inputs: { additionalFilterData: "additionalFilterData", showSearchIcon: "showSearchIcon", showAdvancedSearchHelp: "showAdvancedSearchHelp", showSaveFilterButton: "showSaveFilterButton", showLoadFilterButton: "showLoadFilterButton", initialSearchMode: "initialSearchMode", showSearchToggleButton: "showSearchToggleButton" }, outputs: { filterLoaded: "filterLoaded", filterSaved: "filterSaved" }, ngImport: i0, template: '', isInline: true });
+AbstractSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractSearchComponent, selector: "ncc-abstract-search", inputs: { disabled: "disabled", additionalFilterData: "additionalFilterData", showSearchIcon: "showSearchIcon", showAdvancedSearchHelp: "showAdvancedSearchHelp", showSaveFilterButton: "showSaveFilterButton", showLoadFilterButton: "showLoadFilterButton", initialSearchMode: "initialSearchMode", showSearchToggleButton: "showSearchToggleButton" }, outputs: { filterLoaded: "filterLoaded", filterSaved: "filterSaved" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractSearchComponent, decorators: [{
             type: Component,
             args: [{
@@ -31125,7 +31507,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         type: Inject,
                         args: [NAE_NAVIGATION_ITEM_TASK_DATA]
                     }] }];
-    }, propDecorators: { additionalFilterData: [{
+    }, propDecorators: { disabled: [{
+                type: Input
+            }], additionalFilterData: [{
                 type: Input
             }], filterLoaded: [{
                 type: Output
@@ -31158,16 +31542,26 @@ class AbstractFulltextSearchComponent {
             }
         });
     }
+    set disabled(value) {
+        if (value) {
+            this.fullTextFormControl.disable();
+        }
+        else {
+            this.fullTextFormControl.enable();
+        }
+    }
 }
 AbstractFulltextSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractFulltextSearchComponent, deps: [{ token: SearchService }], target: i0.ɵɵFactoryTarget.Component });
-AbstractFulltextSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractFulltextSearchComponent, selector: "ncc-abstract-fulltext-search", ngImport: i0, template: '', isInline: true });
+AbstractFulltextSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AbstractFulltextSearchComponent, selector: "ncc-abstract-fulltext-search", inputs: { disabled: "disabled" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AbstractFulltextSearchComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ncc-abstract-fulltext-search',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: SearchService }]; } });
+        }], ctorParameters: function () { return [{ type: SearchService }]; }, propDecorators: { disabled: [{
+                type: Input
+            }] } });
 
 class AbstractAdvancedSearchComponent {
     constructor(_searchService, _initializationService) {
@@ -32515,15 +32909,20 @@ function navigationItemTaskViewDefaultHeadersFactory(navigationItemTaskData) {
     return navigationItemDefaultHeadersFactory(navigationItemTaskData, GroupNavigationConstants.ITEM_FIELD_ID_USE_TASK_DEFAULT_HEADERS, GroupNavigationConstants.ITEM_FIELD_ID_TASK_DEFAULT_HEADERS);
 }
 function navigationItemDefaultHeadersFactory(navigationItemTaskData, useFieldId, defaultHeadersFieldId) {
-    const isUse = extractFieldValueFromData(navigationItemTaskData, useFieldId);
-    if (isUse) {
-        const defaultHeaders = extractFieldValueFromData(navigationItemTaskData, defaultHeadersFieldId);
-        if (defaultHeaders === undefined || defaultHeaders === "") {
+    try {
+        const isUse = extractFieldValueFromData(navigationItemTaskData, useFieldId);
+        if (isUse) {
+            const defaultHeaders = extractFieldValueFromData(navigationItemTaskData, defaultHeadersFieldId);
+            if (defaultHeaders === undefined || defaultHeaders === "") {
+                return undefined;
+            }
+            return defaultHeaders.split(',');
+        }
+        else {
             return undefined;
         }
-        return defaultHeaders.split(',');
     }
-    else {
+    catch (e) {
         return undefined;
     }
 }
@@ -33810,7 +34209,7 @@ class MockProfileService {
  * If you want to use an unlimited number of calls use {@link UnlimitedTaskContentService} instead.
  */
 class SingleTaskContentService extends TaskContentService {
-    constructor(_fieldConverterService, _snackBarService, _translate, _logger) {
+    constructor(_fieldConverterService, _snackBarService, _translate, _logger, _injector) {
         super(_fieldConverterService, _snackBarService, _translate, _logger);
         this._task$ = new ReplaySubject(1);
     }
@@ -33852,11 +34251,11 @@ class SingleTaskContentService extends TaskContentService {
         }
     }
 }
-SingleTaskContentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SingleTaskContentService, deps: [{ token: FieldConverterService }, { token: SnackBarService }, { token: i1$2.TranslateService }, { token: LoggerService }], target: i0.ɵɵFactoryTarget.Injectable });
+SingleTaskContentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SingleTaskContentService, deps: [{ token: FieldConverterService }, { token: SnackBarService }, { token: i1$2.TranslateService }, { token: LoggerService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
 SingleTaskContentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SingleTaskContentService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SingleTaskContentService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: FieldConverterService }, { type: SnackBarService }, { type: i1$2.TranslateService }, { type: LoggerService }]; } });
+        }], ctorParameters: function () { return [{ type: FieldConverterService }, { type: SnackBarService }, { type: i1$2.TranslateService }, { type: LoggerService }, { type: i0.Injector }]; } });
 
 /**
  * Provides an implementation of the {@link TaskContentService} abstract class that allows
@@ -33865,7 +34264,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * If you want to limit the number of calls to 1 use {@link SingleTaskContentService} instead.
  */
 class UnlimitedTaskContentService extends TaskContentService {
-    constructor(_fieldConverterService, _snackBarService, _translate, _logger) {
+    constructor(_fieldConverterService, _snackBarService, _translate, _logger, _injector) {
         super(_fieldConverterService, _snackBarService, _translate, _logger);
         this._task$ = new ReplaySubject(1);
     }
@@ -33899,11 +34298,11 @@ class UnlimitedTaskContentService extends TaskContentService {
         this._task$.complete();
     }
 }
-UnlimitedTaskContentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UnlimitedTaskContentService, deps: [{ token: FieldConverterService }, { token: SnackBarService }, { token: i1$2.TranslateService }, { token: LoggerService }], target: i0.ɵɵFactoryTarget.Injectable });
+UnlimitedTaskContentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UnlimitedTaskContentService, deps: [{ token: FieldConverterService }, { token: SnackBarService }, { token: i1$2.TranslateService }, { token: LoggerService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
 UnlimitedTaskContentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UnlimitedTaskContentService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UnlimitedTaskContentService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: FieldConverterService }, { type: SnackBarService }, { type: i1$2.TranslateService }, { type: LoggerService }]; } });
+        }], ctorParameters: function () { return [{ type: FieldConverterService }, { type: SnackBarService }, { type: i1$2.TranslateService }, { type: LoggerService }, { type: i0.Injector }]; } });
 
 /**
  * Contains types of elements that are used to construct task content, but are not data fields themselves.
@@ -35114,13 +35513,24 @@ const getNetAndCreateCase = (router, route, process, caseResourceService, snackB
     });
 };
 
+const CASE_ID = "caseId";
+const PETRI_NET_ID = "petriNetId";
+const TRANSITION_ID = "transitionId";
 const publicBaseFilterFactory = (router, route, process, caseResourceService, snackBarService, translate, publicTaskLoadingService) => {
-    if (route.snapshot.paramMap.get('caseId') === null && route.snapshot.paramMap.get('petriNetId') !== null) {
+    const caseId = route.snapshot.paramMap.get(CASE_ID);
+    const petriNetId = route.snapshot.paramMap.get(PETRI_NET_ID);
+    const transId = route.snapshot.paramMap.get(TRANSITION_ID);
+    if (caseId === null && petriNetId !== null) {
         getNetAndCreateCase(router, route, process, caseResourceService, snackBarService, translate, publicTaskLoadingService);
     }
-    else if (route.snapshot.paramMap.get('caseId') !== null) {
+    else if (caseId !== null && transId !== null) {
+        return {
+            filter: new SimpleFilter('', FilterType.TASK, { case: { id: caseId }, transitionId: transId })
+        };
+    }
+    else if (caseId !== null) {
         return {
-            filter: new SimpleFilter('', FilterType.TASK, { case: { id: route.snapshot.paramMap.get('caseId') } })
+            filter: new SimpleFilter('', FilterType.TASK, { case: { id: caseId } })
         };
     }
     return {
@@ -35207,6 +35617,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /* MODELS */
 
+const redirectAction = {
+    call: (injector, frontAction) => {
+        const router = injector.get(Router);
+        router.navigate([frontAction.args[0]]);
+    }
+};
+
+const validateTaskAction = {
+    call: (injector, frontAction) => {
+        const taskContentService = injector.get(TaskContentService);
+        taskContentService.validateTaskData(frontAction.args[0]);
+    }
+};
+const reloadTaskAction = {
+    call: (injector, frontAction) => {
+        const taskDataService = injector.get(TaskDataService);
+        taskDataService.initializeTaskDataFields(new AfterAction(), true);
+    }
+};
+
+class FrontActionModule {
+    constructor(frontActionsRegistry) {
+        frontActionsRegistry.register('redirect', redirectAction);
+        frontActionsRegistry.register('validate', validateTaskAction);
+        frontActionsRegistry.register('reloadTask', reloadTaskAction);
+    }
+}
+FrontActionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FrontActionModule, deps: [{ token: FrontActionRegistryService }], target: i0.ɵɵFactoryTarget.NgModule });
+FrontActionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FrontActionModule, imports: [CommonModule] });
+FrontActionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FrontActionModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FrontActionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        CommonModule
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: FrontActionRegistryService }]; } });
+
 /*
  * Public API Surface of netgrif-components-core
  */
@@ -35215,5 +35667,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * 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, 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, AbstractMultichoiceFieldComponent, AbstractMultichoiceListFieldComponent, AbstractMultichoiceSelectFieldComponent, AbstractNavigationDoubleDrawerComponent, AbstractNavigationDrawerComponent, AbstractNavigationRailComponent, AbstractNavigationTreeComponent, AbstractNewCaseComponent, 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, 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, BasicAuthenticationService, BooleanField, BooleanFieldValidation, BooleanOperator, ButtonField, ButtonFieldValidation, CONFIRM_PASSWORD, CallChainService, CancelTaskService, CaseAuthor, CaseCreationDate, CaseCreationDateTime, CaseDataset, CaseHeaderService, CaseListFontColorService, CaseMetaField, CaseNetAttributeAutocompleteCategory, CaseProcess, CaseRefField, CaseResourceService, 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, GenericSnackBarComponent, GroupGuardService, GroupNavigationComponentResolverService, GroupNavigationConstants, HeaderColumn, HeaderColumnType, HeaderMode, HeaderSearchService, HeaderType, HttpLoaderFactory, I18nField, I18nFieldValidation, ImpersonationService, ImpersonationUserListService, ImpersonationUserResourceService, ImpersonationUserSelectService, InRange, InRangeDate, IncrementingCounter, IsEmptyPipe, IsNonEmptyPipe, IsNull, LanguageIconsService, LanguageService, LdapGroupListService, LdapGroupResourceService, LessThan, LessThanDate, LessThanDateTime, LetContext, LetDirective, Like, LoadingEmitter, LoadingWithFilterEmitter, LocalStorageLogPublisher, LogEntry, LogLevel, LogPublisher, LogPublisherService, LoggerService, MENU_IDENTIFIERS, MaterialAppearance, MaterialModule, 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_SEARCH, NAE_DEFAULT_CASE_SEARCH_CATEGORIES, NAE_DEFAULT_HEADERS, NAE_DEFAULT_MIN_PASSWORD_LENGTH, NAE_DEFAULT_TASK_SEARCH_CATEGORIES, NAE_FILES_UPLOAD_COMPONENT, NAE_FILES_UPLOAD_DIALOG_COMPONENT, NAE_FILTERS_FILTER, NAE_FILTER_FIELD, NAE_FILTER_TEXT, NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT, NAE_INFORM_ABOUT_INVALID_DATA, NAE_LOAD_FILTER_COMPONENT, NAE_LOAD_FILTER_DIALOG_COMPONENT, NAE_MIN_PASSWORD_LENGTH, 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_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, NextGroupService, NoConfigurationAutocompleteCategory, NoConfigurationCategory, NoConfigurationUserAutocompleteCategory, NotEquals, NotEqualsDate, NotEqualsDateTime, NullAuthenticationService, NullTaskOperations, NumberField, NumberFieldValidation, OLD_PASSWORD, OpenedTab, Operator, OperatorResolverService, OperatorService, OperatorTemplatePart, OperatorTemplatePartType, Operators, OrganizationListService, OverflowService, PASSWORD, PUBLISHERS, PageLoadRequestContext, PaginationParams, PaginationSort, PaperViewService, PermissionService, PermissionType, PetriNetResourceService, Predicate, PredicateWithGenerator, ProcessList, ProcessService, ProfileModule, ProfileService, ProgressType, PromptDialogComponent, PromptDialogModule, PublicCaseResourceService, PublicPetriNetResourceService, PublicProcessService, PublicTaskLoadingService, PublicTaskResourceService, PublicUrlResolverService, Query, QueuedEvent, 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, Subgrid, SubjectTaskOperations, Substring, SuccessSnackBarComponent, TabLabelStream, TabView, TabbedVirtualScrollComponent, TaskAssignee, TaskConst, TaskContentService, TaskDataService, TaskElementType, TaskEndpoint, TaskEvent, TaskEventService, TaskHandlingService, TaskHeaderService, TaskMetaField, TaskNetAttributeAutocompleteCategory, TaskProcess, TaskRefComponents, TaskRefDashboardConstants, TaskRefDashboardTileConstants, TaskRefField, TaskRequestStateService, TaskResourceService, 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, refreshTree, tabbedAllowedNetsServiceFactory, tabbedTaskViewConfigurationFactory, toMoment };
+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, 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, 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, BasicAuthenticationService, BooleanField, BooleanFieldValidation, BooleanOperator, ButtonField, ButtonFieldValidation, CASE_ID, CONFIRM_PASSWORD, CallChainService, CancelTaskService, CaseAuthor, CaseCreationDate, CaseCreationDateTime, CaseDataset, CaseHeaderService, CaseListFontColorService, CaseMetaField, CaseNetAttributeAutocompleteCategory, CaseProcess, CaseRefField, CaseResourceService, 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, LanguageIconsService, LanguageService, LdapGroupListService, LdapGroupResourceService, LessThan, LessThanDate, LessThanDateTime, LetContext, LetDirective, Like, LoadingEmitter, LoadingWithFilterEmitter, LocalStorageLogPublisher, LogEntry, LogLevel, LogPublisher, LogPublisherService, LoggerService, MENU_IDENTIFIERS, MaterialAppearance, MaterialModule, 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_MIN_PASSWORD_LENGTH, NAE_DEFAULT_TASK_SEARCH_CATEGORIES, NAE_FILES_UPLOAD_COMPONENT, NAE_FILES_UPLOAD_DIALOG_COMPONENT, NAE_FILTERS_FILTER, NAE_FILTER_FIELD, NAE_FILTER_TEXT, NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT, NAE_INFORM_ABOUT_INVALID_DATA, NAE_LOAD_FILTER_COMPONENT, NAE_LOAD_FILTER_DIALOG_COMPONENT, NAE_MIN_PASSWORD_LENGTH, 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, Predicate, PredicateWithGenerator, ProcessList, ProcessService, ProfileModule, ProfileService, ProgressType, PromptDialogComponent, PromptDialogModule, PublicCaseResourceService, PublicPetriNetResourceService, PublicProcessService, PublicTaskLoadingService, PublicTaskResourceService, PublicUrlResolverService, Query, QueuedEvent, 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, 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, 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 };
 //# sourceMappingURL=netgrif-components-core.mjs.map