@valtimo/dossier 4.15.3-next-main.16 → 4.17.0

package/bundles/valtimo-dossier.umd.js

@@ -1,1716 +1,1859 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@ngx-translate/core'), require('@valtimo/document'), require('moment'), require('rxjs'), require('@valtimo/config'), require('@valtimo/contract'), require('@angular/common'), require('@valtimo/process'), require('@valtimo/task'), require('@valtimo/form'), require('@valtimo/security'), require('ngx-spinner'), require('ngx-toastr'), require('@valtimo/resource'), require('rxjs/operators'), require('@valtimo/contact-moment'), require('@valtimo/components'), require('@ng-bootstrap/ng-bootstrap'), require('@valtimo/form-link'), require('ngx-logger'), require('@angular/forms'), require('@angular/common/http')) :
-    typeof define === 'function' && define.amd ? define('@valtimo/dossier', ['exports', '@angular/core', '@angular/router', '@ngx-translate/core', '@valtimo/document', 'moment', 'rxjs', '@valtimo/config', '@valtimo/contract', '@angular/common', '@valtimo/process', '@valtimo/task', '@valtimo/form', '@valtimo/security', 'ngx-spinner', 'ngx-toastr', '@valtimo/resource', 'rxjs/operators', '@valtimo/contact-moment', '@valtimo/components', '@ng-bootstrap/ng-bootstrap', '@valtimo/form-link', 'ngx-logger', '@angular/forms', '@angular/common/http'], factory) :
-    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo.dossier = {}), global.ng.core, global.ng.router, global.core$1, global.document, global.moment, global.rxjs, global.config, global.contract, global.ng.common, global.process, global.task, global.form, global.security, global.ngxSpinner, global.ngxToastr, global.resource, global.rxjs.operators, global.contactMoment, global.components, global.ngBootstrap, global.formLink, global.ngxLogger, global.ng.forms, global.ng.common.http));
-}(this, (function (exports, i0, router, core, document, moment_, rxjs, i1, contract, common, process, task, form, security, ngxSpinner, ngxToastr, resource, operators, contactMoment, components, ngBootstrap, formLink, ngxLogger, forms, http) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@ngx-translate/core'), require('@valtimo/document'), require('moment'), require('rxjs'), require('@valtimo/config'), require('@angular/common'), require('@valtimo/process'), require('@valtimo/task'), require('@valtimo/form'), require('@valtimo/components'), require('@valtimo/security'), require('ngx-spinner'), require('ngx-toastr'), require('@valtimo/resource'), require('rxjs/operators'), require('@valtimo/contact-moment'), require('@ng-bootstrap/ng-bootstrap'), require('@valtimo/form-link'), require('ngx-logger'), require('@angular/forms'), require('@angular/common/http')) :
+    typeof define === 'function' && define.amd ? define('@valtimo/dossier', ['exports', '@angular/core', '@angular/router', '@ngx-translate/core', '@valtimo/document', 'moment', 'rxjs', '@valtimo/config', '@angular/common', '@valtimo/process', '@valtimo/task', '@valtimo/form', '@valtimo/components', '@valtimo/security', 'ngx-spinner', 'ngx-toastr', '@valtimo/resource', 'rxjs/operators', '@valtimo/contact-moment', '@ng-bootstrap/ng-bootstrap', '@valtimo/form-link', 'ngx-logger', '@angular/forms', '@angular/common/http'], factory) :
+    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo.dossier = {}), global.ng.core, global.ng.router, global.core$1, global.document, global.moment, global.rxjs, global.config, global.ng.common, global.process, global.task, global.form, global.components, global.security, global.ngxSpinner, global.ngxToastr, global.resource, global.rxjs.operators, global.contactMoment, global.ngBootstrap, global.formLink, global.ngxLogger, global.ng.forms, global.ng.common.http));
+}(this, (function (exports, i0, router, core, document, moment_, rxjs, i1, common, process, task, form, components, security, ngxSpinner, ngxToastr, resource, operators, contactMoment, ngBootstrap, formLink, ngxLogger, forms, http) { 'use strict';
 
-    /*! *****************************************************************************
-    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 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 TabLoaderImpl = /** @class */ (function () {
+        function TabLoaderImpl(tabs, componentFactoryResolver, viewContainerRef, translateService, router, location) {
+            this._tabs = null;
+            this._componentFactoryResolver = null;
+            this._viewContainerRef = null;
+            this._activeComponent = null;
+            this._activeTab = null;
+            this._translateService = null;
+            this._tabs = tabs;
+            this._componentFactoryResolver = componentFactoryResolver;
+            this._viewContainerRef = viewContainerRef;
+            this._translateService = translateService;
+            this._router = router;
+            this._location = location;
+        }
+        TabLoaderImpl.prototype.initial = function (tabName) {
+            var initialTab;
+            if (tabName) {
+                initialTab = this._tabs.find(function (tab) { return tab.name === tabName; });
+            }
+            else {
+                initialTab = this._tabs[0] || null;
+            }
+            this.load(initialTab);
+        };
+        TabLoaderImpl.prototype.load = function (newTab) {
+            if (newTab !== this._activeTab) {
+                this._tabs.forEach(function (tab) { return tab.deactivate(); });
+                this.replaceView(newTab);
+                this.replaceUrlState(newTab);
+                this.setActive(newTab);
+            }
+        };
+        TabLoaderImpl.prototype.refreshView = function () {
+            this.replaceView(this._activeTab);
+        };
+        TabLoaderImpl.prototype.replaceView = function (tab) {
+            var componentFactory = this._componentFactoryResolver.resolveComponentFactory(tab.component);
+            this._viewContainerRef.clear();
+            if (this._activeTab !== null) {
+                this._activeComponent.destroy();
+            }
+            this._activeComponent = this._viewContainerRef.createComponent(componentFactory);
+        };
+        TabLoaderImpl.prototype.replaceUrlState = function (tab) {
+            var currentUrl = this._router.url;
+            var urlParts = currentUrl.split('/');
+            urlParts.splice(urlParts.length - 1, 1, tab.name);
+            var newUrl = urlParts.join('/');
+            this._location.replaceState(newUrl);
+        };
+        TabLoaderImpl.prototype.setActive = function (tab) {
+            tab.activate();
+            this._activeTab = tab;
+        };
+        Object.defineProperty(TabLoaderImpl.prototype, "tabs", {
+            get: function () {
+                return this._tabs;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TabLoaderImpl.prototype.translateTabName = function (tab) {
+            return this._translateService.instant('dossier.tabs.' + tab.name);
+        };
+        return TabLoaderImpl;
+    }());
+    var TabImpl = /** @class */ (function () {
+        function TabImpl(name, sequence, component) {
+            this._active = false;
+            this._name = name;
+            this._sequence = sequence;
+            this._component = component;
+        }
+        Object.defineProperty(TabImpl.prototype, "name", {
+            get: function () {
+                return this._name;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TabImpl.prototype, "sequence", {
+            get: function () {
+                return this._sequence;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TabImpl.prototype, "component", {
+            get: function () {
+                return this._component;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TabImpl.prototype.activate = function () {
+            this._active = true;
+        };
+        TabImpl.prototype.deactivate = function () {
+            this._active = false;
+        };
+        TabImpl.prototype.isActive = function () {
+            return this._active;
+        };
+        return TabImpl;
+    }());
+
+    /*
+     *
+     *  * 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 (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 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.
-     */
-    (function (DefaultTabs) {
-        DefaultTabs["summary"] = "summary";
-        DefaultTabs["progress"] = "progress";
-        DefaultTabs["audit"] = "audit";
-        DefaultTabs["documents"] = "documents";
-        DefaultTabs["contactMoments"] = "contact-moments";
+    /*
+     * 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.
+     */
+    (function (DefaultTabs) {
+        DefaultTabs["summary"] = "summary";
+        DefaultTabs["progress"] = "progress";
+        DefaultTabs["audit"] = "audit";
+        DefaultTabs["documents"] = "documents";
+        DefaultTabs["contactMoments"] = "contact-moments";
     })(exports.DefaultTabs || (exports.DefaultTabs = {}));
 
-    /*
-     * 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 DossierService = /** @class */ (function () {
-        function DossierService(configService) {
-            this.configService = configService;
-            this.definitions = configService.config.definitions;
-        }
-        DossierService.prototype.getImplementationEnvironmentDefinitions = function (name) {
-            return this.definitions.dossiers.find(function (definition) { return definition.name === name; });
-        };
-        DossierService.prototype.getDefinitionColumns = function (definitionNameId) {
-            var config = this.configService.config;
-            var customDefinitionTable = config.customDefinitionTables[definitionNameId];
-            return customDefinitionTable || config.defaultDefinitionTable;
-        };
-        DossierService.prototype.getInitialSortState = function (columns) {
-            var defaultColumn = columns.find(function (column) { return column.default; });
-            return {
-                isSorting: false,
-                state: {
-                    name: defaultColumn ? defaultColumn.propertyName : columns[0].propertyName,
-                    direction: 'DESC',
-                },
-            };
-        };
-        return DossierService;
-    }());
-    DossierService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DossierService_Factory() { return new DossierService(i0.ɵɵinject(i1.ConfigService)); }, token: DossierService, providedIn: "root" });
-    DossierService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    DossierService.ctorParameters = function () { return [
-        { type: i1.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 DossierService = /** @class */ (function () {
+        function DossierService(configService) {
+            this.configService = configService;
+            this.definitions = configService.config.definitions;
+        }
+        DossierService.prototype.getImplementationEnvironmentDefinitions = function (name) {
+            return this.definitions.dossiers.find(function (definition) { return definition.name === name; });
+        };
+        DossierService.prototype.getDefinitionColumns = function (definitionNameId) {
+            var config = this.configService.config;
+            var customDefinitionTable = config.customDefinitionTables[definitionNameId];
+            return customDefinitionTable || config.defaultDefinitionTable;
+        };
+        DossierService.prototype.getInitialSortState = function (columns) {
+            var defaultColumn = columns.find(function (column) { return column.default; });
+            return {
+                isSorting: false,
+                state: {
+                    name: defaultColumn ? defaultColumn.propertyName : columns[0].propertyName,
+                    direction: 'DESC',
+                },
+            };
+        };
+        return DossierService;
+    }());
+    DossierService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DossierService_Factory() { return new DossierService(i0.ɵɵinject(i1.ConfigService)); }, token: DossierService, providedIn: "root" });
+    DossierService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    DossierService.ctorParameters = function () { return [
+        { type: i1.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 = moment_;
-    moment.locale(localStorage.getItem('langKey') || '');
-    var DossierListComponent = /** @class */ (function () {
-        function DossierListComponent(route, router, documentService, translateService, dossierService) {
-            this.route = route;
-            this.router = router;
-            this.documentService = documentService;
-            this.translateService = translateService;
-            this.dossierService = dossierService;
-            this.documentDefinitionName = '';
-            this.showCreateDocument = false;
-            this.items = [];
-            this.fields = [];
-            this.processDefinitionListFields = [];
-            this.processDocumentDefinitions = [];
-            this.pagination = {
-                collectionSize: 0,
-                page: 1,
-                size: 10,
-                maxPaginationItemSize: 5,
-                sort: undefined,
-            };
-            this.selectedProcessDocumentDefinition = null;
-            this.modalListenerAdded = false;
-        }
-        DossierListComponent.prototype.ngOnInit = function () {
-            this.doInit();
-            this.routeEvent(this.router);
-            this.modalListenerAdded = false;
-        };
-        DossierListComponent.prototype.ngOnDestroy = function () {
-            this.routerSubscription.unsubscribe();
-            this.translationSubscription.unsubscribe();
-        };
-        DossierListComponent.prototype.paginationSet = function () {
-            this.getData();
-        };
-        DossierListComponent.prototype.routeEvent = function (router$1) {
-            var _this = this;
-            this.routerSubscription = router$1.events.subscribe(function (e) {
-                if (e instanceof router.NavigationEnd) {
-                    _this.doInit();
-                    _this.getData();
-                }
-            });
-        };
-        DossierListComponent.prototype.doInit = function () {
-            var documentDefinitionName = this.route.snapshot.paramMap.get('documentDefinitionName') || '';
-            var columns = this.dossierService.getDefinitionColumns(documentDefinitionName);
-            this.documentDefinitionName = documentDefinitionName;
-            this.initialSortState = this.dossierService.getInitialSortState(columns);
-            this.openTranslationSubscription(columns);
-        };
-        DossierListComponent.prototype.openTranslationSubscription = function (columns) {
-            var _this = this;
-            this.translationSubscription = rxjs.combineLatest(columns.map(function (column) { return _this.translateService.stream("fieldLabels." + column.translationKey); })).subscribe(function (labels) {
-                _this.fields = columns.map(function (column, index) { return (Object.assign({ key: column.propertyName, label: labels[index], sortable: column.sortable }, (column.viewType && { viewType: column.viewType }))); });
-            });
-        };
-        DossierListComponent.prototype.getData = function () {
-            this.findDocumentDefinition(this.documentDefinitionName);
-            if (this.hasCachedSearchRequest()) {
-                var documentSearchRequest = this.getCachedSearch();
-                this.globalSearchFilter = documentSearchRequest.globalSearchFilter;
-                this.sequence = documentSearchRequest.sequence;
-                this.createdBy = documentSearchRequest.createdBy;
-                this.findDocuments(documentSearchRequest);
-            }
-            else {
-                this.doSearch();
-            }
-            this.getAllAssociatedProcessDefinitions();
-        };
-        DossierListComponent.prototype.doSearch = function () {
-            var documentSearchRequest = this.buildDocumentSearchRequest();
-            this.findDocuments(documentSearchRequest);
-        };
-        DossierListComponent.prototype.findDocuments = function (documentSearchRequest) {
-            var _this = this;
-            return this.documentService.getDocuments(documentSearchRequest).subscribe(function (documents) {
-                _this.documents = documents;
-                _this.transformDocuments(_this.documents.content);
-                _this.pagination.collectionSize = _this.documents.totalElements;
-                _this.storeSearch(documentSearchRequest);
-            });
-        };
-        DossierListComponent.prototype.getAllAssociatedProcessDefinitions = function () {
-            var _this = this;
-            this.documentService
-                .findProcessDocumentDefinitions(this.documentDefinitionName)
-                .subscribe(function (processDocumentDefinitions) {
-                _this.processDocumentDefinitions = processDocumentDefinitions.filter(function (processDocumentDefinition) { return processDocumentDefinition.canInitializeDocument; });
-                _this.processDefinitionListFields = [
-                    {
-                        key: 'processName',
-                        label: 'Proces',
-                    },
-                ];
-            });
-        };
-        DossierListComponent.prototype.getCachedSearch = function () {
-            var json = JSON.parse(this.getCachedDocumentSearchRequest());
-            return new document.DocumentSearchRequestImpl(json.definitionName, this.pagination.page - 1, this.pagination.size, json.sequence, json.createdBy, json.globalSearchFilter, json.sort);
-        };
-        DossierListComponent.prototype.buildDocumentSearchRequest = function () {
-            return new document.DocumentSearchRequestImpl(this.documentDefinitionName, this.pagination.page - 1, this.pagination.size, this.sequence, this.createdBy, this.globalSearchFilter, this.pagination.sort && this.pagination.sort.isSorting
-                ? this.pagination.sort
-                : this.initialSortState);
-        };
-        DossierListComponent.prototype.storeSearch = function (documentSearchRequest) {
-            localStorage.setItem(this.getCachedKey(), JSON.stringify(documentSearchRequest));
-        };
-        DossierListComponent.prototype.getCachedDocumentSearchRequest = function () {
-            return localStorage.getItem(this.getCachedKey()) || '';
-        };
-        DossierListComponent.prototype.hasCachedSearchRequest = function () {
-            return localStorage.getItem(this.getCachedKey()) !== null;
-        };
-        DossierListComponent.prototype.getCachedKey = function () {
-            return 'list-search-' + this.documentDefinitionName;
-        };
-        DossierListComponent.prototype.rowClick = function (document) {
-            this.router.navigate([
-                "/dossiers/" + this.documentDefinitionName + "/document/" + document.id + "/" + exports.DefaultTabs.summary,
-            ]);
-        };
-        DossierListComponent.prototype.startDossier = function () {
-            if (this.processDocumentDefinitions.length > 1) {
-                $('#startProcess').modal('show');
-            }
-            else {
-                this.selectedProcessDocumentDefinition = this.processDocumentDefinitions[0];
-                this.showStartProcessModal();
-            }
-        };
-        DossierListComponent.prototype.showStartProcessModal = function () {
-            if (this.selectedProcessDocumentDefinition !== null) {
-                this.processStart.openModal(this.selectedProcessDocumentDefinition);
-                this.selectedProcessDocumentDefinition = null;
-            }
-        };
-        DossierListComponent.prototype.selectProcess = function (processDocumentDefinition) {
-            var modal = $('#startProcess');
-            if (!this.modalListenerAdded) {
-                modal.on('hidden.bs.modal', this.showStartProcessModal.bind(this));
-                this.modalListenerAdded = true;
-            }
-            this.selectedProcessDocumentDefinition = processDocumentDefinition;
-            modal.modal('hide');
-        };
-        DossierListComponent.prototype.findDocumentDefinition = function (documentDefinitionName) {
-            var _this = this;
-            this.documentService.getDocumentDefinition(documentDefinitionName).subscribe(function (definition) {
-                _this.schema = definition.schema;
-            });
-        };
-        DossierListComponent.prototype.transformDocuments = function (documentsContent) {
-            this.items = documentsContent.map(function (document) {
-                var content = document.content, others = __rest(document, ["content"]);
-                return Object.assign(Object.assign({}, content), others);
-            });
-        };
-        DossierListComponent.prototype.paginationClicked = function (page) {
-            this.pagination.page = page;
-            this.doSearch();
-        };
-        DossierListComponent.prototype.sortChanged = function (sortState) {
-            this.pagination.sort = sortState;
-            this.doSearch();
-        };
-        DossierListComponent.prototype.getInitialSortState = function () {
-            if (this.hasCachedSearchRequest()) {
-                var cachedRequest = JSON.parse(this.getCachedDocumentSearchRequest());
-                return cachedRequest.sort ? cachedRequest.sort : this.initialSortState;
-            }
-            return this.initialSortState;
-        };
-        return DossierListComponent;
-    }());
-    DossierListComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-dossier-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<ng-container *ngTemplateOutlet=\"sidebar\"></ng-container>\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <div>\n        <div class=\"text-right mt-m3px mb-3\">\n          <button\n            type=\"button\"\n            class=\"btn btn-space btn-primary mr-0\"\n            (click)=\"startDossier()\"\n            [ngbTooltip]=\"processDocumentDefinitions.length === 0 ? 'No action' : null\"\n            placement=\"bottom\"\n            [disabled]=\"processDocumentDefinitions.length === 0\"\n          >\n            {{ 'Start Dossier' | translate }}\n          </button>\n        </div>\n\n        <div\n          class=\"modal fade\"\n          id=\"startProcess\"\n          tabindex=\"-1\"\n          role=\"dialog\"\n          aria-labelledby=\"startProcessLabel\"\n          aria-hidden=\"true\"\n        >\n          <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n            <div class=\"modal-content\">\n              <div class=\"modal-header\">\n                <h3 class=\"modal-title\" id=\"startProcessLabel\">\n                  {{ 'dashboard.startProcess.title' | translate }}\n                </h3>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                  <span aria-hidden=\"true\">&times;</span>\n                </button>\n              </div>\n              <div class=\"modal-body\">\n                <div class=\"table-responsive\">\n                  <table class=\"table m-0\">\n                    <tr\n                      *ngFor=\"let processDocumentDefinition of processDocumentDefinitions\"\n                      (click)=\"selectProcess(processDocumentDefinition)\"\n                      style=\"cursor: pointer\"\n                    >\n                      <td>{{ processDocumentDefinition.processName }}</td>\n                    </tr>\n                  </table>\n                </div>\n              </div>\n              <div class=\"modal-footer\">\n                <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">\n                  {{ 'cta.close' | translate }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <valtimo-widget>\n        <valtimo-list\n          [items]=\"items\"\n          [fields]=\"fields\"\n          (rowClicked)=\"rowClick($event)\"\n          [pagination]=\"pagination\"\n          [viewMode]=\"true\"\n          [header]=\"true\"\n          paginationIdentifier=\"dossierList\"\n          (paginationClicked)=\"paginationClicked($event)\"\n          (paginationSet)=\"paginationSet()\"\n          [initialSortState]=\"getInitialSortState()\"\n          (sortChanged)=\"sortChanged($event)\"\n        >\n          <div header>\n            <h3 class=\"list-header-title\">\n              {{ schema?.title }}\n              <sup class=\"ml-1 badge badge-pill badge-primary\">{{\n                documents?.content.length || 0\n              }}</sup>\n            </h3>\n          </div>\n        </valtimo-list>\n      </valtimo-widget>\n    </div>\n  </div>\n  <valtimo-dossier-process-start-modal #processStartModal></valtimo-dossier-process-start-modal>\n</div>\n\n<ng-template #sidebar>\n  <valtimo-filter-sidebar>\n    <h4 class=\"title\">Search</h4>\n    <div class=\"mb-4\">\n      <input\n        type=\"text\"\n        class=\"form-control\"\n        placeholder=\"{{ 'dossier.forms.globalSearchPlaceHolder' | translate }}\"\n        [(ngModel)]=\"globalSearchFilter\"\n        (blur)=\"doSearch()\"\n        (keyup.enter)=\"doSearch()\"\n      />\n    </div>\n\n    <div class=\"mb-4\">\n      <input\n        type=\"number\"\n        class=\"form-control\"\n        placeholder=\"{{ 'dossier.forms.referenceNumberPlaceHolder' | translate }}\"\n        [(ngModel)]=\"sequence\"\n        (blur)=\"doSearch()\"\n        (keyup.enter)=\"doSearch()\"\n      />\n    </div>\n  </valtimo-filter-sidebar>\n</ng-template>\n",
-                    styles: [""]
-                },] }
-    ];
-    DossierListComponent.ctorParameters = function () { return [
-        { type: router.ActivatedRoute },
-        { type: router.Router },
-        { type: document.DocumentService },
-        { type: core.TranslateService },
-        { type: DossierService }
-    ]; };
-    DossierListComponent.propDecorators = {
-        processStart: [{ type: i0.ViewChild, args: ['processStartModal',] }]
+    /*
+     * 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 = moment_;
+    moment.locale(localStorage.getItem('langKey') || '');
+    var DossierListComponent = /** @class */ (function () {
+        function DossierListComponent(route, router, documentService, translateService, dossierService) {
+            this.route = route;
+            this.router = router;
+            this.documentService = documentService;
+            this.translateService = translateService;
+            this.dossierService = dossierService;
+            this.documentDefinitionName = '';
+            this.showCreateDocument = false;
+            this.items = [];
+            this.fields = [];
+            this.processDefinitionListFields = [];
+            this.processDocumentDefinitions = [];
+            this.pagination = {
+                collectionSize: 0,
+                page: 1,
+                size: 10,
+                maxPaginationItemSize: 5,
+                sort: undefined,
+            };
+            this.selectedProcessDocumentDefinition = null;
+            this.modalListenerAdded = false;
+        }
+        DossierListComponent.prototype.ngOnInit = function () {
+            this.doInit();
+            this.routeEvent(this.router);
+            this.modalListenerAdded = false;
+        };
+        DossierListComponent.prototype.ngOnDestroy = function () {
+            this.routerSubscription.unsubscribe();
+            this.translationSubscription.unsubscribe();
+        };
+        DossierListComponent.prototype.paginationSet = function () {
+            this.getData();
+        };
+        DossierListComponent.prototype.routeEvent = function (router$1) {
+            var _this = this;
+            this.routerSubscription = router$1.events.subscribe(function (e) {
+                if (e instanceof router.NavigationEnd) {
+                    _this.doInit();
+                    _this.getData();
+                }
+            });
+        };
+        DossierListComponent.prototype.doInit = function () {
+            var documentDefinitionName = this.route.snapshot.paramMap.get('documentDefinitionName') || '';
+            var columns = this.dossierService.getDefinitionColumns(documentDefinitionName);
+            this.documentDefinitionName = documentDefinitionName;
+            this.initialSortState = this.dossierService.getInitialSortState(columns);
+            this.openTranslationSubscription(columns);
+        };
+        DossierListComponent.prototype.openTranslationSubscription = function (columns) {
+            var _this = this;
+            this.translationSubscription = rxjs.combineLatest(columns.map(function (column) { return _this.translateService.stream("fieldLabels." + column.translationKey); })).subscribe(function (labels) {
+                _this.fields = columns.map(function (column, index) { return (Object.assign({ key: column.propertyName, label: labels[index], sortable: column.sortable }, (column.viewType && { viewType: column.viewType }))); });
+            });
+        };
+        DossierListComponent.prototype.getData = function () {
+            this.findDocumentDefinition(this.documentDefinitionName);
+            if (this.hasCachedSearchRequest()) {
+                var documentSearchRequest = this.getCachedSearch();
+                this.globalSearchFilter = documentSearchRequest.globalSearchFilter;
+                this.sequence = documentSearchRequest.sequence;
+                this.createdBy = documentSearchRequest.createdBy;
+                this.findDocuments(documentSearchRequest);
+            }
+            else {
+                this.doSearch();
+            }
+            this.getAllAssociatedProcessDefinitions();
+        };
+        DossierListComponent.prototype.doSearch = function () {
+            var documentSearchRequest = this.buildDocumentSearchRequest();
+            this.findDocuments(documentSearchRequest);
+        };
+        DossierListComponent.prototype.findDocuments = function (documentSearchRequest) {
+            var _this = this;
+            return this.documentService.getDocuments(documentSearchRequest).subscribe(function (documents) {
+                _this.documents = documents;
+                _this.transformDocuments(_this.documents.content);
+                _this.pagination.collectionSize = _this.documents.totalElements;
+                _this.storeSearch(documentSearchRequest);
+            });
+        };
+        DossierListComponent.prototype.getAllAssociatedProcessDefinitions = function () {
+            var _this = this;
+            this.documentService
+                .findProcessDocumentDefinitions(this.documentDefinitionName)
+                .subscribe(function (processDocumentDefinitions) {
+                _this.processDocumentDefinitions = processDocumentDefinitions.filter(function (processDocumentDefinition) { return processDocumentDefinition.canInitializeDocument; });
+                _this.processDefinitionListFields = [
+                    {
+                        key: 'processName',
+                        label: 'Proces',
+                    },
+                ];
+            });
+        };
+        DossierListComponent.prototype.getCachedSearch = function () {
+            var json = JSON.parse(this.getCachedDocumentSearchRequest());
+            return new document.DocumentSearchRequestImpl(json.definitionName, this.pagination.page - 1, this.pagination.size, json.sequence, json.createdBy, json.globalSearchFilter, json.sort);
+        };
+        DossierListComponent.prototype.buildDocumentSearchRequest = function () {
+            return new document.DocumentSearchRequestImpl(this.documentDefinitionName, this.pagination.page - 1, this.pagination.size, this.sequence, this.createdBy, this.globalSearchFilter, this.pagination.sort && this.pagination.sort.isSorting
+                ? this.pagination.sort
+                : this.initialSortState);
+        };
+        DossierListComponent.prototype.storeSearch = function (documentSearchRequest) {
+            localStorage.setItem(this.getCachedKey(), JSON.stringify(documentSearchRequest));
+        };
+        DossierListComponent.prototype.getCachedDocumentSearchRequest = function () {
+            return localStorage.getItem(this.getCachedKey()) || '';
+        };
+        DossierListComponent.prototype.hasCachedSearchRequest = function () {
+            return localStorage.getItem(this.getCachedKey()) !== null;
+        };
+        DossierListComponent.prototype.getCachedKey = function () {
+            return 'list-search-' + this.documentDefinitionName;
+        };
+        DossierListComponent.prototype.rowClick = function (document) {
+            this.router.navigate([
+                "/dossiers/" + this.documentDefinitionName + "/document/" + document.id + "/" + exports.DefaultTabs.summary,
+            ]);
+        };
+        DossierListComponent.prototype.startDossier = function () {
+            if (this.processDocumentDefinitions.length > 1) {
+                $('#startProcess').modal('show');
+            }
+            else {
+                this.selectedProcessDocumentDefinition = this.processDocumentDefinitions[0];
+                this.showStartProcessModal();
+            }
+        };
+        DossierListComponent.prototype.showStartProcessModal = function () {
+            if (this.selectedProcessDocumentDefinition !== null) {
+                this.processStart.openModal(this.selectedProcessDocumentDefinition);
+                this.selectedProcessDocumentDefinition = null;
+            }
+        };
+        DossierListComponent.prototype.selectProcess = function (processDocumentDefinition) {
+            var modal = $('#startProcess');
+            if (!this.modalListenerAdded) {
+                modal.on('hidden.bs.modal', this.showStartProcessModal.bind(this));
+                this.modalListenerAdded = true;
+            }
+            this.selectedProcessDocumentDefinition = processDocumentDefinition;
+            modal.modal('hide');
+        };
+        DossierListComponent.prototype.findDocumentDefinition = function (documentDefinitionName) {
+            var _this = this;
+            this.documentService.getDocumentDefinition(documentDefinitionName).subscribe(function (definition) {
+                _this.schema = definition.schema;
+            });
+        };
+        DossierListComponent.prototype.transformDocuments = function (documentsContent) {
+            this.items = documentsContent.map(function (document) {
+                var content = document.content, others = __rest(document, ["content"]);
+                return Object.assign(Object.assign({}, content), others);
+            });
+        };
+        DossierListComponent.prototype.paginationClicked = function (page) {
+            this.pagination.page = page;
+            this.doSearch();
+        };
+        DossierListComponent.prototype.sortChanged = function (sortState) {
+            this.pagination.sort = sortState;
+            this.doSearch();
+        };
+        DossierListComponent.prototype.getInitialSortState = function () {
+            if (this.hasCachedSearchRequest()) {
+                var cachedRequest = JSON.parse(this.getCachedDocumentSearchRequest());
+                return cachedRequest.sort ? cachedRequest.sort : this.initialSortState;
+            }
+            return this.initialSortState;
+        };
+        return DossierListComponent;
+    }());
+    DossierListComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-dossier-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<ng-container *ngTemplateOutlet=\"sidebar\"></ng-container>\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <div>\n        <div class=\"text-right mt-m3px mb-3\">\n          <button\n            type=\"button\"\n            class=\"btn btn-space btn-primary mr-0\"\n            (click)=\"startDossier()\"\n            [ngbTooltip]=\"processDocumentDefinitions.length === 0 ? 'No action' : null\"\n            placement=\"bottom\"\n            [disabled]=\"processDocumentDefinitions.length === 0\"\n          >\n            {{ 'Start Dossier' | translate }}\n          </button>\n        </div>\n\n        <div\n          class=\"modal fade\"\n          id=\"startProcess\"\n          tabindex=\"-1\"\n          role=\"dialog\"\n          aria-labelledby=\"startProcessLabel\"\n          aria-hidden=\"true\"\n        >\n          <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n            <div class=\"modal-content\">\n              <div class=\"modal-header\">\n                <h3 class=\"modal-title\" id=\"startProcessLabel\">\n                  {{ 'dashboard.startProcess.title' | translate }}\n                </h3>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                  <span aria-hidden=\"true\">&times;</span>\n                </button>\n              </div>\n              <div class=\"modal-body\">\n                <div class=\"table-responsive\">\n                  <table class=\"table m-0\">\n                    <tr\n                      *ngFor=\"let processDocumentDefinition of processDocumentDefinitions\"\n                      (click)=\"selectProcess(processDocumentDefinition)\"\n                      style=\"cursor: pointer\"\n                    >\n                      <td>{{ processDocumentDefinition.processName }}</td>\n                    </tr>\n                  </table>\n                </div>\n              </div>\n              <div class=\"modal-footer\">\n                <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">\n                  {{ 'cta.close' | translate }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <valtimo-widget>\n        <valtimo-list\n          [items]=\"items\"\n          [fields]=\"fields\"\n          (rowClicked)=\"rowClick($event)\"\n          [pagination]=\"pagination\"\n          [viewMode]=\"true\"\n          [header]=\"true\"\n          paginationIdentifier=\"dossierList\"\n          (paginationClicked)=\"paginationClicked($event)\"\n          (paginationSet)=\"paginationSet()\"\n          [initialSortState]=\"getInitialSortState()\"\n          (sortChanged)=\"sortChanged($event)\"\n        >\n          <div header>\n            <h3 class=\"list-header-title\">\n              {{ schema?.title }}\n              <sup class=\"ml-1 badge badge-pill badge-primary\">{{\n                documents?.content.length || 0\n              }}</sup>\n            </h3>\n          </div>\n        </valtimo-list>\n      </valtimo-widget>\n    </div>\n  </div>\n  <valtimo-dossier-process-start-modal #processStartModal></valtimo-dossier-process-start-modal>\n</div>\n\n<ng-template #sidebar>\n  <valtimo-filter-sidebar>\n    <h4 class=\"title\">Search</h4>\n    <div class=\"mb-4\">\n      <input\n        type=\"text\"\n        class=\"form-control\"\n        placeholder=\"{{ 'dossier.forms.globalSearchPlaceHolder' | translate }}\"\n        [(ngModel)]=\"globalSearchFilter\"\n        (blur)=\"doSearch()\"\n        (keyup.enter)=\"doSearch()\"\n      />\n    </div>\n\n    <div class=\"mb-4\">\n      <input\n        type=\"number\"\n        class=\"form-control\"\n        placeholder=\"{{ 'dossier.forms.referenceNumberPlaceHolder' | translate }}\"\n        [(ngModel)]=\"sequence\"\n        (blur)=\"doSearch()\"\n        (keyup.enter)=\"doSearch()\"\n      />\n    </div>\n  </valtimo-filter-sidebar>\n</ng-template>\n",
+                    styles: [""]
+                },] }
+    ];
+    DossierListComponent.ctorParameters = function () { return [
+        { type: router.ActivatedRoute },
+        { type: router.Router },
+        { type: document.DocumentService },
+        { type: core.TranslateService },
+        { type: DossierService }
+    ]; };
+    DossierListComponent.propDecorators = {
+        processStart: [{ type: i0.ViewChild, args: ['processStartModal',] }]
     };
 
-    var moment$1 = moment_;
-    moment$1.locale(localStorage.getItem('langKey') || '');
-    moment$1.defaultFormat = 'DD MMM YYYY HH:mm';
-    var DossierDetailTabSummaryComponent = /** @class */ (function () {
-        function DossierDetailTabSummaryComponent(router, documentService, taskService, processService, el, renderer, route, formService, userProviderService) {
-            this.router = router;
-            this.documentService = documentService;
-            this.taskService = taskService;
-            this.processService = processService;
-            this.el = el;
-            this.renderer = renderer;
-            this.route = route;
-            this.formService = formService;
-            this.userProviderService = userProviderService;
-            this.processDocumentInstances = [];
-            this.tasks = [];
-            this.formDefinition = null;
-            this.roles = [];
-            this.snapshot = this.route.snapshot.paramMap;
-            this.documentDefinitionName = this.snapshot.get('documentDefinitionName') || '';
-            this.documentId = this.snapshot.get('documentId') || '';
-            this.options = new contract.FormioOptionsImpl();
-            this.options.disableAlerts = true;
-        }
-        DossierDetailTabSummaryComponent.prototype.ngOnInit = function () {
-            this.moment = moment$1;
-            this.init();
-        };
-        DossierDetailTabSummaryComponent.prototype.init = function () {
-            var _this = this;
-            this.documentService.getDocument(this.documentId).subscribe(function (document) {
-                _this.document = document;
-            });
-            this.formService
-                .getFormDefinitionByNamePreFilled(this.documentDefinitionName + ".summary", this.documentId)
-                .subscribe(function (formDefinition) {
-                _this.formDefinition = formDefinition;
-            });
-            this.userProviderService.getUserSubject().subscribe(function (user) {
-                _this.roles = user.roles;
-                _this.tasks = [];
-                _this.loadProcessDocumentInstances(_this.documentId);
-            });
-        };
-        DossierDetailTabSummaryComponent.prototype.loadProcessDocumentInstances = function (documentId) {
-            var _this = this;
-            this.documentService
-                .findProcessDocumentInstances(documentId)
-                .subscribe(function (processDocumentInstances) {
-                _this.processDocumentInstances = processDocumentInstances;
-                _this.processDocumentInstances.forEach(function (instance) {
-                    _this.loadProcessInstanceTasks(instance.id.processInstanceId);
-                });
-            });
-        };
-        DossierDetailTabSummaryComponent.prototype.loadProcessInstanceTasks = function (processInstanceId) {
-            var _this = this;
-            this.processService.getProcessInstanceTasks(processInstanceId).subscribe(function (tasks) {
-                tasks.forEach(function (task) {
-                    task.createdUnix = _this.moment(task.created).unix();
-                    task.created = _this.moment(task.created).format('DD MMM YYYY HH:mm');
-                    task.isLocked = function () {
-                        var e_1, _a;
-                        var locked = true;
-                        try {
-                            for (var _b = __values(task.identityLinks), _c = _b.next(); !_c.done; _c = _b.next()) {
-                                var link = _c.value;
-                                if (link.type === 'candidate' && link.groupId) {
-                                    if (_this.roles.includes(link.groupId)) {
-                                        locked = false;
-                                        break;
-                                    }
-                                }
-                            }
-                        }
-                        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                        finally {
-                            try {
-                                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                            }
-                            finally { if (e_1) throw e_1.error; }
-                        }
-                        return locked;
-                    };
-                });
-                _this.tasks = _this.tasks.concat(tasks);
-                _this.tasks.sort(function (t1, t2) { return t2.createdUnix - t1.createdUnix; });
-            });
-        };
-        DossierDetailTabSummaryComponent.prototype.rowTaskClick = function (task) {
-            this.taskDetail.openTaskDetails(task);
-        };
-        return DossierDetailTabSummaryComponent;
-    }());
-    DossierDetailTabSummaryComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-dossier-detail-tab-summary',
-                    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=\"container-fluid\">\n  <div class=\"row py-4\">\n    <div class=\"col-sm-12 col-md-8 col-xl-9\">\n      <div *ngIf=\"document\">\n        <div *ngIf=\"formDefinition\" class=\"summaryForm\">\n          <div class=\"mb-4\">\n            <valtimo-form-io [form]=\"formDefinition\" [options]=\"options\"></valtimo-form-io>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!--Current user tasks right side-->\n    <div class=\"col-sm-12 col-md-4 col-xl-3\">\n      <h4 class=\"user-tasks-title\">User tasks</h4>\n      <ng-container *ngIf=\"!tasks.length\">\n        <valtimo-widget>\n          <div class=\"p-3\">\n            <img class=\"float-left\" src=\"assets/audit-2.png\" height=\"25\" />\n            <span class=\"float-right\">{{ 'summary.userTasksDoneState' | translate }}</span>\n            <div class=\"clearfix\"></div>\n          </div>\n        </valtimo-widget>\n      </ng-container>\n      <ng-container *ngFor=\"let task of tasks\">\n        <valtimo-widget>\n          <div\n            class=\"p-3 clickable hoverable\"\n            (click)=\"rowTaskClick(task)\"\n            *ngIf=\"!task.isLocked()\"\n          >\n            <span class=\"float-right badge badge-pill badge-primary\">Open</span>\n            <strong>{{ task.name }}</strong>\n            <div>Created {{ task.created }}</div>\n          </div>\n          <div class=\"p-3 hoverable\" *ngIf=\"task.isLocked()\">\n            <span\n              class=\"float-right badge badge-pill badge-secondary bg-grey\"\n              ngbTooltip=\"{{ 'summary.taskLocked' | translate }}\"\n            >\n              <i class=\"icon mdi mdi-lock\"></i>\n            </span>\n            <strong>{{ task.name }}</strong>\n            <div>Created {{ task.created }}</div>\n          </div>\n        </valtimo-widget>\n      </ng-container>\n      <valtimo-task-detail-modal\n        #taskDetail\n        (formSubmit)=\"init()\"\n        (assignmentOfTaskChanged)=\"init()\"\n      ></valtimo-task-detail-modal>\n    </div>\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 */.hoverable:hover{background-color:#eee}.summaryForm .formio-component{margin-bottom:0!important}.summaryForm .formio-component div[ref=element] .form-control{background-color:#fff;border:0;font-size:13px;height:24px!important;margin:0;padding:0!important}.summaryForm .formio-field div[ref=element] .form-control{font-weight:400}.summaryForm .formio-value div[ref=element] .form-control{font-weight:700}.user-tasks-title{color:#000;font-weight:400;height:20px;margin-bottom:12px;margin-top:0}"]
-                },] }
-    ];
-    DossierDetailTabSummaryComponent.ctorParameters = function () { return [
-        { type: router.Router },
-        { type: document.DocumentService },
-        { type: task.TaskService },
-        { type: process.ProcessService },
-        { type: i0.ElementRef },
-        { type: i0.Renderer2 },
-        { type: router.ActivatedRoute },
-        { type: form.FormService },
-        { type: security.UserProviderService }
-    ]; };
-    DossierDetailTabSummaryComponent.propDecorators = {
-        taskDetail: [{ type: i0.ViewChild, args: ['taskDetail',] }]
+    var moment$1 = moment_;
+    moment$1.locale(localStorage.getItem('langKey') || '');
+    moment$1.defaultFormat = 'DD MMM YYYY HH:mm';
+    var DossierDetailTabSummaryComponent = /** @class */ (function () {
+        function DossierDetailTabSummaryComponent(router, documentService, taskService, processService, el, renderer, route, formService, userProviderService) {
+            this.router = router;
+            this.documentService = documentService;
+            this.taskService = taskService;
+            this.processService = processService;
+            this.el = el;
+            this.renderer = renderer;
+            this.route = route;
+            this.formService = formService;
+            this.userProviderService = userProviderService;
+            this.processDocumentInstances = [];
+            this.tasks = [];
+            this.formDefinition = null;
+            this.roles = [];
+            this.snapshot = this.route.snapshot.paramMap;
+            this.documentDefinitionName = this.snapshot.get('documentDefinitionName') || '';
+            this.documentId = this.snapshot.get('documentId') || '';
+            this.options = new components.FormioOptionsImpl();
+            this.options.disableAlerts = true;
+        }
+        DossierDetailTabSummaryComponent.prototype.ngOnInit = function () {
+            this.moment = moment$1;
+            this.init();
+        };
+        DossierDetailTabSummaryComponent.prototype.init = function () {
+            var _this = this;
+            this.documentService.getDocument(this.documentId).subscribe(function (document) {
+                _this.document = document;
+            });
+            this.formService
+                .getFormDefinitionByNamePreFilled(this.documentDefinitionName + ".summary", this.documentId)
+                .subscribe(function (formDefinition) {
+                _this.formDefinition = formDefinition;
+            });
+            this.userProviderService.getUserSubject().subscribe(function (user) {
+                _this.roles = user.roles;
+                _this.tasks = [];
+                _this.loadProcessDocumentInstances(_this.documentId);
+            });
+        };
+        DossierDetailTabSummaryComponent.prototype.loadProcessDocumentInstances = function (documentId) {
+            var _this = this;
+            this.documentService
+                .findProcessDocumentInstances(documentId)
+                .subscribe(function (processDocumentInstances) {
+                _this.processDocumentInstances = processDocumentInstances;
+                _this.processDocumentInstances.forEach(function (instance) {
+                    _this.loadProcessInstanceTasks(instance.id.processInstanceId);
+                });
+            });
+        };
+        DossierDetailTabSummaryComponent.prototype.loadProcessInstanceTasks = function (processInstanceId) {
+            var _this = this;
+            this.processService.getProcessInstanceTasks(processInstanceId).subscribe(function (tasks) {
+                tasks.forEach(function (task) {
+                    task.createdUnix = _this.moment(task.created).unix();
+                    task.created = _this.moment(task.created).format('DD MMM YYYY HH:mm');
+                    task.isLocked = function () {
+                        var e_1, _a;
+                        var locked = true;
+                        try {
+                            for (var _b = __values(task.identityLinks), _c = _b.next(); !_c.done; _c = _b.next()) {
+                                var link = _c.value;
+                                if (link.type === 'candidate' && link.groupId) {
+                                    if (_this.roles.includes(link.groupId)) {
+                                        locked = false;
+                                        break;
+                                    }
+                                }
+                            }
+                        }
+                        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                        finally {
+                            try {
+                                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                            }
+                            finally { if (e_1) throw e_1.error; }
+                        }
+                        return locked;
+                    };
+                });
+                _this.tasks = _this.tasks.concat(tasks);
+                _this.tasks.sort(function (t1, t2) { return t2.createdUnix - t1.createdUnix; });
+            });
+        };
+        DossierDetailTabSummaryComponent.prototype.rowTaskClick = function (task) {
+            this.taskDetail.openTaskDetails(task);
+        };
+        return DossierDetailTabSummaryComponent;
+    }());
+    DossierDetailTabSummaryComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-dossier-detail-tab-summary',
+                    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=\"container-fluid\">\n  <div class=\"row py-4\">\n    <div class=\"col-sm-12 col-md-8 col-xl-9\">\n      <div *ngIf=\"document\">\n        <div *ngIf=\"formDefinition\" class=\"summaryForm\">\n          <div class=\"mb-4\">\n            <valtimo-form-io [form]=\"formDefinition\" [options]=\"options\"></valtimo-form-io>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!--Current user tasks right side-->\n    <div class=\"col-sm-12 col-md-4 col-xl-3\">\n      <h4 class=\"user-tasks-title\">User tasks</h4>\n      <ng-container *ngIf=\"!tasks.length\">\n        <valtimo-widget>\n          <div class=\"p-3\">\n            <img class=\"float-left\" src=\"assets/audit-2.png\" height=\"25\" />\n            <span class=\"float-right\">{{ 'summary.userTasksDoneState' | translate }}</span>\n            <div class=\"clearfix\"></div>\n          </div>\n        </valtimo-widget>\n      </ng-container>\n      <ng-container *ngFor=\"let task of tasks\">\n        <valtimo-widget>\n          <div\n            class=\"p-3 clickable hoverable\"\n            (click)=\"rowTaskClick(task)\"\n            *ngIf=\"!task.isLocked()\"\n          >\n            <span class=\"float-right badge badge-pill badge-primary\">Open</span>\n            <strong>{{ task.name }}</strong>\n            <div>Created {{ task.created }}</div>\n          </div>\n          <div class=\"p-3 hoverable\" *ngIf=\"task.isLocked()\">\n            <span\n              class=\"float-right badge badge-pill badge-secondary bg-grey\"\n              ngbTooltip=\"{{ 'summary.taskLocked' | translate }}\"\n            >\n              <i class=\"icon mdi mdi-lock\"></i>\n            </span>\n            <strong>{{ task.name }}</strong>\n            <div>Created {{ task.created }}</div>\n          </div>\n        </valtimo-widget>\n      </ng-container>\n      <valtimo-task-detail-modal\n        #taskDetail\n        (formSubmit)=\"init()\"\n        (assignmentOfTaskChanged)=\"init()\"\n      ></valtimo-task-detail-modal>\n    </div>\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 */.hoverable:hover{background-color:#eee}.summaryForm .formio-component{margin-bottom:0!important}.summaryForm .formio-component div[ref=element] .form-control{background-color:#fff;border:0;font-size:13px;height:24px!important;margin:0;padding:0!important}.summaryForm .formio-field div[ref=element] .form-control{font-weight:400}.summaryForm .formio-value div[ref=element] .form-control{font-weight:700}.user-tasks-title{color:#000;font-weight:400;height:20px;margin-bottom:12px;margin-top:0}"]
+                },] }
+    ];
+    DossierDetailTabSummaryComponent.ctorParameters = function () { return [
+        { type: router.Router },
+        { type: document.DocumentService },
+        { type: task.TaskService },
+        { type: process.ProcessService },
+        { type: i0.ElementRef },
+        { type: i0.Renderer2 },
+        { type: router.ActivatedRoute },
+        { type: form.FormService },
+        { type: security.UserProviderService }
+    ]; };
+    DossierDetailTabSummaryComponent.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 DossierDetailTabProgressComponent = /** @class */ (function () {
-        function DossierDetailTabProgressComponent(route, documentService) {
-            this.route = route;
-            this.documentService = documentService;
-            var snapshot = this.route.snapshot.paramMap;
-            this.documentId = snapshot.get('documentId') || '';
-        }
-        DossierDetailTabProgressComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.documentService
-                .findProcessDocumentInstances(this.documentId)
-                .subscribe(function (processDocumentInstances) {
-                _this.processDocumentInstances = processDocumentInstances;
-                _this.selectedProcessInstanceId = processDocumentInstances[0].id.processInstanceId;
-            });
-        };
-        DossierDetailTabProgressComponent.prototype.loadProcessInstance = function (processInstanceId) {
-            this.selectedProcessInstanceId = processInstanceId;
-        };
-        return DossierDetailTabProgressComponent;
-    }());
-    DossierDetailTabProgressComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-dossier-detail-tab-progress',
-                    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=\"full-height-tab-content\" *ngIf=\"processDocumentInstances\">\n  <div class=\"col-3\">\n    <label><strong>Process</strong></label\n    ><br />\n    <select class=\"form-control\" (change)=\"loadProcessInstance($event.target.value)\">\n      <option\n        *ngFor=\"let processDocumentInstance of processDocumentInstances\"\n        [value]=\"processDocumentInstance.id.processInstanceId\"\n        [selected]=\"selectedProcessInstanceId === processDocumentInstance.id.processInstanceId\"\n      >\n        {{ processDocumentInstance.processName }}\n      </option>\n    </select>\n  </div>\n  <valtimo-process-diagram\n    [processInstanceId]=\"selectedProcessInstanceId\"\n  ></valtimo-process-diagram>\n</div>\n",
-                    styles: [".full-height-tab-content{height:calc(100vh - 380px);width:100%}"]
-                },] }
-    ];
-    DossierDetailTabProgressComponent.ctorParameters = function () { return [
-        { type: router.ActivatedRoute },
-        { type: document.DocumentService }
+    /*
+     * 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 DossierDetailTabProgressComponent = /** @class */ (function () {
+        function DossierDetailTabProgressComponent(route, documentService) {
+            this.route = route;
+            this.documentService = documentService;
+            var snapshot = this.route.snapshot.paramMap;
+            this.documentId = snapshot.get('documentId') || '';
+        }
+        DossierDetailTabProgressComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.documentService
+                .findProcessDocumentInstances(this.documentId)
+                .subscribe(function (processDocumentInstances) {
+                _this.processDocumentInstances = processDocumentInstances;
+                _this.selectedProcessInstanceId = processDocumentInstances[0].id.processInstanceId;
+            });
+        };
+        DossierDetailTabProgressComponent.prototype.loadProcessInstance = function (processInstanceId) {
+            this.selectedProcessInstanceId = processInstanceId;
+        };
+        return DossierDetailTabProgressComponent;
+    }());
+    DossierDetailTabProgressComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-dossier-detail-tab-progress',
+                    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=\"full-height-tab-content\" *ngIf=\"processDocumentInstances\">\n  <div class=\"col-3\">\n    <label><strong>Process</strong></label\n    ><br />\n    <select class=\"form-control\" (change)=\"loadProcessInstance($event.target.value)\">\n      <option\n        *ngFor=\"let processDocumentInstance of processDocumentInstances\"\n        [value]=\"processDocumentInstance.id.processInstanceId\"\n        [selected]=\"selectedProcessInstanceId === processDocumentInstance.id.processInstanceId\"\n      >\n        {{ processDocumentInstance.processName }}\n      </option>\n    </select>\n  </div>\n  <valtimo-process-diagram\n    [processInstanceId]=\"selectedProcessInstanceId\"\n  ></valtimo-process-diagram>\n</div>\n",
+                    styles: [".full-height-tab-content{height:calc(100vh - 380px);width:100%}"]
+                },] }
+    ];
+    DossierDetailTabProgressComponent.ctorParameters = function () { return [
+        { type: router.ActivatedRoute },
+        { type: document.DocumentService }
     ]; };
 
-    /*
-     * 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$2 = moment_;
-    moment$2.locale(localStorage.getItem('langKey') || '');
-    moment$2.defaultFormat = 'DD MMM YYYY HH:mm';
-    var DossierDetailTabAuditComponent = /** @class */ (function () {
-        function DossierDetailTabAuditComponent(route, documentService, spinnerService) {
-            this.route = route;
-            this.documentService = documentService;
-            this.spinnerService = spinnerService;
-            this.paginationClicked = new i0.EventEmitter();
-            this.defaultAuditPage = 0;
-            this.spinnerService.show('auditSpinner');
-            var snapshot = this.route.snapshot.paramMap;
-            this.documentId = snapshot.get('documentId') || '';
-        }
-        DossierDetailTabAuditComponent.getTranslationKey = function (auditEvent) {
-            var classNameArray = auditEvent.className.split('.');
-            var eventName = classNameArray[classNameArray.length - 1];
-            return 'events.' + eventName;
-        };
-        DossierDetailTabAuditComponent.prototype.ngOnInit = function () {
-            this.loadAuditPage(this.defaultAuditPage);
-        };
-        DossierDetailTabAuditComponent.prototype.loadAuditPage = function (pageNumber) {
-            var _this = this;
-            this.documentService.getAuditLog(this.documentId, pageNumber).subscribe(function (page) {
-                var timelineItems = [];
-                page.content.forEach(function (auditRecord) {
-                    var occurredOn = moment$2(auditRecord.metaData.occurredOn);
-                    var fromNow = occurredOn.fromNow();
-                    timelineItems.push(new contract.TimelineItemImpl(occurredOn.format('DD MMM YYYY'), occurredOn.format('HH:mm'), auditRecord.metaData.user, fromNow, DossierDetailTabAuditComponent.getTranslationKey(auditRecord.auditEvent), auditRecord.auditEvent));
-                });
-                _this.timelineItems = timelineItems;
-                _this.spinnerService.hide('auditSpinner');
-                _this.pagination = page;
-                _this.pagination.number += 1;
-            });
-        };
-        DossierDetailTabAuditComponent.prototype.onChangePagination = function (page) {
-            this.paginationClicked.emit(page);
-            this.currentAuditPage = page - 1;
-            this.loadAuditPage(this.currentAuditPage);
-        };
-        return DossierDetailTabAuditComponent;
-    }());
-    DossierDetailTabAuditComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-dossier-detail-tab-audit',
-                    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 *ngIf=\"timelineItems\">\n  <valtimo-timeline [items]=\"timelineItems\"></valtimo-timeline>\n</div>\n<valtimo-spinner\n  [useBootstrapSpinner]=\"false\"\n  name=\"auditSpinner\"\n  bdColor=\"rgba(125, 125, 125, 0.35)\"\n  color=\"#264251\"\n  type=\"square-jelly-box\"\n>\n</valtimo-spinner>\n<div\n  class=\"pagination-holder audit-pagination bg-light px-4 pt-4 pb-2 overflow-auto row mr-0 ml-0\"\n  *ngIf=\"pagination && pagination.totalElements > pagination.size\"\n>\n  <div class=\"float-left page-count col-4\">\n    <strong>{{\n      'list.currentPage' | translate: {current: pagination.number, total: pagination.totalPages}\n    }}</strong>\n    <br />\n    {{\n      pagination.totalElements === 1\n        ? ('list.showingResult' | translate: {number: pagination.content.length})\n        : ('list.showingResults'\n          | translate: {number: pagination.content.length, total: pagination.totalElements})\n    }}\n  </div>\n  <div class=\"col-8\">\n    <ngb-pagination\n      *ngIf=\"pagination.totalElements > pagination.size\"\n      class=\"float-right\"\n      [collectionSize]=\"pagination.totalElements\"\n      [(page)]=\"pagination.number\"\n      [pageSize]=\"pagination.size\"\n      [maxSize]=\"pagination.size\"\n      [rotate]=\"true\"\n      (pageChange)=\"onChangePagination(pagination.number)\"\n    ></ngb-pagination>\n  </div>\n</div>\n",
-                    styles: [".audit-pagination{border-top:1px solid #dee2e6;margin:0 -1.923rem -1.923rem!important}"]
-                },] }
-    ];
-    DossierDetailTabAuditComponent.ctorParameters = function () { return [
-        { type: router.ActivatedRoute },
-        { type: document.DocumentService },
-        { type: ngxSpinner.NgxSpinnerService }
-    ]; };
-    DossierDetailTabAuditComponent.propDecorators = {
-        paginationClicked: [{ 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$2 = moment_;
+    moment$2.locale(localStorage.getItem('langKey') || '');
+    moment$2.defaultFormat = 'DD MMM YYYY HH:mm';
+    var DossierDetailTabAuditComponent = /** @class */ (function () {
+        function DossierDetailTabAuditComponent(route, documentService, spinnerService) {
+            this.route = route;
+            this.documentService = documentService;
+            this.spinnerService = spinnerService;
+            this.paginationClicked = new i0.EventEmitter();
+            this.defaultAuditPage = 0;
+            this.spinnerService.show('auditSpinner');
+            var snapshot = this.route.snapshot.paramMap;
+            this.documentId = snapshot.get('documentId') || '';
+        }
+        DossierDetailTabAuditComponent.getTranslationKey = function (auditEvent) {
+            var classNameArray = auditEvent.className.split('.');
+            var eventName = classNameArray[classNameArray.length - 1];
+            return 'events.' + eventName;
+        };
+        DossierDetailTabAuditComponent.prototype.ngOnInit = function () {
+            this.loadAuditPage(this.defaultAuditPage);
+        };
+        DossierDetailTabAuditComponent.prototype.loadAuditPage = function (pageNumber) {
+            var _this = this;
+            this.documentService.getAuditLog(this.documentId, pageNumber).subscribe(function (page) {
+                var timelineItems = [];
+                page.content.forEach(function (auditRecord) {
+                    var occurredOn = moment$2(auditRecord.metaData.occurredOn);
+                    var fromNow = occurredOn.fromNow();
+                    timelineItems.push(new components.TimelineItemImpl(occurredOn.format('DD MMM YYYY'), occurredOn.format('HH:mm'), auditRecord.metaData.user, fromNow, DossierDetailTabAuditComponent.getTranslationKey(auditRecord.auditEvent), auditRecord.auditEvent));
+                });
+                _this.timelineItems = timelineItems;
+                _this.spinnerService.hide('auditSpinner');
+                _this.pagination = page;
+                _this.pagination.number += 1;
+            });
+        };
+        DossierDetailTabAuditComponent.prototype.onChangePagination = function (page) {
+            this.paginationClicked.emit(page);
+            this.currentAuditPage = page - 1;
+            this.loadAuditPage(this.currentAuditPage);
+        };
+        return DossierDetailTabAuditComponent;
+    }());
+    DossierDetailTabAuditComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-dossier-detail-tab-audit',
+                    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 *ngIf=\"timelineItems\">\n  <valtimo-timeline [items]=\"timelineItems\"></valtimo-timeline>\n</div>\n<valtimo-spinner\n  [useBootstrapSpinner]=\"false\"\n  name=\"auditSpinner\"\n  bdColor=\"rgba(125, 125, 125, 0.35)\"\n  color=\"#264251\"\n  type=\"square-jelly-box\"\n>\n</valtimo-spinner>\n<div\n  class=\"pagination-holder audit-pagination bg-light px-4 pt-4 pb-2 overflow-auto row mr-0 ml-0\"\n  *ngIf=\"pagination && pagination.totalElements > pagination.size\"\n>\n  <div class=\"float-left page-count col-4\">\n    <strong>{{\n      'list.currentPage' | translate: {current: pagination.number, total: pagination.totalPages}\n    }}</strong>\n    <br />\n    {{\n      pagination.totalElements === 1\n        ? ('list.showingResult' | translate: {number: pagination.content.length})\n        : ('list.showingResults'\n          | translate: {number: pagination.content.length, total: pagination.totalElements})\n    }}\n  </div>\n  <div class=\"col-8\">\n    <ngb-pagination\n      *ngIf=\"pagination.totalElements > pagination.size\"\n      class=\"float-right\"\n      [collectionSize]=\"pagination.totalElements\"\n      [(page)]=\"pagination.number\"\n      [pageSize]=\"pagination.size\"\n      [maxSize]=\"pagination.size\"\n      [rotate]=\"true\"\n      (pageChange)=\"onChangePagination(pagination.number)\"\n    ></ngb-pagination>\n  </div>\n</div>\n",
+                    styles: [".audit-pagination{border-top:1px solid #dee2e6;margin:0 -1.923rem -1.923rem!important}"]
+                },] }
+    ];
+    DossierDetailTabAuditComponent.ctorParameters = function () { return [
+        { type: router.ActivatedRoute },
+        { type: document.DocumentService },
+        { type: ngxSpinner.NgxSpinnerService }
+    ]; };
+    DossierDetailTabAuditComponent.propDecorators = {
+        paginationClicked: [{ type: i0.Output }]
     };
 
-    var DossierDetailTabDocumentsComponent = /** @class */ (function () {
-        function DossierDetailTabDocumentsComponent(route, documentService, toastrService, uploadProviderService, downloadService, translateService, configService) {
-            var _this = this;
-            var _a, _b;
-            this.route = route;
-            this.documentService = documentService;
-            this.toastrService = toastrService;
-            this.uploadProviderService = uploadProviderService;
-            this.downloadService = downloadService;
-            this.translateService = translateService;
-            this.configService = configService;
-            this.maxFileSize = ((_b = (_a = this.configService) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.caseFileSizeUploadLimitMB) || 5;
-            this.refetch$ = new rxjs.BehaviorSubject(null);
-            this.relatedFiles$ = this.refetch$.pipe(operators.switchMap(function () { return rxjs.combineLatest([_this.documentService.getDocument(_this.documentId), _this.translateService.stream('key')]); }), operators.map(function (_c) {
-                var _d = __read(_c, 1), document = _d[0];
-                var relatedFiles = (document === null || document === void 0 ? void 0 : document.relatedFiles) || [];
-                var translatedFiles = relatedFiles.map(function (file) {
-                    return Object.assign(Object.assign({}, file), { createdBy: file.createdBy || _this.translateService.instant('list.automaticallyGenerated') });
-                });
-                return translatedFiles || [];
-            }));
-            this.fields = [
-                { key: 'fileName', label: 'File name' },
-                { key: 'sizeInBytes', label: 'Size in bytes' },
-                { key: 'createdOn', label: 'Created on', viewType: 'date' },
-                { key: 'createdBy', label: 'Created by' },
-            ];
-            this.actions = [
-                {
-                    columnName: '',
-                    iconClass: 'fas fa-external-link-alt',
-                    callback: this.downloadDocument.bind(this),
-                },
-                {
-                    columnName: '',
-                    iconClass: 'fas fa-trash-alt',
-                    callback: this.removeRelatedFile.bind(this),
-                },
-            ];
-            this.uploading$ = new rxjs.BehaviorSubject(false);
-            var snapshot = this.route.snapshot.paramMap;
-            this.documentId = snapshot.get('documentId') || '';
-            this.documentDefinitionName = snapshot.get('documentDefinitionName') || '';
-        }
-        DossierDetailTabDocumentsComponent.prototype.ngOnInit = function () {
-            this.refetchDocuments();
-        };
-        DossierDetailTabDocumentsComponent.prototype.fileSelected = function (file) {
-            var _this = this;
-            this.uploading$.next(true);
-            this.uploadProviderService
-                .uploadFile(file, this.documentDefinitionName)
-                .pipe(operators.switchMap(function (resourceFile) { return _this.documentService.assignResource(_this.documentId, resourceFile.data.resourceId); }))
-                .subscribe(function () {
-                _this.toastrService.success('Successfully uploaded document to dossier');
-                _this.refetchDocuments();
-                _this.uploading$.next(false);
-            }, function () {
-                _this.toastrService.error('Failed to upload document to dossier');
-                _this.uploading$.next(false);
-            });
-        };
-        DossierDetailTabDocumentsComponent.prototype.downloadDocument = function (relatedFile) {
-            var _this = this;
-            this.uploadProviderService
-                .getResource(relatedFile.fileId)
-                .subscribe(function (resource) {
-                _this.downloadService.downloadFile(resource.url, resource.resource.name);
-            });
-        };
-        DossierDetailTabDocumentsComponent.prototype.removeRelatedFile = function (relatedFile) {
-            var _this = this;
-            this.documentService.removeResource(this.documentId, relatedFile.fileId).subscribe(function () {
-                _this.toastrService.success('Successfully removed document from dossier');
-                _this.refetchDocuments();
-            }, function () {
-                _this.toastrService.error('Failed to remove document from dossier');
-            });
-        };
-        DossierDetailTabDocumentsComponent.prototype.refetchDocuments = function () {
-            this.refetch$.next(null);
-        };
-        return DossierDetailTabDocumentsComponent;
-    }());
-    DossierDetailTabDocumentsComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-dossier-detail-tab-documents',
-                    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-dropzone\n  (fileSelected)=\"fileSelected($event)\"\n  [acceptedFiles]=\"null\"\n  [hideFilePreview]=\"true\"\n  [hideTitle]=\"true\"\n  [maxFileSize]=\"maxFileSize\"\n  [showMaxFileSize]=\"true\"\n  [camera]=\"false\"\n  [uploading]=\"uploading$ | async\"\n></valtimo-dropzone>\n\n<valtimo-widget>\n  <valtimo-list\n    [fields]=\"fields\"\n    [items]=\"relatedFiles$ | async\"\n    [header]=\"true\"\n    [isSearchable]=\"true\"\n    [viewMode]=\"true\"\n    [actions]=\"actions\"\n  >\n    <div header>\n      <h3 class=\"list-header-title\">{{ 'Related documents' | translate }}</h3>\n      <h5 class=\"list-header-description\">\n        {{ 'Overview of all documents in this dossier' | translate }}\n      </h5>\n    </div>\n  </valtimo-list>\n</valtimo-widget>\n",
-                    styles: [""]
-                },] }
-    ];
-    DossierDetailTabDocumentsComponent.ctorParameters = function () { return [
-        { type: router.ActivatedRoute },
-        { type: document.DocumentService },
-        { type: ngxToastr.ToastrService },
-        { type: resource.UploadProviderService },
-        { type: resource.DownloadService },
-        { type: core.TranslateService },
-        { type: i1.ConfigService }
+    var DossierDetailTabDocumentsComponent = /** @class */ (function () {
+        function DossierDetailTabDocumentsComponent(route, documentService, toastrService, uploadProviderService, downloadService, translateService, configService) {
+            var _this = this;
+            var _a, _b;
+            this.route = route;
+            this.documentService = documentService;
+            this.toastrService = toastrService;
+            this.uploadProviderService = uploadProviderService;
+            this.downloadService = downloadService;
+            this.translateService = translateService;
+            this.configService = configService;
+            this.maxFileSize = ((_b = (_a = this.configService) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.caseFileSizeUploadLimitMB) || 5;
+            this.refetch$ = new rxjs.BehaviorSubject(null);
+            this.relatedFiles$ = this.refetch$.pipe(operators.switchMap(function () { return rxjs.combineLatest([
+                _this.documentService.getDocument(_this.documentId),
+                _this.translateService.stream('key'),
+            ]); }), operators.map(function (_c) {
+                var _d = __read(_c, 1), document = _d[0];
+                var relatedFiles = (document === null || document === void 0 ? void 0 : document.relatedFiles) || [];
+                var translatedFiles = relatedFiles.map(function (file) {
+                    return Object.assign(Object.assign({}, file), { createdBy: file.createdBy || _this.translateService.instant('list.automaticallyGenerated') });
+                });
+                return translatedFiles || [];
+            }));
+            this.fields = [
+                { key: 'fileName', label: 'File name' },
+                { key: 'sizeInBytes', label: 'Size in bytes' },
+                { key: 'createdOn', label: 'Created on', viewType: 'date' },
+                { key: 'createdBy', label: 'Created by' },
+            ];
+            this.actions = [
+                {
+                    columnName: '',
+                    iconClass: 'fas fa-external-link-alt',
+                    callback: this.downloadDocument.bind(this),
+                },
+                {
+                    columnName: '',
+                    iconClass: 'fas fa-trash-alt',
+                    callback: this.removeRelatedFile.bind(this),
+                },
+            ];
+            this.uploading$ = new rxjs.BehaviorSubject(false);
+            var snapshot = this.route.snapshot.paramMap;
+            this.documentId = snapshot.get('documentId') || '';
+            this.documentDefinitionName = snapshot.get('documentDefinitionName') || '';
+        }
+        DossierDetailTabDocumentsComponent.prototype.ngOnInit = function () {
+            this.refetchDocuments();
+        };
+        DossierDetailTabDocumentsComponent.prototype.fileSelected = function (file) {
+            var _this = this;
+            this.uploading$.next(true);
+            this.uploadProviderService
+                .uploadFile(file, this.documentDefinitionName)
+                .pipe(operators.switchMap(function (resourceFile) { return _this.documentService.assignResource(_this.documentId, resourceFile.data.resourceId); }))
+                .subscribe(function () {
+                _this.toastrService.success('Successfully uploaded document to dossier');
+                _this.refetchDocuments();
+                _this.uploading$.next(false);
+            }, function () {
+                _this.toastrService.error('Failed to upload document to dossier');
+                _this.uploading$.next(false);
+            });
+        };
+        DossierDetailTabDocumentsComponent.prototype.downloadDocument = function (relatedFile) {
+            var _this = this;
+            this.uploadProviderService
+                .getResource(relatedFile.fileId)
+                .subscribe(function (resource) {
+                _this.downloadService.downloadFile(resource.url, resource.resource.name);
+            });
+        };
+        DossierDetailTabDocumentsComponent.prototype.removeRelatedFile = function (relatedFile) {
+            var _this = this;
+            this.documentService.removeResource(this.documentId, relatedFile.fileId).subscribe(function () {
+                _this.toastrService.success('Successfully removed document from dossier');
+                _this.refetchDocuments();
+            }, function () {
+                _this.toastrService.error('Failed to remove document from dossier');
+            });
+        };
+        DossierDetailTabDocumentsComponent.prototype.refetchDocuments = function () {
+            this.refetch$.next(null);
+        };
+        return DossierDetailTabDocumentsComponent;
+    }());
+    DossierDetailTabDocumentsComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-dossier-detail-tab-documents',
+                    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-dropzone\n  (fileSelected)=\"fileSelected($event)\"\n  [acceptedFiles]=\"null\"\n  [hideFilePreview]=\"true\"\n  [hideTitle]=\"true\"\n  [maxFileSize]=\"maxFileSize\"\n  [showMaxFileSize]=\"true\"\n  [camera]=\"false\"\n  [uploading]=\"uploading$ | async\"\n></valtimo-dropzone>\n\n<valtimo-widget>\n  <valtimo-list\n    [fields]=\"fields\"\n    [items]=\"relatedFiles$ | async\"\n    [header]=\"true\"\n    [isSearchable]=\"true\"\n    [viewMode]=\"true\"\n    [actions]=\"actions\"\n  >\n    <div header>\n      <h3 class=\"list-header-title\">{{ 'Related documents' | translate }}</h3>\n      <h5 class=\"list-header-description\">\n        {{ 'Overview of all documents in this dossier' | translate }}\n      </h5>\n    </div>\n  </valtimo-list>\n</valtimo-widget>\n",
+                    styles: [""]
+                },] }
+    ];
+    DossierDetailTabDocumentsComponent.ctorParameters = function () { return [
+        { type: router.ActivatedRoute },
+        { type: document.DocumentService },
+        { type: ngxToastr.ToastrService },
+        { type: resource.UploadProviderService },
+        { type: resource.DownloadService },
+        { type: core.TranslateService },
+        { type: i1.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 TAB_MAP = new i0.InjectionToken('TabMap');
-    var DEFAULT_TABS = new Map([
-        [exports.DefaultTabs.summary, DossierDetailTabSummaryComponent],
-        [exports.DefaultTabs.progress, DossierDetailTabProgressComponent],
-        [exports.DefaultTabs.audit, DossierDetailTabAuditComponent],
-        [exports.DefaultTabs.documents, DossierDetailTabDocumentsComponent],
+    /*
+     * 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 TAB_MAP = new i0.InjectionToken('TabMap');
+    var DEFAULT_TABS = new Map([
+        [exports.DefaultTabs.summary, DossierDetailTabSummaryComponent],
+        [exports.DefaultTabs.progress, DossierDetailTabProgressComponent],
+        [exports.DefaultTabs.audit, DossierDetailTabAuditComponent],
+        [exports.DefaultTabs.documents, DossierDetailTabDocumentsComponent],
     ]);
 
-    /*
-     * 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 TabService = /** @class */ (function () {
-        function TabService(tabMap) {
-            var _this = this;
-            if (tabMap === void 0) { tabMap = DEFAULT_TABS; }
-            this.tabs = [];
-            this.tabMap = tabMap;
-            var i = 0;
-            this.tabMap.forEach(function (component, name, map) {
-                _this.tabs.push(new contract.TabImpl(name, i, component));
-                i++;
-            });
-        }
-        TabService.prototype.getTabs = function () {
-            return this.tabs;
-        };
-        return TabService;
-    }());
-    TabService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TabService_Factory() { return new TabService(i0.ɵɵinject(TAB_MAP)); }, token: TabService, providedIn: "root" });
-    TabService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    TabService.ctorParameters = function () { return [
-        { type: Map, decorators: [{ type: i0.Inject, args: [TAB_MAP,] }] }
+    /*
+     * 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 TabService = /** @class */ (function () {
+        function TabService(tabMap) {
+            var _this = this;
+            if (tabMap === void 0) { tabMap = DEFAULT_TABS; }
+            this.tabs = [];
+            this.tabMap = tabMap;
+            var i = 0;
+            this.tabMap.forEach(function (component, name, map) {
+                _this.tabs.push(new TabImpl(name, i, component));
+                i++;
+            });
+        }
+        TabService.prototype.getTabs = function () {
+            return this.tabs;
+        };
+        return TabService;
+    }());
+    TabService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TabService_Factory() { return new TabService(i0.ɵɵinject(TAB_MAP)); }, token: TabService, providedIn: "root" });
+    TabService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    TabService.ctorParameters = function () { return [
+        { type: Map, decorators: [{ type: i0.Inject, args: [TAB_MAP,] }] }
     ]; };
 
-    /*
-     * 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 DossierDetailComponent = /** @class */ (function () {
-        function DossierDetailComponent(componentFactoryResolver, translateService, documentService, processService, route, router, location, tabService) {
-            this.componentFactoryResolver = componentFactoryResolver;
-            this.translateService = translateService;
-            this.documentService = documentService;
-            this.processService = processService;
-            this.route = route;
-            this.router = router;
-            this.location = location;
-            this.tabService = tabService;
-            this.document = null;
-            this.tabLoader = null;
-            this.processDefinitionListFields = [];
-            this.processDocumentDefinitions = [];
-            this.snapshot = this.route.snapshot.paramMap;
-            this.documentDefinitionName = this.snapshot.get('documentDefinitionName') || '';
-            this.documentId = this.snapshot.get('documentId') || '';
-        }
-        DossierDetailComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.tabLoader = new contract.TabLoaderImpl(this.tabService.getTabs(), this.componentFactoryResolver, this.viewContainerRef, this.translateService, this.router, this.location);
-            this.documentService
-                .getDocumentDefinition(this.documentDefinitionName)
-                .subscribe(function (definition) {
-                _this.documentDefinitionNameTitle = definition.schema.title;
-            });
-            this.initialTabName = this.snapshot.get('tab');
-            this.tabLoader.initial(this.initialTabName);
-            this.getAllAssociatedProcessDefinitions();
-        };
-        DossierDetailComponent.prototype.getAllAssociatedProcessDefinitions = function () {
-            var _this = this;
-            this.documentService
-                .findProcessDocumentDefinitions(this.documentDefinitionName)
-                .subscribe(function (processDocumentDefinitions) {
-                _this.processDocumentDefinitions = processDocumentDefinitions.filter(function (processDocumentDefinition) { return processDocumentDefinition.startableByUser; });
-                _this.processDefinitionListFields = [
-                    {
-                        key: 'processName',
-                        label: 'Proces',
-                    },
-                ];
-            });
-        };
-        DossierDetailComponent.prototype.startProcess = function (processDocumentDefinition) {
-            this.supportingProcessStart.openModal(processDocumentDefinition, this.documentId);
-        };
-        return DossierDetailComponent;
-    }());
-    DossierDetailComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-dossier-detail',
-                    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    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget>\n        <div class=\"card-header bg-light card-header-divider pb-5\">\n          {{ documentDefinitionNameTitle }}\n          <div class=\"btn-group mt-m3px mb-3 float-right\">\n            <valtimo-extension\n              module=\"dossier\"\n              page=\"dossier-detail\"\n              section=\"card-header\"\n            ></valtimo-extension>\n            <div class=\"dropdown\">\n              <button\n                class=\"btn btn-primary dropdown-toggle\"\n                type=\"button\"\n                id=\"startProcessDropdown\"\n                placement=\"bottom\"\n                [ngbTooltip]=\"processDocumentDefinitions.length === 0 ? 'No action' : null\"\n                [disabled]=\"processDocumentDefinitions.length === 0\"\n                data-toggle=\"dropdown\"\n                aria-haspopup=\"true\"\n                aria-expanded=\"false\"\n              >\n                <span>Start</span>\n                <i class=\"pl-2 fas fa-caret-down\"></i>\n              </button>\n              <div class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"startProcessDropdown\">\n                <button\n                  *ngFor=\"let processDocumentDefinition of processDocumentDefinitions\"\n                  class=\"dropdown-item p\"\n                  href=\"#\"\n                  (click)=\"startProcess(processDocumentDefinition)\"\n                >\n                  {{ processDocumentDefinition.processName }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n        <ul class=\"nav nav-tabs\">\n          <li class=\"nav-item\" *ngFor=\"let tab of tabLoader.tabs\">\n            <a\n              id=\"{{ tab.name }}-tab\"\n              class=\"nav-link clickable\"\n              [ngClass]=\"{active: tab.isActive()}\"\n              data-toggle=\"tab\"\n              (click)=\"tabLoader.load(tab)\"\n            >\n              {{ tabLoader.translateTabName(tab) }}\n            </a>\n          </li>\n        </ul>\n        <div class=\"card-body bg-white p-5 position-relative tab-container\">\n          <ng-template #tabContainer>Loading...</ng-template>\n          <div class=\"clearfix\"></div>\n        </div>\n      </valtimo-widget>\n    </div>\n    <valtimo-dossier-supporting-process-start-modal\n      (formSubmit)=\"tabLoader.refreshView()\"\n      #supportingProcessStartModal\n    ></valtimo-dossier-supporting-process-start-modal>\n  </div>\n</div>\n",
-                    styles: [".tab-container{min-height:300px}"]
-                },] }
-    ];
-    DossierDetailComponent.ctorParameters = function () { return [
-        { type: i0.ComponentFactoryResolver },
-        { type: core.TranslateService },
-        { type: document.DocumentService },
-        { type: process.ProcessService },
-        { type: router.ActivatedRoute },
-        { type: router.Router },
-        { type: common.Location },
-        { type: TabService }
-    ]; };
-    DossierDetailComponent.propDecorators = {
-        viewContainerRef: [{ type: i0.ViewChild, args: ['tabContainer', { read: i0.ViewContainerRef, static: true },] }],
-        supportingProcessStart: [{ type: i0.ViewChild, args: ['supportingProcessStartModal',] }]
+    /*
+     * 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 DossierDetailComponent = /** @class */ (function () {
+        function DossierDetailComponent(componentFactoryResolver, translateService, documentService, processService, route, router, location, tabService) {
+            this.componentFactoryResolver = componentFactoryResolver;
+            this.translateService = translateService;
+            this.documentService = documentService;
+            this.processService = processService;
+            this.route = route;
+            this.router = router;
+            this.location = location;
+            this.tabService = tabService;
+            this.document = null;
+            this.tabLoader = null;
+            this.processDefinitionListFields = [];
+            this.processDocumentDefinitions = [];
+            this.snapshot = this.route.snapshot.paramMap;
+            this.documentDefinitionName = this.snapshot.get('documentDefinitionName') || '';
+            this.documentId = this.snapshot.get('documentId') || '';
+        }
+        DossierDetailComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.tabLoader = new TabLoaderImpl(this.tabService.getTabs(), this.componentFactoryResolver, this.viewContainerRef, this.translateService, this.router, this.location);
+            this.documentService
+                .getDocumentDefinition(this.documentDefinitionName)
+                .subscribe(function (definition) {
+                _this.documentDefinitionNameTitle = definition.schema.title;
+            });
+            this.initialTabName = this.snapshot.get('tab');
+            this.tabLoader.initial(this.initialTabName);
+            this.getAllAssociatedProcessDefinitions();
+        };
+        DossierDetailComponent.prototype.getAllAssociatedProcessDefinitions = function () {
+            var _this = this;
+            this.documentService
+                .findProcessDocumentDefinitions(this.documentDefinitionName)
+                .subscribe(function (processDocumentDefinitions) {
+                _this.processDocumentDefinitions = processDocumentDefinitions.filter(function (processDocumentDefinition) { return processDocumentDefinition.startableByUser; });
+                _this.processDefinitionListFields = [
+                    {
+                        key: 'processName',
+                        label: 'Proces',
+                    },
+                ];
+            });
+        };
+        DossierDetailComponent.prototype.startProcess = function (processDocumentDefinition) {
+            this.supportingProcessStart.openModal(processDocumentDefinition, this.documentId);
+        };
+        return DossierDetailComponent;
+    }());
+    DossierDetailComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-dossier-detail',
+                    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    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget>\n        <div class=\"card-header bg-light card-header-divider pb-5\">\n          {{ documentDefinitionNameTitle }}\n          <div class=\"btn-group mt-m3px mb-3 float-right\">\n            <valtimo-extension\n              module=\"dossier\"\n              page=\"dossier-detail\"\n              section=\"card-header\"\n            ></valtimo-extension>\n            <div class=\"dropdown\">\n              <button\n                class=\"btn btn-primary dropdown-toggle\"\n                type=\"button\"\n                id=\"startProcessDropdown\"\n                placement=\"bottom\"\n                [ngbTooltip]=\"processDocumentDefinitions.length === 0 ? 'No action' : null\"\n                [disabled]=\"processDocumentDefinitions.length === 0\"\n                data-toggle=\"dropdown\"\n                aria-haspopup=\"true\"\n                aria-expanded=\"false\"\n              >\n                <span>Start</span>\n                <i class=\"pl-2 fas fa-caret-down\"></i>\n              </button>\n              <div class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"startProcessDropdown\">\n                <button\n                  *ngFor=\"let processDocumentDefinition of processDocumentDefinitions\"\n                  class=\"dropdown-item p\"\n                  href=\"#\"\n                  (click)=\"startProcess(processDocumentDefinition)\"\n                >\n                  {{ processDocumentDefinition.processName }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n        <ul class=\"nav nav-tabs\">\n          <li class=\"nav-item\" *ngFor=\"let tab of tabLoader.tabs\">\n            <a\n              id=\"{{ tab.name }}-tab\"\n              class=\"nav-link clickable\"\n              [ngClass]=\"{active: tab.isActive()}\"\n              data-toggle=\"tab\"\n              (click)=\"tabLoader.load(tab)\"\n            >\n              {{ tabLoader.translateTabName(tab) }}\n            </a>\n          </li>\n        </ul>\n        <div class=\"card-body bg-white p-5 position-relative tab-container\">\n          <ng-template #tabContainer>Loading...</ng-template>\n          <div class=\"clearfix\"></div>\n        </div>\n      </valtimo-widget>\n    </div>\n    <valtimo-dossier-supporting-process-start-modal\n      (formSubmit)=\"tabLoader.refreshView()\"\n      #supportingProcessStartModal\n    ></valtimo-dossier-supporting-process-start-modal>\n  </div>\n</div>\n",
+                    styles: [".tab-container{min-height:300px}"]
+                },] }
+    ];
+    DossierDetailComponent.ctorParameters = function () { return [
+        { type: i0.ComponentFactoryResolver },
+        { type: core.TranslateService },
+        { type: document.DocumentService },
+        { type: process.ProcessService },
+        { type: router.ActivatedRoute },
+        { type: router.Router },
+        { type: common.Location },
+        { type: TabService }
+    ]; };
+    DossierDetailComponent.propDecorators = {
+        viewContainerRef: [{ type: i0.ViewChild, args: ['tabContainer', { read: i0.ViewContainerRef, static: true },] }],
+        supportingProcessStart: [{ type: i0.ViewChild, args: ['supportingProcessStartModal',] }]
     };
 
-    var moment$3 = moment_;
-    moment$3.locale(localStorage.getItem('langKey') || '');
-    var DossierDetailTabContactMomentsComponent = /** @class */ (function () {
-        function DossierDetailTabContactMomentsComponent(contactMomentService, alertService, translateService) {
-            var _this = this;
-            this.contactMomentService = contactMomentService;
-            this.alertService = alertService;
-            this.translateService = translateService;
-            this.refetchContactMoments$ = new rxjs.BehaviorSubject('');
-            this.contactMoments$ = this.refetchContactMoments$.pipe(operators.switchMap(function () { return _this.contactMomentService.getContactMoments(); }), operators.map(function (contactMoments) { return contactMoments.map(function (contactMoment) {
-                var registratieDatum = moment$3(contactMoment.registratiedatum);
-                return new contract.TimelineItemImpl(registratieDatum.format('DD MMM YYYY'), registratieDatum.format('HH:mm'), contactMoment.medewerkerIdentificatie.achternaam, contactMoment.kanaal, contactMoment.tekst, null);
-            }); }));
-            this.text$ = new rxjs.BehaviorSubject('');
-            this.channel$ = new rxjs.BehaviorSubject('MAIL');
-            this.requestData$ = rxjs.combineLatest([this.text$, this.channel$]);
-            this.valid$ = this.requestData$.pipe(operators.map(function (_a) {
-                var _b = __read(_a, 2), text = _b[0], channel = _b[1];
-                return !!(text && channel);
-            }));
-            this.disabled$ = new rxjs.BehaviorSubject(false);
-        }
-        DossierDetailTabContactMomentsComponent.prototype.textChange = function (text) {
-            this.text$.next(text);
-        };
-        DossierDetailTabContactMomentsComponent.prototype.buttonClick = function () {
-            this.modal.show();
-        };
-        DossierDetailTabContactMomentsComponent.prototype.saveNote = function () {
-            var _this = this;
-            this.disable();
-            this.requestData$.pipe(operators.take(1)).subscribe(function (_a) {
-                var _b = __read(_a, 2), text = _b[0], channel = _b[1];
-                _this.contactMomentService.saveContactMoment({ kanaal: channel, tekst: text }).subscribe(function () {
-                    _this.alertService.success(_this.translateService.instant('dossier.contactMoments.saveSuccess'));
-                    _this.enable();
-                    _this.clear();
-                    _this.modal.hide();
-                    _this.refetchContactMoments();
-                }, function () {
-                    _this.enable();
-                });
-            });
-        };
-        DossierDetailTabContactMomentsComponent.prototype.disable = function () {
-            this.disabled$.next(true);
-        };
-        DossierDetailTabContactMomentsComponent.prototype.enable = function () {
-            this.disabled$.next(false);
-        };
-        DossierDetailTabContactMomentsComponent.prototype.clear = function () {
-            this.text$.next('');
-        };
-        DossierDetailTabContactMomentsComponent.prototype.refetchContactMoments = function () {
-            this.refetchContactMoments$.next('');
-        };
-        return DossierDetailTabContactMomentsComponent;
-    }());
-    DossierDetailTabContactMomentsComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-dossier-detail-tab-contact-moments',
-                    template: "<!--\n  ~ Copyright 2015-2021 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=\"contact-moments-container\">\n  <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"moments\"></ng-container>\n</div>\n\n<valtimo-modal\n  #contactMomentsNoteModal\n  [title]=\"'dossier.contactMoments.popupTitle' | translate\"\n  [showFooter]=\"true\"\n  [elementId]=\"'contact-moments-modal'\"\n>\n  <div class=\"mt-2\" body>\n    <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n  </div>\n  <div footer>\n    <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n  </div>\n</valtimo-modal>\n\n<ng-template #body>\n  <form>\n    <div class=\"form-group row\">\n      <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"body\">\n        {{ 'dossier.contactMoments.noteText' | translate }}\n      </label>\n      <div class=\"col-12 col-sm-8 col-lg-6\">\n        <textarea\n          [disabled]=\"disabled$ | async\"\n          class=\"form-control\"\n          id=\"body\"\n          name=\"body\"\n          [ngModel]=\"text$ | async\"\n          (ngModelChange)=\"textChange($event)\"\n        ></textarea>\n      </div>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #footer>\n  <button\n    *ngIf=\"(disabled$ | async) === false; else loading\"\n    class=\"btn btn-primary\"\n    [disabled]=\"(valid$ | async) === false || (disabled$ | async)\"\n    (click)=\"saveNote()\"\n  >\n    {{ 'dossier.contactMoments.saveButtonText' | translate }}\n  </button>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner [noMarginTop]=\"true\"></valtimo-spinner>\n</ng-template>\n\n<ng-template #buttons>\n  <div class=\"btn-group mt-m3px mb-3 button-container\">\n    <button class=\"btn btn-primary btn-space\" (click)=\"buttonClick()\">\n      <i class=\"icon mdi mdi-calendar-note\"></i>\n      &nbsp;{{ 'dossier.contactMoments.makeNoteButton' | translate }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #moments>\n  <div *ngIf=\"contactMoments$ | async as contactMoments; else loading\">\n    <valtimo-timeline [items]=\"contactMoments\"></valtimo-timeline>\n  </div>\n</ng-template>\n",
-                    styles: ["/*!\n * Copyright 2015-2021 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 */.contact-moments-container{display:flex;flex-direction:column}.button-container{align-self:flex-end;display:inline}"]
-                },] }
-    ];
-    DossierDetailTabContactMomentsComponent.ctorParameters = function () { return [
-        { type: contactMoment.ContactMomentService },
-        { type: components.AlertService },
-        { type: core.TranslateService }
-    ]; };
-    DossierDetailTabContactMomentsComponent.propDecorators = {
-        modal: [{ type: i0.ViewChild, args: ['contactMomentsNoteModal',] }]
+    var moment$3 = moment_;
+    moment$3.locale(localStorage.getItem('langKey') || '');
+    var DossierDetailTabContactMomentsComponent = /** @class */ (function () {
+        function DossierDetailTabContactMomentsComponent(contactMomentService, alertService, translateService) {
+            var _this = this;
+            this.contactMomentService = contactMomentService;
+            this.alertService = alertService;
+            this.translateService = translateService;
+            this.refetchContactMoments$ = new rxjs.BehaviorSubject('');
+            this.contactMoments$ = this.refetchContactMoments$.pipe(operators.switchMap(function () { return _this.contactMomentService.getContactMoments(); }), operators.map(function (contactMoments) { return contactMoments.map(function (contactMoment) {
+                var registratieDatum = moment$3(contactMoment.registratiedatum);
+                return new components.TimelineItemImpl(registratieDatum.format('DD MMM YYYY'), registratieDatum.format('HH:mm'), contactMoment.medewerkerIdentificatie.achternaam, contactMoment.kanaal, contactMoment.tekst, null);
+            }); }));
+            this.text$ = new rxjs.BehaviorSubject('');
+            this.channel$ = new rxjs.BehaviorSubject('MAIL');
+            this.requestData$ = rxjs.combineLatest([this.text$, this.channel$]);
+            this.valid$ = this.requestData$.pipe(operators.map(function (_a) {
+                var _b = __read(_a, 2), text = _b[0], channel = _b[1];
+                return !!(text && channel);
+            }));
+            this.disabled$ = new rxjs.BehaviorSubject(false);
+        }
+        DossierDetailTabContactMomentsComponent.prototype.textChange = function (text) {
+            this.text$.next(text);
+        };
+        DossierDetailTabContactMomentsComponent.prototype.buttonClick = function () {
+            this.modal.show();
+        };
+        DossierDetailTabContactMomentsComponent.prototype.saveNote = function () {
+            var _this = this;
+            this.disable();
+            this.requestData$.pipe(operators.take(1)).subscribe(function (_a) {
+                var _b = __read(_a, 2), text = _b[0], channel = _b[1];
+                _this.contactMomentService.saveContactMoment({ kanaal: channel, tekst: text }).subscribe(function () {
+                    _this.alertService.success(_this.translateService.instant('dossier.contactMoments.saveSuccess'));
+                    _this.enable();
+                    _this.clear();
+                    _this.modal.hide();
+                    _this.refetchContactMoments();
+                }, function () {
+                    _this.enable();
+                });
+            });
+        };
+        DossierDetailTabContactMomentsComponent.prototype.disable = function () {
+            this.disabled$.next(true);
+        };
+        DossierDetailTabContactMomentsComponent.prototype.enable = function () {
+            this.disabled$.next(false);
+        };
+        DossierDetailTabContactMomentsComponent.prototype.clear = function () {
+            this.text$.next('');
+        };
+        DossierDetailTabContactMomentsComponent.prototype.refetchContactMoments = function () {
+            this.refetchContactMoments$.next('');
+        };
+        return DossierDetailTabContactMomentsComponent;
+    }());
+    DossierDetailTabContactMomentsComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-dossier-detail-tab-contact-moments',
+                    template: "<!--\n  ~ Copyright 2015-2021 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=\"contact-moments-container\">\n  <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"moments\"></ng-container>\n</div>\n\n<valtimo-modal\n  #contactMomentsNoteModal\n  [title]=\"'dossier.contactMoments.popupTitle' | translate\"\n  [showFooter]=\"true\"\n  [elementId]=\"'contact-moments-modal'\"\n>\n  <div class=\"mt-2\" body>\n    <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n  </div>\n  <div footer>\n    <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n  </div>\n</valtimo-modal>\n\n<ng-template #body>\n  <form>\n    <div class=\"form-group row\">\n      <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"body\">\n        {{ 'dossier.contactMoments.noteText' | translate }}\n      </label>\n      <div class=\"col-12 col-sm-8 col-lg-6\">\n        <textarea\n          [disabled]=\"disabled$ | async\"\n          class=\"form-control\"\n          id=\"body\"\n          name=\"body\"\n          [ngModel]=\"text$ | async\"\n          (ngModelChange)=\"textChange($event)\"\n        ></textarea>\n      </div>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #footer>\n  <button\n    *ngIf=\"(disabled$ | async) === false; else loading\"\n    class=\"btn btn-primary\"\n    [disabled]=\"(valid$ | async) === false || (disabled$ | async)\"\n    (click)=\"saveNote()\"\n  >\n    {{ 'dossier.contactMoments.saveButtonText' | translate }}\n  </button>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner [noMarginTop]=\"true\"></valtimo-spinner>\n</ng-template>\n\n<ng-template #buttons>\n  <div class=\"btn-group mt-m3px mb-3 button-container\">\n    <button class=\"btn btn-primary btn-space\" (click)=\"buttonClick()\">\n      <i class=\"icon mdi mdi-calendar-note\"></i>\n      &nbsp;{{ 'dossier.contactMoments.makeNoteButton' | translate }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #moments>\n  <div *ngIf=\"contactMoments$ | async as contactMoments; else loading\">\n    <valtimo-timeline [items]=\"contactMoments\"></valtimo-timeline>\n  </div>\n</ng-template>\n",
+                    styles: ["/*!\n * Copyright 2015-2021 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 */.contact-moments-container{display:flex;flex-direction:column}.button-container{align-self:flex-end;display:inline}"]
+                },] }
+    ];
+    DossierDetailTabContactMomentsComponent.ctorParameters = function () { return [
+        { type: contactMoment.ContactMomentService },
+        { type: components.AlertService },
+        { type: core.TranslateService }
+    ]; };
+    DossierDetailTabContactMomentsComponent.propDecorators = {
+        modal: [{ type: i0.ViewChild, args: ['contactMomentsNoteModal',] }]
     };
 
-    /*
-     * 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$4 = moment_;
-    moment$4.locale(localStorage.getItem('langKey') || '');
-    var DossierUpdateComponent = /** @class */ (function () {
-        function DossierUpdateComponent(taskService, documentService, route, toastr, location, dossierService) {
-            this.taskService = taskService;
-            this.documentService = documentService;
-            this.route = route;
-            this.toastr = toastr;
-            this.location = location;
-            this.customDefinitions = {};
-            var snapshot = this.route.snapshot.paramMap;
-            this.documentDefinitionName = snapshot.get('documentDefinitionName') || '';
-            this.documentId = snapshot.get('documentId') || '';
-            this.taskId = snapshot.get('taskId') || '';
-            this.implementationDefinitions = dossierService.getImplementationEnvironmentDefinitions(this.documentDefinitionName);
-            this.loadDocumentDefinition(this.documentDefinitionName);
-            this.loadDocument(this.documentId);
-        }
-        DossierUpdateComponent.prototype.ngOnInit = function () {
-            this.getTask(this.taskId);
-            if (this.implementationDefinitions.definitions.detail.summary) {
-                this.customDefinitions = this.implementationDefinitions.definitions.detail.summary;
-            }
-        };
-        DossierUpdateComponent.prototype.loadDocumentDefinition = function (name) {
-            var _this = this;
-            this.documentService.getDocumentDefinition(name).subscribe(function (definition) {
-                _this.schema = definition.schema;
-            });
-        };
-        DossierUpdateComponent.prototype.loadDocument = function (id) {
-            var _this = this;
-            this.documentService.getDocument(id).subscribe(function (document) {
-                _this.document = document;
-            });
-        };
-        DossierUpdateComponent.prototype.getTask = function (id) {
-            var _this = this;
-            this.taskService.getTask(id).subscribe(function (task) {
-                _this.task = task;
-                _this.task.task.created = moment$4(_this.task.task.created).format('DD MMM YYYY HH:mm');
-                _this.page = {
-                    title: _this.task.task.name,
-                    subtitle: "Created " + moment$4(_this.task.task.created).fromNow(),
-                };
-            });
-        };
-        DossierUpdateComponent.prototype.reset = function () {
-            this.loadDocument(this.documentId);
-        };
-        DossierUpdateComponent.prototype.back = function () {
-            this.location.back();
-        };
-        DossierUpdateComponent.prototype.save = function () {
-            var _this = this;
-            var document = {
-                documentId: this.document.id,
-                content: this.document.content,
-                versionBasedOn: this.document.version,
-            };
-            this.documentService.modifyDocument(document).subscribe(function (result) {
-                _this.document = result.document;
-                _this.toastr.success('Document aangepast');
-                _this.location.back();
-            });
-        };
-        DossierUpdateComponent.prototype.submit = function (data) {
-            var _this = this;
-            // merge document content with formdata
-            var mergedData = Object.assign({}, this.document.content, data);
-            var documentData = {
-                request: {
-                    documentId: this.document.id,
-                    content: mergedData,
-                    versionBasedOn: this.document.version,
-                },
-                taskId: this.task.task.id,
-            };
-            this.documentService.modifyDocumentAndCompleteTask(documentData).subscribe(function (result) {
-                _this.toastr.success(_this.task.task.name + ' has successfully been completed');
-                _this.location.back();
-            });
-        };
-        DossierUpdateComponent.prototype.returnZero = function () {
-            return 0;
-        };
-        return DossierUpdateComponent;
-    }());
-    DossierUpdateComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-dossier-update',
-                    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    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget [title]=\"page?.title\" [subtitle]=\"page?.subtitle\" [divider]=\"true\">\n        <div class=\"card-body\">\n          <!--view with custom definitions-->\n          <div *ngIf=\"this.customDefinitions\">\n            <div\n              class=\"mb-4\"\n              *ngFor=\"let definition of this.customDefinitions | keyvalue: returnZero\"\n            ></div>\n            <div class=\"row pt-3 mt-1\">\n              <div class=\"col-sm-12\">\n                <div class=\"text-right\">\n                  <button\n                    class=\"btn btn-space btn-default float-left\"\n                    type=\"button\"\n                    (click)=\"back()\"\n                    id=\"back-button\"\n                  >\n                    Back\n                  </button>\n                  <button\n                    class=\"btn btn-space btn-secondary\"\n                    type=\"button\"\n                    (click)=\"reset()\"\n                    id=\"reset-button\"\n                  >\n                    Reset\n                  </button>\n                  <button\n                    class=\"btn btn-space btn-primary\"\n                    type=\"button\"\n                    (click)=\"save()\"\n                    id=\"save-button\"\n                  >\n                    Save\n                  </button>\n                  <button\n                    class=\"btn btn-space btn-primary\"\n                    type=\"submit\"\n                    (click)=\"submit({})\"\n                    id=\"submit-button\"\n                  >\n                    Submit\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <valtimo-camunda-form\n            *ngIf=\"task?.formFields && !this.customDefinitions\"\n            (submitted)=\"submit($event)\"\n            [formFields]=\"task.formFields\"\n            [componentName]=\"task.formLocation\"\n          ></valtimo-camunda-form>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n",
-                    styles: [""]
-                },] }
-    ];
-    DossierUpdateComponent.ctorParameters = function () { return [
-        { type: task.TaskService },
-        { type: document.DocumentService },
-        { type: router.ActivatedRoute },
-        { type: ngxToastr.ToastrService },
-        { type: common.Location },
-        { type: DossierService }
+    /*
+     * 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$4 = moment_;
+    moment$4.locale(localStorage.getItem('langKey') || '');
+    var DossierUpdateComponent = /** @class */ (function () {
+        function DossierUpdateComponent(taskService, documentService, route, toastr, location, dossierService) {
+            this.taskService = taskService;
+            this.documentService = documentService;
+            this.route = route;
+            this.toastr = toastr;
+            this.location = location;
+            this.customDefinitions = {};
+            var snapshot = this.route.snapshot.paramMap;
+            this.documentDefinitionName = snapshot.get('documentDefinitionName') || '';
+            this.documentId = snapshot.get('documentId') || '';
+            this.taskId = snapshot.get('taskId') || '';
+            this.implementationDefinitions = dossierService.getImplementationEnvironmentDefinitions(this.documentDefinitionName);
+            this.loadDocumentDefinition(this.documentDefinitionName);
+            this.loadDocument(this.documentId);
+        }
+        DossierUpdateComponent.prototype.ngOnInit = function () {
+            this.getTask(this.taskId);
+            if (this.implementationDefinitions.definitions.detail.summary) {
+                this.customDefinitions = this.implementationDefinitions.definitions.detail.summary;
+            }
+        };
+        DossierUpdateComponent.prototype.loadDocumentDefinition = function (name) {
+            var _this = this;
+            this.documentService.getDocumentDefinition(name).subscribe(function (definition) {
+                _this.schema = definition.schema;
+            });
+        };
+        DossierUpdateComponent.prototype.loadDocument = function (id) {
+            var _this = this;
+            this.documentService.getDocument(id).subscribe(function (document) {
+                _this.document = document;
+            });
+        };
+        DossierUpdateComponent.prototype.getTask = function (id) {
+            var _this = this;
+            this.taskService.getTask(id).subscribe(function (task) {
+                _this.task = task;
+                _this.task.task.created = moment$4(_this.task.task.created).format('DD MMM YYYY HH:mm');
+                _this.page = {
+                    title: _this.task.task.name,
+                    subtitle: "Created " + moment$4(_this.task.task.created).fromNow(),
+                };
+            });
+        };
+        DossierUpdateComponent.prototype.reset = function () {
+            this.loadDocument(this.documentId);
+        };
+        DossierUpdateComponent.prototype.back = function () {
+            this.location.back();
+        };
+        DossierUpdateComponent.prototype.save = function () {
+            var _this = this;
+            var document = {
+                documentId: this.document.id,
+                content: this.document.content,
+                versionBasedOn: this.document.version,
+            };
+            this.documentService.modifyDocument(document).subscribe(function (result) {
+                _this.document = result.document;
+                _this.toastr.success('Document aangepast');
+                _this.location.back();
+            });
+        };
+        DossierUpdateComponent.prototype.submit = function (data) {
+            var _this = this;
+            // merge document content with formdata
+            var mergedData = Object.assign({}, this.document.content, data);
+            var documentData = {
+                request: {
+                    documentId: this.document.id,
+                    content: mergedData,
+                    versionBasedOn: this.document.version,
+                },
+                taskId: this.task.task.id,
+            };
+            this.documentService.modifyDocumentAndCompleteTask(documentData).subscribe(function (result) {
+                _this.toastr.success(_this.task.task.name + ' has successfully been completed');
+                _this.location.back();
+            });
+        };
+        DossierUpdateComponent.prototype.returnZero = function () {
+            return 0;
+        };
+        return DossierUpdateComponent;
+    }());
+    DossierUpdateComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-dossier-update',
+                    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    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget [title]=\"page?.title\" [subtitle]=\"page?.subtitle\" [divider]=\"true\">\n        <div class=\"card-body\">\n          <!--view with custom definitions-->\n          <div *ngIf=\"this.customDefinitions\">\n            <div\n              class=\"mb-4\"\n              *ngFor=\"let definition of this.customDefinitions | keyvalue: returnZero\"\n            ></div>\n            <div class=\"row pt-3 mt-1\">\n              <div class=\"col-sm-12\">\n                <div class=\"text-right\">\n                  <button\n                    class=\"btn btn-space btn-default float-left\"\n                    type=\"button\"\n                    (click)=\"back()\"\n                    id=\"back-button\"\n                  >\n                    Back\n                  </button>\n                  <button\n                    class=\"btn btn-space btn-secondary\"\n                    type=\"button\"\n                    (click)=\"reset()\"\n                    id=\"reset-button\"\n                  >\n                    Reset\n                  </button>\n                  <button\n                    class=\"btn btn-space btn-primary\"\n                    type=\"button\"\n                    (click)=\"save()\"\n                    id=\"save-button\"\n                  >\n                    Save\n                  </button>\n                  <button\n                    class=\"btn btn-space btn-primary\"\n                    type=\"submit\"\n                    (click)=\"submit({})\"\n                    id=\"submit-button\"\n                  >\n                    Submit\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <valtimo-camunda-form\n            *ngIf=\"task?.formFields && !this.customDefinitions\"\n            (submitted)=\"submit($event)\"\n            [formFields]=\"task.formFields\"\n            [componentName]=\"task.formLocation\"\n          ></valtimo-camunda-form>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n",
+                    styles: [""]
+                },] }
+    ];
+    DossierUpdateComponent.ctorParameters = function () { return [
+        { type: task.TaskService },
+        { type: document.DocumentService },
+        { type: router.ActivatedRoute },
+        { type: ngxToastr.ToastrService },
+        { type: common.Location },
+        { type: DossierService }
     ]; };
 
-    /*
-     * 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: 'Dossiers', roles: [contract.ROLE_USER] }, ɵ1 = { title: 'Dossiers', parentPath: 'dossiers/:documentDefinitionName', roles: [contract.ROLE_USER] }, ɵ2 = {
-        title: 'Task details',
-        parentPath: 'dossiers/:documentDefinitionName/document/:documentId/:tab',
-        roles: [contract.ROLE_USER],
-    };
-    var routes = [
-        {
-            path: 'dossiers/:documentDefinitionName',
-            component: DossierListComponent,
-            canActivate: [security.AuthGuardService],
-            data: ɵ0,
-        },
-        {
-            path: 'dossiers/:documentDefinitionName/document/:documentId/:tab',
-            component: DossierDetailComponent,
-            canActivate: [security.AuthGuardService],
-            data: ɵ1,
-        },
-        {
-            path: 'dossiers/:documentDefinitionName/document/:documentId/:tab/tasks/:taskId',
-            component: DossierUpdateComponent,
-            canActivate: [security.AuthGuardService],
-            data: ɵ2,
-        },
-    ];
-    var DossierRoutingModule = /** @class */ (function () {
-        function DossierRoutingModule() {
-        }
-        return DossierRoutingModule;
-    }());
-    DossierRoutingModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    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: 'Dossiers', roles: [i1.ROLE_USER] }, ɵ1 = { title: 'Dossiers', parentPath: 'dossiers/:documentDefinitionName', roles: [i1.ROLE_USER] }, ɵ2 = {
+        title: 'Task details',
+        parentPath: 'dossiers/:documentDefinitionName/document/:documentId/:tab',
+        roles: [i1.ROLE_USER],
+    };
+    var routes = [
+        {
+            path: 'dossiers/:documentDefinitionName',
+            component: DossierListComponent,
+            canActivate: [security.AuthGuardService],
+            data: ɵ0,
+        },
+        {
+            path: 'dossiers/:documentDefinitionName/document/:documentId/:tab',
+            component: DossierDetailComponent,
+            canActivate: [security.AuthGuardService],
+            data: ɵ1,
+        },
+        {
+            path: 'dossiers/:documentDefinitionName/document/:documentId/:tab/tasks/:taskId',
+            component: DossierUpdateComponent,
+            canActivate: [security.AuthGuardService],
+            data: ɵ2,
+        },
+    ];
+    var DossierRoutingModule = /** @class */ (function () {
+        function DossierRoutingModule() {
+        }
+        return DossierRoutingModule;
+    }());
+    DossierRoutingModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    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 DossierProcessStartModalComponent = /** @class */ (function () {
-        function DossierProcessStartModalComponent(route, router, processService, documentService, formLinkService, userProviderService, logger) {
-            this.route = route;
-            this.router = router;
-            this.processService = processService;
-            this.documentService = documentService;
-            this.formLinkService = formLinkService;
-            this.userProviderService = userProviderService;
-            this.logger = logger;
-        }
-        DossierProcessStartModalComponent.prototype.ngOnInit = function () {
-            this.isUserAdmin();
-        };
-        DossierProcessStartModalComponent.prototype.loadFormDefinition = function () {
-            var _this = this;
-            this.formDefinition = null;
-            this.formLinkService
-                .getStartEventFormDefinitionByProcessDefinitionKey(this.processDefinitionKey)
-                .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.router.navigate([formDefinition.formAssociation.formLink.url]);
-                        break;
-                    default:
-                        _this.logger.fatal('Unsupported class name');
-                }
-            }, function (errors) {
-                _this.modal.show();
-            });
-        };
-        DossierProcessStartModalComponent.prototype.gotoFormLinkScreen = function () {
-            this.modal.hide();
-            this.router.navigate(['form-links'], { queryParams: { process: this.processDefinitionKey } });
-        };
-        Object.defineProperty(DossierProcessStartModalComponent.prototype, "modalTitle", {
-            get: function () {
-                return "Start - " + this.processName;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        DossierProcessStartModalComponent.prototype.openModal = function (processDocumentDefinition) {
-            this.processDefinitionKey = processDocumentDefinition.id.processDefinitionKey;
-            this.documentDefinitionName = processDocumentDefinition.id.documentDefinitionId.name;
-            this.processName = processDocumentDefinition.processName;
-            this.options = new contract.FormioOptionsImpl();
-            this.options.disableAlerts = true;
-            var formioBeforeSubmit = function (submission, callback) {
-                callback(null, submission);
-            };
-            this.options.setHooks(formioBeforeSubmit);
-            this.loadFormDefinition();
-        };
-        DossierProcessStartModalComponent.prototype.onSubmit = function (submission) {
-            var _this = this;
-            this.formioSubmission = submission;
-            this.formLinkService
-                .onSubmit(this.processDefinitionKey, this.formAssociation.formLink.id, submission.data)
-                .subscribe(function (formSubmissionResult) {
-                _this.modal.hide();
-                _this.router.navigate([
-                    'dossiers',
-                    _this.documentDefinitionName,
-                    'document',
-                    formSubmissionResult.documentId,
-                    'summary',
-                ]);
-            }, function (errors) {
-                _this.form.showErrors(errors);
-            });
-        };
-        DossierProcessStartModalComponent.prototype.isUserAdmin = function () {
-            var _this = this;
-            this.userProviderService.getUserSubject().subscribe(function (userIdentity) {
-                _this.isAdmin = userIdentity.roles.includes('ROLE_ADMIN');
-            }, function (error) {
-                _this.logger.error('Failed to retrieve user identity', error);
-                _this.isAdmin = false;
-            });
-        };
-        return DossierProcessStartModalComponent;
-    }());
-    DossierProcessStartModalComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-dossier-process-start-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 #processStartModal elementId=\"processStartModal\" [title]=\"modalTitle\">\n  <div body *ngIf=\"formDefinition\">\n    <valtimo-form-io #form [form]=\"formDefinition\" [options]=\"options\" (submit)=\"onSubmit($event)\">\n    </valtimo-form-io>\n  </div>\n  <div body *ngIf=\"!formDefinition && isAdmin\">\n    <div\n      class=\"bg-warning text-black mb-0 p-3 text-center\"\n      [translate]=\"'formManagement.noFormDefinitionFoundAdmin'\"\n    ></div>\n    <div class=\"mb-0 mt-4 p-3 text-center\">\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  <div body *ngIf=\"!formDefinition && !isAdmin\">\n    <div\n      class=\"bg-warning text-black mb-0 p-3 text-center\"\n      [translate]=\"'formManagement.noFormDefinitionFoundUser'\"\n    ></div>\n  </div>\n</valtimo-modal>\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 */#processStartModal .formio-component-submit{text-align:right}"]
-                },] }
-    ];
-    DossierProcessStartModalComponent.ctorParameters = function () { return [
-        { type: router.ActivatedRoute },
-        { type: router.Router },
-        { type: process.ProcessService },
-        { type: document.DocumentService },
-        { type: formLink.FormLinkService },
-        { type: security.UserProviderService },
-        { type: ngxLogger.NGXLogger }
-    ]; };
-    DossierProcessStartModalComponent.propDecorators = {
-        form: [{ type: i0.ViewChild, args: ['form', { static: false },] }],
-        modal: [{ type: i0.ViewChild, args: ['processStartModal', { static: false },] }]
+    /*
+     * 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 DossierProcessStartModalComponent = /** @class */ (function () {
+        function DossierProcessStartModalComponent(route, router, processService, documentService, formLinkService, userProviderService, logger) {
+            this.route = route;
+            this.router = router;
+            this.processService = processService;
+            this.documentService = documentService;
+            this.formLinkService = formLinkService;
+            this.userProviderService = userProviderService;
+            this.logger = logger;
+        }
+        DossierProcessStartModalComponent.prototype.ngOnInit = function () {
+            this.isUserAdmin();
+        };
+        DossierProcessStartModalComponent.prototype.loadFormDefinition = function () {
+            var _this = this;
+            this.formDefinition = null;
+            this.formLinkService
+                .getStartEventFormDefinitionByProcessDefinitionKey(this.processDefinitionKey)
+                .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.router.navigate([formDefinition.formAssociation.formLink.url]);
+                        break;
+                    default:
+                        _this.logger.fatal('Unsupported class name');
+                }
+            }, function (errors) {
+                _this.modal.show();
+            });
+        };
+        DossierProcessStartModalComponent.prototype.gotoFormLinkScreen = function () {
+            this.modal.hide();
+            this.router.navigate(['form-links'], { queryParams: { process: this.processDefinitionKey } });
+        };
+        Object.defineProperty(DossierProcessStartModalComponent.prototype, "modalTitle", {
+            get: function () {
+                return "Start - " + this.processName;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DossierProcessStartModalComponent.prototype.openModal = function (processDocumentDefinition) {
+            this.processDefinitionKey = processDocumentDefinition.id.processDefinitionKey;
+            this.documentDefinitionName = processDocumentDefinition.id.documentDefinitionId.name;
+            this.processName = processDocumentDefinition.processName;
+            this.options = new components.FormioOptionsImpl();
+            this.options.disableAlerts = true;
+            var formioBeforeSubmit = function (submission, callback) {
+                callback(null, submission);
+            };
+            this.options.setHooks(formioBeforeSubmit);
+            this.loadFormDefinition();
+        };
+        DossierProcessStartModalComponent.prototype.onSubmit = function (submission) {
+            var _this = this;
+            this.formioSubmission = submission;
+            this.formLinkService
+                .onSubmit(this.processDefinitionKey, this.formAssociation.formLink.id, submission.data)
+                .subscribe(function (formSubmissionResult) {
+                _this.modal.hide();
+                _this.router.navigate([
+                    'dossiers',
+                    _this.documentDefinitionName,
+                    'document',
+                    formSubmissionResult.documentId,
+                    'summary',
+                ]);
+            }, function (errors) {
+                _this.form.showErrors(errors);
+            });
+        };
+        DossierProcessStartModalComponent.prototype.isUserAdmin = function () {
+            var _this = this;
+            this.userProviderService.getUserSubject().subscribe(function (userIdentity) {
+                _this.isAdmin = userIdentity.roles.includes('ROLE_ADMIN');
+            }, function (error) {
+                _this.logger.error('Failed to retrieve user identity', error);
+                _this.isAdmin = false;
+            });
+        };
+        return DossierProcessStartModalComponent;
+    }());
+    DossierProcessStartModalComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-dossier-process-start-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 #processStartModal elementId=\"processStartModal\" [title]=\"modalTitle\">\n  <div body *ngIf=\"formDefinition\">\n    <valtimo-form-io #form [form]=\"formDefinition\" [options]=\"options\" (submit)=\"onSubmit($event)\">\n    </valtimo-form-io>\n  </div>\n  <div body *ngIf=\"!formDefinition && isAdmin\">\n    <div\n      class=\"bg-warning text-black mb-0 p-3 text-center\"\n      [translate]=\"'formManagement.noFormDefinitionFoundAdmin'\"\n    ></div>\n    <div class=\"mb-0 mt-4 p-3 text-center\">\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  <div body *ngIf=\"!formDefinition && !isAdmin\">\n    <div\n      class=\"bg-warning text-black mb-0 p-3 text-center\"\n      [translate]=\"'formManagement.noFormDefinitionFoundUser'\"\n    ></div>\n  </div>\n</valtimo-modal>\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 */#processStartModal .formio-component-submit{text-align:right}"]
+                },] }
+    ];
+    DossierProcessStartModalComponent.ctorParameters = function () { return [
+        { type: router.ActivatedRoute },
+        { type: router.Router },
+        { type: process.ProcessService },
+        { type: document.DocumentService },
+        { type: formLink.FormLinkService },
+        { type: security.UserProviderService },
+        { type: ngxLogger.NGXLogger }
+    ]; };
+    DossierProcessStartModalComponent.propDecorators = {
+        form: [{ type: i0.ViewChild, args: ['form', { static: false },] }],
+        modal: [{ type: i0.ViewChild, args: ['processStartModal', { static: false },] }]
     };
 
-    /*
-     * 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 DossierSupportingProcessStartModalComponent = /** @class */ (function () {
-        function DossierSupportingProcessStartModalComponent(route, router, processService, documentService, formLinkService, logger) {
-            this.route = route;
-            this.router = router;
-            this.processService = processService;
-            this.documentService = documentService;
-            this.formLinkService = formLinkService;
-            this.logger = logger;
-            this.formSubmit = new i0.EventEmitter();
-        }
-        DossierSupportingProcessStartModalComponent.prototype.loadFormDefinition = function () {
-            var _this = this;
-            this.formDefinition = null;
-            this.formLinkService
-                .getStartEventFormDefinitionByProcessDefinitionKey(this.processDefinitionKey)
-                .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.documentService.getDocument(_this.documentId).subscribe(function (document) {
-                            _this.submission = {
-                                data: document.content,
-                            };
-                        }, function () { return rxjs.noop(); });
-                        _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 documentId = params === null || params === void 0 ? void 0 : params.documentId;
-                            _this.router.navigate([formDefinition.formAssociation.formLink.url], {
-                                state: Object.assign({}, (documentId && { documentId: documentId })),
-                            });
-                        });
-                        break;
-                    default:
-                        _this.logger.fatal('Unsupported class name');
-                }
-            }, function (errors) {
-                _this.modal.show();
-            });
-        };
-        Object.defineProperty(DossierSupportingProcessStartModalComponent.prototype, "modalTitle", {
-            get: function () {
-                return "Start - " + this.processName;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        DossierSupportingProcessStartModalComponent.prototype.openModal = function (processDocumentDefinition, documentId) {
-            this.documentId = documentId;
-            this.documentDefinitionName = processDocumentDefinition.id.documentDefinitionId.name;
-            this.processDefinitionKey = processDocumentDefinition.id.processDefinitionKey;
-            this.processName = processDocumentDefinition.processName;
-            this.options = new contract.FormioOptionsImpl();
-            this.options.disableAlerts = true;
-            var formioBeforeSubmit = function (submission, callback) {
-                callback(null, submission);
-            };
-            this.options.setHooks(formioBeforeSubmit);
-            this.loadFormDefinition();
-        };
-        DossierSupportingProcessStartModalComponent.prototype.onSubmit = function (submission) {
-            var _this = this;
-            this.formioSubmission = submission;
-            this.formLinkService
-                .onSubmit(this.processDefinitionKey, this.formAssociation.formLink.id, submission.data, this.documentId)
-                .subscribe(function (formSubmissionResult) {
-                _this.modal.hide();
-                _this.formSubmit.emit();
-            }, function (errors) {
-                _this.form.showErrors(errors);
-            });
-        };
-        DossierSupportingProcessStartModalComponent.prototype.gotoFormLinkScreen = function () {
-            this.modal.hide();
-            this.router.navigate(['form-links'], { queryParams: { process: this.processDefinitionKey } });
-        };
-        return DossierSupportingProcessStartModalComponent;
-    }());
-    DossierSupportingProcessStartModalComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-dossier-supporting-process-start-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  #supportingProcessStartModal\n  elementId=\"supportingProcessStartModal\"\n  [title]=\"modalTitle\"\n>\n  <div body *ngIf=\"formDefinition\">\n    <valtimo-form-io\n      #form\n      [submission]=\"submission\"\n      [form]=\"formDefinition\"\n      [options]=\"options\"\n      (submit)=\"onSubmit($event)\"\n    >\n    </valtimo-form-io>\n  </div>\n  <div body *ngIf=\"!formDefinition\">\n    <div\n      class=\"bg-warning text-black mb-0 p-3 text-center\"\n      [translate]=\"'formManagement.noFormDefinitionFound'\"\n    ></div>\n    <div class=\"mb-0 mt-4 p-3 text-center\">\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",
-                    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 */#supportingProcessStartModal .formio-component-submit{text-align:right}"]
-                },] }
-    ];
-    DossierSupportingProcessStartModalComponent.ctorParameters = function () { return [
-        { type: router.ActivatedRoute },
-        { type: router.Router },
-        { type: process.ProcessService },
-        { type: document.DocumentService },
-        { type: formLink.FormLinkService },
-        { type: ngxLogger.NGXLogger }
-    ]; };
-    DossierSupportingProcessStartModalComponent.propDecorators = {
-        form: [{ type: i0.ViewChild, args: ['form', { static: false },] }],
-        modal: [{ type: i0.ViewChild, args: ['supportingProcessStartModal', { static: false },] }],
-        formSubmit: [{ 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 DossierSupportingProcessStartModalComponent = /** @class */ (function () {
+        function DossierSupportingProcessStartModalComponent(route, router, processService, documentService, formLinkService, logger) {
+            this.route = route;
+            this.router = router;
+            this.processService = processService;
+            this.documentService = documentService;
+            this.formLinkService = formLinkService;
+            this.logger = logger;
+            this.formSubmit = new i0.EventEmitter();
+        }
+        DossierSupportingProcessStartModalComponent.prototype.loadFormDefinition = function () {
+            var _this = this;
+            this.formDefinition = null;
+            this.formLinkService
+                .getStartEventFormDefinitionByProcessDefinitionKey(this.processDefinitionKey)
+                .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.documentService.getDocument(_this.documentId).subscribe(function (document) {
+                            _this.submission = {
+                                data: document.content,
+                            };
+                        }, function () { return rxjs.noop(); });
+                        _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 documentId = params === null || params === void 0 ? void 0 : params.documentId;
+                            _this.router.navigate([formDefinition.formAssociation.formLink.url], {
+                                state: Object.assign({}, (documentId && { documentId: documentId })),
+                            });
+                        });
+                        break;
+                    default:
+                        _this.logger.fatal('Unsupported class name');
+                }
+            }, function (errors) {
+                _this.modal.show();
+            });
+        };
+        Object.defineProperty(DossierSupportingProcessStartModalComponent.prototype, "modalTitle", {
+            get: function () {
+                return "Start - " + this.processName;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DossierSupportingProcessStartModalComponent.prototype.openModal = function (processDocumentDefinition, documentId) {
+            this.documentId = documentId;
+            this.documentDefinitionName = processDocumentDefinition.id.documentDefinitionId.name;
+            this.processDefinitionKey = processDocumentDefinition.id.processDefinitionKey;
+            this.processName = processDocumentDefinition.processName;
+            this.options = new components.FormioOptionsImpl();
+            this.options.disableAlerts = true;
+            var formioBeforeSubmit = function (submission, callback) {
+                callback(null, submission);
+            };
+            this.options.setHooks(formioBeforeSubmit);
+            this.loadFormDefinition();
+        };
+        DossierSupportingProcessStartModalComponent.prototype.onSubmit = function (submission) {
+            var _this = this;
+            this.formioSubmission = submission;
+            this.formLinkService
+                .onSubmit(this.processDefinitionKey, this.formAssociation.formLink.id, submission.data, this.documentId)
+                .subscribe(function (formSubmissionResult) {
+                _this.modal.hide();
+                _this.formSubmit.emit();
+            }, function (errors) {
+                _this.form.showErrors(errors);
+            });
+        };
+        DossierSupportingProcessStartModalComponent.prototype.gotoFormLinkScreen = function () {
+            this.modal.hide();
+            this.router.navigate(['form-links'], { queryParams: { process: this.processDefinitionKey } });
+        };
+        return DossierSupportingProcessStartModalComponent;
+    }());
+    DossierSupportingProcessStartModalComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-dossier-supporting-process-start-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  #supportingProcessStartModal\n  elementId=\"supportingProcessStartModal\"\n  [title]=\"modalTitle\"\n>\n  <div body *ngIf=\"formDefinition\">\n    <valtimo-form-io\n      #form\n      [submission]=\"submission\"\n      [form]=\"formDefinition\"\n      [options]=\"options\"\n      (submit)=\"onSubmit($event)\"\n    >\n    </valtimo-form-io>\n  </div>\n  <div body *ngIf=\"!formDefinition\">\n    <div\n      class=\"bg-warning text-black mb-0 p-3 text-center\"\n      [translate]=\"'formManagement.noFormDefinitionFound'\"\n    ></div>\n    <div class=\"mb-0 mt-4 p-3 text-center\">\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",
+                    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 */#supportingProcessStartModal .formio-component-submit{text-align:right}"]
+                },] }
+    ];
+    DossierSupportingProcessStartModalComponent.ctorParameters = function () { return [
+        { type: router.ActivatedRoute },
+        { type: router.Router },
+        { type: process.ProcessService },
+        { type: document.DocumentService },
+        { type: formLink.FormLinkService },
+        { type: ngxLogger.NGXLogger }
+    ]; };
+    DossierSupportingProcessStartModalComponent.propDecorators = {
+        form: [{ type: i0.ViewChild, args: ['form', { static: false },] }],
+        modal: [{ type: i0.ViewChild, args: ['supportingProcessStartModal', { static: false },] }],
+        formSubmit: [{ 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 DossierModule = /** @class */ (function () {
-        function DossierModule() {
-        }
-        DossierModule.forRoot = function (tabsFactory) {
-            return {
-                ngModule: DossierModule,
-                providers: [
-                    DossierService,
-                    TabService,
-                    {
-                        provide: TAB_MAP,
-                        useFactory: tabsFactory,
-                    },
-                    {
-                        provide: i0.ANALYZE_FOR_ENTRY_COMPONENTS,
-                        useValue: Array.from(tabsFactory().values()),
-                        multi: true,
-                    },
-                ],
-            };
-        };
-        return DossierModule;
-    }());
-    DossierModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [
-                        DossierListComponent,
-                        DossierDetailComponent,
-                        DossierDetailTabSummaryComponent,
-                        DossierDetailTabProgressComponent,
-                        DossierDetailTabAuditComponent,
-                        DossierDetailTabDocumentsComponent,
-                        DossierDetailTabContactMomentsComponent,
-                        DossierUpdateComponent,
-                        DossierProcessStartModalComponent,
-                        DossierSupportingProcessStartModalComponent,
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        DossierRoutingModule,
-                        components.ListModule,
-                        components.WidgetModule,
-                        components.BpmnJsDiagramModule,
-                        components.TimelineModule,
-                        components.CamundaFormModule,
-                        process.ProcessModule,
-                        components.FilterSidebarModule,
-                        ngBootstrap.NgbButtonsModule,
-                        components.DataListModule,
-                        forms.FormsModule,
-                        form.FormModule,
-                        components.FormIoModule,
-                        components.ModalModule,
-                        components.SpinnerModule,
-                        core.TranslateModule.forRoot({
-                            loader: {
-                                provide: core.TranslateLoader,
-                                useFactory: ɵ0$1,
-                                deps: [http.HttpClient],
-                            },
-                        }),
-                        task.TaskModule,
-                        components.ModalModule,
-                        ngBootstrap.NgbTooltipModule,
-                        components.UploaderModule,
-                        components.DropzoneModule,
-                        ngBootstrap.NgbPaginationModule,
-                        i1.ConfigModule,
-                    ],
-                    exports: [DossierListComponent, DossierDetailComponent],
-                    entryComponents: [
-                        DossierDetailTabSummaryComponent,
-                        DossierDetailTabProgressComponent,
-                        DossierDetailTabAuditComponent,
-                        DossierDetailTabDocumentsComponent,
-                        DossierDetailTabContactMomentsComponent,
-                    ],
-                },] }
+    /*
+     * 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 = i1.HttpLoaderFactory;
+    var DossierModule = /** @class */ (function () {
+        function DossierModule() {
+        }
+        DossierModule.forRoot = function (tabsFactory) {
+            return {
+                ngModule: DossierModule,
+                providers: [
+                    DossierService,
+                    TabService,
+                    {
+                        provide: TAB_MAP,
+                        useFactory: tabsFactory,
+                    },
+                    {
+                        provide: i0.ANALYZE_FOR_ENTRY_COMPONENTS,
+                        useValue: Array.from(tabsFactory().values()),
+                        multi: true,
+                    },
+                ],
+            };
+        };
+        return DossierModule;
+    }());
+    DossierModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [
+                        DossierListComponent,
+                        DossierDetailComponent,
+                        DossierDetailTabSummaryComponent,
+                        DossierDetailTabProgressComponent,
+                        DossierDetailTabAuditComponent,
+                        DossierDetailTabDocumentsComponent,
+                        DossierDetailTabContactMomentsComponent,
+                        DossierUpdateComponent,
+                        DossierProcessStartModalComponent,
+                        DossierSupportingProcessStartModalComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        DossierRoutingModule,
+                        components.ListModule,
+                        components.WidgetModule,
+                        components.BpmnJsDiagramModule,
+                        components.TimelineModule,
+                        components.CamundaFormModule,
+                        process.ProcessModule,
+                        components.FilterSidebarModule,
+                        ngBootstrap.NgbButtonsModule,
+                        components.DataListModule,
+                        forms.FormsModule,
+                        form.FormModule,
+                        components.FormIoModule,
+                        components.ModalModule,
+                        components.SpinnerModule,
+                        core.TranslateModule.forRoot({
+                            loader: {
+                                provide: core.TranslateLoader,
+                                useFactory: ɵ0$1,
+                                deps: [http.HttpClient],
+                            },
+                        }),
+                        task.TaskModule,
+                        components.ModalModule,
+                        ngBootstrap.NgbTooltipModule,
+                        components.UploaderModule,
+                        components.DropzoneModule,
+                        ngBootstrap.NgbPaginationModule,
+                        i1.ConfigModule,
+                    ],
+                    exports: [DossierListComponent, DossierDetailComponent],
+                    entryComponents: [
+                        DossierDetailTabSummaryComponent,
+                        DossierDetailTabProgressComponent,
+                        DossierDetailTabAuditComponent,
+                        DossierDetailTabDocumentsComponent,
+                        DossierDetailTabContactMomentsComponent,
+                    ],
+                },] }
     ];
 
-    /*
-     * 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.DEFAULT_TABS = DEFAULT_TABS;
@@ -1724,6 +1867,8 @@
     exports.DossierModule = DossierModule;
     exports.DossierService = DossierService;
     exports.TAB_MAP = TAB_MAP;
+    exports.TabImpl = TabImpl;
+    exports.TabLoaderImpl = TabLoaderImpl;
     exports.TabService = TabService;
     exports.ɵ0 = ɵ0$1;
     exports.ɵa = DossierUpdateComponent;