@valtimo/task 10.8.0 → 11.0.0

package/fesm2022/valtimo-task.mjs

@@ -0,0 +1,912 @@
+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 { InterceptorSkip, AuthGuardService } from '@valtimo/security';
+import * as i1 from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
+import * as i2 from '@valtimo/config';
+import { ROLE_USER, HttpLoaderFactory } from '@valtimo/config';
+import * as i8 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+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 { FormioOptionsImpl, CarbonListModule, PageHeaderModule, WidgetModule, SpinnerModule, SearchableDropdownSelectModule, CamundaFormModule, FormIoModule, ModalModule } from '@valtimo/components';
+import * as i4 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 { ToastrModule } from 'ngx-toastr';
+import { BehaviorSubject, Subscription, take, combineLatest, tap, map, 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 { RouterModule } from '@angular/router';
+import { take as take$1 } from 'rxjs/operators';
+import * as i3$1 from 'ngx-logger';
+
+/*
+ * 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.
+ */
+
+/*
+ * 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.
+ */
+
+/*
+ * 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.
+ */
+class TaskList {
+    constructor() {
+        this.tasks = [];
+        this.fields = [];
+        this.pagination = {
+            collectionSize: 0,
+            page: 1,
+            size: 10,
+        };
+        this.page = 0;
+    }
+}
+
+/*
+ * 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.
+ */
+
+/*
+ * 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.
+ */
+class TaskService {
+    constructor(http, configService) {
+        this.http = http;
+        this.configService = configService;
+        this.valtimoEndpointUri = configService.config.valtimoApi.endpointUri;
+    }
+    queryTasks(params) {
+        return this.http.get(`${this.valtimoEndpointUri}v1/task`, {
+            observe: 'response',
+            params,
+        });
+    }
+    getTasks() {
+        return this.http.get(`${this.valtimoEndpointUri}v1/task?filter=all`);
+    }
+    getTask(id) {
+        return this.http.get(this.valtimoEndpointUri + 'v1/task/' + id);
+    }
+    getCandidateUsers(id) {
+        return this.http.get(this.valtimoEndpointUri + 'v2/task/' + id + '/candidate-user');
+    }
+    assignTask(id, assigneeRequest) {
+        return this.http.post(this.valtimoEndpointUri + 'v1/task/' + id + '/assign', assigneeRequest);
+    }
+    unassignTask(id) {
+        return this.http.post(this.valtimoEndpointUri + 'v1/task/' + id + '/unassign', null);
+    }
+    completeTask(id, variables) {
+        return this.http.post(this.valtimoEndpointUri + 'v1/task/' + id + '/complete', {
+            variables,
+            filesToDelete: [],
+        });
+    }
+    getTaskProcessLink(taskId) {
+        return this.http.get(`${this.valtimoEndpointUri}v2/process-link/task/${taskId}`, {
+            headers: { [InterceptorSkip]: '' },
+        });
+    }
+    getTaskProcessLinkV1(taskId) {
+        return this.http.get(`${this.valtimoEndpointUri}v1/process-link/task/${taskId}`);
+    }
+    getConfigCustomTaskList() {
+        return this.configService.config.customTaskList;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.ConfigService }]; } });
+
+/*
+ * 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.
+ */
+class AssignUserToTaskComponent {
+    constructor(taskService) {
+        this.taskService = taskService;
+        this.assignmentOfTaskChanged = new EventEmitter();
+        this.assignedEmailOnServer$ = new BehaviorSubject(null);
+        this.assignedUserFullName$ = new BehaviorSubject(null);
+        this.candidateUsersForTask$ = new BehaviorSubject(undefined);
+        this.disabled$ = new BehaviorSubject(true);
+        this.userEmailToAssign = null;
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this._subscriptions.add(this.taskService.getCandidateUsers(this.taskId).subscribe(candidateUsers => {
+            this.candidateUsersForTask$.next(candidateUsers);
+            if (this.assigneeEmail) {
+                this.assignedEmailOnServer$.next(this.assigneeEmail);
+                this.userEmailToAssign = this.assigneeEmail;
+                this.assignedUserFullName$.next(this.getAssignedUserName(candidateUsers, this.assigneeEmail));
+            }
+            this.enable();
+        }));
+    }
+    ngOnChanges(changes) {
+        this.candidateUsersForTask$.pipe(take(1)).subscribe(candidateUsers => {
+            const currentUserEmail = changes.assigneeEmail?.currentValue || this.assigneeEmail;
+            this.assignedEmailOnServer$.next(currentUserEmail || null);
+            this.userEmailToAssign = currentUserEmail || null;
+            this.assignedUserFullName$.next(this.getAssignedUserName(candidateUsers ?? [], currentUserEmail));
+        });
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    assignTask(userEmail) {
+        this.disable();
+        combineLatest([
+            this.candidateUsersForTask$,
+            this.taskService.assignTask(this.taskId, { assignee: userEmail }),
+        ])
+            .pipe(take(1), tap(([candidateUsers]) => {
+            this.userEmailToAssign = userEmail;
+            this.assignedEmailOnServer$.next(userEmail);
+            this.assignedUserFullName$.next(this.getAssignedUserName(candidateUsers ?? [], userEmail));
+            this.emitChange();
+            this.enable();
+        }))
+            .subscribe();
+    }
+    unassignTask() {
+        this.disable();
+        this.taskService
+            .unassignTask(this.taskId)
+            .pipe(tap(() => {
+            this.clear();
+            this.emitChange();
+            this.enable();
+        }))
+            .subscribe();
+    }
+    getAssignedUserName(users, userEmail) {
+        if (users && userEmail) {
+            const findUser = users.find(user => user.email === userEmail);
+            return findUser ? findUser.label : userEmail;
+        }
+        return userEmail || '-';
+    }
+    mapUsersForDropdown(users) {
+        return (users &&
+            users
+                .map(user => ({ ...user, lastName: user.lastName?.split(' ').splice(-1)[0] || '' }))
+                .sort((a, b) => a.lastName.localeCompare(b.lastName))
+                .map(user => ({ text: user.label, id: user.email })));
+    }
+    clear() {
+        this.assignedEmailOnServer$.next(null);
+        this.userEmailToAssign = null;
+    }
+    emitChange() {
+        this.assignmentOfTaskChanged.emit();
+    }
+    enable() {
+        this.disabled$.next(false);
+    }
+    disable() {
+        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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AssignUserToTaskComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-assign-user-to-task', 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"] }]
+        }], ctorParameters: function () { return [{ type: TaskService }]; }, propDecorators: { taskId: [{
+                type: Input
+            }], assigneeEmail: [{
+                type: Input
+            }], assignmentOfTaskChanged: [{
+                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.
+ *
+ * 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.
+ */
+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;
+        this.processLinkService = processLinkService;
+        this.router = router;
+        this.stateService = stateService;
+        this.taskService = taskService;
+        this.toastr = toastr;
+        this.translateService = translateService;
+        this.userProviderService = userProviderService;
+        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.isAdmin$ = this.userProviderService
+            .getUserSubject()
+            .pipe(map(userIdentity => userIdentity?.roles?.includes('ROLE_ADMIN')));
+        this.loading$ = new BehaviorSubject(true);
+        this._subscriptions = new Subscription();
+        this.formioOptions = new FormioOptionsImpl();
+        this.formioOptions.disableAlerts = true;
+    }
+    ngAfterViewInit() {
+        this._subscriptions.add(this.modal.modalShowing$
+            .pipe(distinctUntilChanged(), tap(modalShowing => {
+            if (!modalShowing) {
+                if (this.formFlow) {
+                    this.formFlow.saveData();
+                }
+            }
+        }))
+            .subscribe());
+    }
+    ngOnDestroy() {
+        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 = {
+            title: task.name,
+            subtitle: `${this.translateService.instant('taskDetail.taskCreated')} ${task.created}`,
+        };
+        if (!this._taskProcessLinkType$.getValue()) {
+            this.modal.show();
+        }
+    }
+    gotoProcessLinkScreen() {
+        this.modal.hide();
+        this.router.navigate(['process-links']);
+    }
+    onChange(event) {
+        if (event.data) {
+            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);
+                },
+            });
+        }
+    }
+    resetFormDefinition() {
+        this.formDefinition = null;
+        this.loading$.next(true);
+    }
+    getTaskProcessLink(taskId) {
+        this.taskService.getTaskProcessLink(taskId).subscribe({
+            next: res => {
+                if (res != null) {
+                    switch (res?.type) {
+                        case 'form':
+                            this._taskProcessLinkType$.next('form');
+                            this._processLinkId = res.processLinkId;
+                            this.setFormDefinitionAndOpenModal(res.properties.prefilledForm);
+                            break;
+                        case 'form-flow':
+                            this._taskProcessLinkType$.next('form-flow');
+                            this.formFlowInstanceId = res.properties.formFlowInstanceId ?? '';
+                            break;
+                    }
+                    this.loading$.next(false);
+                }
+                else {
+                    this.getLegacyTaskProcessLink(taskId);
+                }
+            },
+            error: _ => {
+                this.getLegacyTaskProcessLink(taskId);
+            },
+        });
+    }
+    getLegacyTaskProcessLink(taskId) {
+        this.taskService.getTaskProcessLinkV1(taskId).subscribe(resV1 => {
+            switch (resV1?.type) {
+                case 'form':
+                    this._taskProcessLinkType$.next('form');
+                    break;
+                case 'form-flow':
+                    this._taskProcessLinkType$.next('form-flow');
+                    this.formFlowInstanceId = resV1.properties.formFlowInstanceId ?? '';
+                    break;
+            }
+            this.loading$.next(false);
+        });
+    }
+    resetTaskProcessLinkType() {
+        this._taskProcessLinkType$.next(null);
+        this._processLinkId = null;
+    }
+    setFormDefinitionAndOpenModal(formDefinition) {
+        this._taskProcessLinkType$.next('form');
+        this.formDefinition = formDefinition;
+        this.modal.show();
+    }
+    setDocumentDefinitionNameInService(task) {
+        this.documentService
+            .getProcessDocumentDefinitionFromProcessInstanceId(task.processInstanceId)
+            .subscribe(processDocumentDefinition => {
+            const documentDefinitionName = processDocumentDefinition.id.documentDefinitionId.name;
+            this.modalService.setDocumentDefinitionName(documentDefinitionName);
+            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 }); }
+}
+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: [{
+                type: ViewChild,
+                args: ['form']
+            }], formFlow: [{
+                type: ViewChild,
+                args: ['formFlow']
+            }], modal: [{
+                type: ViewChild,
+                args: ['taskDetailModal']
+            }], formSubmit: [{
+                type: Output
+            }], assignmentOfTaskChanged: [{
+                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.
+ */
+moment.locale(localStorage.getItem('langKey') || '');
+class TaskListComponent {
+    constructor(configService, documentService, logger, permissionService, router, taskService, translateService) {
+        this.configService = configService;
+        this.documentService = documentService;
+        this.logger = logger;
+        this.permissionService = permissionService;
+        this.router = router;
+        this.taskService = taskService;
+        this.translateService = translateService;
+        this.tasks = {
+            mine: new TaskList(),
+            open: new TaskList(),
+            all: new TaskList(),
+        };
+        this.visibleTabs = null;
+        this.currentTaskType = 'mine';
+        this.listTitle = null;
+        this.listDescription = null;
+        this.sortState = null;
+        this.loadingTasks$ = new BehaviorSubject(true);
+        this.activeTab$ = new BehaviorSubject('');
+        this.visibleTabs = this.configService.config?.visibleTaskListTabs || null;
+        if (this.visibleTabs) {
+            this.currentTaskType = this.visibleTabs[0];
+        }
+        this.setDefaultSorting();
+    }
+    ngOnDestroy() {
+        this.closeTranslationSubscription();
+    }
+    paginationClicked(page, type) {
+        this.tasks[type].page = page - 1;
+        this.tasks[type].pagination.page = page;
+        this.getTasks(type);
+    }
+    paginationSet(size) {
+        this.tasks.mine.pagination.size =
+            this.tasks.all.pagination.size =
+                this.tasks.open.pagination.size =
+                    size;
+        this.getTasks(this.currentTaskType);
+    }
+    tabChange(tab) {
+        this.clearPagination(this.currentTaskType);
+        this.getTasks(tab);
+    }
+    showTask(task) {
+        this.router.navigate(['tasks', task.id]);
+    }
+    getTasks(type) {
+        this.loadingTasks$.next(true);
+        this.activeTab$.next(type);
+        let params;
+        this.closeTranslationSubscription();
+        this._translationSubscription = combineLatest([
+            this.translateService.stream(`task-list.${type}.title`),
+            this.translateService.stream(`task-list.${type}.description`),
+        ]).subscribe(([title, description]) => {
+            this.listTitle = title;
+            this.listDescription = description;
+        });
+        switch (type) {
+            case 'mine':
+                params = {
+                    page: this.tasks.mine.page,
+                    size: this.tasks.mine.pagination.size,
+                    filter: 'mine',
+                };
+                this.currentTaskType = 'mine';
+                break;
+            case 'open':
+                params = {
+                    page: this.tasks.open.page,
+                    size: this.tasks.open.pagination.size,
+                    filter: 'open',
+                };
+                this.currentTaskType = 'open';
+                break;
+            case 'all':
+                params = { page: this.tasks.all.page, size: this.tasks.open.pagination.size, filter: 'all' };
+                this.currentTaskType = 'all';
+                break;
+            default:
+                this.logger.fatal('Unreachable case');
+        }
+        if (this.sortState) {
+            params.sort = this.getSortString(this.sortState);
+        }
+        this.taskService
+            .queryTasks(params)
+            .pipe(switchMap(tasksResult => combineLatest([
+            of(tasksResult),
+            ...tasksResult.body.map(task => this.permissionService.requestPermission(CAN_VIEW_TASK_PERMISSION, {
+                resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
+                identifier: task.id,
+            })),
+        ])))
+            .subscribe(results => {
+            const tasksResult = results[0];
+            const permissions = results.filter((_, index) => index !== 0);
+            this.tasks[type].pagination = {
+                ...this.tasks[type].pagination,
+                collectionSize: tasksResult.headers.get('x-total-count'),
+            };
+            this.tasks[type].tasks = tasksResult.body;
+            this.tasks[type].tasks.map((task, taskIndex) => {
+                task.created = moment(task.created).format('DD MMM YYYY HH:mm');
+                if (task.due) {
+                    task.due = moment(task.due).format('DD MMM YYYY HH:mm');
+                }
+                task.isLocked = !permissions[taskIndex];
+            });
+            if (this.taskService.getConfigCustomTaskList()) {
+                this.customTaskListFields(type);
+            }
+            else {
+                this.defaultTaskListFields(type);
+            }
+            this.loadingTasks$.next(false);
+        });
+    }
+    openRelatedCase(event, index) {
+        event.stopPropagation();
+        const tasks = this.tasks[this.currentTaskType].tasks;
+        const currentTask = tasks && tasks[index];
+        if (currentTask) {
+            this.documentService
+                .getDocument(currentTask.businessKey)
+                .pipe(take$1(1))
+                .subscribe(document => {
+                this.router.navigate([
+                    `/dossiers/${document.definitionId?.name}/document/${currentTask.businessKey}/summary`,
+                ]);
+            });
+        }
+    }
+    defaultTaskListFields(type) {
+        this.closeTranslationSubscription();
+        this._translationSubscription = combineLatest([
+            this.translateService.stream(`task-list.fieldLabels.created`),
+            this.translateService.stream(`task-list.fieldLabels.name`),
+            this.translateService.stream(`task-list.fieldLabels.valtimoAssignee.fullName`),
+            this.translateService.stream(`task-list.fieldLabels.due`),
+            this.translateService.stream(`task-list.fieldLabels.context`),
+        ]).subscribe(([created, name, assignee, due, context]) => {
+            this.tasks[type].fields = [
+                {
+                    key: 'created',
+                    label: created,
+                },
+                {
+                    key: 'name',
+                    label: name,
+                },
+                {
+                    key: 'valtimoAssignee.fullName',
+                    label: assignee,
+                },
+                {
+                    key: 'due',
+                    label: due,
+                },
+                {
+                    key: 'context',
+                    label: context,
+                },
+            ];
+        });
+    }
+    customTaskListFields(type) {
+        const customTaskListFields = this.taskService.getConfigCustomTaskList().fields;
+        this.closeTranslationSubscription();
+        this._translationSubscription = combineLatest(customTaskListFields.map(column => this.translateService.stream(`task-list.fieldLabels.${column.translationKey}`))).subscribe(labels => {
+            this.tasks[type].fields = customTaskListFields.map((column, index) => ({
+                key: column.propertyName,
+                label: labels[index],
+                sortable: column.sortable,
+                ...(column.viewType && { viewType: column.viewType }),
+                ...(column.enum && { enum: column.enum }),
+            }));
+        });
+    }
+    rowOpenTaskClick(task) {
+        if (!task.endTime && !task.isLocked) {
+            this.taskDetail.openTaskDetails(task);
+        }
+        else {
+            return false;
+        }
+    }
+    setDefaultSorting() {
+        this.sortState = this.taskService.getConfigCustomTaskList()?.defaultSortedColumn || null;
+    }
+    sortChanged(sortState) {
+        this.sortState = sortState;
+        this.getTasks(this.currentTaskType);
+    }
+    getSortString(sort) {
+        return `${sort.state.name},${sort.state.direction}`;
+    }
+    clearPagination(type) {
+        this.tasks[type].page = 0;
+    }
+    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 }); }
+}
+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: [{
+                type: ViewChild,
+                args: ['taskDetail']
+            }] } });
+
+/*
+ * 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.
+ */
+const routes = [
+    {
+        path: 'tasks',
+        component: TaskListComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'Tasks', roles: [ROLE_USER] },
+    },
+];
+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.ɵ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: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [CommonModule, RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+/*
+ * 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.
+ */
+class TaskModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TaskModule, declarations: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent], imports: [CommonModule,
+            TaskRoutingModule,
+            CarbonListModule,
+            PageHeaderModule,
+            WidgetModule,
+            SpinnerModule,
+            SearchableDropdownSelectModule,
+            CamundaFormModule,
+            BrowserAnimationsModule,
+            FormsModule, i7.ToastrModule, i8$1.TranslateModule, NgbModule,
+            FormIoModule,
+            ModalModule,
+            LinkModule,
+            FormLinkModule,
+            TabsModule,
+            ContentSwitcherModule], exports: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskModule, imports: [CommonModule,
+            TaskRoutingModule,
+            CarbonListModule,
+            PageHeaderModule,
+            WidgetModule,
+            SpinnerModule,
+            SearchableDropdownSelectModule,
+            CamundaFormModule,
+            BrowserAnimationsModule,
+            FormsModule,
+            ToastrModule.forRoot({
+                positionClass: 'toast-bottom-full-width',
+                preventDuplicates: true,
+            }),
+            TranslateModule.forRoot({
+                loader: {
+                    provide: TranslateLoader,
+                    useFactory: HttpLoaderFactory,
+                    deps: [HttpClient],
+                },
+            }),
+            NgbModule,
+            FormIoModule,
+            ModalModule,
+            LinkModule,
+            FormLinkModule,
+            TabsModule,
+            ContentSwitcherModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TaskModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent],
+                    imports: [
+                        CommonModule,
+                        TaskRoutingModule,
+                        CarbonListModule,
+                        PageHeaderModule,
+                        WidgetModule,
+                        SpinnerModule,
+                        SearchableDropdownSelectModule,
+                        CamundaFormModule,
+                        BrowserAnimationsModule,
+                        FormsModule,
+                        ToastrModule.forRoot({
+                            positionClass: 'toast-bottom-full-width',
+                            preventDuplicates: true,
+                        }),
+                        TranslateModule.forRoot({
+                            loader: {
+                                provide: TranslateLoader,
+                                useFactory: HttpLoaderFactory,
+                                deps: [HttpClient],
+                            },
+                        }),
+                        NgbModule,
+                        FormIoModule,
+                        ModalModule,
+                        LinkModule,
+                        FormLinkModule,
+                        TabsModule,
+                        ContentSwitcherModule,
+                    ],
+                    exports: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent],
+                }]
+        }] });
+
+/*
+ * 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.
+ */
+/*
+ * Public API Surface of task
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AssignUserToTaskComponent, CAN_ASSIGN_TASK_PERMISSION, CAN_VIEW_TASK_PERMISSION, TASK_DETAIL_PERMISSION_RESOURCE, TaskDetailModalComponent, TaskList, TaskListComponent, TaskModule, TaskService };
+//# sourceMappingURL=valtimo-task.mjs.map