@valtimo/task 4.22.0 → 5.1.0

package/fesm2015/valtimo-task.mjs

@@ -0,0 +1,724 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Output, ViewEncapsulation, ViewChild, NgModule } from '@angular/core';
+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 i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import * as i7 from '@ng-bootstrap/ng-bootstrap';
+import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import * as i4 from '@ngx-translate/core';
+import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
+import * as i6 from '@valtimo/components';
+import { FormioOptionsImpl, ListModule, PageHeaderModule, WidgetModule, SpinnerModule, SearchableDropdownSelectModule, CamundaFormModule, FormIoModule, ModalModule } from '@valtimo/components';
+import * as i1$1 from 'ngx-toastr';
+import { ToastrModule } from 'ngx-toastr';
+import moment from 'moment';
+import { take, tap, map } from 'rxjs/operators';
+import { BehaviorSubject, combineLatest } from 'rxjs';
+import * as i2$1 from '@valtimo/form-link';
+import * as i3$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i4$1 from 'ngx-logger';
+import { AuthGuardService } from '@valtimo/security';
+
+/*
+ * Copyright 2015-2020 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,
+            maxPaginationItemSize: 5,
+        };
+        this.page = 0;
+    }
+}
+
+/*
+ *
+ *  * Copyright 2015-2020 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-2020 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.valtimoEndpointUri = configService.config.valtimoApi.endpointUri;
+    }
+    queryTasks(params) {
+        return this.http.get(`${this.valtimoEndpointUri}task`, { observe: 'response', params });
+    }
+    getTasks() {
+        return this.http.get(`${this.valtimoEndpointUri}task?filter=all`);
+    }
+    getTask(id) {
+        return this.http.get(this.valtimoEndpointUri + 'task/' + id);
+    }
+    getCandidateUsers(id) {
+        return this.http.get(this.valtimoEndpointUri + 'task/' + id + '/candidate-user');
+    }
+    assignTask(id, assigneeRequest) {
+        return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/assign', assigneeRequest);
+    }
+    unassignTask(id) {
+        return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/unassign', null);
+    }
+    completeTask(id, variables) {
+        return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/complete', {
+            variables,
+            filesToDelete: [],
+        });
+    }
+    getTaskProcessLink(taskId) {
+        return this.http.get(`${this.valtimoEndpointUri}process-link/task/${taskId}`);
+    }
+}
+TaskService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+TaskService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.ConfigService }]; } });
+
+/*
+ * Copyright 2015-2020 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.candidateUsersForTask$ = new BehaviorSubject(undefined);
+        this.disabled$ = new BehaviorSubject(true);
+        this.assignedEmailOnServer$ = new BehaviorSubject(null);
+        this.userEmailToAssign = null;
+        this.assignedUserFullName$ = new BehaviorSubject(null);
+    }
+    ngOnInit() {
+        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) {
+        const assigneeEmail = changes.assigneeEmail;
+        if (assigneeEmail) {
+            this.candidateUsersForTask$.pipe(take(1)).subscribe(candidateUsers => {
+                const currentUserEmail = assigneeEmail.currentValue;
+                this.assignedEmailOnServer$.next(currentUserEmail || null);
+                this.userEmailToAssign = currentUserEmail || null;
+                this.assignedUserFullName$.next(this.getAssignedUserName(candidateUsers, currentUserEmail));
+            });
+        }
+        else {
+            this.clear();
+        }
+    }
+    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.fullName : '';
+        }
+        return '';
+    }
+    mapUsersForDropdown(users) {
+        return (users &&
+            users
+                .map(user => { var _a; return (Object.assign(Object.assign({}, user), { lastName: ((_a = user.lastName) === null || _a === void 0 ? void 0 : _a.split(' ').splice(-1)[0]) || '' })); })
+                .sort((a, b) => a.lastName.localeCompare(b.lastName))
+                .map(user => ({ text: user.fullName, 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);
+    }
+}
+AssignUserToTaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AssignUserToTaskComponent, deps: [{ token: TaskService }], target: i0.ɵɵFactoryTarget.Component });
+AssignUserToTaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AssignUserToTaskComponent, selector: "valtimo-assign-user-to-task", inputs: { taskId: "taskId", assigneeEmail: "assigneeEmail" }, outputs: { assignmentOfTaskChanged: "assignmentOfTaskChanged" }, usesOnChanges: true, ngImport: i0, template: "<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        <ng-container *ngIf=\"obs.candidateUsers; else loading\">\n          <valtimo-searchable-dropdown-select\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        </ng-container>\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: [".container-fluid{color:#959595}i{font-size:13px}\n"], components: [{ type: i6.SearchableDropdownSelectComponent, selector: "valtimo-searchable-dropdown-select", inputs: ["style", "items", "buttonText", "searchText", "noResultsText", "disabled", "selectedText", "selectedTextValue", "clearSelectionButtonTitle", "hasSelection", "width"], outputs: ["itemSelected", "clearSelection"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe, "translate": i4.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AssignUserToTaskComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-assign-user-to-task', template: "<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        <ng-container *ngIf=\"obs.candidateUsers; else loading\">\n          <valtimo-searchable-dropdown-select\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        </ng-container>\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: [".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-2020 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(toastr, formLinkService, formFlowService, router, logger, route, taskService) {
+        this.toastr = toastr;
+        this.formLinkService = formLinkService;
+        this.formFlowService = formFlowService;
+        this.router = router;
+        this.logger = logger;
+        this.route = route;
+        this.taskService = taskService;
+        this.formSubmit = new EventEmitter();
+        this.assignmentOfTaskChanged = new EventEmitter();
+        this.task = null;
+        this.page = null;
+        this.errorMessage = 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.formFlowStepType$ = new BehaviorSubject(null);
+        this.formFlowStepTypeIsForm$ = this.formFlowStepType$.pipe(map(type => type === 'form'));
+        this.formioOptions = new FormioOptionsImpl();
+        this.formioOptions.disableAlerts = true;
+    }
+    openTaskDetails(task) {
+        this.resetTaskProcessLinkType();
+        this.resetFormDefinition();
+        this.getTaskProcessLink(task.id);
+        this.task = task;
+        this.page = {
+            title: task.name,
+            subtitle: `Created ${task.created}`,
+        };
+        this.formLinkService
+            .getPreFilledFormDefinitionByFormLinkId(task.processDefinitionKey, task.businessKey, task.taskDefinitionKey, task.id // taskInstanceId
+        )
+            .subscribe(formDefinition => {
+            this.formAssociation = formDefinition.formAssociation;
+            const className = this.formAssociation.formLink.className.split('.');
+            const linkType = className[className.length - 1];
+            switch (linkType) {
+                case 'BpmnElementFormIdLink':
+                    this.setFormDefinitionAndOpenModal(formDefinition);
+                    break;
+                case 'BpmnElementFormFlowIdLink':
+                    // We can't use the formDefinition here because the form definition is provided per form flow step
+                    // I'm still leaving this in here in case we want to add form flow specific code.
+                    break;
+                case 'BpmnElementUrlLink':
+                    this.openUrlLink(formDefinition);
+                    break;
+                case 'BpmnElementAngularStateUrlLink':
+                    this.openAngularStateUrlLink(task, formDefinition);
+                    break;
+                default:
+                    this.logger.fatal('Unsupported class name');
+            }
+        }, errors => {
+            var _a;
+            if ((_a = errors === null || errors === void 0 ? void 0 : errors.error) === null || _a === void 0 ? void 0 : _a.detail) {
+                this.errorMessage = errors.error.detail;
+            }
+            this.modal.show();
+        });
+    }
+    gotoFormLinkScreen() {
+        this.modal.hide();
+        this.router.navigate(['form-links']);
+    }
+    onSubmit(submission) {
+        if (this.taskProcessLinkType$.getValue() === 'form') {
+            this.formLinkService
+                .onSubmit(this.task.processDefinitionKey, this.formAssociation.formLink.id, submission.data, this.task.businessKey, this.task.id)
+                .subscribe((_) => {
+                this.completeTask();
+            }, errors => {
+                this.form.showErrors(errors);
+            });
+        }
+        if (this.taskProcessLinkType$.getValue() === 'form-flow') {
+            if (submission.data.submit) {
+                this.formFlowService.submitStep(this.formFlowInstanceId, this.formFlowStepInstanceId, submission.data).subscribe((result) => this.handleFormFlowStep(result), errors => this.form.showErrors(errors));
+            }
+            else if (submission.data['back']) {
+                this.formFlowService.back(this.formFlowInstanceId).subscribe((result) => this.handleFormFlowStep(result), errors => this.form.showErrors(errors));
+            }
+        }
+    }
+    resetFormDefinition() {
+        this.formDefinition = null;
+    }
+    getTaskProcessLink(taskId) {
+        this.taskService.getTaskProcessLink(taskId).subscribe(res => {
+            switch (res === null || res === void 0 ? void 0 : res.type) {
+                case 'form':
+                    this.taskProcessLinkType$.next('form');
+                    break;
+                case 'form-flow':
+                    this.taskProcessLinkType$.next('form-flow');
+                    this.getFormFlowStep(res === null || res === void 0 ? void 0 : res.properties.formFlowInstanceId);
+                    break;
+            }
+        });
+    }
+    getFormFlowStep(formFlowInstanceId) {
+        this.formFlowService.getFormFlowStep(formFlowInstanceId).subscribe((result) => {
+            this.handleFormFlowStep(result);
+        });
+    }
+    handleFormFlowStep(formFlowInstance) {
+        if (formFlowInstance.step === null) {
+            this.formFlowStepType$.next(null);
+            this.formFlowInstanceId = null;
+            this.formFlowStepInstanceId = null;
+            this.completeTask();
+        }
+        else {
+            this.formFlowStepType$.next(formFlowInstance.step.type);
+            this.formFlowInstanceId = formFlowInstance.id;
+            this.formFlowStepInstanceId = formFlowInstance.step.id;
+            this.setFormDefinitionAndOpenModal(formFlowInstance.step.typeProperties.definition);
+        }
+    }
+    completeTask() {
+        this.toastr.success(this.task.name + ' has successfully been completed');
+        this.modal.hide();
+        this.task = null;
+        this.formSubmit.emit();
+    }
+    resetTaskProcessLinkType() {
+        this.taskProcessLinkType$.next(null);
+    }
+    setFormDefinitionAndOpenModal(formDefinition) {
+        this.formDefinition = formDefinition;
+        this.modal.show();
+    }
+    openUrlLink(formDefinition) {
+        const url = this.router.serializeUrl(this.router.createUrlTree([formDefinition.formAssociation.formLink.url]));
+        window.open(url, '_blank');
+    }
+    openAngularStateUrlLink(task, formDefinition) {
+        this.route.params.pipe(take(1)).subscribe(params => {
+            const taskId = task === null || task === void 0 ? void 0 : task.id;
+            const documentId = params === null || params === void 0 ? void 0 : params.documentId;
+            this.router.navigate([formDefinition.formAssociation.formLink.url], {
+                state: Object.assign(Object.assign({}, (taskId && { taskId })), (documentId && { documentId })),
+            });
+        });
+    }
+}
+TaskDetailModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskDetailModalComponent, deps: [{ token: i1$1.ToastrService }, { token: i2$1.FormLinkService }, { token: i2$1.FormFlowService }, { token: i3$1.Router }, { token: i4$1.NGXLogger }, { token: i3$1.ActivatedRoute }, { token: TaskService }], target: i0.ɵɵFactoryTarget.Component });
+TaskDetailModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: TaskDetailModalComponent, selector: "valtimo-task-detail-modal", outputs: { formSubmit: "formSubmit", assignmentOfTaskChanged: "assignmentOfTaskChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "modal", first: true, predicate: ["taskDetailModal"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2020 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  elementId=\"taskDetailModal\"\n  [title]=\"page?.title\"\n  [subtitle]=\"page?.subtitle\"\n  [templateBelowSubtitle]=\"assignUserToTask\"\n>\n  <div body *ngIf=\"formDefinition && ((processLinkIsForm$ | async) || (formFlowStepTypeIsForm$ | async))\">\n    <valtimo-form-io\n      #form\n      [form]=\"formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      [options]=\"formioOptions\"\n    ></valtimo-form-io>\n  </div>\n  <div body *ngIf=\"!formDefinition && !errorMessage\">\n    <div\n      class=\"bg-warning text-black mb-0 p-3 text-center\"\n      [translate]=\"'formManagement.noFormDefinitionFound'\"\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        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoFormLinkScreen()\"\n        id=\"form-link-button\"\n      >\n        {{ 'formManagement.gotoFormLinksButton' | 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\"\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-2020 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"], components: [{ type: i6.ModalComponent, selector: "valtimo-modal", inputs: ["elementId", "title", "subtitle", "templateBelowSubtitle", "showFooter"] }, { type: i6.FormioComponent, selector: "valtimo-form-io", inputs: ["form", "options", "submission", "formRefresh$"], outputs: ["submit", "change"] }, { type: AssignUserToTaskComponent, selector: "valtimo-assign-user-to-task", inputs: ["taskId", "assigneeEmail"], outputs: ["assignmentOfTaskChanged"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], pipes: { "async": i3.AsyncPipe, "translate": i4.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskDetailModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-task-detail-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2020 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  elementId=\"taskDetailModal\"\n  [title]=\"page?.title\"\n  [subtitle]=\"page?.subtitle\"\n  [templateBelowSubtitle]=\"assignUserToTask\"\n>\n  <div body *ngIf=\"formDefinition && ((processLinkIsForm$ | async) || (formFlowStepTypeIsForm$ | async))\">\n    <valtimo-form-io\n      #form\n      [form]=\"formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      [options]=\"formioOptions\"\n    ></valtimo-form-io>\n  </div>\n  <div body *ngIf=\"!formDefinition && !errorMessage\">\n    <div\n      class=\"bg-warning text-black mb-0 p-3 text-center\"\n      [translate]=\"'formManagement.noFormDefinitionFound'\"\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        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoFormLinkScreen()\"\n        id=\"form-link-button\"\n      >\n        {{ 'formManagement.gotoFormLinksButton' | 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\"\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-2020 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.FormLinkService }, { type: i2$1.FormFlowService }, { type: i3$1.Router }, { type: i4$1.NGXLogger }, { type: i3$1.ActivatedRoute }, { type: TaskService }]; }, propDecorators: { form: [{
+                type: ViewChild,
+                args: ['form']
+            }], modal: [{
+                type: ViewChild,
+                args: ['taskDetailModal']
+            }], formSubmit: [{
+                type: Output
+            }], assignmentOfTaskChanged: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2020 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(taskService, router, logger, translateService) {
+        this.taskService = taskService;
+        this.router = router;
+        this.logger = logger;
+        this.translateService = translateService;
+        this.tasks = {
+            mine: new TaskList(),
+            open: new TaskList(),
+            all: new TaskList(),
+        };
+        this.currentTaskType = 'mine';
+        this.listTitle = null;
+        this.listDescription = null;
+    }
+    paginationClicked(page, type) {
+        this.tasks[type].page = page - 1;
+        this.getTasks(type);
+    }
+    paginationSet() {
+        this.tasks.mine.pagination.size =
+            this.tasks.all.pagination.size =
+                this.tasks.open.pagination.size =
+                    this.tasks[this.currentTaskType].pagination.size;
+        this.getTasks(this.currentTaskType);
+    }
+    clearPagination(type) {
+        this.tasks[type].page = 0;
+    }
+    tabChange(tab) {
+        this.clearPagination(this.currentTaskType);
+        switch (tab.nextId) {
+            case 1:
+                this.getTasks('mine');
+                break;
+            case 2:
+                this.getTasks('open');
+                break;
+            case 3:
+                this.getTasks('all');
+                break;
+            default:
+                this.logger.fatal('Unreachable case');
+        }
+    }
+    showTask(task) {
+        this.router.navigate(['tasks', task.id]);
+    }
+    getTasks(type) {
+        let params;
+        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');
+        }
+        this.taskService.queryTasks(params).subscribe((results) => {
+            this.tasks[type].pagination.collectionSize = results.headers.get('x-total-count');
+            this.tasks[type].tasks = results.body;
+            this.tasks[type].tasks.map((task) => {
+                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');
+                }
+            });
+            this.tasks[type].fields = [
+                {
+                    key: 'created',
+                    label: 'Created on',
+                },
+                {
+                    key: 'name',
+                    label: 'Name',
+                },
+                {
+                    key: 'valtimoAssignee.fullName',
+                    label: 'Assignee',
+                },
+                {
+                    key: 'due',
+                    label: 'Due date',
+                },
+            ];
+        });
+    }
+    rowOpenTaskClick(task) {
+        if (!task.endTime) {
+            this.taskDetail.openTaskDetails(task);
+        }
+        else {
+            return false;
+        }
+    }
+    ngOnDestroy() {
+        this.translationSubscription.unsubscribe();
+    }
+}
+TaskListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskListComponent, deps: [{ token: TaskService }, { token: i3$1.Router }, { token: i4$1.NGXLogger }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+TaskListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: TaskListComponent, selector: "valtimo-task-list", viewQueries: [{ propertyName: "taskDetail", first: true, predicate: ["taskDetail"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2020 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 class=\"main-content\">\n  <div class=\"container-fluid\">\n    <valtimo-widget>\n      <valtimo-list\n        [items]=\"tasks[currentTaskType].tasks\"\n        [fields]=\"tasks[currentTaskType].fields\"\n        [pagination]=\"tasks[currentTaskType].pagination\"\n        [viewMode]=\"true\"\n        (paginationClicked)=\"paginationClicked($event, currentTaskType)\"\n        (paginationSet)=\"paginationSet()\"\n        paginationIdentifier=\"taskList\"\n        [isSearchable]=\"true\"\n        [header]=\"true\"\n        (rowClicked)=\"rowOpenTaskClick($event)\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ listTitle }}</h3>\n          <h5 class=\"list-header-description\">{{ listDescription }}</h5>\n        </div>\n        <div tabs>\n          <ul ngbNav [destroyOnHide]=\"false\" (navChange)=\"tabChange($event)\" class=\"nav-tabs\">\n            <li [ngbNavItem]=\"1\" [title]=\"'task-list.mine.title' | translate\">\n              <a ngbNavLink>{{ 'task-list.mine.title' | translate }}</a>\n            </li>\n            <li [ngbNavItem]=\"2\" [title]=\"'task-list.open.title' | translate\">\n              <a ngbNavLink>{{ 'task-list.open.title' | translate }}</a>\n            </li>\n            <li [ngbNavItem]=\"3\" [title]=\"'task-list.all.title' | translate\">\n              <a ngbNavLink>{{ 'task-list.all.title' | translate }}</a>\n            </li>\n          </ul>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\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", styles: ["/*!\n * Copyright 2015-2020 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 */.tab-content{padding:0;margin:0}.nav.nav-tabs{background-color:#f5f5f5}\n"], components: [{ type: i6.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { type: i6.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }, { type: TaskDetailModalComponent, selector: "valtimo-task-detail-modal", outputs: ["formSubmit", "assignmentOfTaskChanged"] }], directives: [{ type: i7.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { type: i7.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { type: i7.NgbNavLink, selector: "a[ngbNavLink]" }], pipes: { "translate": i4.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-task-list', encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2020 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 class=\"main-content\">\n  <div class=\"container-fluid\">\n    <valtimo-widget>\n      <valtimo-list\n        [items]=\"tasks[currentTaskType].tasks\"\n        [fields]=\"tasks[currentTaskType].fields\"\n        [pagination]=\"tasks[currentTaskType].pagination\"\n        [viewMode]=\"true\"\n        (paginationClicked)=\"paginationClicked($event, currentTaskType)\"\n        (paginationSet)=\"paginationSet()\"\n        paginationIdentifier=\"taskList\"\n        [isSearchable]=\"true\"\n        [header]=\"true\"\n        (rowClicked)=\"rowOpenTaskClick($event)\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ listTitle }}</h3>\n          <h5 class=\"list-header-description\">{{ listDescription }}</h5>\n        </div>\n        <div tabs>\n          <ul ngbNav [destroyOnHide]=\"false\" (navChange)=\"tabChange($event)\" class=\"nav-tabs\">\n            <li [ngbNavItem]=\"1\" [title]=\"'task-list.mine.title' | translate\">\n              <a ngbNavLink>{{ 'task-list.mine.title' | translate }}</a>\n            </li>\n            <li [ngbNavItem]=\"2\" [title]=\"'task-list.open.title' | translate\">\n              <a ngbNavLink>{{ 'task-list.open.title' | translate }}</a>\n            </li>\n            <li [ngbNavItem]=\"3\" [title]=\"'task-list.all.title' | translate\">\n              <a ngbNavLink>{{ 'task-list.all.title' | translate }}</a>\n            </li>\n          </ul>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\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", styles: ["/*!\n * Copyright 2015-2020 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 */.tab-content{padding:0;margin:0}.nav.nav-tabs{background-color:#f5f5f5}\n"] }]
+        }], ctorParameters: function () { return [{ type: TaskService }, { type: i3$1.Router }, { type: i4$1.NGXLogger }, { type: i4.TranslateService }]; }, propDecorators: { taskDetail: [{
+                type: ViewChild,
+                args: ['taskDetail']
+            }] } });
+
+/*
+ * Copyright 2015-2020 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 {
+}
+TaskRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TaskRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskRoutingModule, imports: [CommonModule, i3$1.RouterModule], exports: [RouterModule] });
+TaskRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskRoutingModule, imports: [[CommonModule, RouterModule.forChild(routes)], RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [CommonModule, RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2020 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 {
+}
+TaskModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TaskModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskModule, declarations: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent], imports: [CommonModule,
+        TaskRoutingModule,
+        ListModule,
+        PageHeaderModule,
+        WidgetModule,
+        SpinnerModule,
+        SearchableDropdownSelectModule,
+        CamundaFormModule,
+        BrowserAnimationsModule,
+        FormsModule, i1$1.ToastrModule, i4.TranslateModule, NgbModule,
+        FormIoModule,
+        ModalModule], exports: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent] });
+TaskModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskModule, imports: [[
+            CommonModule,
+            TaskRoutingModule,
+            ListModule,
+            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,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: TaskModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent],
+                    imports: [
+                        CommonModule,
+                        TaskRoutingModule,
+                        ListModule,
+                        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,
+                    ],
+                    exports: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2020 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.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AssignUserToTaskComponent, TaskDetailModalComponent, TaskList, TaskListComponent, TaskModule, TaskService };
+//# sourceMappingURL=valtimo-task.mjs.map