@valtimo/task 11.0.0 → 11.1.2

package/fesm2022/valtimo-task.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Component, Input, Output, ViewEncapsulation, ViewChild, NgModule } from '@angular/core';
-import * as i9 from '@valtimo/security';
+import * as i5 from '@valtimo/security';
 import { InterceptorSkip, AuthGuardService } from '@valtimo/security';
 import * as i1 from '@angular/common/http';
 import { HttpClient } from '@angular/common/http';
@@ -14,22 +14,22 @@ import * as i10 from '@ng-bootstrap/ng-bootstrap';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import * as i8$1 from '@ngx-translate/core';
 import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
-import * as i2$1 from '@valtimo/components';
+import * as i6 from '@valtimo/components';
 import { FormioOptionsImpl, CarbonListModule, PageHeaderModule, WidgetModule, SpinnerModule, SearchableDropdownSelectModule, CamundaFormModule, FormIoModule, ModalModule } from '@valtimo/components';
-import * as i4 from '@valtimo/form-link';
+import * as i2$1 from '@valtimo/form-link';
 import { FormLinkModule } from '@valtimo/form-link';
 import * as i11 from 'carbon-components-angular';
 import { LinkModule, TabsModule, ContentSwitcherModule } from 'carbon-components-angular';
-import * as i7 from 'ngx-toastr';
+import * as i1$1 from 'ngx-toastr';
 import { ToastrModule } from 'ngx-toastr';
-import { BehaviorSubject, Subscription, take, combineLatest, tap, map, distinctUntilChanged, switchMap, of } from 'rxjs';
+import { BehaviorSubject, Subscription, take, combineLatest, tap, distinctUntilChanged, switchMap, of } from 'rxjs';
 import moment from 'moment';
-import * as i1$1 from '@valtimo/document';
-import * as i3 from '@valtimo/access-control';
-import * as i5 from '@angular/router';
+import { map, take as take$1 } from 'rxjs/operators';
+import * as i3 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import { take as take$1 } from 'rxjs/operators';
+import * as i7 from '@valtimo/document';
 import * as i3$1 from 'ngx-logger';
+import * as i4 from '@valtimo/access-control';
 
 /*
  * Copyright 2015-2023 Ritense BV, the Netherlands.
@@ -276,7 +276,7 @@ class AssignUserToTaskComponent {
         this.disabled$.next(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AssignUserToTaskComponent, deps: [{ token: TaskService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AssignUserToTaskComponent, selector: "valtimo-assign-user-to-task", inputs: { taskId: "taskId", assigneeEmail: "assigneeEmail" }, outputs: { assignmentOfTaskChanged: "assignmentOfTaskChanged" }, usesOnChanges: true, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    candidateUsers: candidateUsersForTask$ | async,\n    disabled: disabled$ | async,\n    emailOnServer: assignedEmailOnServer$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid\">\n    <div class=\"row mt-2 mb-2\">\n      <div class=\"col-12 pl-0 d-flex flex-row align-items-center\">\n        <valtimo-searchable-dropdown-select\n          *ngIf=\"obs.candidateUsers; else loading\"\n          [style]=\"'underlinedText'\"\n          [items]=\"mapUsersForDropdown(obs.candidateUsers)\"\n          [buttonText]=\"'assignTask.header' | translate\"\n          [searchText]=\"'interface.typeToSearch' | translate\"\n          [noResultsText]=\"'interface.noSearchResults' | translate\"\n          [disabled]=\"obs.disabled\"\n          [selectedText]=\"'assignTask.assignedTo' | translate\"\n          [selectedTextValue]=\"assignedUserFullName$ | async\"\n          [clearSelectionButtonTitle]=\"'assignTask.remove' | translate\"\n          [hasSelection]=\"userEmailToAssign === obs.emailOnServer && obs.emailOnServer !== null\"\n          [width]=\"250\"\n          (itemSelected)=\"assignTask($event)\"\n          (clearSelection)=\"unassignTask()\"\n        >\n        </valtimo-searchable-dropdown-select>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <h5>\n    <b>{{ 'assignTask.fetchingUsers' | translate }}</b>\n  </h5>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.container-fluid{color:#959595}i{font-size:13px}\n"], dependencies: [{ kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.SearchableDropdownSelectComponent, selector: "valtimo-searchable-dropdown-select", inputs: ["style", "items", "buttonText", "searchText", "noResultsText", "disabled", "selectedText", "selectedTextValue", "clearSelectionButtonTitle", "hasSelection", "width", "hasPermission"], outputs: ["itemSelected", "clearSelection"] }, { kind: "pipe", type: i8.AsyncPipe, name: "async" }, { kind: "pipe", type: i8$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AssignUserToTaskComponent, selector: "valtimo-assign-user-to-task", inputs: { taskId: "taskId", assigneeEmail: "assigneeEmail" }, outputs: { assignmentOfTaskChanged: "assignmentOfTaskChanged" }, usesOnChanges: true, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    candidateUsers: candidateUsersForTask$ | async,\n    disabled: disabled$ | async,\n    emailOnServer: assignedEmailOnServer$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid\">\n    <div class=\"row mt-2 mb-2\">\n      <div class=\"col-12 pl-0 d-flex flex-row align-items-center\">\n        <valtimo-searchable-dropdown-select\n          *ngIf=\"obs.candidateUsers; else loading\"\n          [style]=\"'underlinedText'\"\n          [items]=\"mapUsersForDropdown(obs.candidateUsers)\"\n          [buttonText]=\"'assignTask.header' | translate\"\n          [searchText]=\"'interface.typeToSearch' | translate\"\n          [noResultsText]=\"'interface.noSearchResults' | translate\"\n          [disabled]=\"obs.disabled\"\n          [selectedText]=\"'assignTask.assignedTo' | translate\"\n          [selectedTextValue]=\"assignedUserFullName$ | async\"\n          [clearSelectionButtonTitle]=\"'assignTask.remove' | translate\"\n          [hasSelection]=\"userEmailToAssign === obs.emailOnServer && obs.emailOnServer !== null\"\n          [width]=\"250\"\n          (itemSelected)=\"assignTask($event)\"\n          (clearSelection)=\"unassignTask()\"\n        >\n        </valtimo-searchable-dropdown-select>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <h5>\n    <b>{{ 'assignTask.fetchingUsers' | translate }}</b>\n  </h5>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.container-fluid{color:#959595}i{font-size:13px}\n"], dependencies: [{ kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.SearchableDropdownSelectComponent, selector: "valtimo-searchable-dropdown-select", inputs: ["style", "items", "buttonText", "searchText", "noResultsText", "disabled", "selectedText", "selectedTextValue", "clearSelectionButtonTitle", "hasSelection", "width", "hasPermission"], outputs: ["itemSelected", "clearSelection"] }, { kind: "pipe", type: i8.AsyncPipe, name: "async" }, { kind: "pipe", type: i8$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AssignUserToTaskComponent, decorators: [{
             type: Component,
@@ -289,39 +289,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }] } });
 
-/*
- * Copyright 2015-2023 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var PERMISSION_ACTION;
-(function (PERMISSION_ACTION) {
-    PERMISSION_ACTION["assign"] = "assign";
-    PERMISSION_ACTION["view"] = "view";
-})(PERMISSION_ACTION || (PERMISSION_ACTION = {}));
-var TASK_DETAIL_PERMISSION_RESOURCE;
-(function (TASK_DETAIL_PERMISSION_RESOURCE) {
-    TASK_DETAIL_PERMISSION_RESOURCE["task"] = "com.ritense.valtimo.camunda.domain.CamundaTask";
-})(TASK_DETAIL_PERMISSION_RESOURCE || (TASK_DETAIL_PERMISSION_RESOURCE = {}));
-const CAN_ASSIGN_TASK_PERMISSION = {
-    action: PERMISSION_ACTION.assign,
-    resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
-};
-const CAN_VIEW_TASK_PERMISSION = {
-    action: PERMISSION_ACTION.view,
-    resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
-};
-
 /*
  * Copyright 2015-2023 Ritense BV, the Netherlands.
  *
@@ -339,33 +306,37 @@ const CAN_VIEW_TASK_PERMISSION = {
  */
 moment.locale(localStorage.getItem('langKey') || '');
 class TaskDetailModalComponent {
-    constructor(documentService, modalService, permissionService, processLinkService, router, stateService, taskService, toastr, translateService, userProviderService) {
-        this.documentService = documentService;
-        this.modalService = modalService;
-        this.permissionService = permissionService;
+    constructor(toastr, processLinkService, router, taskService, userProviderService, modalService, stateService, documentService, translateService) {
+        this.toastr = toastr;
         this.processLinkService = processLinkService;
         this.router = router;
-        this.stateService = stateService;
         this.taskService = taskService;
-        this.toastr = toastr;
-        this.translateService = translateService;
         this.userProviderService = userProviderService;
+        this.modalService = modalService;
+        this.stateService = stateService;
+        this.documentService = documentService;
+        this.translateService = translateService;
         this.formSubmit = new EventEmitter();
         this.assignmentOfTaskChanged = new EventEmitter();
-        this.errorMessage = null;
-        this.formIoFormData$ = new BehaviorSubject(null);
-        this.page = null;
-        this.task = null;
-        this._taskProcessLinkType$ = new BehaviorSubject(null);
-        this.processLinkIsForm$ = this._taskProcessLinkType$.pipe(map(type => type === 'form'));
-        this.processLinkIsFormFlow$ = this._taskProcessLinkType$.pipe(map(type => type === 'form-flow'));
+        this.task$ = new BehaviorSubject(null);
+        this.formDefinition$ = new BehaviorSubject(undefined);
+        this.formFlowInstanceId$ = new BehaviorSubject(undefined);
+        this.page$ = new BehaviorSubject(null);
+        this.formioOptions$ = new BehaviorSubject(null);
+        this.errorMessage$ = new BehaviorSubject(undefined);
         this.isAdmin$ = this.userProviderService
             .getUserSubject()
             .pipe(map(userIdentity => userIdentity?.roles?.includes('ROLE_ADMIN')));
+        this.formIoFormData$ = new BehaviorSubject(null);
         this.loading$ = new BehaviorSubject(true);
+        this.taskProcessLinkType$ = new BehaviorSubject(null);
+        this.processLinkIsForm$ = this.taskProcessLinkType$.pipe(map(type => type === 'form'));
+        this.processLinkIsFormFlow$ = this.taskProcessLinkType$.pipe(map(type => type === 'form-flow'));
+        this.processLinkId$ = new BehaviorSubject(undefined);
         this._subscriptions = new Subscription();
-        this.formioOptions = new FormioOptionsImpl();
-        this.formioOptions.disableAlerts = true;
+        const options = new FormioOptionsImpl();
+        options.disableAlerts = true;
+        this.formioOptions$.next(options);
     }
     ngAfterViewInit() {
         this._subscriptions.add(this.modal.modalShowing$
@@ -382,21 +353,19 @@ class TaskDetailModalComponent {
         this._subscriptions.unsubscribe();
     }
     openTaskDetails(task) {
-        this.canAssign$ = this.permissionService.requestPermission(CAN_ASSIGN_TASK_PERMISSION, {
-            resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
-            identifier: task.id,
-        });
         this.resetTaskProcessLinkType();
         this.resetFormDefinition();
         this.getTaskProcessLink(task.id);
         this.setDocumentDefinitionNameInService(task);
-        this.stateService.setDocumentId(task.businessKey);
-        this.task = task;
-        this.page = {
+        const documentId = task.businessKey;
+        this.stateService.setDocumentId(documentId);
+        this.task$.next(task);
+        this.page$.next({
             title: task.name,
             subtitle: `${this.translateService.instant('taskDetail.taskCreated')} ${task.created}`,
-        };
-        if (!this._taskProcessLinkType$.getValue()) {
+        });
+        //only load from formlink when process link failed for backwards compatibility
+        if (!this.taskProcessLinkType$.getValue()) {
             this.modal.show();
         }
     }
@@ -409,31 +378,39 @@ class TaskDetailModalComponent {
             this.formIoFormData$.next(event.data);
         }
     }
-    completeTask() {
-        this.toastr.success(`${this.task?.name} ${this.translateService.instant('taskDetail.taskCompleted')}`);
-        this.modal.hide();
-        this.task = null;
-        this.formSubmit.emit();
-    }
     onSubmit(submission) {
         if (submission.data) {
             this.formIoFormData$.next(submission.data);
         }
-        if (this._taskProcessLinkType$.getValue() === 'form') {
-            this.processLinkService
-                .submitForm(this._processLinkId ?? '', submission.data, this.task?.businessKey, this.task?.id)
-                .subscribe({
-                next: (_) => {
-                    this.completeTask();
-                },
-                error: errors => {
-                    this.form.showErrors(errors);
-                },
-            });
-        }
+        combineLatest([this.processLinkId$, this.taskProcessLinkType$, this.task$])
+            .pipe(take$1(1))
+            .subscribe(([processLinkId, taskProcessLinkType, task]) => {
+            if (taskProcessLinkType === 'form') {
+                if (processLinkId) {
+                    this.processLinkService
+                        .submitForm(processLinkId, submission.data, task.businessKey, task.id)
+                        .subscribe({
+                        next: (_) => {
+                            this.completeTask();
+                        },
+                        error: errors => {
+                            this.form.showErrors(errors);
+                        },
+                    });
+                }
+            }
+        });
+    }
+    completeTask() {
+        this.task$.pipe(take$1(1)).subscribe(task => {
+            this.toastr.success(`${task.name} ${this.translateService.instant('taskDetail.taskCompleted')}`);
+            this.modal.hide();
+            this.task$.next(null);
+            this.formSubmit.emit();
+        });
     }
     resetFormDefinition() {
-        this.formDefinition = null;
+        this.formDefinition$.next(null);
         this.loading$.next(true);
     }
     getTaskProcessLink(taskId) {
@@ -442,13 +419,13 @@ class TaskDetailModalComponent {
                 if (res != null) {
                     switch (res?.type) {
                         case 'form':
-                            this._taskProcessLinkType$.next('form');
-                            this._processLinkId = res.processLinkId;
+                            this.taskProcessLinkType$.next('form');
+                            this.processLinkId$.next(res.processLinkId);
                             this.setFormDefinitionAndOpenModal(res.properties.prefilledForm);
                             break;
                         case 'form-flow':
-                            this._taskProcessLinkType$.next('form-flow');
-                            this.formFlowInstanceId = res.properties.formFlowInstanceId ?? '';
+                            this.taskProcessLinkType$.next('form-flow');
+                            this.formFlowInstanceId$.next(res.properties.formFlowInstanceId);
                             break;
                     }
                     this.loading$.next(false);
@@ -466,23 +443,23 @@ class TaskDetailModalComponent {
         this.taskService.getTaskProcessLinkV1(taskId).subscribe(resV1 => {
             switch (resV1?.type) {
                 case 'form':
-                    this._taskProcessLinkType$.next('form');
+                    this.taskProcessLinkType$.next('form');
                     break;
                 case 'form-flow':
-                    this._taskProcessLinkType$.next('form-flow');
-                    this.formFlowInstanceId = resV1.properties.formFlowInstanceId ?? '';
+                    this.taskProcessLinkType$.next('form-flow');
+                    this.formFlowInstanceId$.next(resV1.properties.formFlowInstanceId);
                     break;
             }
             this.loading$.next(false);
         });
     }
     resetTaskProcessLinkType() {
-        this._taskProcessLinkType$.next(null);
-        this._processLinkId = null;
+        this.taskProcessLinkType$.next(null);
+        this.processLinkId$.next(null);
     }
     setFormDefinitionAndOpenModal(formDefinition) {
-        this._taskProcessLinkType$.next('form');
-        this.formDefinition = formDefinition;
+        this.taskProcessLinkType$.next('form');
+        this.formDefinition$.next(formDefinition);
         this.modal.show();
     }
     setDocumentDefinitionNameInService(task) {
@@ -494,13 +471,13 @@ class TaskDetailModalComponent {
             this.stateService.setDocumentDefinitionName(documentDefinitionName);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskDetailModalComponent, deps: [{ token: i1$1.DocumentService }, { token: i2$1.ValtimoModalService }, { token: i3.PermissionService }, { token: i4.ProcessLinkService }, { token: i5.Router }, { token: i2$1.FormIoStateService }, { token: TaskService }, { token: i7.ToastrService }, { token: i8$1.TranslateService }, { token: i9.UserProviderService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TaskDetailModalComponent, selector: "valtimo-task-detail-modal", outputs: { formSubmit: "formSubmit", assignmentOfTaskChanged: "assignmentOfTaskChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formFlow", first: true, predicate: ["formFlow"], descendants: true }, { propertyName: "modal", first: true, predicate: ["taskDetailModal"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-modal\n  #taskDetailModal\n  *ngIf=\"{\n    loading: loading$ | async\n  } as obs\"\n  elementId=\"taskDetailModal\"\n  [title]=\"page?.title\"\n  [subtitle]=\"page?.subtitle\"\n  [templateBelowSubtitle]=\"assignUserToTask\"\n>\n  <div body *ngIf=\"formDefinition && (processLinkIsForm$ | async)\">\n    <valtimo-form-io\n      #form\n      [form]=\"formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      (change)=\"onChange($event)\"\n      [options]=\"formioOptions\"\n    ></valtimo-form-io>\n  </div>\n  <div body *ngIf=\"processLinkIsFormFlow$ | async\">\n    <valtimo-form-flow\n      #formFlow\n      [formIoFormData]=\"formIoFormData$\"\n      [formFlowInstanceId]=\"formFlowInstanceId\"\n      (formFlowComplete)=\"completeTask()\"\n    ></valtimo-form-flow>\n  </div>\n  <div body *ngIf=\"obs.loading\">\n    <div class=\"text-black mb-0 p-3 text-center\">\n      {{ 'formManagement.loading' | translate }}\n    </div>\n  </div>\n  <div body *ngIf=\"obs.loading === false && !formDefinition && !formFlowInstanceId && !errorMessage\">\n    <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n      {{\n        (isAdmin$ | async)\n          ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n          : ('formManagement.noFormDefinitionFoundUser' | translate)\n      }}\n    </div>\n  </div>\n  <div body *ngIf=\"errorMessage\">\n    <div class=\"bg-danger text-black mb-0 p-3 text-center\">\n      {{ errorMessage }}\n    </div>\n  </div>\n  <div footer>\n    <div class=\"mb-0 p-3 text-center\" *ngIf=\"!formDefinition\">\n      <button\n        (click)=\"gotoProcessLinkScreen()\"\n        class=\"btn btn-secondary btn-space\"\n        id=\"process-link-button\"\n        type=\"button\"\n      >\n        {{ 'formManagement.gotoProcessLinksButton' | translate }}\n      </button>\n    </div>\n  </div>\n</valtimo-modal>\n\n<ng-template #assignUserToTask>\n  <valtimo-assign-user-to-task\n    *ngIf=\"task && assignmentOfTaskChanged && (canAssign$ | async)\"\n    [taskId]=\"task.id\"\n    [assigneeEmail]=\"task.assignee\"\n    (assignmentOfTaskChanged)=\"assignmentOfTaskChanged.emit()\"\n  ></valtimo-assign-user-to-task>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */#taskDetailModal .formio-component-submit{text-align:right}\n"], dependencies: [{ kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.FormioComponent, selector: "valtimo-form-io", inputs: ["form", "options", "submission", "readOnly", "formRefresh$"], outputs: ["submit", "change"] }, { kind: "component", type: i2$1.ModalComponent, selector: "valtimo-modal", inputs: ["elementId", "title", "subtitle", "templateBelowSubtitle", "showFooter"] }, { kind: "component", type: i4.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete"] }, { kind: "component", type: AssignUserToTaskComponent, selector: "valtimo-assign-user-to-task", inputs: ["taskId", "assigneeEmail"], outputs: ["assignmentOfTaskChanged"] }, { kind: "pipe", type: i8.AsyncPipe, name: "async" }, { kind: "pipe", type: i8$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskDetailModalComponent, deps: [{ token: i1$1.ToastrService }, { token: i2$1.ProcessLinkService }, { token: i3.Router }, { token: TaskService }, { token: i5.UserProviderService }, { token: i6.ValtimoModalService }, { token: i6.FormIoStateService }, { token: i7.DocumentService }, { token: i8$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TaskDetailModalComponent, selector: "valtimo-task-detail-modal", outputs: { formSubmit: "formSubmit", assignmentOfTaskChanged: "assignmentOfTaskChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formFlow", first: true, predicate: ["formFlow"], descendants: true }, { propertyName: "modal", first: true, predicate: ["taskDetailModal"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-modal\n  #taskDetailModal\n  *ngIf=\"{\n    loading: loading$ | async,\n    page: page$ | async,\n    task: task$ | async,\n    formDefinition: formDefinition$ | async,\n    processLinkIsForm: processLinkIsForm$ | async,\n    formioOptions: formioOptions$ | async,\n    processLinkIsFormFlow: processLinkIsFormFlow$ | async,\n    formFlowInstanceId: formFlowInstanceId$ | async,\n    errorMessage: errorMessage$ | async\n  } as obs\"\n  elementId=\"taskDetailModal\"\n  [title]=\"obs.page?.title\"\n  [subtitle]=\"obs.page?.subtitle\"\n  [templateBelowSubtitle]=\"assignUserToTask\"\n>\n  <div body *ngIf=\"obs.formDefinition && obs.processLinkIsForm\">\n    <valtimo-form-io\n      #form\n      [form]=\"obs.formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      (change)=\"onChange($event)\"\n      [options]=\"obs.formioOptions\"\n    ></valtimo-form-io>\n  </div>\n  <div body *ngIf=\"obs.processLinkIsFormFlow\">\n    <valtimo-form-flow\n      #formFlow\n      [formIoFormData]=\"formIoFormData$\"\n      [formFlowInstanceId]=\"obs.formFlowInstanceId\"\n      (formFlowComplete)=\"completeTask()\"\n    ></valtimo-form-flow>\n  </div>\n  <div body *ngIf=\"obs.loading\">\n    <div class=\"text-black mb-0 p-3 text-center\">\n      {{ 'formManagement.loading' | translate }}\n    </div>\n  </div>\n  <div\n    body\n    *ngIf=\"\n      obs.loading === false && !obs.formDefinition && !obs.formFlowInstanceId && !obs.errorMessage\n    \"\n  >\n    <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n      {{\n        (isAdmin$ | async)\n          ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n          : ('formManagement.noFormDefinitionFoundUser' | translate)\n      }}\n    </div>\n  </div>\n  <div body *ngIf=\"obs.errorMessage\">\n    <div class=\"bg-danger text-black mb-0 p-3 text-center\">\n      {{ obs.errorMessage }}\n    </div>\n  </div>\n  <div footer>\n    <div class=\"mb-0 p-3 text-center\" *ngIf=\"!!obs.formDefinition\">\n      <button\n        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoProcessLinkScreen()\"\n        id=\"process-link-button\"\n      >\n        {{ 'formManagement.gotoProcessLinksButton' | translate }}\n      </button>\n    </div>\n  </div>\n</valtimo-modal>\n\n<ng-template #assignUserToTask>\n  <ng-container *ngIf=\"task$ | async as task\">\n    <valtimo-assign-user-to-task\n      *ngIf=\"task && assignmentOfTaskChanged\"\n      [taskId]=\"task.id\"\n      [assigneeEmail]=\"task.assignee\"\n      (assignmentOfTaskChanged)=\"assignmentOfTaskChanged.emit()\"\n    ></valtimo-assign-user-to-task>\n  </ng-container>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */#taskDetailModal .formio-component-submit{text-align:right}\n"], dependencies: [{ kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change"] }, { kind: "component", type: i6.ModalComponent, selector: "valtimo-modal", inputs: ["elementId", "title", "subtitle", "templateBelowSubtitle", "showFooter"] }, { kind: "component", type: i2$1.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete"] }, { kind: "component", type: AssignUserToTaskComponent, selector: "valtimo-assign-user-to-task", inputs: ["taskId", "assigneeEmail"], outputs: ["assignmentOfTaskChanged"] }, { kind: "pipe", type: i8.AsyncPipe, name: "async" }, { kind: "pipe", type: i8$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskDetailModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-task-detail-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-modal\n  #taskDetailModal\n  *ngIf=\"{\n    loading: loading$ | async\n  } as obs\"\n  elementId=\"taskDetailModal\"\n  [title]=\"page?.title\"\n  [subtitle]=\"page?.subtitle\"\n  [templateBelowSubtitle]=\"assignUserToTask\"\n>\n  <div body *ngIf=\"formDefinition && (processLinkIsForm$ | async)\">\n    <valtimo-form-io\n      #form\n      [form]=\"formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      (change)=\"onChange($event)\"\n      [options]=\"formioOptions\"\n    ></valtimo-form-io>\n  </div>\n  <div body *ngIf=\"processLinkIsFormFlow$ | async\">\n    <valtimo-form-flow\n      #formFlow\n      [formIoFormData]=\"formIoFormData$\"\n      [formFlowInstanceId]=\"formFlowInstanceId\"\n      (formFlowComplete)=\"completeTask()\"\n    ></valtimo-form-flow>\n  </div>\n  <div body *ngIf=\"obs.loading\">\n    <div class=\"text-black mb-0 p-3 text-center\">\n      {{ 'formManagement.loading' | translate }}\n    </div>\n  </div>\n  <div body *ngIf=\"obs.loading === false && !formDefinition && !formFlowInstanceId && !errorMessage\">\n    <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n      {{\n        (isAdmin$ | async)\n          ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n          : ('formManagement.noFormDefinitionFoundUser' | translate)\n      }}\n    </div>\n  </div>\n  <div body *ngIf=\"errorMessage\">\n    <div class=\"bg-danger text-black mb-0 p-3 text-center\">\n      {{ errorMessage }}\n    </div>\n  </div>\n  <div footer>\n    <div class=\"mb-0 p-3 text-center\" *ngIf=\"!formDefinition\">\n      <button\n        (click)=\"gotoProcessLinkScreen()\"\n        class=\"btn btn-secondary btn-space\"\n        id=\"process-link-button\"\n        type=\"button\"\n      >\n        {{ 'formManagement.gotoProcessLinksButton' | translate }}\n      </button>\n    </div>\n  </div>\n</valtimo-modal>\n\n<ng-template #assignUserToTask>\n  <valtimo-assign-user-to-task\n    *ngIf=\"task && assignmentOfTaskChanged && (canAssign$ | async)\"\n    [taskId]=\"task.id\"\n    [assigneeEmail]=\"task.assignee\"\n    (assignmentOfTaskChanged)=\"assignmentOfTaskChanged.emit()\"\n  ></valtimo-assign-user-to-task>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */#taskDetailModal .formio-component-submit{text-align:right}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.DocumentService }, { type: i2$1.ValtimoModalService }, { type: i3.PermissionService }, { type: i4.ProcessLinkService }, { type: i5.Router }, { type: i2$1.FormIoStateService }, { type: TaskService }, { type: i7.ToastrService }, { type: i8$1.TranslateService }, { type: i9.UserProviderService }]; }, propDecorators: { form: [{
+            args: [{ selector: 'valtimo-task-detail-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-modal\n  #taskDetailModal\n  *ngIf=\"{\n    loading: loading$ | async,\n    page: page$ | async,\n    task: task$ | async,\n    formDefinition: formDefinition$ | async,\n    processLinkIsForm: processLinkIsForm$ | async,\n    formioOptions: formioOptions$ | async,\n    processLinkIsFormFlow: processLinkIsFormFlow$ | async,\n    formFlowInstanceId: formFlowInstanceId$ | async,\n    errorMessage: errorMessage$ | async\n  } as obs\"\n  elementId=\"taskDetailModal\"\n  [title]=\"obs.page?.title\"\n  [subtitle]=\"obs.page?.subtitle\"\n  [templateBelowSubtitle]=\"assignUserToTask\"\n>\n  <div body *ngIf=\"obs.formDefinition && obs.processLinkIsForm\">\n    <valtimo-form-io\n      #form\n      [form]=\"obs.formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      (change)=\"onChange($event)\"\n      [options]=\"obs.formioOptions\"\n    ></valtimo-form-io>\n  </div>\n  <div body *ngIf=\"obs.processLinkIsFormFlow\">\n    <valtimo-form-flow\n      #formFlow\n      [formIoFormData]=\"formIoFormData$\"\n      [formFlowInstanceId]=\"obs.formFlowInstanceId\"\n      (formFlowComplete)=\"completeTask()\"\n    ></valtimo-form-flow>\n  </div>\n  <div body *ngIf=\"obs.loading\">\n    <div class=\"text-black mb-0 p-3 text-center\">\n      {{ 'formManagement.loading' | translate }}\n    </div>\n  </div>\n  <div\n    body\n    *ngIf=\"\n      obs.loading === false && !obs.formDefinition && !obs.formFlowInstanceId && !obs.errorMessage\n    \"\n  >\n    <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n      {{\n        (isAdmin$ | async)\n          ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n          : ('formManagement.noFormDefinitionFoundUser' | translate)\n      }}\n    </div>\n  </div>\n  <div body *ngIf=\"obs.errorMessage\">\n    <div class=\"bg-danger text-black mb-0 p-3 text-center\">\n      {{ obs.errorMessage }}\n    </div>\n  </div>\n  <div footer>\n    <div class=\"mb-0 p-3 text-center\" *ngIf=\"!!obs.formDefinition\">\n      <button\n        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoProcessLinkScreen()\"\n        id=\"process-link-button\"\n      >\n        {{ 'formManagement.gotoProcessLinksButton' | translate }}\n      </button>\n    </div>\n  </div>\n</valtimo-modal>\n\n<ng-template #assignUserToTask>\n  <ng-container *ngIf=\"task$ | async as task\">\n    <valtimo-assign-user-to-task\n      *ngIf=\"task && assignmentOfTaskChanged\"\n      [taskId]=\"task.id\"\n      [assigneeEmail]=\"task.assignee\"\n      (assignmentOfTaskChanged)=\"assignmentOfTaskChanged.emit()\"\n    ></valtimo-assign-user-to-task>\n  </ng-container>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */#taskDetailModal .formio-component-submit{text-align:right}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.ToastrService }, { type: i2$1.ProcessLinkService }, { type: i3.Router }, { type: TaskService }, { type: i5.UserProviderService }, { type: i6.ValtimoModalService }, { type: i6.FormIoStateService }, { type: i7.DocumentService }, { type: i8$1.TranslateService }]; }, propDecorators: { form: [{
                 type: ViewChild,
                 args: ['form']
             }], formFlow: [{
@@ -515,6 +492,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }] } });
 
+/*
+ * Copyright 2015-2023 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var PERMISSION_ACTION;
+(function (PERMISSION_ACTION) {
+    PERMISSION_ACTION["assign"] = "assign";
+    PERMISSION_ACTION["view"] = "view";
+})(PERMISSION_ACTION || (PERMISSION_ACTION = {}));
+var TASK_DETAIL_PERMISSION_RESOURCE;
+(function (TASK_DETAIL_PERMISSION_RESOURCE) {
+    TASK_DETAIL_PERMISSION_RESOURCE["task"] = "com.ritense.valtimo.camunda.domain.CamundaTask";
+})(TASK_DETAIL_PERMISSION_RESOURCE || (TASK_DETAIL_PERMISSION_RESOURCE = {}));
+const CAN_ASSIGN_TASK_PERMISSION = {
+    action: PERMISSION_ACTION.assign,
+    resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
+};
+const CAN_VIEW_TASK_PERMISSION = {
+    action: PERMISSION_ACTION.view,
+    resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
+};
+
 /*
  * Copyright 2015-2023 Ritense BV, the Netherlands.
  *
@@ -662,7 +672,7 @@ class TaskListComponent {
                 .pipe(take$1(1))
                 .subscribe(document => {
                 this.router.navigate([
-                    `/dossiers/${document.definitionId?.name}/document/${currentTask.businessKey}/summary`,
+                    `/dossiers/${document.definitionId?.name}/document/${currentTask.businessKey}`,
                 ]);
             });
         }
@@ -737,13 +747,13 @@ class TaskListComponent {
     closeTranslationSubscription() {
         this._translationSubscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskListComponent, deps: [{ token: i2.ConfigService }, { token: i1$1.DocumentService }, { token: i3$1.NGXLogger }, { token: i3.PermissionService }, { token: i5.Router }, { token: TaskService }, { token: i8$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TaskListComponent, selector: "valtimo-task-list", viewQueries: [{ propertyName: "taskDetail", first: true, predicate: ["taskDetail"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"main-content\"\n  *ngIf=\"{loadingTasks: loadingTasks$ | async, activeTab: activeTab$ | async} as obs\"\n>\n  <div class=\"container-fluid\">\n    <ng-container\n      *ngTemplateOutlet=\"tasksList; context: {show: !obs.loadingTasks, activeTab: obs.activeTab}\"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        tasksListLoading;\n        context: {show: obs.loadingTasks, activeTab: obs.activeTab}\n      \"\n    ></ng-container>\n\n    <valtimo-task-detail-modal\n      #taskDetail\n      (formSubmit)=\"getTasks(currentTaskType)\"\n      (assignmentOfTaskChanged)=\"getTasks(currentTaskType)\"\n    ></valtimo-task-detail-modal>\n  </div>\n</div>\n\n<ng-template #configuredTabs let-activeTab=\"activeTab\">\n  <cds-tabs type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n    <cds-tab\n      *ngFor=\"let tab of visibleTabs\"\n      [heading]=\"'task-list.' + tab + '.title' | translate\"\n      [active]=\"activeTab === tab\"\n      (selected)=\"tabChange(tab)\"\n    ></cds-tab>\n  </cds-tabs>\n</ng-template>\n\n<ng-template #caseLinkWithTaskLock let-data=\"data\">\n  <a\n    class=\"float-left\"\n    cdsLink\n    href=\"javascript:void(0)\"\n    (click)=\"openRelatedCase($event, data.index)\"\n  >\n    {{ 'task-list.goToCase' | translate }}\n  </a>\n  <div *ngIf=\"tasks[currentTaskType].tasks[data.index].isLocked\">\n    <span\n      class=\"float-right badge badge-pill badge-secondary bg-grey\"\n      ngbTooltip=\"{{ 'task-list.taskLocked' | translate }}\"\n    >\n      <i class=\"icon mdi mdi-lock\"></i>\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #tasksList let-show=\"show\" let-activeTab=\"activeTab\">\n  <valtimo-carbon-list\n    [ngClass]=\"{'hide-tasks-list': !show}\"\n    [fields]=\"tasks[currentTaskType].fields\"\n    [header]=\"false\"\n    [items]=\"tasks[currentTaskType].tasks\"\n    [lastColumnTemplate]=\"caseLinkWithTaskLock\"\n    [pagination]=\"tasks[currentTaskType].pagination\"\n    paginationIdentifier=\"taskList\"\n    (paginationClicked)=\"paginationClicked($event, currentTaskType)\"\n    (paginationSet)=\"paginationSet($event)\"\n    (rowClicked)=\"rowOpenTaskClick($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n  >\n    <div tabs>\n      <cds-tabs\n        *ngIf=\"visibleTabs === null; else configuredTabs; context: {activeTab: activeTab}\"\n        type=\"contained\"\n        class=\"valtimo-carbon-list__tabs\"\n      >\n        <cds-tab\n          [heading]=\"'task-list.mine.title' | translate\"\n          (selected)=\"tabChange('mine')\"\n          [active]=\"activeTab === 'mine'\"\n        >\n        </cds-tab>\n\n        <cds-tab\n          [heading]=\"'task-list.open.title' | translate\"\n          (selected)=\"tabChange('open')\"\n          [active]=\"activeTab === 'open'\"\n        >\n        </cds-tab>\n\n        <cds-tab\n          [heading]=\"'task-list.all.title' | translate\"\n          (selected)=\"tabChange('all')\"\n          [active]=\"activeTab === 'all'\"\n        >\n        </cds-tab>\n      </cds-tabs>\n    </div>\n\n    <valtimo-no-results\n      [description]=\"'task-list.' + currentTaskType + '.noResultsDescription' | translate\"\n      [title]=\"'task-list.' + currentTaskType + '.noResultsTitle' | translate\"\n    >\n    </valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #tasksListLoading let-show=\"show\" let-activeTab=\"activeTab\">\n  <valtimo-carbon-list [ngClass]=\"{'hide-tasks-list': !show}\" [loading]=\"true\">\n    <div tabs>\n      <cds-tabs *ngIf=\"visibleTabs === null\" type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n        <cds-tab [heading]=\"'task-list.mine.title' | translate\" [active]=\"activeTab === 'mine'\">\n        </cds-tab>\n\n        <cds-tab [heading]=\"'task-list.open.title' | translate\" [active]=\"activeTab === 'open'\">\n        </cds-tab>\n\n        <cds-tab [heading]=\"'task-list.all.title' | translate\" [active]=\"activeTab === 'all'\">\n        </cds-tab>\n      </cds-tabs>\n\n      <cds-tabs type=\"contained\" class=\"valtimo-carbon-list__tabs\" *ngIf=\"visibleTabs\">\n        <cds-tab\n          *ngFor=\"let tab of visibleTabs\"\n          [heading]=\"'task-list.' + tab + '.title' | translate\"\n          [active]=\"activeTab === tab\"\n        ></cds-tab>\n      </cds-tabs>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.hide-tasks-list{display:none}\n"], dependencies: [{ kind: "directive", type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "header", "initialSortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }, { kind: "component", type: i2$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title"] }, { kind: "directive", type: i10.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i11.Link, selector: "[cdsLink], [ibmLink]", inputs: ["inline", "disabled"] }, { kind: "component", type: i11.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i11.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive"], outputs: ["selected"] }, { kind: "component", type: TaskDetailModalComponent, selector: "valtimo-task-detail-modal", outputs: ["formSubmit", "assignmentOfTaskChanged"] }, { kind: "pipe", type: i8.AsyncPipe, name: "async" }, { kind: "pipe", type: i8$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskListComponent, deps: [{ token: i2.ConfigService }, { token: i7.DocumentService }, { token: i3$1.NGXLogger }, { token: i4.PermissionService }, { token: i3.Router }, { token: TaskService }, { token: i8$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TaskListComponent, selector: "valtimo-task-list", viewQueries: [{ propertyName: "taskDetail", first: true, predicate: ["taskDetail"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"main-content\"\n  *ngIf=\"{loadingTasks: loadingTasks$ | async, activeTab: activeTab$ | async} as obs\"\n>\n  <div class=\"container-fluid\">\n    <ng-container\n      *ngTemplateOutlet=\"tasksList; context: {show: !obs.loadingTasks, activeTab: obs.activeTab}\"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        tasksListLoading;\n        context: {show: obs.loadingTasks, activeTab: obs.activeTab}\n      \"\n    ></ng-container>\n\n    <valtimo-task-detail-modal\n      #taskDetail\n      (formSubmit)=\"getTasks(currentTaskType)\"\n      (assignmentOfTaskChanged)=\"getTasks(currentTaskType)\"\n    ></valtimo-task-detail-modal>\n  </div>\n</div>\n\n<ng-template #configuredTabs let-activeTab=\"activeTab\">\n  <cds-tabs type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n    <cds-tab\n      *ngFor=\"let tab of visibleTabs\"\n      [heading]=\"'task-list.' + tab + '.title' | translate\"\n      [active]=\"activeTab === tab\"\n      (selected)=\"tabChange(tab)\"\n    ></cds-tab>\n  </cds-tabs>\n</ng-template>\n\n<ng-template #caseLinkWithTaskLock let-data=\"data\">\n  <a\n    class=\"float-left\"\n    cdsLink\n    href=\"javascript:void(0)\"\n    (click)=\"openRelatedCase($event, data.index)\"\n  >\n    {{ 'task-list.goToCase' | translate }}\n  </a>\n  <div *ngIf=\"tasks[currentTaskType].tasks[data.index].isLocked\">\n    <span\n      class=\"float-right badge badge-pill badge-secondary bg-grey\"\n      ngbTooltip=\"{{ 'task-list.taskLocked' | translate }}\"\n    >\n      <i class=\"icon mdi mdi-lock\"></i>\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #tasksList let-show=\"show\" let-activeTab=\"activeTab\">\n  <valtimo-carbon-list\n    [ngClass]=\"{'hide-tasks-list': !show}\"\n    [fields]=\"tasks[currentTaskType].fields\"\n    [header]=\"false\"\n    [items]=\"tasks[currentTaskType].tasks\"\n    [lastColumnTemplate]=\"caseLinkWithTaskLock\"\n    [pagination]=\"tasks[currentTaskType].pagination\"\n    paginationIdentifier=\"taskList\"\n    (paginationClicked)=\"paginationClicked($event, currentTaskType)\"\n    (paginationSet)=\"paginationSet($event)\"\n    (rowClicked)=\"rowOpenTaskClick($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n  >\n    <div tabs>\n      <cds-tabs\n        *ngIf=\"visibleTabs === null; else configuredTabs; context: {activeTab: activeTab}\"\n        type=\"contained\"\n        class=\"valtimo-carbon-list__tabs\"\n      >\n        <cds-tab\n          [heading]=\"'task-list.mine.title' | translate\"\n          (selected)=\"tabChange('mine')\"\n          [active]=\"activeTab === 'mine'\"\n        >\n        </cds-tab>\n\n        <cds-tab\n          [heading]=\"'task-list.open.title' | translate\"\n          (selected)=\"tabChange('open')\"\n          [active]=\"activeTab === 'open'\"\n        >\n        </cds-tab>\n\n        <cds-tab\n          [heading]=\"'task-list.all.title' | translate\"\n          (selected)=\"tabChange('all')\"\n          [active]=\"activeTab === 'all'\"\n        >\n        </cds-tab>\n      </cds-tabs>\n    </div>\n\n    <valtimo-no-results\n      [description]=\"'task-list.' + currentTaskType + '.noResultsDescription' | translate\"\n      [title]=\"'task-list.' + currentTaskType + '.noResultsTitle' | translate\"\n    >\n    </valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #tasksListLoading let-show=\"show\" let-activeTab=\"activeTab\">\n  <valtimo-carbon-list [ngClass]=\"{'hide-tasks-list': !show}\" [loading]=\"true\">\n    <div tabs>\n      <cds-tabs *ngIf=\"visibleTabs === null\" type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n        <cds-tab [heading]=\"'task-list.mine.title' | translate\" [active]=\"activeTab === 'mine'\">\n        </cds-tab>\n\n        <cds-tab [heading]=\"'task-list.open.title' | translate\" [active]=\"activeTab === 'open'\">\n        </cds-tab>\n\n        <cds-tab [heading]=\"'task-list.all.title' | translate\" [active]=\"activeTab === 'all'\">\n        </cds-tab>\n      </cds-tabs>\n\n      <cds-tabs type=\"contained\" class=\"valtimo-carbon-list__tabs\" *ngIf=\"visibleTabs\">\n        <cds-tab\n          *ngFor=\"let tab of visibleTabs\"\n          [heading]=\"'task-list.' + tab + '.title' | translate\"\n          [active]=\"activeTab === tab\"\n        ></cds-tab>\n      </cds-tabs>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.hide-tasks-list{display:none}\n"], dependencies: [{ kind: "directive", type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "header", "initialSortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }, { kind: "component", type: i6.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title"] }, { kind: "directive", type: i10.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i11.Link, selector: "[cdsLink], [ibmLink]", inputs: ["inline", "disabled"] }, { kind: "component", type: i11.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i11.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive"], outputs: ["selected"] }, { kind: "component", type: TaskDetailModalComponent, selector: "valtimo-task-detail-modal", outputs: ["formSubmit", "assignmentOfTaskChanged"] }, { kind: "pipe", type: i8.AsyncPipe, name: "async" }, { kind: "pipe", type: i8$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-task-list', encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"main-content\"\n  *ngIf=\"{loadingTasks: loadingTasks$ | async, activeTab: activeTab$ | async} as obs\"\n>\n  <div class=\"container-fluid\">\n    <ng-container\n      *ngTemplateOutlet=\"tasksList; context: {show: !obs.loadingTasks, activeTab: obs.activeTab}\"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        tasksListLoading;\n        context: {show: obs.loadingTasks, activeTab: obs.activeTab}\n      \"\n    ></ng-container>\n\n    <valtimo-task-detail-modal\n      #taskDetail\n      (formSubmit)=\"getTasks(currentTaskType)\"\n      (assignmentOfTaskChanged)=\"getTasks(currentTaskType)\"\n    ></valtimo-task-detail-modal>\n  </div>\n</div>\n\n<ng-template #configuredTabs let-activeTab=\"activeTab\">\n  <cds-tabs type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n    <cds-tab\n      *ngFor=\"let tab of visibleTabs\"\n      [heading]=\"'task-list.' + tab + '.title' | translate\"\n      [active]=\"activeTab === tab\"\n      (selected)=\"tabChange(tab)\"\n    ></cds-tab>\n  </cds-tabs>\n</ng-template>\n\n<ng-template #caseLinkWithTaskLock let-data=\"data\">\n  <a\n    class=\"float-left\"\n    cdsLink\n    href=\"javascript:void(0)\"\n    (click)=\"openRelatedCase($event, data.index)\"\n  >\n    {{ 'task-list.goToCase' | translate }}\n  </a>\n  <div *ngIf=\"tasks[currentTaskType].tasks[data.index].isLocked\">\n    <span\n      class=\"float-right badge badge-pill badge-secondary bg-grey\"\n      ngbTooltip=\"{{ 'task-list.taskLocked' | translate }}\"\n    >\n      <i class=\"icon mdi mdi-lock\"></i>\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #tasksList let-show=\"show\" let-activeTab=\"activeTab\">\n  <valtimo-carbon-list\n    [ngClass]=\"{'hide-tasks-list': !show}\"\n    [fields]=\"tasks[currentTaskType].fields\"\n    [header]=\"false\"\n    [items]=\"tasks[currentTaskType].tasks\"\n    [lastColumnTemplate]=\"caseLinkWithTaskLock\"\n    [pagination]=\"tasks[currentTaskType].pagination\"\n    paginationIdentifier=\"taskList\"\n    (paginationClicked)=\"paginationClicked($event, currentTaskType)\"\n    (paginationSet)=\"paginationSet($event)\"\n    (rowClicked)=\"rowOpenTaskClick($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n  >\n    <div tabs>\n      <cds-tabs\n        *ngIf=\"visibleTabs === null; else configuredTabs; context: {activeTab: activeTab}\"\n        type=\"contained\"\n        class=\"valtimo-carbon-list__tabs\"\n      >\n        <cds-tab\n          [heading]=\"'task-list.mine.title' | translate\"\n          (selected)=\"tabChange('mine')\"\n          [active]=\"activeTab === 'mine'\"\n        >\n        </cds-tab>\n\n        <cds-tab\n          [heading]=\"'task-list.open.title' | translate\"\n          (selected)=\"tabChange('open')\"\n          [active]=\"activeTab === 'open'\"\n        >\n        </cds-tab>\n\n        <cds-tab\n          [heading]=\"'task-list.all.title' | translate\"\n          (selected)=\"tabChange('all')\"\n          [active]=\"activeTab === 'all'\"\n        >\n        </cds-tab>\n      </cds-tabs>\n    </div>\n\n    <valtimo-no-results\n      [description]=\"'task-list.' + currentTaskType + '.noResultsDescription' | translate\"\n      [title]=\"'task-list.' + currentTaskType + '.noResultsTitle' | translate\"\n    >\n    </valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #tasksListLoading let-show=\"show\" let-activeTab=\"activeTab\">\n  <valtimo-carbon-list [ngClass]=\"{'hide-tasks-list': !show}\" [loading]=\"true\">\n    <div tabs>\n      <cds-tabs *ngIf=\"visibleTabs === null\" type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n        <cds-tab [heading]=\"'task-list.mine.title' | translate\" [active]=\"activeTab === 'mine'\">\n        </cds-tab>\n\n        <cds-tab [heading]=\"'task-list.open.title' | translate\" [active]=\"activeTab === 'open'\">\n        </cds-tab>\n\n        <cds-tab [heading]=\"'task-list.all.title' | translate\" [active]=\"activeTab === 'all'\">\n        </cds-tab>\n      </cds-tabs>\n\n      <cds-tabs type=\"contained\" class=\"valtimo-carbon-list__tabs\" *ngIf=\"visibleTabs\">\n        <cds-tab\n          *ngFor=\"let tab of visibleTabs\"\n          [heading]=\"'task-list.' + tab + '.title' | translate\"\n          [active]=\"activeTab === tab\"\n        ></cds-tab>\n      </cds-tabs>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.hide-tasks-list{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i2.ConfigService }, { type: i1$1.DocumentService }, { type: i3$1.NGXLogger }, { type: i3.PermissionService }, { type: i5.Router }, { type: TaskService }, { type: i8$1.TranslateService }]; }, propDecorators: { taskDetail: [{
+        }], ctorParameters: function () { return [{ type: i2.ConfigService }, { type: i7.DocumentService }, { type: i3$1.NGXLogger }, { type: i4.PermissionService }, { type: i3.Router }, { type: TaskService }, { type: i8$1.TranslateService }]; }, propDecorators: { taskDetail: [{
                 type: ViewChild,
                 args: ['taskDetail']
             }] } });
@@ -773,7 +783,7 @@ const routes = [
 ];
 class TaskRoutingModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TaskRoutingModule, imports: [CommonModule, i5.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TaskRoutingModule, imports: [CommonModule, i3.RouterModule], exports: [RouterModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskRoutingModule, decorators: [{
@@ -811,7 +821,7 @@ class TaskModule {
             SearchableDropdownSelectModule,
             CamundaFormModule,
             BrowserAnimationsModule,
-            FormsModule, i7.ToastrModule, i8$1.TranslateModule, NgbModule,
+            FormsModule, i1$1.ToastrModule, i8$1.TranslateModule, NgbModule,
             FormIoModule,
             ModalModule,
             LinkModule,