@netgrif/components-core 6.0.4-rc.1 → 6.1.0-rc.1

package/bundles/netgrif-components-core.umd.js

@@ -2734,6 +2734,25 @@
         return ResourceProvider;
     }(AbstractResourceProvider));
 
+    /**
+     * Constants for pagination configuration of HTTP requests.
+     */
+
+    (function (PaginationParams) {
+        /**
+         * Size of page - maximal number of elements per page.
+         */
+        PaginationParams["PAGE_SIZE"] = "size";
+        /**
+         * Requested page index. 0 based.
+         */
+        PaginationParams["PAGE_NUMBER"] = "page";
+        /**
+         * Sort configuration of the requested page. Use the {@link createSortParam} function to generate the value for this attribute.
+         */
+        PaginationParams["PAGE_SORT"] = "sort";
+    })(exports.PaginationParams || (exports.PaginationParams = {}));
+
     /**
      * The class that contains behavior common to all resource services.
      *
@@ -2796,7 +2815,7 @@
             };
             return {
                 content: this.changeType(r, propertiesParams),
-                pagination: r.hasOwnProperty('page') ? r.page : defaultPage
+                pagination: r.hasOwnProperty(exports.PaginationParams.PAGE_NUMBER) ? r.page : defaultPage
             };
         };
         /**
@@ -4244,7 +4263,7 @@
          * @param b - second compared value
          */
         DataField.prototype.valueEquality = function (a, b) {
-            return a === b;
+            return a === b || (Number.isNaN(a) && Number.isNaN(b));
         };
         /**
          * Updates the state of this data field model object.
@@ -7027,7 +7046,7 @@
                 return;
             }
             this.state.downloading = true;
-            this._taskResourceService.downloadFilePreview(this.taskId, this.dataField.stringId).subscribe(function (response) {
+            this._taskResourceService.downloadFilePreview(this.resolveParentTaskId(), this.dataField.stringId).subscribe(function (response) {
                 if (response instanceof Blob) {
                     _this._log.debug("Preview of file [" + _this.dataField.stringId + "] " + _this.dataField.value.name + " was successfully downloaded");
                     _this.fileForPreview = new Blob([response], { type: 'application/octet-stream' });
@@ -7704,11 +7723,14 @@
         }
         AbstractHtmlTextareaFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.disabledDisplay = this._sanitizer.bypassSecurityTrustHtml(this.textAreaField.value);
+            this.disabledDisplay = this.sanitizeValue();
             this.textAreaField.valueChanges().subscribe(function () {
-                _this.disabledDisplay = _this._sanitizer.bypassSecurityTrustHtml(_this.textAreaField.value);
+                _this.disabledDisplay = _this.sanitizeValue();
             });
         };
+        AbstractHtmlTextareaFieldComponent.prototype.sanitizeValue = function () {
+            return this._sanitizer.bypassSecurityTrustHtml(this.textAreaField.value !== undefined ? this.textAreaField.value : '');
+        };
         AbstractHtmlTextareaFieldComponent.prototype.getErrorMessage = function () {
             return this.buildErrorMessage(this.textAreaField, this.formControlRef);
         };
@@ -14690,9 +14712,9 @@
          * @param page Page number that is requested. / Next page users list.
          */
         UserListService.prototype.addPageParams = function (params, page) {
-            params = params.set('size', this._pagination.size + '');
+            params = params.set(exports.PaginationParams.PAGE_SIZE, "" + this._pagination.size);
             page = page !== null ? page : this._pagination.number;
-            params = params.set('page', page + '');
+            params = params.set(exports.PaginationParams.PAGE_NUMBER, "" + page);
             return params;
         };
         UserListService.ctorParameters = function () { return [
@@ -14963,14 +14985,13 @@
             }
         };
         PanelWithHeaderBinding.prototype.resolveFeaturedFieldsValues = function () {
+            var _a;
+            var _this = this;
             if (!this._lastSelectedHeaders) {
                 return;
             }
             this.featuredFieldsValues.splice(0, this.featuredFieldsValues.length);
-            this.firstFeaturedValue = this.getFeaturedValue(this._lastSelectedHeaders[0]).value;
-            for (var i = 1; i < this._lastSelectedHeaders.length; i++) {
-                this.featuredFieldsValues.push(this.getFeaturedValue(this._lastSelectedHeaders[i]));
-            }
+            (_a = this.featuredFieldsValues).push.apply(_a, __spread(this._lastSelectedHeaders.map(function (item) { return _this.getFeaturedValue(item); })));
         };
         PanelWithHeaderBinding.prototype.getFeaturedValue = function (selectedHeader) {
             if (!selectedHeader) {
@@ -15610,10 +15631,10 @@
         };
         SortableView.prototype.addSortParams = function (params) {
             if (this._lastHeaderSearchState.sortDirection !== '') {
-                return params.set('sort', this.getSortId() + "," + this._lastHeaderSearchState.sortDirection);
+                return params.set(exports.PaginationParams.PAGE_SORT, this.getSortId() + "," + this._lastHeaderSearchState.sortDirection);
             }
             else {
-                return params.set('sort', this.getDefaultSortParam());
+                return params.set(exports.PaginationParams.PAGE_SORT, this.getDefaultSortParam());
             }
         };
         SortableView.prototype.getSortId = function () {
@@ -15656,6 +15677,23 @@
         }
     }
 
+    /**
+     * Constants for use with the
+     */
+
+    (function (PaginationSort) {
+        PaginationSort["ASCENDING"] = "asc";
+        PaginationSort["DESCENDING"] = "desc";
+    })(exports.PaginationSort || (exports.PaginationSort = {}));
+    /**
+     * Creates the configuration string for use with the [PAGE_SORT]{@link PaginationParams#PAGE_SORT} configuration attribute
+     * @param attribute the name of the attribute that should be used for sorting the results
+     * @param direction the sorting direction
+     */
+    function createSortParam(attribute, direction) {
+        return attribute + "," + direction;
+    }
+
     var TaskViewService = /** @class */ (function (_super) {
         __extends(TaskViewService, _super);
         function TaskViewService(_taskService, _userService, _snackBarService, _translate, _searchService, _log, _userComparator, resolver, _preferredEndpoint, taskViewConfig) {
@@ -15798,6 +15836,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(TaskViewService.prototype, "pagination", {
+            get: function () {
+                return this._pagination;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(TaskViewService.prototype, "activeFilter", {
             get: function () {
                 return this._searchService.activeFilter;
@@ -15897,6 +15942,17 @@
                 this._requestedPage$.next(requestContext);
             }
         };
+        TaskViewService.prototype.nextPagePagination = function (length, pageIndex, requestContext) {
+            if (requestContext === undefined) {
+                requestContext = new PageLoadRequestContext(this.activeFilter, this._pagination);
+                requestContext.pagination.size = length;
+                requestContext.pagination.number = pageIndex;
+            }
+            if (this.isLoadingRelevantFilter(requestContext) || this._endOfData) {
+                return;
+            }
+            this._requestedPage$.next(requestContext);
+        };
         TaskViewService.prototype.isLoadingRelevantFilter = function (requestContext) {
             return requestContext === undefined || (this._loading$.isActiveWithFilter(requestContext.filter) && !requestContext.force);
         };
@@ -15931,11 +15987,11 @@
             return this._lastHeaderSearchState.fieldIdentifier;
         };
         TaskViewService.prototype.getDefaultSortParam = function () {
-            return 'priority,desc';
+            return createSortParam('priority', exports.PaginationSort.DESCENDING);
         };
         TaskViewService.prototype.addPageParams = function (params, pagination) {
-            params = params.set('size', pagination.size + '');
-            params = params.set('page', pagination.number + '');
+            params = params.set(exports.PaginationParams.PAGE_SIZE, "" + pagination.size);
+            params = params.set(exports.PaginationParams.PAGE_NUMBER, "" + pagination.number);
             return params;
         };
         TaskViewService.ctorParameters = function () { return [
@@ -16006,9 +16062,9 @@
         return TabbedVirtualScrollComponent;
     }());
 
-    var AbstractTaskListComponent = /** @class */ (function (_super) {
-        __extends(AbstractTaskListComponent, _super);
-        function AbstractTaskListComponent(_taskViewService, _log, injectedTabData, route) {
+    var AbstractDefaultTaskList = /** @class */ (function (_super) {
+        __extends(AbstractDefaultTaskList, _super);
+        function AbstractDefaultTaskList(_taskViewService, _log, injectedTabData, route) {
             var _this = _super.call(this, injectedTabData) || this;
             _this._taskViewService = _taskViewService;
             _this._log = _log;
@@ -16018,11 +16074,11 @@
             _this.forceLoadDataOnOpen = false;
             _this.textEllipsis = false;
             _this.taskEvent = new core.EventEmitter();
-            _this.taskPanelRefs = new Map();
-            _this.unsubscribe$ = new rxjs.Subject();
+            _this._taskPanelRefs = new Map();
+            _this._unsubscribe$ = new rxjs.Subject();
             return _this;
         }
-        Object.defineProperty(AbstractTaskListComponent.prototype, "allowMultiOpen", {
+        Object.defineProperty(AbstractDefaultTaskList.prototype, "allowMultiOpen", {
             get: function () {
                 return this._allowMultiOpen;
             },
@@ -16033,66 +16089,139 @@
             enumerable: false,
             configurable: true
         });
-        AbstractTaskListComponent.prototype.ngAfterViewInit = function () {
-            this.onRedirect();
-        };
-        AbstractTaskListComponent.prototype.ngOnDestroy = function () {
+        AbstractDefaultTaskList.prototype.ngOnDestroy = function () {
             _super.prototype.ngOnDestroy.call(this);
             this.taskEvent.complete();
-            this.unsubscribe$.complete();
+            this._unsubscribe$.complete();
         };
-        AbstractTaskListComponent.prototype.trackBy = function (idx, item) {
-            return item.task.stringId; // + (item.task.user ? item.task.user.email : '');
+        AbstractDefaultTaskList.prototype.ngAfterViewInit = function () {
+            this.onRedirect();
         };
-        AbstractTaskListComponent.prototype.loadNextPage = function () {
-            if (!this.viewport) {
-                return;
-            }
-            this._taskViewService.nextPage(this.viewport.getRenderedRange(), this.viewport.getDataLength());
+        AbstractDefaultTaskList.prototype.trackBy = function (_idx, item) {
+            return item.task.stringId; // + (item.task.user ? item.task.user.email : '');
         };
         /**
          * Emits an event into this component's @Output attribute
          * @param event the event that will be emitted
          */
-        AbstractTaskListComponent.prototype.emitTaskEvent = function (event) {
+        AbstractDefaultTaskList.prototype.emitTaskEvent = function (event) {
             this.taskEvent.emit(event);
         };
-        AbstractTaskListComponent.prototype.addToPanelRefs = function (task, panelRef) {
-            this.taskPanelRefs.set(task.task.stringId, panelRef);
+        AbstractDefaultTaskList.prototype.addToPanelRefs = function (task, panelRef) {
+            this._taskPanelRefs.set(task.task.stringId, panelRef);
         };
-        AbstractTaskListComponent.prototype.onRedirect = function () {
+        AbstractDefaultTaskList.prototype.onRedirect = function () {
             var _this = this;
             this.route.queryParams.pipe(operators.filter(function (pm) { return !!pm['taskId']; })).subscribe(function (pm) {
-                _this.redirectTaskId = pm['taskId'];
-                _this.tasks$.pipe().subscribe(function (tasks) {
-                    var task = tasks.find(function (t) { return t.task.stringId === _this.redirectTaskId; });
+                _this._redirectTaskId = pm['taskId'];
+                _this._tasks$.pipe().subscribe(function (tasks) {
+                    var task = tasks.find(function (t) { return t.task.stringId === _this._redirectTaskId; });
                     if (!!task && !task.initiallyExpanded) {
-                        _this.taskPanelRefs.get(_this.redirectTaskId).open();
-                        _this.taskPanelRefs.get(_this.redirectTaskId).expanded = true;
-                        _this.unsubscribe$.next();
+                        _this._taskPanelRefs.get(_this._redirectTaskId).open();
+                        _this._taskPanelRefs.get(_this._redirectTaskId).expanded = true;
+                        _this._unsubscribe$.next();
                     }
                 });
             });
         };
-        AbstractTaskListComponent.ctorParameters = function () { return [
+        AbstractDefaultTaskList.ctorParameters = function () { return [
             { type: TaskViewService },
             { type: LoggerService },
             { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [NAE_TAB_DATA,] }] },
             { type: router.ActivatedRoute }
         ]; };
-        AbstractTaskListComponent.propDecorators = {
-            tasks$: [{ type: core.Input }],
+        AbstractDefaultTaskList.propDecorators = {
             loading$: [{ type: core.Input }],
             selectedHeaders$: [{ type: core.Input }],
             responsiveBody: [{ type: core.Input }],
             forceLoadDataOnOpen: [{ type: core.Input }],
             textEllipsis: [{ type: core.Input }],
             allowMultiOpen: [{ type: core.Input }],
-            taskEvent: [{ type: core.Output }],
+            taskEvent: [{ type: core.Output }]
+        };
+        return AbstractDefaultTaskList;
+    }(TabbedVirtualScrollComponent));
+
+    var AbstractTaskListComponent = /** @class */ (function (_super) {
+        __extends(AbstractTaskListComponent, _super);
+        function AbstractTaskListComponent(_taskViewService, _log, injectedTabData, route) {
+            var _this = _super.call(this, _taskViewService, _log, injectedTabData, route) || this;
+            _this._taskViewService = _taskViewService;
+            _this._log = _log;
+            _this.route = route;
+            return _this;
+        }
+        Object.defineProperty(AbstractTaskListComponent.prototype, "tasks$", {
+            get: function () {
+                return this._tasks$;
+            },
+            set: function (tasks) {
+                this._tasks$ = tasks;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AbstractTaskListComponent.prototype.loadNextPage = function () {
+            if (!this.viewport) {
+                return;
+            }
+            this._taskViewService.nextPage(this.viewport.getRenderedRange(), this.viewport.getDataLength());
+        };
+        AbstractTaskListComponent.ctorParameters = function () { return [
+            { type: TaskViewService },
+            { type: LoggerService },
+            { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [NAE_TAB_DATA,] }] },
+            { type: router.ActivatedRoute }
+        ]; };
+        AbstractTaskListComponent.propDecorators = {
+            tasks$: [{ type: core.Input }],
             viewport: [{ type: core.ViewChild, args: [scrolling.CdkVirtualScrollViewport,] }]
         };
         return AbstractTaskListComponent;
-    }(TabbedVirtualScrollComponent));
+    }(AbstractDefaultTaskList));
+
+    var AbstractTaskListPaginationComponent = /** @class */ (function (_super) {
+        __extends(AbstractTaskListPaginationComponent, _super);
+        function AbstractTaskListPaginationComponent(_taskViewService, _log, injectedTabData, route) {
+            var _this = _super.call(this, _taskViewService, _log, injectedTabData, route) || this;
+            _this._taskViewService = _taskViewService;
+            _this._log = _log;
+            _this.route = route;
+            _this.pageSize = 20;
+            _this.pageIndex = 0;
+            _this.pageSizeOptions = [10, 20, 50];
+            return _this;
+        }
+        Object.defineProperty(AbstractTaskListPaginationComponent.prototype, "tasks$", {
+            get: function () {
+                return this._tasks$;
+            },
+            set: function (tasks) {
+                var _this = this;
+                this._tasks$ = tasks.pipe((operators.tap(function () {
+                    _this.length = _this._taskViewService.pagination.totalElements;
+                    _this.pageIndex = _this._taskViewService.pagination.number;
+                })));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AbstractTaskListPaginationComponent.prototype.onPageChanged = function (e) {
+            this.pageIndex = e.pageIndex;
+            this.pageSize = e.pageSize;
+            this._taskViewService.nextPagePagination(this.pageSize, this.pageIndex);
+        };
+        AbstractTaskListPaginationComponent.ctorParameters = function () { return [
+            { type: TaskViewService },
+            { type: LoggerService },
+            { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [NAE_TAB_DATA,] }] },
+            { type: router.ActivatedRoute }
+        ]; };
+        AbstractTaskListPaginationComponent.propDecorators = {
+            tasks$: [{ type: core.Input }]
+        };
+        return AbstractTaskListPaginationComponent;
+    }(AbstractDefaultTaskList));
 
 
     (function (WorkflowMetaField) {
@@ -16267,6 +16396,19 @@
         return AbstractImmediateFilterTextContentComponent;
     }());
 
+    var AbstractPanelItemComponent = /** @class */ (function () {
+        function AbstractPanelItemComponent() {
+            this.textEllipsis = false;
+        }
+        AbstractPanelItemComponent.propDecorators = {
+            leadingIcon: [{ type: core.Input }],
+            leadingIconEnabled: [{ type: core.Input }],
+            featuredValue: [{ type: core.Input }],
+            textEllipsis: [{ type: core.Input }]
+        };
+        return AbstractPanelItemComponent;
+    }());
+
     var NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS = new core.InjectionToken('NaeTaskPanelDisableFunctions');
 
     /* COMPONENTS */
@@ -17507,6 +17649,11 @@
                 this.netVersion = '';
             }
         };
+        AbstractNewCaseComponent.prototype.toNextStep = function (viewValue) {
+            if (viewValue !== null && viewValue.value !== undefined) {
+                this.stepper1.next();
+            }
+        };
         AbstractNewCaseComponent.ctorParameters = function () { return [
             { type: SideMenuControl, decorators: [{ type: core.Inject, args: [NAE_SIDE_MENU_CONTROL,] }] },
             { type: forms$3.FormBuilder },
@@ -18672,6 +18819,9 @@
             _this._caseViewService.loading$.subscribe(function (loading) {
                 _this.loading = loading;
             });
+            _this.canCreateSub = _this._caseViewService.getNewCaseAllowedNets().subscribe(function (allowedNets) {
+                _this.canCreate = allowedNets.length > 0;
+            });
             _this.cases$ = _this._caseViewService.cases$;
             _this.authorityToCreate = _authority.map(function (a) { return a.authority; });
             return _this;
@@ -18685,7 +18835,7 @@
             }
         };
         AbstractCaseView.prototype.hasAuthority = function () {
-            return (this._caseViewService.hasAuthority(this.authorityToCreate) && this._caseViewService.getAllowedNetsCount() > 0);
+            return (this._caseViewService.hasAuthority(this.authorityToCreate) && this.canCreate);
         };
         AbstractCaseView.prototype.getWidth = function () {
             return (this._overflowService && this._overflowService.overflowMode && this._overflowService.columnCount) ?
@@ -18694,6 +18844,12 @@
         AbstractCaseView.prototype.getOverflowStatus = function () {
             return this._overflowService ? this._overflowService.overflowMode : false;
         };
+        AbstractCaseView.prototype.ngOnDestroy = function () {
+            _super.prototype.ngOnDestroy.call(this);
+            if (this.canCreateSub) {
+                this.canCreateSub.unsubscribe();
+            }
+        };
         return AbstractCaseView;
     }(ViewWithHeaders));
 
@@ -18927,6 +19083,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(CaseViewService.prototype, "pagination", {
+            get: function () {
+                return this._pagination;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(CaseViewService.prototype, "activeFilter", {
             get: function () {
                 return this._searchService.activeFilter;
@@ -18980,6 +19143,17 @@
                 this._nextPage$.next(requestContext);
             }
         };
+        CaseViewService.prototype.nextPagePagination = function (length, pageIndex, requestContext) {
+            if (requestContext === undefined) {
+                requestContext = new PageLoadRequestContext(this.activeFilter, this._pagination);
+                requestContext.pagination.size = length;
+                requestContext.pagination.number = pageIndex;
+            }
+            if (this.isLoadingRelevantFilter(requestContext) || this._endOfData) {
+                return;
+            }
+            this._nextPage$.next(requestContext);
+        };
         CaseViewService.prototype.isLoadingRelevantFilter = function (requestContext) {
             return requestContext === undefined || this._loading$.isActiveWithFilter(requestContext.filter);
         };
@@ -19040,12 +19214,12 @@
             return this._allowedNetsService.allowedNets === undefined ? 0 : this._allowedNetsService.allowedNets.length;
         };
         CaseViewService.prototype.addPageParams = function (params, pagination) {
-            params = params.set('size', pagination.size + '');
-            params = params.set('page', pagination.number + '');
+            params = params.set(exports.PaginationParams.PAGE_SIZE, "" + pagination.size);
+            params = params.set(exports.PaginationParams.PAGE_NUMBER, "" + pagination.number);
             return params;
         };
         CaseViewService.prototype.getDefaultSortParam = function () {
-            return 'stringId,desc';
+            return createSortParam('stringId', exports.PaginationSort.DESCENDING);
         };
         CaseViewService.prototype.getMetaFieldSortId = function () {
             switch (this._lastHeaderSearchState.fieldIdentifier) {
@@ -22422,6 +22596,8 @@
      */
     var NAE_WORKFLOW_SERVICE_CONFIRM_DELETE = new core.InjectionToken('NaeWorkflowServiceConfirmDelete');
 
+    var NAE_TREE_CASE_VIEW_CONFIGURATION = new core.InjectionToken('NaeTreeCaseViewConfiguration');
+
     var WorkflowViewService = /** @class */ (function (_super) {
         __extends(WorkflowViewService, _super);
         function WorkflowViewService(_petriNetResource, _log, _dialogService, _snackBarService, _translate, resolver, injectedBaseFilter, confirmDelete) {
@@ -22597,17 +22773,9 @@
             // TODO 7.4.2020 - workflow sorting and searching
             return '';
         };
-        WorkflowViewService.prototype.addSortParams = function (params) {
-            if (this._lastHeaderSearchState.sortDirection !== '') {
-                return params.set('sort', this.getSortId() + "," + this._lastHeaderSearchState.sortDirection);
-            }
-            else {
-                return params.set('sort', this.getDefaultSortParam());
-            }
-        };
         WorkflowViewService.prototype.addPageParams = function (params, pagination) {
-            params = params.set('size', pagination.size + '');
-            params = params.set('page', pagination.number + '');
+            params = params.set(exports.PaginationParams.PAGE_SIZE, "" + pagination.size);
+            params = params.set(exports.PaginationParams.PAGE_NUMBER, "" + pagination.number);
             return params;
         };
         WorkflowViewService.ctorParameters = function () { return [
@@ -22686,7 +22854,7 @@
     }());
 
     var CaseTreeService = /** @class */ (function () {
-        function CaseTreeService(_caseResourceService, _treeCaseViewService, _taskResourceService, _logger, _processService, _sideMenuService, _translateService, _optionSelectorComponent) {
+        function CaseTreeService(_caseResourceService, _treeCaseViewService, _taskResourceService, _logger, _processService, _sideMenuService, _translateService, _optionSelectorComponent, _treeConfiguration) {
             var _this = this;
             this._caseResourceService = _caseResourceService;
             this._treeCaseViewService = _treeCaseViewService;
@@ -22696,6 +22864,7 @@
             this._sideMenuService = _sideMenuService;
             this._translateService = _translateService;
             this._optionSelectorComponent = _optionSelectorComponent;
+            this._treeConfiguration = _treeConfiguration;
             /**
              * Weather the tree is eager loaded or not.
              *
@@ -22704,6 +22873,11 @@
              * It is not recommended to eager load large trees as each node sends a separate backend request to load its data.
              */
             this._isEagerLoaded = false;
+            if (!this._treeConfiguration) {
+                this._treeConfiguration = {
+                    pageSize: CaseTreeService.DEFAULT_PAGE_SIZE
+                };
+            }
             this._treeDataSource = new tree$1.MatTreeNestedDataSource();
             this._treeControl = new tree.NestedTreeControl(function (node) { return node.children; });
             _treeCaseViewService.reloadCase$.asObservable().subscribe(function () {
@@ -23002,7 +23176,9 @@
             }
             var done = new rxjs.ReplaySubject(1);
             var params = new http.HttpParams();
-            params = params.set('page', "" + pageNumber).set('sort', 'creationDate,asc');
+            params = params.set(exports.PaginationParams.PAGE_SIZE, "" + this._treeConfiguration.pageSize)
+                .set(exports.PaginationParams.PAGE_NUMBER, "" + pageNumber)
+                .set(exports.PaginationParams.PAGE_SORT, createSortParam('creationDate', exports.PaginationSort.ASCENDING));
             this._caseResourceService.getCases(requestBody, params).subscribe(function (page) {
                 if (!hasContent(page)) {
                     _this._logger.error('Child cases invalid page content', page);
@@ -23533,6 +23709,7 @@
             });
             return result;
         };
+        CaseTreeService.DEFAULT_PAGE_SIZE = 50;
         CaseTreeService.ctorParameters = function () { return [
             { type: CaseResourceService },
             { type: TreeCaseViewService },
@@ -23541,7 +23718,8 @@
             { type: ProcessService },
             { type: SideMenuService },
             { type: core$2.TranslateService },
-            { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [NAE_OPTION_SELECTOR_COMPONENT,] }] }
+            { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [NAE_OPTION_SELECTOR_COMPONENT,] }] },
+            { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [NAE_TREE_CASE_VIEW_CONFIGURATION,] }] }
         ]; };
         CaseTreeService.decorators = [
             { type: core.Injectable }
@@ -23554,7 +23732,8 @@
             { type: ProcessService },
             { type: SideMenuService },
             { type: core$2.TranslateService },
-            { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [NAE_OPTION_SELECTOR_COMPONENT,] }] }
+            { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [NAE_OPTION_SELECTOR_COMPONENT,] }] },
+            { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [NAE_TREE_CASE_VIEW_CONFIGURATION,] }] }
         ]; };
         return CaseTreeService;
     }());
@@ -24459,6 +24638,7 @@
             if (dataGroups.length === 0) {
                 this._log.info('Task has no data ' + this._safeTask);
                 this._safeTask.dataSize = 0;
+                this._taskContentService.taskFieldsIndex[this._safeTask.stringId] = {};
             }
             else {
                 this._taskContentService.referencedTaskAndCaseIds[this._safeTask.caseId] = [this._safeTask.stringId];
@@ -25326,7 +25506,7 @@
         FinishTaskService.prototype.validateDataAndFinish = function (afterAction) {
             var _this = this;
             if (afterAction === void 0) { afterAction = new AfterAction(); }
-            if (this._safeTask.dataSize <= 0) {
+            if (this.dataIsEmpty()) {
                 this._taskDataService.initializeTaskDataFields(this._callChain.create(function () {
                     if (_this._safeTask.dataSize <= 0 ||
                         (_this._taskContentService.validateDynamicEnumField() && _this._taskContentService.validateTaskData())) {
@@ -25337,17 +25517,15 @@
             else if (this._taskContentService.validateDynamicEnumField() && this._taskContentService.validateTaskData()) {
                 var finishedTaskId_1 = this._safeTask.stringId;
                 this._taskDataService.updateTaskDataFields(this._callChain.create(function (success) {
-                    if (success) {
-                        if (_this._taskState.isUpdating(finishedTaskId_1)) {
-                            _this._taskDataService.updateSuccess$.pipe(operators.take(1)).subscribe(function (bool) {
-                                if (bool) {
-                                    _this.queueFinishTaskRequest(afterAction);
-                                }
-                            });
-                        }
-                        else {
-                            _this.queueFinishTaskRequest(afterAction);
-                        }
+                    if (success && _this._taskState.isUpdating(finishedTaskId_1)) {
+                        _this._taskDataService.updateSuccess$.pipe(operators.take(1)).subscribe(function (bool) {
+                            if (bool) {
+                                _this.queueFinishTaskRequest(afterAction);
+                            }
+                        });
+                    }
+                    else if (success) {
+                        _this.queueFinishTaskRequest(afterAction);
                     }
                 }));
             }
@@ -25445,6 +25623,13 @@
         FinishTaskService.prototype.sendNotification = function (success) {
             this._taskEvent.publishTaskEvent(createTaskEventNotification(this._safeTask, exports.TaskEvent.FINISH, success));
         };
+        /**
+         * Checks data size
+         * @return boolean whether the task contains data or not
+         */
+        FinishTaskService.prototype.dataIsEmpty = function () {
+            return this._safeTask.dataSize <= 0 || !this._safeTask.dataGroups || this._safeTask.dataGroups.length <= 0;
+        };
         FinishTaskService.ctorParameters = function () { return [
             { type: LoggerService },
             { type: TaskResourceService },
@@ -26153,9 +26338,9 @@
         return AbstractWorkflowViewComponent;
     }(ViewWithHeaders));
 
-    var AbstractCaseListComponent = /** @class */ (function (_super) {
-        __extends(AbstractCaseListComponent, _super);
-        function AbstractCaseListComponent(_caseViewService, _log, injectedTabData, route) {
+    var AbstractDefaultCaseList = /** @class */ (function (_super) {
+        __extends(AbstractDefaultCaseList, _super);
+        function AbstractDefaultCaseList(_caseViewService, _log, injectedTabData, route) {
             var _this = _super.call(this, injectedTabData) || this;
             _this._caseViewService = _caseViewService;
             _this._log = _log;
@@ -26165,38 +26350,20 @@
             _this.showDeleteMenu = false;
             _this.textEllipsis = false;
             _this.redirectEnabled = true;
-            _this.cases$ = _this._caseViewService.cases$;
             _this.unsubscribe$ = new rxjs.Subject();
             _this.loading$ = _this._caseViewService.loading$;
             _this.caseClick = new core.EventEmitter();
-            _this.onRedirect();
             return _this;
         }
-        AbstractCaseListComponent.prototype.ngOnDestroy = function () {
+        AbstractDefaultCaseList.prototype.ngOnDestroy = function () {
             _super.prototype.ngOnDestroy.call(this);
             this.caseClick.complete();
             this.unsubscribe$.complete();
         };
-        AbstractCaseListComponent.prototype.trackBy = function (i) {
-            return i;
-        };
-        Object.defineProperty(AbstractCaseListComponent.prototype, "loadedDataSize", {
-            get: function () {
-                return this.viewport && this.viewport.getDataLength() ? this.viewport.getDataLength() : 0;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        AbstractCaseListComponent.prototype.loadNextPage = function () {
-            if (!this.viewport) {
-                return;
-            }
-            this._caseViewService.nextPage(this.viewport.getRenderedRange(), this.viewport.getDataLength());
-        };
-        AbstractCaseListComponent.prototype.onCaseClick = function (case_) {
+        AbstractDefaultCaseList.prototype.onCaseClick = function (case_) {
             this.caseClick.emit(case_);
         };
-        AbstractCaseListComponent.prototype.onRedirect = function () {
+        AbstractDefaultCaseList.prototype.onRedirect = function () {
             var _this = this;
             if (!this.redirectEnabled) {
                 return;
@@ -26214,13 +26381,13 @@
                 });
             });
         };
-        AbstractCaseListComponent.ctorParameters = function () { return [
+        AbstractDefaultCaseList.ctorParameters = function () { return [
             { type: CaseViewService },
             { type: LoggerService },
             { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [NAE_TAB_DATA,] }] },
             { type: router.ActivatedRoute }
         ]; };
-        AbstractCaseListComponent.propDecorators = {
+        AbstractDefaultCaseList.propDecorators = {
             selectedHeaders$: [{ type: core.Input }],
             responsiveBody: [{ type: core.Input }],
             caseClick: [{ type: core.Output }],
@@ -26228,11 +26395,83 @@
             showDeleteMenu: [{ type: core.Input }],
             textEllipsis: [{ type: core.Input }],
             width: [{ type: core.Input }],
-            redirectEnabled: [{ type: core.Input }],
+            redirectEnabled: [{ type: core.Input }]
+        };
+        return AbstractDefaultCaseList;
+    }(TabbedVirtualScrollComponent));
+
+    var AbstractCaseListComponent = /** @class */ (function (_super) {
+        __extends(AbstractCaseListComponent, _super);
+        function AbstractCaseListComponent(_caseViewService, _log, injectedTabData, route) {
+            var _this = _super.call(this, _caseViewService, _log, injectedTabData, route) || this;
+            _this._caseViewService = _caseViewService;
+            _this._log = _log;
+            _this.route = route;
+            _this.cases$ = _this._caseViewService.cases$;
+            _this.onRedirect();
+            return _this;
+        }
+        AbstractCaseListComponent.prototype.trackBy = function (i) {
+            return i;
+        };
+        Object.defineProperty(AbstractCaseListComponent.prototype, "loadedDataSize", {
+            get: function () {
+                return this.viewport && this.viewport.getDataLength() ? this.viewport.getDataLength() : 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AbstractCaseListComponent.prototype.loadNextPage = function () {
+            if (!this.viewport) {
+                return;
+            }
+            this._caseViewService.nextPage(this.viewport.getRenderedRange(), this.viewport.getDataLength());
+        };
+        AbstractCaseListComponent.ctorParameters = function () { return [
+            { type: CaseViewService },
+            { type: LoggerService },
+            { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [NAE_TAB_DATA,] }] },
+            { type: router.ActivatedRoute }
+        ]; };
+        AbstractCaseListComponent.propDecorators = {
             viewport: [{ type: core.ViewChild, args: [scrolling.CdkVirtualScrollViewport,] }]
         };
         return AbstractCaseListComponent;
-    }(TabbedVirtualScrollComponent));
+    }(AbstractDefaultCaseList));
+
+    var AbstractCaseListPaginatorComponent = /** @class */ (function (_super) {
+        __extends(AbstractCaseListPaginatorComponent, _super);
+        function AbstractCaseListPaginatorComponent(_caseViewService, _log, injectedTabData, route) {
+            var _this = _super.call(this, _caseViewService, _log, injectedTabData, route) || this;
+            _this._caseViewService = _caseViewService;
+            _this._log = _log;
+            _this.route = route;
+            _this.pageSize = 20;
+            _this.pageIndex = 0;
+            _this.pageSizeOptions = [10, 20, 50];
+            _this.cases$ = _this._caseViewService.cases$.pipe(operators.tap(function () {
+                _this.length = _this._caseViewService.pagination.totalElements;
+                _this.pageIndex = _this._caseViewService.pagination.number;
+            }));
+            _this.onRedirect();
+            return _this;
+        }
+        AbstractCaseListPaginatorComponent.prototype.onPageChanged = function (e) {
+            this.pageIndex = e.pageIndex;
+            this.pageSize = e.pageSize;
+            this._caseViewService.nextPagePagination(this.pageSize, this.pageIndex);
+        };
+        AbstractCaseListPaginatorComponent.prototype.trackById = function (_index, caze) {
+            return caze.stringId;
+        };
+        AbstractCaseListPaginatorComponent.ctorParameters = function () { return [
+            { type: CaseViewService },
+            { type: LoggerService },
+            { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [NAE_TAB_DATA,] }] },
+            { type: router.ActivatedRoute }
+        ]; };
+        return AbstractCaseListPaginatorComponent;
+    }(AbstractDefaultCaseList));
 
     var AbstractTreeComponent = /** @class */ (function () {
         function AbstractTreeComponent(_treeService) {
@@ -28287,8 +28526,8 @@
     }
     function paginationParams(basePagination, pageNumber) {
         var params = new http.HttpParams();
-        params = params.set('size', basePagination.size + '');
-        params = params.set('page', (pageNumber !== undefined ? pageNumber : basePagination.number) + '');
+        params = params.set(exports.PaginationParams.PAGE_SIZE, "" + basePagination.size);
+        params = params.set(exports.PaginationParams.PAGE_NUMBER, (pageNumber !== undefined ? pageNumber : basePagination.number) + '');
         return params;
     }
     function mapToContent(source, filter, pagination) {
@@ -28737,13 +28976,14 @@
      * The attributes are filled with mostly empty values, if you want to make a test that uses some of them,
      * we recommend setting them yourself, as the returned object might change between versions.
      */
-    function createMockNet(stringId, identifier, title, roles, transitions, immediateData) {
+    function createMockNet(stringId, identifier, title, roles, transitions, immediateData, permissions) {
         if (stringId === void 0) { stringId = 'stringId'; }
         if (identifier === void 0) { identifier = 'identifier'; }
         if (title === void 0) { title = 'title'; }
         if (roles === void 0) { roles = []; }
         if (transitions === void 0) { transitions = []; }
         if (immediateData === void 0) { immediateData = []; }
+        if (permissions === void 0) { permissions = {}; }
         var net = new Net({
             stringId: stringId,
             title: title,
@@ -28760,6 +29000,7 @@
         });
         net.roles = roles;
         net.transitions = transitions.map(function (t) { return (__assign(__assign({}, t), { petriNetId: '', immediateData: [] })); });
+        net.permissions = permissions;
         return net;
     }
 
@@ -28780,7 +29021,7 @@
          * Layouting algorithm used in NAE versions < 4.0.0
          */
         DataGroupLayoutType["LEGACY"] = "legacy";
-    })(exports["ɵu"] || (exports["ɵu"] = {}));
+    })(exports["ɵw"] || (exports["ɵw"] = {}));
     /**
      * Determines what direction(s) should be used when compacting form layout
      */
@@ -28838,7 +29079,7 @@
      */
     function createMockDataGroup(fields, title, alignment, layoutType, compact, hideRows, stretch, cols, parentTaskId, parentTaskRefId, nestingLevel) {
         if (alignment === void 0) { alignment = exports.DataGroupAlignment.START; }
-        if (layoutType === void 0) { layoutType = exports["ɵu"].LEGACY; }
+        if (layoutType === void 0) { layoutType = exports["ɵw"].LEGACY; }
         if (stretch === void 0) { stretch = false; }
         if (cols === void 0) { cols = 4; }
         return {
@@ -29554,8 +29795,8 @@
         };
         MockEndpoint.prototype.getPagination = function (params) {
             return {
-                pageSize: parseInt(params.get('size'), 10),
-                pageNumber: parseInt(params.get('page'), 10)
+                pageSize: parseInt(params.get(exports.PaginationParams.PAGE_SIZE), 10),
+                pageNumber: parseInt(params.get(exports.PaginationParams.PAGE_NUMBER), 10)
             };
         };
         return MockEndpoint;
@@ -29962,7 +30203,7 @@
                     return rxjs.of([]);
                 }
                 var params = new http.HttpParams();
-                params.set('size', "" + user.nextGroups.length);
+                params.set(exports.PaginationParams.PAGE_SIZE, "" + user.nextGroups.length);
                 return _this._caseResourceService.searchCases(SimpleFilter.fromCaseQuery({ stringId: user.nextGroups }), params)
                     .pipe(operators.map(function (page) { return page.content ? page.content : []; }), operators.map(function (groups) { return groups.filter(function (group) { return group.author.fullName !== 'application engine'; }); }));
             })).subscribe(function (groups) {
@@ -30764,7 +31005,7 @@
             this._paperView = _paperView;
             this._logger = _logger;
             this._taskEventService = _taskEventService;
-            this.DEFAULT_LAYOUT_TYPE = exports["ɵu"].LEGACY;
+            this.DEFAULT_LAYOUT_TYPE = exports["ɵw"].LEGACY;
             this.DEFAULT_FIELD_ALIGNMENT = exports.FieldAlignment.CENTER;
             this.DEFAULT_ASYNC_RENDERING_CONFIGURATION = {
                 batchSize: 4,
@@ -30951,13 +31192,13 @@
                     subgrid.addRow(_this.newGridRow(subgrid.cols, title.gridAreaId));
                 }
                 switch (group.layout.type) {
-                    case exports["ɵu"].GRID:
+                    case exports["ɵw"].GRID:
                         _this.computeGridLayout(group, subgrid);
                         break;
-                    case exports["ɵu"].FLOW:
+                    case exports["ɵw"].FLOW:
                         _this.computeFlowLayout(group, subgrid);
                         break;
-                    case exports["ɵu"].LEGACY:
+                    case exports["ɵw"].LEGACY:
                         _this.computeLegacyLayout(group, subgrid);
                         break;
                     default:
@@ -31871,6 +32112,7 @@
         };
         Object.defineProperty(BaseAllowedNetsService.prototype, "allowedNets", {
             /**
+             * @deprecated This method should not be used. Use {@link BaseAllowedNetsService#allowedNets$} instead
              * @returns the currently set allowed nets. Returns an empty array if no value was set.
              */
             get: function () {
@@ -31938,12 +32180,14 @@
         if (filterField === undefined) {
             throw new Error("Provided navigation item task data does not contain a filter field with ID '" + exports.UserFilterConstants.FILTER_FIELD_ID + "'! Allowed nets cannot be generated from it!");
         }
-        var nets = __spread(filterField.allowedNets);
+        var nets = new rxjs.BehaviorSubject(Array.from(new Set(__spread(filterField.allowedNets))));
         if (filterField.filterMetadata.inheritAllowedNets) {
-            nets.push.apply(nets, __spread(baseAllowedNets.allowedNets));
+            baseAllowedNets.allowedNets$.subscribe(function (allowedNets) {
+                var netSet = new Set(allowedNets);
+                nets.next(Array.from(netSet));
+            });
         }
-        var uniqueNets = new Set(nets);
-        return factory.createFromArray(Array.from(uniqueNets));
+        return factory.createFromObservable(nets.asObservable());
     }
     /**
      * Simplifies the creation of {@link AllowedNetsService} instances
@@ -32040,6 +32284,7 @@
     exports.AbstractBooleanFieldComponent = AbstractBooleanFieldComponent;
     exports.AbstractButtonFieldComponent = AbstractButtonFieldComponent;
     exports.AbstractCaseListComponent = AbstractCaseListComponent;
+    exports.AbstractCaseListPaginatorComponent = AbstractCaseListPaginatorComponent;
     exports.AbstractCasePanelComponent = AbstractCasePanelComponent;
     exports.AbstractCaseView = AbstractCaseView;
     exports.AbstractCountCard = AbstractCountCard;
@@ -32098,6 +32343,7 @@
     exports.AbstractNumberFieldComponent = AbstractNumberFieldComponent;
     exports.AbstractOptionSelectorComponent = AbstractOptionSelectorComponent;
     exports.AbstractPanelComponent = AbstractPanelComponent;
+    exports.AbstractPanelItemComponent = AbstractPanelItemComponent;
     exports.AbstractPasswordTextFieldComponent = AbstractPasswordTextFieldComponent;
     exports.AbstractProfileComponent = AbstractProfileComponent;
     exports.AbstractQuickPanelComponent = AbstractQuickPanelComponent;
@@ -32122,6 +32368,7 @@
     exports.AbstractTabViewComponent = AbstractTabViewComponent;
     exports.AbstractTaskContentComponent = AbstractTaskContentComponent;
     exports.AbstractTaskListComponent = AbstractTaskListComponent;
+    exports.AbstractTaskListPaginationComponent = AbstractTaskListPaginationComponent;
     exports.AbstractTaskPanelComponent = AbstractTaskPanelComponent;
     exports.AbstractTaskView = AbstractTaskView;
     exports.AbstractTextErrorsComponent = AbstractTextErrorsComponent;
@@ -32295,6 +32542,7 @@
     exports.NAE_TASK_OPERATIONS = NAE_TASK_OPERATIONS;
     exports.NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS = NAE_TASK_PANEL_DISABLE_BUTTON_FUNCTIONS;
     exports.NAE_TASK_VIEW_CONFIGURATION = NAE_TASK_VIEW_CONFIGURATION;
+    exports.NAE_TREE_CASE_VIEW_CONFIGURATION = NAE_TREE_CASE_VIEW_CONFIGURATION;
     exports.NAE_USER_ASSIGN_COMPONENT = NAE_USER_ASSIGN_COMPONENT;
     exports.NAE_VIEW_ID = NAE_VIEW_ID;
     exports.NAE_VIEW_ID_SEGMENT = NAE_VIEW_ID_SEGMENT;
@@ -32429,6 +32677,7 @@
     exports.createMockSetDataOutcome = createMockSetDataOutcome;
     exports.createMockTask = createMockTask;
     exports.createMockTaskOutcome = createMockTaskOutcome;
+    exports.createSortParam = createSortParam;
     exports.createTaskEventNotification = createTaskEventNotification;
     exports.defaultCaseSearchCategoriesFactory = defaultCaseSearchCategoriesFactory;
     exports.defaultTaskSearchCategoriesFactory = defaultTaskSearchCategoriesFactory;
@@ -32470,12 +32719,14 @@
     exports.ɵk = AbstractNavigationResizableDrawerComponent;
     exports.ɵl = PanelWithImmediateData;
     exports.ɵm = PanelWithHeaderBinding;
-    exports.ɵn = AbstractDialog;
-    exports.ɵq = AlertDialogModule;
-    exports.ɵr = ConfirmDialogModule;
-    exports.ɵs = PromptDialogModule;
-    exports.ɵt = AbstractHeaderModeComponent;
-    exports.ɵu = exports["ɵu"];
+    exports.ɵn = AbstractDefaultTaskList;
+    exports.ɵo = AbstractDialog;
+    exports.ɵr = AlertDialogModule;
+    exports.ɵs = ConfirmDialogModule;
+    exports.ɵt = PromptDialogModule;
+    exports.ɵu = AbstractHeaderModeComponent;
+    exports.ɵv = AbstractDefaultCaseList;
+    exports.ɵw = exports["ɵw"];
 
     Object.defineProperty(exports, '__esModule', { value: true });