@valtimo/task 4.15.3-next-main.16 → 4.16.0-next-main.19

package/bundles/valtimo-task.umd.js

@@ -1,871 +1,952 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common/http'), require('@valtimo/config'), require('@angular/common'), require('@angular/forms'), require('@angular/platform-browser/animations'), require('@ng-bootstrap/ng-bootstrap'), require('@ngx-translate/core'), require('@valtimo/components'), require('@valtimo/contract'), require('ngx-toastr'), require('@angular/router'), require('@valtimo/form-link'), require('moment'), require('ngx-logger'), require('rxjs/operators'), require('rxjs'), require('@valtimo/security')) :
-    typeof define === 'function' && define.amd ? define('@valtimo/task', ['exports', '@angular/core', '@angular/common/http', '@valtimo/config', '@angular/common', '@angular/forms', '@angular/platform-browser/animations', '@ng-bootstrap/ng-bootstrap', '@ngx-translate/core', '@valtimo/components', '@valtimo/contract', 'ngx-toastr', '@angular/router', '@valtimo/form-link', 'moment', 'ngx-logger', 'rxjs/operators', 'rxjs', '@valtimo/security'], factory) :
-    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo.task = {}), global.ng.core, global.ng.common.http, global.config, global.ng.common, global.ng.forms, global.ng.platformBrowser.animations, global.ngBootstrap, global.core$1, global.components, global.contract, global.ngxToastr, global.ng.router, global.formLink, global.moment, global.ngxLogger, global.rxjs.operators, global.rxjs, global.security));
-}(this, (function (exports, i0, i1, i2, common, forms, animations, ngBootstrap, core, components, contract, ngxToastr, router, formLink, momentImported, ngxLogger, operators, rxjs, security) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common/http'), require('@valtimo/config'), require('@angular/common'), require('@angular/forms'), require('@angular/platform-browser/animations'), require('@ng-bootstrap/ng-bootstrap'), require('@ngx-translate/core'), require('@valtimo/components'), require('ngx-toastr'), require('@angular/router'), require('@valtimo/form-link'), require('moment'), require('ngx-logger'), require('rxjs/operators'), require('rxjs'), require('@valtimo/security')) :
+    typeof define === 'function' && define.amd ? define('@valtimo/task', ['exports', '@angular/core', '@angular/common/http', '@valtimo/config', '@angular/common', '@angular/forms', '@angular/platform-browser/animations', '@ng-bootstrap/ng-bootstrap', '@ngx-translate/core', '@valtimo/components', 'ngx-toastr', '@angular/router', '@valtimo/form-link', 'moment', 'ngx-logger', 'rxjs/operators', 'rxjs', '@valtimo/security'], factory) :
+    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo.task = {}), global.ng.core, global.ng.common.http, global.config, global.ng.common, global.ng.forms, global.ng.platformBrowser.animations, global.ngBootstrap, global.core$1, global.components, global.ngxToastr, global.ng.router, global.formLink, global.moment, global.ngxLogger, global.rxjs.operators, global.rxjs, global.security));
+}(this, (function (exports, i0, i1, i2, common, forms, animations, ngBootstrap, core, components, ngxToastr, router, formLink, momentImported, ngxLogger, operators, rxjs, security) { 'use strict';
 
-    /*
-     * 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.
-     */
-    var TaskService = /** @class */ (function () {
-        function TaskService(http, configService) {
-            this.http = http;
-            this.valtimoEndpointUri = configService.config.valtimoApi.endpointUri;
-        }
-        TaskService.prototype.queryTasks = function (params) {
-            return this.http.get(this.valtimoEndpointUri + "task", { observe: 'response', params: params });
-        };
-        TaskService.prototype.getTasks = function () {
-            return this.http.get(this.valtimoEndpointUri + "task?filter=all");
-        };
-        TaskService.prototype.getTask = function (id) {
-            return this.http.get(this.valtimoEndpointUri + 'task/' + id);
-        };
-        TaskService.prototype.getCandidateUsers = function (id) {
-            return this.http.get(this.valtimoEndpointUri + 'task/' + id + '/candidate-user');
-        };
-        TaskService.prototype.assignTask = function (id, assigneeRequest) {
-            return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/assign', assigneeRequest);
-        };
-        TaskService.prototype.unassignTask = function (id) {
-            return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/unassign', null);
-        };
-        TaskService.prototype.completeTask = function (id, variables) {
-            return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/complete', {
-                variables: variables,
-                filesToDelete: [],
-            });
-        };
-        return TaskService;
-    }());
-    TaskService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TaskService_Factory() { return new TaskService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.ConfigService)); }, token: TaskService, providedIn: "root" });
-    TaskService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-    TaskService.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.
+     */
+
+    /*
+     * 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.
+     */
+    var TaskList = /** @class */ (function () {
+        function TaskList() {
+            this.tasks = [];
+            this.fields = [];
+            this.pagination = {
+                collectionSize: 0,
+                page: 1,
+                size: 10,
+                maxPaginationItemSize: 5,
+            };
+            this.page = 0;
+        }
+        return TaskList;
+    }());
+
+    /*
+     *
+     *  * 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.
+     */
+    var TaskService = /** @class */ (function () {
+        function TaskService(http, configService) {
+            this.http = http;
+            this.valtimoEndpointUri = configService.config.valtimoApi.endpointUri;
+        }
+        TaskService.prototype.queryTasks = function (params) {
+            return this.http.get(this.valtimoEndpointUri + "task", { observe: 'response', params: params });
+        };
+        TaskService.prototype.getTasks = function () {
+            return this.http.get(this.valtimoEndpointUri + "task?filter=all");
+        };
+        TaskService.prototype.getTask = function (id) {
+            return this.http.get(this.valtimoEndpointUri + 'task/' + id);
+        };
+        TaskService.prototype.getCandidateUsers = function (id) {
+            return this.http.get(this.valtimoEndpointUri + 'task/' + id + '/candidate-user');
+        };
+        TaskService.prototype.assignTask = function (id, assigneeRequest) {
+            return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/assign', assigneeRequest);
+        };
+        TaskService.prototype.unassignTask = function (id) {
+            return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/unassign', null);
+        };
+        TaskService.prototype.completeTask = function (id, variables) {
+            return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/complete', {
+                variables: variables,
+                filesToDelete: [],
+            });
+        };
+        return TaskService;
+    }());
+    TaskService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TaskService_Factory() { return new TaskService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.ConfigService)); }, token: TaskService, providedIn: "root" });
+    TaskService.decorators = [
+        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+    ];
+    TaskService.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.
-     */
-    var moment = momentImported;
-    moment.locale(localStorage.getItem('langKey') || '');
-    var TaskDetailModalComponent = /** @class */ (function () {
-        function TaskDetailModalComponent(toastr, formLinkService, router, logger, route) {
-            this.toastr = toastr;
-            this.formLinkService = formLinkService;
-            this.router = router;
-            this.logger = logger;
-            this.route = route;
-            this.task = null;
-            this.page = null;
-            this.formSubmit = new i0.EventEmitter();
-            this.assignmentOfTaskChanged = new i0.EventEmitter();
-            this.errorMessage = null;
-            this.formioOptions = new contract.FormioOptionsImpl();
-            this.formioOptions.disableAlerts = true;
-        }
-        TaskDetailModalComponent.prototype.resetFormDefinition = function () {
-            // reset formDefinition in order to reload form-io component
-            this.formDefinition = null;
-        };
-        TaskDetailModalComponent.prototype.openTaskDetails = function (task) {
-            var _this = this;
-            this.resetFormDefinition();
-            this.task = task;
-            this.page = {
-                title: task.name,
-                subtitle: "Created " + moment(task.created).fromNow(),
-            };
-            this.formLinkService
-                .getPreFilledFormDefinitionByFormLinkId(task.processDefinitionKey, task.businessKey, task.taskDefinitionKey, task.id // taskInstanceId
-            )
-                .subscribe(function (formDefinition) {
-                _this.formAssociation = formDefinition.formAssociation;
-                var className = _this.formAssociation.formLink.className.split('.');
-                var linkType = className[className.length - 1];
-                switch (linkType) {
-                    case 'BpmnElementFormIdLink':
-                        _this.formDefinition = formDefinition;
-                        _this.modal.show();
-                        break;
-                    case 'BpmnElementUrlLink':
-                        var url = _this.router.serializeUrl(_this.router.createUrlTree([formDefinition.formAssociation.formLink.url]));
-                        window.open(url, '_blank');
-                        break;
-                    case 'BpmnElementAngularStateUrlLink':
-                        _this.route.params.pipe(operators.take(1)).subscribe(function (params) {
-                            var taskId = task === null || task === void 0 ? void 0 : task.id;
-                            var documentId = params === null || params === void 0 ? void 0 : params.documentId;
-                            _this.router.navigate([formDefinition.formAssociation.formLink.url], {
-                                state: Object.assign(Object.assign({}, (taskId && { taskId: taskId })), (documentId && { documentId: documentId })),
-                            });
-                        });
-                        break;
-                    default:
-                        _this.logger.fatal('Unsupported class name');
-                }
-            }, function (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();
-            });
-        };
-        TaskDetailModalComponent.prototype.gotoFormLinkScreen = function () {
-            this.modal.hide();
-            this.router.navigate(['form-links']);
-        };
-        TaskDetailModalComponent.prototype.onSubmit = function (submission) {
-            var _this = this;
-            this.formLinkService
-                .onSubmit(this.task.processDefinitionKey, this.formAssociation.formLink.id, submission.data, this.task.businessKey, this.task.id)
-                .subscribe(function (formSubmissionResult) {
-                _this.toastr.success(_this.task.name + ' has successfully been completed');
-                _this.modal.hide();
-                _this.task = null;
-                _this.formSubmit.emit();
-            }, function (errors) {
-                _this.form.showErrors(errors);
-            });
-        };
-        return TaskDetailModalComponent;
-    }());
-    TaskDetailModalComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-task-detail-modal',
-                    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\">\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",
-                    encapsulation: i0.ViewEncapsulation.None,
-                    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}"]
-                },] }
-    ];
-    TaskDetailModalComponent.ctorParameters = function () { return [
-        { type: ngxToastr.ToastrService },
-        { type: formLink.FormLinkService },
-        { type: router.Router },
-        { type: ngxLogger.NGXLogger },
-        { type: router.ActivatedRoute }
-    ]; };
-    TaskDetailModalComponent.propDecorators = {
-        form: [{ type: i0.ViewChild, args: ['form',] }],
-        modal: [{ type: i0.ViewChild, args: ['taskDetailModal',] }],
-        formSubmit: [{ type: i0.Output }],
-        assignmentOfTaskChanged: [{ type: i0.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.
+     */
+    var moment = momentImported;
+    moment.locale(localStorage.getItem('langKey') || '');
+    var TaskDetailModalComponent = /** @class */ (function () {
+        function TaskDetailModalComponent(toastr, formLinkService, router, logger, route) {
+            this.toastr = toastr;
+            this.formLinkService = formLinkService;
+            this.router = router;
+            this.logger = logger;
+            this.route = route;
+            this.task = null;
+            this.page = null;
+            this.formSubmit = new i0.EventEmitter();
+            this.assignmentOfTaskChanged = new i0.EventEmitter();
+            this.errorMessage = null;
+            this.formioOptions = new components.FormioOptionsImpl();
+            this.formioOptions.disableAlerts = true;
+        }
+        TaskDetailModalComponent.prototype.resetFormDefinition = function () {
+            // reset formDefinition in order to reload form-io component
+            this.formDefinition = null;
+        };
+        TaskDetailModalComponent.prototype.openTaskDetails = function (task) {
+            var _this = this;
+            this.resetFormDefinition();
+            this.task = task;
+            this.page = {
+                title: task.name,
+                subtitle: "Created " + moment(task.created).fromNow(),
+            };
+            this.formLinkService
+                .getPreFilledFormDefinitionByFormLinkId(task.processDefinitionKey, task.businessKey, task.taskDefinitionKey, task.id // taskInstanceId
+            )
+                .subscribe(function (formDefinition) {
+                _this.formAssociation = formDefinition.formAssociation;
+                var className = _this.formAssociation.formLink.className.split('.');
+                var linkType = className[className.length - 1];
+                switch (linkType) {
+                    case 'BpmnElementFormIdLink':
+                        _this.formDefinition = formDefinition;
+                        _this.modal.show();
+                        break;
+                    case 'BpmnElementUrlLink':
+                        var url = _this.router.serializeUrl(_this.router.createUrlTree([formDefinition.formAssociation.formLink.url]));
+                        window.open(url, '_blank');
+                        break;
+                    case 'BpmnElementAngularStateUrlLink':
+                        _this.route.params.pipe(operators.take(1)).subscribe(function (params) {
+                            var taskId = task === null || task === void 0 ? void 0 : task.id;
+                            var documentId = params === null || params === void 0 ? void 0 : params.documentId;
+                            _this.router.navigate([formDefinition.formAssociation.formLink.url], {
+                                state: Object.assign(Object.assign({}, (taskId && { taskId: taskId })), (documentId && { documentId: documentId })),
+                            });
+                        });
+                        break;
+                    default:
+                        _this.logger.fatal('Unsupported class name');
+                }
+            }, function (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();
+            });
+        };
+        TaskDetailModalComponent.prototype.gotoFormLinkScreen = function () {
+            this.modal.hide();
+            this.router.navigate(['form-links']);
+        };
+        TaskDetailModalComponent.prototype.onSubmit = function (submission) {
+            var _this = this;
+            this.formLinkService
+                .onSubmit(this.task.processDefinitionKey, this.formAssociation.formLink.id, submission.data, this.task.businessKey, this.task.id)
+                .subscribe(function (formSubmissionResult) {
+                _this.toastr.success(_this.task.name + ' has successfully been completed');
+                _this.modal.hide();
+                _this.task = null;
+                _this.formSubmit.emit();
+            }, function (errors) {
+                _this.form.showErrors(errors);
+            });
+        };
+        return TaskDetailModalComponent;
+    }());
+    TaskDetailModalComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-task-detail-modal',
+                    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\">\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",
+                    encapsulation: i0.ViewEncapsulation.None,
+                    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}"]
+                },] }
+    ];
+    TaskDetailModalComponent.ctorParameters = function () { return [
+        { type: ngxToastr.ToastrService },
+        { type: formLink.FormLinkService },
+        { type: router.Router },
+        { type: ngxLogger.NGXLogger },
+        { type: router.ActivatedRoute }
+    ]; };
+    TaskDetailModalComponent.propDecorators = {
+        form: [{ type: i0.ViewChild, args: ['form',] }],
+        modal: [{ type: i0.ViewChild, args: ['taskDetailModal',] }],
+        formSubmit: [{ type: i0.Output }],
+        assignmentOfTaskChanged: [{ type: i0.Output }]
     };
 
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b)
+                if (Object.prototype.hasOwnProperty.call(b, p))
+                    d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+    var __assign = function () {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s)
+                    if (Object.prototype.hasOwnProperty.call(s, p))
+                        t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); };
+    }
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
+    }
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (_)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, o) {
+        for (var p in m)
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
+    }
+    function __values(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    /** @deprecated */
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    /** @deprecated */
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n])
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
+    }
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+    }
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
+        return cooked;
+    }
+    ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
+    function __importStar(mod) {
+        if (mod && mod.__esModule)
+            return mod;
+        var result = {};
+        if (mod != null)
+            for (var k in mod)
+                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                    __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
+        return result;
+    }
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var moment$1 = momentImported;
-    moment$1.locale(localStorage.getItem('langKey') || '');
-    var TaskListComponent = /** @class */ (function () {
-        function TaskListComponent(taskService, router, logger, translateService) {
-            this.taskService = taskService;
-            this.router = router;
-            this.logger = logger;
-            this.translateService = translateService;
-            this.tasks = {
-                mine: new contract.TaskList(),
-                open: new contract.TaskList(),
-                all: new contract.TaskList(),
-            };
-            this.currentTaskType = 'mine';
-            this.listTitle = null;
-            this.listDescription = null;
-        }
-        TaskListComponent.prototype.paginationClicked = function (page, type) {
-            this.tasks[type].page = page - 1;
-            this.getTasks(type);
-        };
-        TaskListComponent.prototype.paginationSet = function () {
-            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);
-        };
-        TaskListComponent.prototype.clearPagination = function (type) {
-            this.tasks[type].page = 0;
-        };
-        TaskListComponent.prototype.tabChange = function (tab) {
-            this.clearPagination(this.currentTaskType);
-            switch (tab.nextId) {
-                case 'ngb-tab-0':
-                    this.getTasks('mine');
-                    break;
-                case 'ngb-tab-1':
-                    this.getTasks('open');
-                    break;
-                case 'ngb-tab-2':
-                    this.getTasks('all');
-                    break;
-                default:
-                    this.logger.fatal('Unreachable case');
-            }
-        };
-        TaskListComponent.prototype.showTask = function (task) {
-            this.router.navigate(['tasks', task.id]);
-        };
-        TaskListComponent.prototype.getTasks = function (type) {
-            var _this = this;
-            var params;
-            this.translationSubscription = rxjs.combineLatest([
-                this.translateService.stream("task-list." + type + ".title"),
-                this.translateService.stream("task-list." + type + ".description"),
-            ]).subscribe(function (_a) {
-                var _b = __read(_a, 2), title = _b[0], description = _b[1];
-                _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(function (results) {
-                _this.tasks[type].pagination.collectionSize = results.headers.get('x-total-count');
-                _this.tasks[type].tasks = results.body;
-                _this.tasks[type].tasks.map(function (task) {
-                    task.created = moment$1(task.created).format('DD MMM YYYY HH:mm');
-                    if (task.due) {
-                        task.due = moment$1(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',
-                    },
-                ];
-            });
-        };
-        TaskListComponent.prototype.rowOpenTaskClick = function (task) {
-            if (!task.endTime) {
-                this.taskDetail.openTaskDetails(task);
-            }
-            else {
-                return false;
-            }
-        };
-        TaskListComponent.prototype.ngOnDestroy = function () {
-            this.translationSubscription.unsubscribe();
-        };
-        return TaskListComponent;
-    }());
-    TaskListComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-task-list',
-                    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          <ngb-tabset [destroyOnHide]=\"false\" (tabChange)=\"tabChange($event)\">\n            <ngb-tab id=\"ngb-tab-0\" [title]=\"'task-list.mine.title' | translate\"> </ngb-tab>\n            <ngb-tab id=\"ngb-tab-1\" [title]=\"'task-list.open.title' | translate\"> </ngb-tab>\n            <ngb-tab id=\"ngb-tab-2\" [title]=\"'task-list.all.title' | translate\"> </ngb-tab>\n          </ngb-tabset>\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",
-                    encapsulation: i0.ViewEncapsulation.None,
-                    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{margin:0;padding:0}.nav.nav-tabs{background-color:#f5f5f5}"]
-                },] }
-    ];
-    TaskListComponent.ctorParameters = function () { return [
-        { type: TaskService },
-        { type: router.Router },
-        { type: ngxLogger.NGXLogger },
-        { type: core.TranslateService }
-    ]; };
-    TaskListComponent.propDecorators = {
-        taskDetail: [{ type: i0.ViewChild, args: ['taskDetail',] }]
+    var moment$1 = momentImported;
+    moment$1.locale(localStorage.getItem('langKey') || '');
+    var TaskListComponent = /** @class */ (function () {
+        function TaskListComponent(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;
+        }
+        TaskListComponent.prototype.paginationClicked = function (page, type) {
+            this.tasks[type].page = page - 1;
+            this.getTasks(type);
+        };
+        TaskListComponent.prototype.paginationSet = function () {
+            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);
+        };
+        TaskListComponent.prototype.clearPagination = function (type) {
+            this.tasks[type].page = 0;
+        };
+        TaskListComponent.prototype.tabChange = function (tab) {
+            this.clearPagination(this.currentTaskType);
+            switch (tab.nextId) {
+                case 'ngb-tab-0':
+                    this.getTasks('mine');
+                    break;
+                case 'ngb-tab-1':
+                    this.getTasks('open');
+                    break;
+                case 'ngb-tab-2':
+                    this.getTasks('all');
+                    break;
+                default:
+                    this.logger.fatal('Unreachable case');
+            }
+        };
+        TaskListComponent.prototype.showTask = function (task) {
+            this.router.navigate(['tasks', task.id]);
+        };
+        TaskListComponent.prototype.getTasks = function (type) {
+            var _this = this;
+            var params;
+            this.translationSubscription = rxjs.combineLatest([
+                this.translateService.stream("task-list." + type + ".title"),
+                this.translateService.stream("task-list." + type + ".description"),
+            ]).subscribe(function (_a) {
+                var _b = __read(_a, 2), title = _b[0], description = _b[1];
+                _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(function (results) {
+                _this.tasks[type].pagination.collectionSize = results.headers.get('x-total-count');
+                _this.tasks[type].tasks = results.body;
+                _this.tasks[type].tasks.map(function (task) {
+                    task.created = moment$1(task.created).format('DD MMM YYYY HH:mm');
+                    if (task.due) {
+                        task.due = moment$1(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',
+                    },
+                ];
+            });
+        };
+        TaskListComponent.prototype.rowOpenTaskClick = function (task) {
+            if (!task.endTime) {
+                this.taskDetail.openTaskDetails(task);
+            }
+            else {
+                return false;
+            }
+        };
+        TaskListComponent.prototype.ngOnDestroy = function () {
+            this.translationSubscription.unsubscribe();
+        };
+        return TaskListComponent;
+    }());
+    TaskListComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-task-list',
+                    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          <ngb-tabset [destroyOnHide]=\"false\" (tabChange)=\"tabChange($event)\">\n            <ngb-tab id=\"ngb-tab-0\" [title]=\"'task-list.mine.title' | translate\"> </ngb-tab>\n            <ngb-tab id=\"ngb-tab-1\" [title]=\"'task-list.open.title' | translate\"> </ngb-tab>\n            <ngb-tab id=\"ngb-tab-2\" [title]=\"'task-list.all.title' | translate\"> </ngb-tab>\n          </ngb-tabset>\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",
+                    encapsulation: i0.ViewEncapsulation.None,
+                    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{margin:0;padding:0}.nav.nav-tabs{background-color:#f5f5f5}"]
+                },] }
+    ];
+    TaskListComponent.ctorParameters = function () { return [
+        { type: TaskService },
+        { type: router.Router },
+        { type: ngxLogger.NGXLogger },
+        { type: core.TranslateService }
+    ]; };
+    TaskListComponent.propDecorators = {
+        taskDetail: [{ type: i0.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.
-     */
-    var ɵ0 = { title: 'Tasks', roles: [contract.ROLE_USER] };
-    var routes = [
-        {
-            path: 'tasks',
-            component: TaskListComponent,
-            canActivate: [security.AuthGuardService],
-            data: ɵ0,
-        },
-    ];
-    var TaskRoutingModule = /** @class */ (function () {
-        function TaskRoutingModule() {
-        }
-        return TaskRoutingModule;
-    }());
-    TaskRoutingModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [],
-                    imports: [common.CommonModule, router.RouterModule.forChild(routes)],
-                    exports: [router.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.
+     */
+    var ɵ0 = { title: 'Tasks', roles: [i2.ROLE_USER] };
+    var routes = [
+        {
+            path: 'tasks',
+            component: TaskListComponent,
+            canActivate: [security.AuthGuardService],
+            data: ɵ0,
+        },
+    ];
+    var TaskRoutingModule = /** @class */ (function () {
+        function TaskRoutingModule() {
+        }
+        return TaskRoutingModule;
+    }());
+    TaskRoutingModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [],
+                    imports: [common.CommonModule, router.RouterModule.forChild(routes)],
+                    exports: [router.RouterModule],
+                },] }
     ];
 
-    var AssignUserToTaskComponent = /** @class */ (function () {
-        function AssignUserToTaskComponent(taskService) {
-            this.taskService = taskService;
-            this.assignmentOfTaskChanged = new i0.EventEmitter();
-            this.candidateUsersForTask$ = new rxjs.BehaviorSubject(undefined);
-            this.disabled$ = new rxjs.BehaviorSubject(true);
-            this.assignedEmailOnServer$ = new rxjs.BehaviorSubject(null);
-            this.userEmailToAssign = null;
-            this.assignedUserFullName$ = new rxjs.BehaviorSubject(null);
-        }
-        AssignUserToTaskComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.taskService.getCandidateUsers(this.taskId).subscribe(function (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();
-            });
-        };
-        AssignUserToTaskComponent.prototype.ngOnChanges = function (changes) {
-            var _this = this;
-            var assigneeEmail = changes.assigneeEmail;
-            if (assigneeEmail) {
-                this.candidateUsersForTask$.pipe(operators.take(1)).subscribe(function (candidateUsers) {
-                    var currentUserEmail = assigneeEmail.currentValue;
-                    _this.assignedEmailOnServer$.next(currentUserEmail || null);
-                    _this.userEmailToAssign = currentUserEmail || null;
-                    _this.assignedUserFullName$.next(_this.getAssignedUserName(candidateUsers, currentUserEmail));
-                });
-            }
-            else {
-                this.clear();
-            }
-        };
-        AssignUserToTaskComponent.prototype.assignTask = function (userEmail) {
-            var _this = this;
-            this.disable();
-            rxjs.combineLatest([
-                this.candidateUsersForTask$,
-                this.taskService.assignTask(this.taskId, { assignee: userEmail }),
-            ])
-                .pipe(operators.take(1), operators.tap(function (_b) {
-                var _c = __read(_b, 1), candidateUsers = _c[0];
-                _this.userEmailToAssign = userEmail;
-                _this.assignedEmailOnServer$.next(userEmail);
-                _this.assignedUserFullName$.next(_this.getAssignedUserName(candidateUsers, userEmail));
-                _this.emitChange();
-                _this.enable();
-            }))
-                .subscribe();
-        };
-        AssignUserToTaskComponent.prototype.unassignTask = function () {
-            var _this = this;
-            this.disable();
-            this.taskService
-                .unassignTask(this.taskId)
-                .pipe(operators.tap(function () {
-                _this.clear();
-                _this.emitChange();
-                _this.enable();
-            }))
-                .subscribe();
-        };
-        AssignUserToTaskComponent.prototype.getAssignedUserName = function (users, userEmail) {
-            if (users && userEmail) {
-                var findUser = users.find(function (user) { return user.email === userEmail; });
-                return findUser ? findUser.fullName : '';
-            }
-            return '';
-        };
-        AssignUserToTaskComponent.prototype.mapUsersForDropdown = function (users) {
-            return (users &&
-                users
-                    .map(function (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(function (a, b) { return a.lastName.localeCompare(b.lastName); })
-                    .map(function (user) { return ({ text: user.fullName, id: user.email }); }));
-        };
-        AssignUserToTaskComponent.prototype.clear = function () {
-            this.assignedEmailOnServer$.next(null);
-            this.userEmailToAssign = null;
-        };
-        AssignUserToTaskComponent.prototype.emitChange = function () {
-            this.assignmentOfTaskChanged.emit();
-        };
-        AssignUserToTaskComponent.prototype.enable = function () {
-            this.disabled$.next(false);
-        };
-        AssignUserToTaskComponent.prototype.disable = function () {
-            this.disabled$.next(true);
-        };
-        return AssignUserToTaskComponent;
-    }());
-    AssignUserToTaskComponent.decorators = [
-        { type: i0.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}"]
-                },] }
-    ];
-    AssignUserToTaskComponent.ctorParameters = function () { return [
-        { type: TaskService }
-    ]; };
-    AssignUserToTaskComponent.propDecorators = {
-        taskId: [{ type: i0.Input }],
-        assigneeEmail: [{ type: i0.Input }],
-        assignmentOfTaskChanged: [{ type: i0.Output }]
+    var AssignUserToTaskComponent = /** @class */ (function () {
+        function AssignUserToTaskComponent(taskService) {
+            this.taskService = taskService;
+            this.assignmentOfTaskChanged = new i0.EventEmitter();
+            this.candidateUsersForTask$ = new rxjs.BehaviorSubject(undefined);
+            this.disabled$ = new rxjs.BehaviorSubject(true);
+            this.assignedEmailOnServer$ = new rxjs.BehaviorSubject(null);
+            this.userEmailToAssign = null;
+            this.assignedUserFullName$ = new rxjs.BehaviorSubject(null);
+        }
+        AssignUserToTaskComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.taskService.getCandidateUsers(this.taskId).subscribe(function (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();
+            });
+        };
+        AssignUserToTaskComponent.prototype.ngOnChanges = function (changes) {
+            var _this = this;
+            var assigneeEmail = changes.assigneeEmail;
+            if (assigneeEmail) {
+                this.candidateUsersForTask$.pipe(operators.take(1)).subscribe(function (candidateUsers) {
+                    var currentUserEmail = assigneeEmail.currentValue;
+                    _this.assignedEmailOnServer$.next(currentUserEmail || null);
+                    _this.userEmailToAssign = currentUserEmail || null;
+                    _this.assignedUserFullName$.next(_this.getAssignedUserName(candidateUsers, currentUserEmail));
+                });
+            }
+            else {
+                this.clear();
+            }
+        };
+        AssignUserToTaskComponent.prototype.assignTask = function (userEmail) {
+            var _this = this;
+            this.disable();
+            rxjs.combineLatest([
+                this.candidateUsersForTask$,
+                this.taskService.assignTask(this.taskId, { assignee: userEmail }),
+            ])
+                .pipe(operators.take(1), operators.tap(function (_b) {
+                var _c = __read(_b, 1), candidateUsers = _c[0];
+                _this.userEmailToAssign = userEmail;
+                _this.assignedEmailOnServer$.next(userEmail);
+                _this.assignedUserFullName$.next(_this.getAssignedUserName(candidateUsers, userEmail));
+                _this.emitChange();
+                _this.enable();
+            }))
+                .subscribe();
+        };
+        AssignUserToTaskComponent.prototype.unassignTask = function () {
+            var _this = this;
+            this.disable();
+            this.taskService
+                .unassignTask(this.taskId)
+                .pipe(operators.tap(function () {
+                _this.clear();
+                _this.emitChange();
+                _this.enable();
+            }))
+                .subscribe();
+        };
+        AssignUserToTaskComponent.prototype.getAssignedUserName = function (users, userEmail) {
+            if (users && userEmail) {
+                var findUser = users.find(function (user) { return user.email === userEmail; });
+                return findUser ? findUser.fullName : '';
+            }
+            return '';
+        };
+        AssignUserToTaskComponent.prototype.mapUsersForDropdown = function (users) {
+            return (users &&
+                users
+                    .map(function (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(function (a, b) { return a.lastName.localeCompare(b.lastName); })
+                    .map(function (user) { return ({ text: user.fullName, id: user.email }); }));
+        };
+        AssignUserToTaskComponent.prototype.clear = function () {
+            this.assignedEmailOnServer$.next(null);
+            this.userEmailToAssign = null;
+        };
+        AssignUserToTaskComponent.prototype.emitChange = function () {
+            this.assignmentOfTaskChanged.emit();
+        };
+        AssignUserToTaskComponent.prototype.enable = function () {
+            this.disabled$.next(false);
+        };
+        AssignUserToTaskComponent.prototype.disable = function () {
+            this.disabled$.next(true);
+        };
+        return AssignUserToTaskComponent;
+    }());
+    AssignUserToTaskComponent.decorators = [
+        { type: i0.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}"]
+                },] }
+    ];
+    AssignUserToTaskComponent.ctorParameters = function () { return [
+        { type: TaskService }
+    ]; };
+    AssignUserToTaskComponent.propDecorators = {
+        taskId: [{ type: i0.Input }],
+        assigneeEmail: [{ type: i0.Input }],
+        assignmentOfTaskChanged: [{ type: i0.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.
-     */
-    var ɵ0$1 = contract.HttpLoaderFactory;
-    var TaskModule = /** @class */ (function () {
-        function TaskModule() {
-        }
-        return TaskModule;
-    }());
-    TaskModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent],
-                    imports: [
-                        common.CommonModule,
-                        TaskRoutingModule,
-                        components.ListModule,
-                        components.PageHeaderModule,
-                        components.WidgetModule,
-                        components.SpinnerModule,
-                        components.SearchableDropdownSelectModule,
-                        components.CamundaFormModule,
-                        animations.BrowserAnimationsModule,
-                        forms.FormsModule,
-                        ngxToastr.ToastrModule.forRoot({
-                            positionClass: 'toast-bottom-full-width',
-                            preventDuplicates: true,
-                        }),
-                        core.TranslateModule.forRoot({
-                            loader: {
-                                provide: core.TranslateLoader,
-                                useFactory: ɵ0$1,
-                                deps: [i1.HttpClient],
-                            },
-                        }),
-                        ngBootstrap.NgbModule,
-                        components.FormIoModule,
-                        components.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.
+     */
+    var ɵ0$1 = i2.HttpLoaderFactory;
+    var TaskModule = /** @class */ (function () {
+        function TaskModule() {
+        }
+        return TaskModule;
+    }());
+    TaskModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent],
+                    imports: [
+                        common.CommonModule,
+                        TaskRoutingModule,
+                        components.ListModule,
+                        components.PageHeaderModule,
+                        components.WidgetModule,
+                        components.SpinnerModule,
+                        components.SearchableDropdownSelectModule,
+                        components.CamundaFormModule,
+                        animations.BrowserAnimationsModule,
+                        forms.FormsModule,
+                        ngxToastr.ToastrModule.forRoot({
+                            positionClass: 'toast-bottom-full-width',
+                            preventDuplicates: true,
+                        }),
+                        core.TranslateModule.forRoot({
+                            loader: {
+                                provide: core.TranslateLoader,
+                                useFactory: ɵ0$1,
+                                deps: [i1.HttpClient],
+                            },
+                        }),
+                        ngBootstrap.NgbModule,
+                        components.FormIoModule,
+                        components.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.
+    /*
+     * 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.
+    /**
+     * Generated bundle index. Do not edit.
      */
 
     exports.TaskDetailModalComponent = TaskDetailModalComponent;
+    exports.TaskList = TaskList;
     exports.TaskListComponent = TaskListComponent;
     exports.TaskModule = TaskModule;
     exports.TaskService = TaskService;