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

package/bundles/valtimo-dossier-management.umd.js

@@ -1,593 +1,593 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@ngx-translate/core'), require('@valtimo/components'), require('@valtimo/config'), require('@valtimo/document'), require('@valtimo/process'), require('ngx-toastr'), require('@angular/router'), require('moment'), require('rxjs'), require('@valtimo/security'), require('@valtimo/contract'), require('rxjs/operators'), require('@ng-bootstrap/ng-bootstrap')) :
-    typeof define === 'function' && define.amd ? define('@valtimo/dossier-management', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@ngx-translate/core', '@valtimo/components', '@valtimo/config', '@valtimo/document', '@valtimo/process', 'ngx-toastr', '@angular/router', 'moment', 'rxjs', '@valtimo/security', '@valtimo/contract', 'rxjs/operators', '@ng-bootstrap/ng-bootstrap'], factory) :
-    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo['dossier-management'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.core$1, global.components, global.config, global.document, global.process, global.ngxToastr, global.ng.router, global.moment, global.rxjs, global.security, global.contract, global.rxjs.operators, global.ngBootstrap));
-}(this, (function (exports, common, core, forms, core$1, components, config, document$1, process, ngxToastr, router, moment_, rxjs, security, contract, operators, ngBootstrap) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@ngx-translate/core'), require('@valtimo/components'), require('@valtimo/config'), require('@valtimo/document'), require('@valtimo/process'), require('ngx-toastr'), require('@angular/router'), require('moment'), require('rxjs'), require('@valtimo/security'), require('rxjs/operators'), require('@ng-bootstrap/ng-bootstrap')) :
+    typeof define === 'function' && define.amd ? define('@valtimo/dossier-management', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@ngx-translate/core', '@valtimo/components', '@valtimo/config', '@valtimo/document', '@valtimo/process', 'ngx-toastr', '@angular/router', 'moment', 'rxjs', '@valtimo/security', 'rxjs/operators', '@ng-bootstrap/ng-bootstrap'], factory) :
+    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo['dossier-management'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.core$1, global.components, global.config, global.document, global.process, global.ngxToastr, global.ng.router, global.moment, global.rxjs, global.security, global.rxjs.operators, global.ngBootstrap));
+}(this, (function (exports, common, core, forms, core$1, components, config, document$1, process, ngxToastr, router, moment_, rxjs, security, operators, ngBootstrap) { 'use strict';
 
-    /*
-     * Copyright 2015-2020 Ritense BV, the Netherlands.
-     *
-     * Licensed under EUPL, Version 1.2 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" basis,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-    var DossierManagementConnectModalComponent = /** @class */ (function () {
-        function DossierManagementConnectModalComponent(processService, documentService, toasterService) {
-            this.processService = processService;
-            this.documentService = documentService;
-            this.toasterService = toasterService;
-            this.documentDefinition = null;
-            this.newDocumentProcessDefinition = null;
-            this.newDocumentProcessDefinitionInit = true;
-            this.newDocumentProcessDefinitionStartableByUser = false;
-            this.processDocumentDefinitionExists = {};
-            this.reloadProcessDocumentDefinitions = new core.EventEmitter();
-        }
-        DossierManagementConnectModalComponent.prototype.loadProcessDocumentDefinitions = function () {
-            var _this = this;
-            this.processDocumentDefinitionExists = {};
-            this.documentService
-                .findProcessDocumentDefinitions(this.documentDefinition.id.name)
-                .subscribe(function (processDocumentDefinitions) {
-                processDocumentDefinitions.forEach(function (processDocumentDefinition) {
-                    _this.processDocumentDefinitionExists[processDocumentDefinition.id.processDefinitionKey] = true;
-                });
-            });
-        };
-        DossierManagementConnectModalComponent.prototype.loadProcessDefinitions = function () {
-            var _this = this;
-            this.processService
-                .getProcessDefinitions()
-                .subscribe(function (processDefinitions) {
-                _this.processDefinitions = processDefinitions;
-            });
-        };
-        DossierManagementConnectModalComponent.prototype.ngOnInit = function () {
-            this.loadProcessDefinitions();
-        };
-        DossierManagementConnectModalComponent.prototype.openModal = function (dossier) {
-            this.documentDefinition = dossier;
-            this.newDocumentProcessDefinition = null;
-            this.newDocumentProcessDefinitionInit = true;
-            this.newDocumentProcessDefinitionStartableByUser = false;
-            this.loadProcessDocumentDefinitions();
-            this.modal.show();
-        };
-        DossierManagementConnectModalComponent.prototype.submit = function () {
-            var _this = this;
-            var request = {
-                canInitializeDocument: this.newDocumentProcessDefinitionInit,
-                startableByUser: this.newDocumentProcessDefinitionStartableByUser,
-                documentDefinitionName: this.documentDefinition.id.name,
-                processDefinitionKey: this.newDocumentProcessDefinition.key,
-            };
-            this.documentService.createProcessDocumentDefinition(request).subscribe(function () {
-                _this.toasterService.success('Successfully added new process document definition');
-                _this.reloadProcessDocumentDefinitions.emit();
-            }, function (err) {
-                _this.toasterService.error('Failed to add new process document definition');
-            });
-        };
-        return DossierManagementConnectModalComponent;
-    }());
-    DossierManagementConnectModalComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'valtimo-dossier-management-connect-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  #dossierConnectModal\n  elementId=\"dossierConnectModal\"\n  [title]=\"documentDefinition ? documentDefinition.schema.title : 'Document definition'\"\n  subtitle=\"Connect document definition to process definition\"\n  showFooter=\"true\"\n>\n  <div body *ngIf=\"documentDefinition\">\n    <p>\n      {{ 'Select process definition for document definition' | translate }}\n      <strong>{{ documentDefinition.id.name }} *</strong>\n    </p>\n    <div class=\"input-group mb-3 align-items-center\">\n      <select class=\"form-control\" [(ngModel)]=\"newDocumentProcessDefinition\">\n        <option [ngValue]=\"null\">Select process definition</option>\n        <option\n          *ngFor=\"let processDefinition of processDefinitions\"\n          [disabled]=\"processDocumentDefinitionExists[processDefinition.key]\"\n          [ngValue]=\"processDefinition\"\n        >\n          {{ processDefinition.name }} ({{ processDefinition.key }})\n        </option>\n      </select>\n    </div>\n    <p>\n      {{ 'Select options for the selected process' | translate }}\n    </p>\n    <div class=\"input-group mb-3 align-items-center\">\n      <label class=\"custom-control custom-checkbox custom-control-inline pl-6 mb-0\">\n        <input\n          class=\"custom-control-input\"\n          type=\"checkbox\"\n          [(ngModel)]=\"newDocumentProcessDefinitionInit\"\n        /><span class=\"custom-control-label custom-control-color\">Init document?</span>\n      </label>\n      <label\n        class=\"custom-control custom-checkbox custom-control-inline ml-2 pl-6 mb-0\"\n        placement=\"right\"\n        ngbTooltip=\"{{ 'Startable by user tooltip' | translate }}\"\n      >\n        <input\n          class=\"custom-control-input\"\n          type=\"checkbox\"\n          [(ngModel)]=\"newDocumentProcessDefinitionStartableByUser\"\n        /><span class=\"custom-control-label custom-control-color\"\n          >{{ 'Startable by user' | translate }}?</span\n        >\n      </label>\n    </div>\n  </div>\n  <div footer>\n    <button\n      (click)=\"submit()\"\n      class=\"btn btn-primary\"\n      data-dismiss=\"modal\"\n      [disabled]=\"!newDocumentProcessDefinition\"\n    >\n      {{ 'Save' | translate }}\n    </button>\n  </div>\n</valtimo-modal>\n",
-                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
-                },] }
-    ];
-    DossierManagementConnectModalComponent.ctorParameters = function () { return [
-        { type: process.ProcessService },
-        { type: document$1.DocumentService },
-        { type: ngxToastr.ToastrService }
-    ]; };
-    DossierManagementConnectModalComponent.propDecorators = {
-        reloadProcessDocumentDefinitions: [{ type: core.Output }],
-        modal: [{ type: core.ViewChild, args: ['dossierConnectModal',] }]
+    /*
+     * 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 DossierManagementConnectModalComponent = /** @class */ (function () {
+        function DossierManagementConnectModalComponent(processService, documentService, toasterService) {
+            this.processService = processService;
+            this.documentService = documentService;
+            this.toasterService = toasterService;
+            this.documentDefinition = null;
+            this.newDocumentProcessDefinition = null;
+            this.newDocumentProcessDefinitionInit = true;
+            this.newDocumentProcessDefinitionStartableByUser = false;
+            this.processDocumentDefinitionExists = {};
+            this.reloadProcessDocumentDefinitions = new core.EventEmitter();
+        }
+        DossierManagementConnectModalComponent.prototype.loadProcessDocumentDefinitions = function () {
+            var _this = this;
+            this.processDocumentDefinitionExists = {};
+            this.documentService
+                .findProcessDocumentDefinitions(this.documentDefinition.id.name)
+                .subscribe(function (processDocumentDefinitions) {
+                processDocumentDefinitions.forEach(function (processDocumentDefinition) {
+                    _this.processDocumentDefinitionExists[processDocumentDefinition.id.processDefinitionKey] = true;
+                });
+            });
+        };
+        DossierManagementConnectModalComponent.prototype.loadProcessDefinitions = function () {
+            var _this = this;
+            this.processService
+                .getProcessDefinitions()
+                .subscribe(function (processDefinitions) {
+                _this.processDefinitions = processDefinitions;
+            });
+        };
+        DossierManagementConnectModalComponent.prototype.ngOnInit = function () {
+            this.loadProcessDefinitions();
+        };
+        DossierManagementConnectModalComponent.prototype.openModal = function (dossier) {
+            this.documentDefinition = dossier;
+            this.newDocumentProcessDefinition = null;
+            this.newDocumentProcessDefinitionInit = true;
+            this.newDocumentProcessDefinitionStartableByUser = false;
+            this.loadProcessDocumentDefinitions();
+            this.modal.show();
+        };
+        DossierManagementConnectModalComponent.prototype.submit = function () {
+            var _this = this;
+            var request = {
+                canInitializeDocument: this.newDocumentProcessDefinitionInit,
+                startableByUser: this.newDocumentProcessDefinitionStartableByUser,
+                documentDefinitionName: this.documentDefinition.id.name,
+                processDefinitionKey: this.newDocumentProcessDefinition.key,
+            };
+            this.documentService.createProcessDocumentDefinition(request).subscribe(function () {
+                _this.toasterService.success('Successfully added new process document definition');
+                _this.reloadProcessDocumentDefinitions.emit();
+            }, function (err) {
+                _this.toasterService.error('Failed to add new process document definition');
+            });
+        };
+        return DossierManagementConnectModalComponent;
+    }());
+    DossierManagementConnectModalComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'valtimo-dossier-management-connect-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  #dossierConnectModal\n  elementId=\"dossierConnectModal\"\n  [title]=\"documentDefinition ? documentDefinition.schema.title : 'Document definition'\"\n  subtitle=\"Connect document definition to process definition\"\n  showFooter=\"true\"\n>\n  <div body *ngIf=\"documentDefinition\">\n    <p>\n      {{ 'Select process definition for document definition' | translate }}\n      <strong>{{ documentDefinition.id.name }} *</strong>\n    </p>\n    <div class=\"input-group mb-3 align-items-center\">\n      <select class=\"form-control\" [(ngModel)]=\"newDocumentProcessDefinition\">\n        <option [ngValue]=\"null\">Select process definition</option>\n        <option\n          *ngFor=\"let processDefinition of processDefinitions\"\n          [disabled]=\"processDocumentDefinitionExists[processDefinition.key]\"\n          [ngValue]=\"processDefinition\"\n        >\n          {{ processDefinition.name }} ({{ processDefinition.key }})\n        </option>\n      </select>\n    </div>\n    <p>\n      {{ 'Select options for the selected process' | translate }}\n    </p>\n    <div class=\"input-group mb-3 align-items-center\">\n      <label\n        class=\"custom-control custom-checkbox custom-control-inline pl-6 mb-0\"\n        placement=\"bottom\"\n        ngbTooltip=\"{{ 'processCaseConnection.processCreatesCaseTooltip' | translate }}\"\n      >\n        <input\n          class=\"custom-control-input\"\n          type=\"checkbox\"\n          [(ngModel)]=\"newDocumentProcessDefinitionInit\"\n        /><span class=\"custom-control-label custom-control-color\">{{\n          'processCaseConnection.processCreatesCase' | translate\n        }}</span>\n      </label>\n      <label\n        class=\"custom-control custom-checkbox custom-control-inline ml-2 pl-6 mb-0\"\n        placement=\"bottom\"\n        ngbTooltip=\"{{ 'processCaseConnection.startableWithinCaseTooltip' | translate }}\"\n      >\n        <input\n          class=\"custom-control-input\"\n          type=\"checkbox\"\n          [(ngModel)]=\"newDocumentProcessDefinitionStartableByUser\"\n        /><span class=\"custom-control-label custom-control-color\">{{\n          'processCaseConnection.startableWithinCase' | translate\n        }}</span>\n      </label>\n    </div>\n  </div>\n  <div footer>\n    <button\n      (click)=\"submit()\"\n      class=\"btn btn-primary\"\n      data-dismiss=\"modal\"\n      [disabled]=\"!newDocumentProcessDefinition\"\n    >\n      {{ 'Save' | translate }}\n    </button>\n  </div>\n</valtimo-modal>\n",
+                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
+                },] }
+    ];
+    DossierManagementConnectModalComponent.ctorParameters = function () { return [
+        { type: process.ProcessService },
+        { type: document$1.DocumentService },
+        { type: ngxToastr.ToastrService }
+    ]; };
+    DossierManagementConnectModalComponent.propDecorators = {
+        reloadProcessDocumentDefinitions: [{ type: core.Output }],
+        modal: [{ type: core.ViewChild, args: ['dossierConnectModal',] }]
     };
 
-    /*
-     * 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 DossierManagementDetailComponent = /** @class */ (function () {
-        function DossierManagementDetailComponent(documentService, route, alertService) {
-            this.documentService = documentService;
-            this.route = route;
-            this.alertService = alertService;
-            this.documentDefinitionName = null;
-            this.documentDefinition = null;
-            this.processDocumentDefinitions = [];
-            this.documentDefinitionName = this.route.snapshot.paramMap.get('name');
-        }
-        DossierManagementDetailComponent.prototype.ngOnInit = function () {
-            this.loadDocumentDefinition();
-            this.loadProcessDocumentDefinitions();
-        };
-        DossierManagementDetailComponent.prototype.loadProcessDocumentDefinitions = function () {
-            var _this = this;
-            this.documentService
-                .findProcessDocumentDefinitions(this.documentDefinitionName)
-                .subscribe(function (processDocumentDefinitions) {
-                _this.processDocumentDefinitions = processDocumentDefinitions;
-            });
-        };
-        DossierManagementDetailComponent.prototype.loadDocumentDefinition = function () {
-            var _this = this;
-            this.documentService
-                .getDocumentDefinition(this.documentDefinitionName)
-                .subscribe(function (documentDefinition) {
-                _this.documentDefinition = documentDefinition;
-            });
-        };
-        DossierManagementDetailComponent.prototype.openDossierConnectModal = function () {
-            this.dossierConnectModal.openModal(this.documentDefinition);
-        };
-        DossierManagementDetailComponent.prototype.openDossierRemoveModal = function () {
-            this.dossierRemoveModal.openModal(this.documentDefinition);
-        };
-        DossierManagementDetailComponent.prototype.deleteProcessDocumentDefinition = function (processDocumentDefinition) {
-            var _this = this;
-            this.documentService
-                .deleteProcessDocumentDefinition({
-                documentDefinitionName: processDocumentDefinition.id.documentDefinitionId.name,
-                processDefinitionKey: processDocumentDefinition.id.processDefinitionKey,
-                canInitializeDocument: processDocumentDefinition.canInitializeDocument,
-                startableByUser: processDocumentDefinition.startableByUser,
-            })
-                .subscribe(function () {
-                _this.alertService.success('Successfully deleted process document definition');
-                _this.loadProcessDocumentDefinitions();
-            }, function () {
-                _this.alertService.error('Failed to delete process document definition');
-            });
-        };
-        DossierManagementDetailComponent.prototype.downloadDefinition = function () {
-            var definition = this.documentDefinition;
-            var dataString = 'data:text/json;charset=utf-8,' +
-                encodeURIComponent(JSON.stringify(definition.schema, null, 2));
-            var downloadAnchorElement = document.getElementById('downloadAnchorElement');
-            downloadAnchorElement.setAttribute('href', dataString);
-            downloadAnchorElement.setAttribute('download', definition.id.name + "-v" + definition.id.version + ".json");
-            downloadAnchorElement.click();
-        };
-        return DossierManagementDetailComponent;
-    }());
-    DossierManagementDetailComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'valtimo-dossier-management-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 pt-0\">\n  <div class=\"container-fluid\">\n    <div *ngIf=\"documentDefinition\" class=\"btn-group mt-m3px mb-3 float-right\">\n      <button class=\"btn btn-primary btn-space\" (click)=\"downloadDefinition()\">\n        <i class=\"icon mdi mdi-download\"></i>&nbsp;\n        {{ 'Download document definition' | translate }}\n      </button>\n      <a id=\"downloadAnchorElement\" style=\"display: none\"></a>\n      <button\n        *ngIf=\"!this.documentDefinition.readOnly\"\n        class=\"btn btn-secondary btn-space mr-0\"\n        (click)=\"openDossierRemoveModal()\"\n      >\n        <i class=\"icon mdi mdi-delete\"></i>&nbsp;\n        {{ 'Remove document definition' | translate }}\n      </button>\n    </div>\n    <div class=\"clearfix\"></div>\n    <valtimo-widget *ngIf=\"documentDefinition\">\n      <div class=\"bg-light dossier-header\">\n        <h3 class=\"dossier-title\">\n          {{ documentDefinition.schema.title }}\n          <div *ngIf=\"documentDefinition.readOnly\" class=\"pull-right\">\n            <span class=\"badge badge-pill badge-info increase-size\">Read-only</span>\n          </div>\n        </h3>\n      </div>\n      <div class=\"row bg-white mt-5 mb-2 pl-2 pr-2\">\n        <div class=\"col-5\">\n          <h2>{{ 'document definition' | translate }}</h2>\n        </div>\n        <div class=\"col-5 offset-2\">\n          <h2>Connected processes</h2>\n        </div>\n      </div>\n      <div class=\"row bg-white mb-5 pb-4 pl-2 pr-2\">\n        <div class=\"col-5 bg-red\">\n          <textarea class=\"w-100 dossier-schema\" rows=\"25\" disabled\n            >{{ documentDefinition | json }}\n          </textarea>\n        </div>\n        <div class=\"col-5 offset-2 bg-blue\">\n          <div\n            class=\"input-group mb-5\"\n            *ngFor=\"let processDocumentDefinition of processDocumentDefinitions\"\n          >\n            <div class=\"input-group-prepend w-75\">\n              <button\n                class=\"btn btn-danger\"\n                (click)=\"deleteProcessDocumentDefinition(processDocumentDefinition)\"\n                data-toggle=\"tooltip\"\n                data-placement=\"left\"\n                title=\"Delete this connected process\"\n              >\n                <i class=\"fa fa-trash\"></i>\n              </button>\n              <input\n                class=\"form-control\"\n                [value]=\"\n                  processDocumentDefinition.processName\n                    ? processDocumentDefinition.processName\n                    : '' + ' (' + processDocumentDefinition.id.processDefinitionKey + ')'\n                \"\n                type=\"text\"\n                disabled\n              />\n            </div>\n            <div class=\"row mb-2 mt-2\">\n              <label class=\"custom-control custom-checkbox custom-control-inline pl-6 mr-5\">\n                <input\n                  class=\"custom-control-input\"\n                  type=\"checkbox\"\n                  [checked]=\"processDocumentDefinition.canInitializeDocument\"\n                  disabled\n                /><span class=\"custom-control-label custom-control-color\">Init document?</span>\n              </label>\n              <label class=\"custom-control custom-checkbox custom-control-inline pl-6\">\n                <input\n                  class=\"custom-control-input\"\n                  type=\"checkbox\"\n                  [checked]=\"processDocumentDefinition.startableByUser\"\n                  disabled\n                /><span class=\"custom-control-label custom-control-color\"\n                  >{{ 'Startable by user' | translate }}?</span\n                >\n              </label>\n            </div>\n          </div>\n          <div class=\"text-right mt-5 mb-5\">\n            <button class=\"btn btn-primary\" (click)=\"openDossierConnectModal()\">\n              <i class=\"icon mdi mdi-plus\"></i> &nbsp; Connect process\n            </button>\n          </div>\n          <valtimo-extension\n            module=\"dossier-management\"\n            page=\"dossier\"\n            section=\"right-panel\"\n          ></valtimo-extension>\n        </div>\n      </div>\n    </valtimo-widget>\n\n    <valtimo-dossier-management-connect-modal\n      #dossierConnectModal\n      (reloadProcessDocumentDefinitions)=\"loadProcessDocumentDefinitions()\"\n    ></valtimo-dossier-management-connect-modal>\n    <valtimo-dossier-management-remove-modal\n      #dossierRemoveModal\n    ></valtimo-dossier-management-remove-modal>\n  </div>\n</div>\n",
-                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.dossier-header{border-bottom:1px solid #dee2e6;height:80px;padding-left:18px;padding-right:18px;padding-top:21px}.dossier-title{margin-bottom:7px;margin-top:0}.row{margin:0}.dossier-schema{resize:none}"]
-                },] }
-    ];
-    DossierManagementDetailComponent.ctorParameters = function () { return [
-        { type: document$1.DocumentService },
-        { type: router.ActivatedRoute },
-        { type: components.AlertService }
-    ]; };
-    DossierManagementDetailComponent.propDecorators = {
-        dossierConnectModal: [{ type: core.ViewChild, args: ['dossierConnectModal',] }],
-        dossierRemoveModal: [{ type: core.ViewChild, args: ['dossierRemoveModal',] }]
+    /*
+     * 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 DossierManagementDetailComponent = /** @class */ (function () {
+        function DossierManagementDetailComponent(documentService, route, alertService) {
+            this.documentService = documentService;
+            this.route = route;
+            this.alertService = alertService;
+            this.documentDefinitionName = null;
+            this.documentDefinition = null;
+            this.processDocumentDefinitions = [];
+            this.documentDefinitionName = this.route.snapshot.paramMap.get('name');
+        }
+        DossierManagementDetailComponent.prototype.ngOnInit = function () {
+            this.loadDocumentDefinition();
+            this.loadProcessDocumentDefinitions();
+        };
+        DossierManagementDetailComponent.prototype.loadProcessDocumentDefinitions = function () {
+            var _this = this;
+            this.documentService
+                .findProcessDocumentDefinitions(this.documentDefinitionName)
+                .subscribe(function (processDocumentDefinitions) {
+                _this.processDocumentDefinitions = processDocumentDefinitions;
+            });
+        };
+        DossierManagementDetailComponent.prototype.loadDocumentDefinition = function () {
+            var _this = this;
+            this.documentService
+                .getDocumentDefinition(this.documentDefinitionName)
+                .subscribe(function (documentDefinition) {
+                _this.documentDefinition = documentDefinition;
+            });
+        };
+        DossierManagementDetailComponent.prototype.openDossierConnectModal = function () {
+            this.dossierConnectModal.openModal(this.documentDefinition);
+        };
+        DossierManagementDetailComponent.prototype.openDossierRemoveModal = function () {
+            this.dossierRemoveModal.openModal(this.documentDefinition);
+        };
+        DossierManagementDetailComponent.prototype.deleteProcessDocumentDefinition = function (processDocumentDefinition) {
+            var _this = this;
+            this.documentService
+                .deleteProcessDocumentDefinition({
+                documentDefinitionName: processDocumentDefinition.id.documentDefinitionId.name,
+                processDefinitionKey: processDocumentDefinition.id.processDefinitionKey,
+                canInitializeDocument: processDocumentDefinition.canInitializeDocument,
+                startableByUser: processDocumentDefinition.startableByUser,
+            })
+                .subscribe(function () {
+                _this.alertService.success('Successfully deleted process document definition');
+                _this.loadProcessDocumentDefinitions();
+            }, function () {
+                _this.alertService.error('Failed to delete process document definition');
+            });
+        };
+        DossierManagementDetailComponent.prototype.downloadDefinition = function () {
+            var definition = this.documentDefinition;
+            var dataString = 'data:text/json;charset=utf-8,' +
+                encodeURIComponent(JSON.stringify(definition.schema, null, 2));
+            var downloadAnchorElement = document.getElementById('downloadAnchorElement');
+            downloadAnchorElement.setAttribute('href', dataString);
+            downloadAnchorElement.setAttribute('download', definition.id.name + "-v" + definition.id.version + ".json");
+            downloadAnchorElement.click();
+        };
+        return DossierManagementDetailComponent;
+    }());
+    DossierManagementDetailComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'valtimo-dossier-management-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 pt-0\">\n  <div class=\"container-fluid\">\n    <div *ngIf=\"documentDefinition\" class=\"btn-group mt-m3px mb-3 float-right\">\n      <button class=\"btn btn-primary btn-space\" (click)=\"downloadDefinition()\">\n        <i class=\"icon mdi mdi-download\"></i>&nbsp;\n        {{ 'Download document definition' | translate }}\n      </button>\n      <a id=\"downloadAnchorElement\" style=\"display: none\"></a>\n      <button\n        *ngIf=\"!this.documentDefinition.readOnly\"\n        class=\"btn btn-secondary btn-space mr-0\"\n        (click)=\"openDossierRemoveModal()\"\n      >\n        <i class=\"icon mdi mdi-delete\"></i>&nbsp;\n        {{ 'Remove document definition' | translate }}\n      </button>\n    </div>\n    <div class=\"clearfix\"></div>\n    <valtimo-widget *ngIf=\"documentDefinition\">\n      <div class=\"bg-light dossier-header\">\n        <h3 class=\"dossier-title\">\n          {{ documentDefinition.schema.title }}\n          <div *ngIf=\"documentDefinition.readOnly\" class=\"pull-right\">\n            <span class=\"badge badge-pill badge-info increase-size\">Read-only</span>\n          </div>\n        </h3>\n      </div>\n      <div class=\"row bg-white mt-5 mb-2 pl-2 pr-2\">\n        <div class=\"col-5\">\n          <h2>{{ 'document definition' | translate }}</h2>\n        </div>\n        <div class=\"col-5 offset-2\">\n          <h2>Connected processes</h2>\n        </div>\n      </div>\n      <div class=\"row bg-white mb-5 pb-4 pl-2 pr-2\">\n        <div class=\"col-5 bg-red\">\n          <textarea class=\"w-100 dossier-schema\" rows=\"25\" disabled\n            >{{ documentDefinition | json }}\n          </textarea>\n        </div>\n        <div class=\"col-5 offset-2 bg-blue\">\n          <div\n            class=\"input-group mb-5\"\n            *ngFor=\"let processDocumentDefinition of processDocumentDefinitions\"\n          >\n            <div class=\"input-group-prepend w-75\">\n              <button\n                class=\"btn btn-danger\"\n                (click)=\"deleteProcessDocumentDefinition(processDocumentDefinition)\"\n                data-toggle=\"tooltip\"\n                data-placement=\"left\"\n                title=\"Delete this connected process\"\n              >\n                <i class=\"fa fa-trash\"></i>\n              </button>\n              <input\n                class=\"form-control\"\n                [value]=\"\n                  processDocumentDefinition.processName\n                    ? processDocumentDefinition.processName\n                    : '' + ' (' + processDocumentDefinition.id.processDefinitionKey + ')'\n                \"\n                type=\"text\"\n                disabled\n              />\n            </div>\n            <div class=\"row mb-2 mt-2\">\n              <label\n                class=\"custom-control custom-checkbox custom-control-inline pl-6 mr-5\"\n                placement=\"bottom\"\n                ngbTooltip=\"{{ 'processCaseConnection.processCreatesCaseTooltip' | translate }}\"\n              >\n                <input\n                  class=\"custom-control-input\"\n                  type=\"checkbox\"\n                  [checked]=\"processDocumentDefinition.canInitializeDocument\"\n                  disabled\n                /><span class=\"custom-control-label custom-control-color\">{{\n                  'processCaseConnection.processCreatesCase' | translate\n                }}</span>\n              </label>\n              <label\n                class=\"custom-control custom-checkbox custom-control-inline pl-6\"\n                placement=\"bottom\"\n                ngbTooltip=\"{{ 'processCaseConnection.startableWithinCaseTooltip' | translate }}\"\n              >\n                <input\n                  class=\"custom-control-input\"\n                  type=\"checkbox\"\n                  [checked]=\"processDocumentDefinition.startableByUser\"\n                  disabled\n                /><span class=\"custom-control-label custom-control-color\">{{\n                  'processCaseConnection.startableWithinCase' | translate\n                }}</span>\n              </label>\n            </div>\n          </div>\n          <div class=\"text-right mt-5 mb-5\">\n            <button class=\"btn btn-primary\" (click)=\"openDossierConnectModal()\">\n              <i class=\"icon mdi mdi-plus\"></i> &nbsp; Connect process\n            </button>\n          </div>\n          <valtimo-extension\n            module=\"dossier-management\"\n            page=\"dossier\"\n            section=\"right-panel\"\n          ></valtimo-extension>\n        </div>\n      </div>\n    </valtimo-widget>\n\n    <valtimo-dossier-management-connect-modal\n      #dossierConnectModal\n      (reloadProcessDocumentDefinitions)=\"loadProcessDocumentDefinitions()\"\n    ></valtimo-dossier-management-connect-modal>\n    <valtimo-dossier-management-remove-modal\n      #dossierRemoveModal\n    ></valtimo-dossier-management-remove-modal>\n  </div>\n</div>\n",
+                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.dossier-header{border-bottom:1px solid #dee2e6;height:80px;padding-left:18px;padding-right:18px;padding-top:21px}.dossier-title{margin-bottom:7px;margin-top:0}.row{margin:0}.dossier-schema{resize:none}"]
+                },] }
+    ];
+    DossierManagementDetailComponent.ctorParameters = function () { return [
+        { type: document$1.DocumentService },
+        { type: router.ActivatedRoute },
+        { type: components.AlertService }
+    ]; };
+    DossierManagementDetailComponent.propDecorators = {
+        dossierConnectModal: [{ type: core.ViewChild, args: ['dossierConnectModal',] }],
+        dossierRemoveModal: [{ type: core.ViewChild, args: ['dossierRemoveModal',] }]
     };
 
-    /*
-     * 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 DossierManagementListComponent = /** @class */ (function () {
-        function DossierManagementListComponent(documentService, router) {
-            this.documentService = documentService;
-            this.router = router;
-            this.dossiers = [];
-            this.pagination = {
-                collectionSize: 0,
-                page: 1,
-                size: 10,
-                maxPaginationItemSize: 5,
-            };
-            this.pageParam = 0;
-            this.dossierFields = [
-                { key: 'schema.title', label: 'Title' },
-                { key: 'createdOn', label: 'Created On' },
-                { key: 'readOnly', label: 'Read-only' },
-            ];
-            this.showModal$ = new rxjs.BehaviorSubject(false);
-        }
-        DossierManagementListComponent.prototype.paginationClicked = function (page) {
-            this.pageParam = page - 1;
-            this.getDocumentDefinitions();
-        };
-        DossierManagementListComponent.prototype.paginationSet = function () {
-            this.getDocumentDefinitions();
-        };
-        DossierManagementListComponent.prototype.redirectToDetails = function (documentDefinition) {
-            this.router.navigate(['/dossier-management/dossier', documentDefinition.id.name]);
-        };
-        DossierManagementListComponent.prototype.getDocumentDefinitions = function () {
-            var _this = this;
-            this.documentService
-                .queryDefinitions({ page: this.pageParam, size: this.pagination.size })
-                .subscribe(function (documentDefinitionPage) {
-                _this.pagination.collectionSize = documentDefinitionPage.totalElements;
-                _this.dossiers = documentDefinitionPage.content;
-                _this.dossiers.map(function (dossier) {
-                    dossier.createdOn = moment(dossier.createdOn).format('DD MMM YYYY HH:mm');
-                });
-            });
-        };
-        DossierManagementListComponent.prototype.showModal = function () {
-            this.showModal$.next(true);
-        };
-        return DossierManagementListComponent;
-    }());
-    DossierManagementListComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'valtimo-dossier-management-list',
-                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"btn-group mt-m3px mb-3 float-right\">\n      <button class=\"btn btn-secondary btn-space mr-0\" (click)=\"showModal()\">\n        <i class=\"icon mdi mdi-upload\"></i>&nbsp;\n        {{ 'Upload document definition' | translate }}\n      </button>\n    </div>\n    <div class=\"clearfix\"></div>\n    <valtimo-widget>\n      <valtimo-list\n        [items]=\"dossiers\"\n        [fields]=\"dossierFields\"\n        [header]=\"true\"\n        [viewMode]=\"true\"\n        [isSearchable]=\"true\"\n        [pagination]=\"pagination\"\n        paginationIdentifier=\"dossierManagementList\"\n        (paginationClicked)=\"paginationClicked($event)\"\n        (paginationSet)=\"paginationSet()\"\n        (rowClicked)=\"redirectToDetails($event)\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ 'Dossiers' | translate }}</h3>\n          <h5 class=\"list-header-description\">{{ 'Overview of all Dossiers' | translate }}</h5>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\n  </div>\n</div>\n\n<valtimo-dossier-management-upload\n  [show$]=\"showModal$\"\n  (definitionUploaded)=\"paginationSet()\"\n></valtimo-dossier-management-upload>\n",
-                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
-                },] }
-    ];
-    DossierManagementListComponent.ctorParameters = function () { return [
-        { type: document$1.DocumentService },
-        { type: router.Router }
+    /*
+     * 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 DossierManagementListComponent = /** @class */ (function () {
+        function DossierManagementListComponent(documentService, router) {
+            this.documentService = documentService;
+            this.router = router;
+            this.dossiers = [];
+            this.pagination = {
+                collectionSize: 0,
+                page: 1,
+                size: 10,
+                maxPaginationItemSize: 5,
+            };
+            this.pageParam = 0;
+            this.dossierFields = [
+                { key: 'schema.title', label: 'Title' },
+                { key: 'createdOn', label: 'Created On' },
+                { key: 'readOnly', label: 'Read-only' },
+            ];
+            this.showModal$ = new rxjs.BehaviorSubject(false);
+        }
+        DossierManagementListComponent.prototype.paginationClicked = function (page) {
+            this.pageParam = page - 1;
+            this.getDocumentDefinitions();
+        };
+        DossierManagementListComponent.prototype.paginationSet = function () {
+            this.getDocumentDefinitions();
+        };
+        DossierManagementListComponent.prototype.redirectToDetails = function (documentDefinition) {
+            this.router.navigate(['/dossier-management/dossier', documentDefinition.id.name]);
+        };
+        DossierManagementListComponent.prototype.getDocumentDefinitions = function () {
+            var _this = this;
+            this.documentService
+                .queryDefinitions({ page: this.pageParam, size: this.pagination.size })
+                .subscribe(function (documentDefinitionPage) {
+                _this.pagination.collectionSize = documentDefinitionPage.totalElements;
+                _this.dossiers = documentDefinitionPage.content;
+                _this.dossiers.map(function (dossier) {
+                    dossier.createdOn = moment(dossier.createdOn).format('DD MMM YYYY HH:mm');
+                });
+            });
+        };
+        DossierManagementListComponent.prototype.showModal = function () {
+            this.showModal$.next(true);
+        };
+        return DossierManagementListComponent;
+    }());
+    DossierManagementListComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'valtimo-dossier-management-list',
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"btn-group mt-m3px mb-3 float-right\">\n      <button class=\"btn btn-secondary btn-space mr-0\" (click)=\"showModal()\">\n        <i class=\"icon mdi mdi-upload\"></i>&nbsp;\n        {{ 'Upload document definition' | translate }}\n      </button>\n    </div>\n    <div class=\"clearfix\"></div>\n    <valtimo-widget>\n      <valtimo-list\n        [items]=\"dossiers\"\n        [fields]=\"dossierFields\"\n        [header]=\"true\"\n        [viewMode]=\"true\"\n        [isSearchable]=\"true\"\n        [pagination]=\"pagination\"\n        paginationIdentifier=\"dossierManagementList\"\n        (paginationClicked)=\"paginationClicked($event)\"\n        (paginationSet)=\"paginationSet()\"\n        (rowClicked)=\"redirectToDetails($event)\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ 'Dossiers' | translate }}</h3>\n          <h5 class=\"list-header-description\">{{ 'Overview of all Dossiers' | translate }}</h5>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\n  </div>\n</div>\n\n<valtimo-dossier-management-upload\n  [show$]=\"showModal$\"\n  (definitionUploaded)=\"paginationSet()\"\n></valtimo-dossier-management-upload>\n",
+                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
+                },] }
+    ];
+    DossierManagementListComponent.ctorParameters = function () { return [
+        { type: document$1.DocumentService },
+        { type: router.Router }
     ]; };
 
-    /*
-     * 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_ADMIN] }, ɵ1 = { title: 'Dossier details', roles: [contract.ROLE_ADMIN] };
-    var routes = [
-        {
-            path: 'dossier-management',
-            component: DossierManagementListComponent,
-            canActivate: [security.AuthGuardService],
-            data: ɵ0,
-        },
-        {
-            path: 'dossier-management/dossier/:name',
-            component: DossierManagementDetailComponent,
-            canActivate: [security.AuthGuardService],
-            data: ɵ1,
-        },
-    ];
-    var DossierManagementRoutingModule = /** @class */ (function () {
-        function DossierManagementRoutingModule() {
-        }
-        return DossierManagementRoutingModule;
-    }());
-    DossierManagementRoutingModule.decorators = [
-        { type: core.NgModule, args: [{
-                    imports: [router.RouterModule.forRoot(routes)],
-                    exports: [router.RouterModule],
-                    declarations: [],
-                },] }
+    /*
+     * 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: [config.ROLE_ADMIN] }, ɵ1 = { title: 'Dossier details', roles: [config.ROLE_ADMIN] };
+    var routes = [
+        {
+            path: 'dossier-management',
+            component: DossierManagementListComponent,
+            canActivate: [security.AuthGuardService],
+            data: ɵ0,
+        },
+        {
+            path: 'dossier-management/dossier/:name',
+            component: DossierManagementDetailComponent,
+            canActivate: [security.AuthGuardService],
+            data: ɵ1,
+        },
+    ];
+    var DossierManagementRoutingModule = /** @class */ (function () {
+        function DossierManagementRoutingModule() {
+        }
+        return DossierManagementRoutingModule;
+    }());
+    DossierManagementRoutingModule.decorators = [
+        { type: core.NgModule, args: [{
+                    imports: [router.RouterModule.forRoot(routes)],
+                    exports: [router.RouterModule],
+                    declarations: [],
+                },] }
     ];
 
-    /*
-     * 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 DossierManagementUploadComponent = /** @class */ (function () {
-        function DossierManagementUploadComponent(documentService, translateService, menuService) {
-            this.documentService = documentService;
-            this.translateService = translateService;
-            this.menuService = menuService;
-            this.definitionUploaded = new core.EventEmitter();
-            this.clear$ = new rxjs.Subject();
-            this.jsonString$ = new rxjs.BehaviorSubject('');
-            this.error$ = new rxjs.BehaviorSubject('');
-            this.disabled$ = new rxjs.BehaviorSubject(false);
-            this.file$ = new rxjs.BehaviorSubject(undefined);
-        }
-        DossierManagementUploadComponent.prototype.ngAfterViewInit = function () {
-            this.openShowSubscription();
-            this.openFileSubscription();
-        };
-        DossierManagementUploadComponent.prototype.ngOnDestroy = function () {
-            this.showSubscription.unsubscribe();
-            this.fileSubscription.unsubscribe();
-            this.closeErrorSubscription();
-        };
-        DossierManagementUploadComponent.prototype.setFile = function (file) {
-            this.clearError();
-            this.file$.next(file);
-        };
-        DossierManagementUploadComponent.prototype.uploadDefinition = function () {
-            var _this = this;
-            this.disable();
-            this.jsonString$
-                .pipe(operators.switchMap(function (jsonString) { return _this.documentService
-                .createDocumentDefinition(new contract.DocumentDefinitionCreateRequest(jsonString))
-                .pipe(operators.tap(
-            // success
-            function () {
-                _this.closeErrorSubscription();
-                _this.clearError();
-                _this.enable();
-                _this.hideModal();
-                _this.menuService.reload();
-                _this.definitionUploaded.emit();
-            }, 
-            // error
-            function () {
-                _this.openErrorSubscription('dropzone.error.invalidDocDef');
-                _this.enable();
-            })); }), operators.take(1))
-                .subscribe();
-        };
-        DossierManagementUploadComponent.prototype.openErrorSubscription = function (errorCode) {
-            var _this = this;
-            this.closeErrorSubscription();
-            this.errorSubscription = this.translateService.stream(errorCode).subscribe(function (error) {
-                _this.error$.next(error);
-            });
-        };
-        DossierManagementUploadComponent.prototype.closeErrorSubscription = function () {
-            if (this.errorSubscription) {
-                this.errorSubscription.unsubscribe();
-            }
-        };
-        DossierManagementUploadComponent.prototype.clearError = function () {
-            this.error$.next('');
-        };
-        DossierManagementUploadComponent.prototype.openFileSubscription = function () {
-            var _this = this;
-            this.fileSubscription = this.file$.subscribe(function (file) {
-                if (file) {
-                    var reader_1 = new FileReader();
-                    reader_1.onloadend = function () {
-                        var result = reader_1.result.toString();
-                        if (_this.stringIsValidJson(result)) {
-                            _this.jsonString$.next(result);
-                        }
-                    };
-                    reader_1.readAsText(file);
-                }
-                else {
-                    _this.clearJsonString();
-                }
-            });
-        };
-        DossierManagementUploadComponent.prototype.openShowSubscription = function () {
-            var _this = this;
-            this.showSubscription = this.show$.subscribe(function (show) {
-                if (show) {
-                    _this.showModal();
-                }
-                else {
-                    _this.hideModal();
-                }
-                _this.clearJsonString();
-                _this.clearError();
-                _this.clearDropzone();
-            });
-        };
-        DossierManagementUploadComponent.prototype.clearJsonString = function () {
-            this.jsonString$.next('');
-        };
-        DossierManagementUploadComponent.prototype.clearDropzone = function () {
-            this.clear$.next();
-        };
-        DossierManagementUploadComponent.prototype.showModal = function () {
-            this.modal.show();
-        };
-        DossierManagementUploadComponent.prototype.hideModal = function () {
-            this.modal.hide();
-        };
-        DossierManagementUploadComponent.prototype.stringIsValidJson = function (string) {
-            try {
-                JSON.parse(string);
-            }
-            catch (e) {
-                return false;
-            }
-            return true;
-        };
-        DossierManagementUploadComponent.prototype.disable = function () {
-            this.disabled$.next(true);
-        };
-        DossierManagementUploadComponent.prototype.enable = function () {
-            this.disabled$.next(false);
-        };
-        return DossierManagementUploadComponent;
-    }());
-    DossierManagementUploadComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'valtimo-dossier-management-upload',
-                    template: "<valtimo-modal\n  #uploadDefinitionModal\n  [title]=\"'Upload document definition' | translate\"\n  showFooter=\"true\"\n>\n  <div class=\"mt-2\" body>\n    <valtimo-dropzone\n      [clear$]=\"clear$\"\n      (fileSelected)=\"setFile($event)\"\n      [disabled]=\"disabled$ | async\"\n      [subtitle]=\"'dropzone.jsonDocDef' | translate\"\n      [externalError$]=\"error$\"\n    ></valtimo-dropzone>\n  </div>\n  <div footer>\n    <ng-container *ngIf=\"(jsonString$ | async) && !(error$ | async); else pleaseSelect\">\n      <button [disabled]=\"disabled$ | async\" class=\"btn btn-primary\" (click)=\"uploadDefinition()\">\n        {{ 'Upload' | translate }}\n      </button>\n    </ng-container>\n  </div>\n</valtimo-modal>\n\n<ng-template #pleaseSelect>\n  <button class=\"btn btn-primary\" [disabled]=\"true\">\n    {{ 'Select a document definition' | translate }}\n  </button>\n</ng-template>\n",
-                    styles: [""]
-                },] }
-    ];
-    DossierManagementUploadComponent.ctorParameters = function () { return [
-        { type: document$1.DocumentService },
-        { type: core$1.TranslateService },
-        { type: components.MenuService }
-    ]; };
-    DossierManagementUploadComponent.propDecorators = {
-        show$: [{ type: core.Input }],
-        definitionUploaded: [{ type: core.Output }],
-        modal: [{ type: core.ViewChild, args: ['uploadDefinitionModal',] }]
+    /*
+     * 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 DossierManagementUploadComponent = /** @class */ (function () {
+        function DossierManagementUploadComponent(documentService, translateService, menuService) {
+            this.documentService = documentService;
+            this.translateService = translateService;
+            this.menuService = menuService;
+            this.definitionUploaded = new core.EventEmitter();
+            this.clear$ = new rxjs.Subject();
+            this.jsonString$ = new rxjs.BehaviorSubject('');
+            this.error$ = new rxjs.BehaviorSubject('');
+            this.disabled$ = new rxjs.BehaviorSubject(false);
+            this.file$ = new rxjs.BehaviorSubject(undefined);
+        }
+        DossierManagementUploadComponent.prototype.ngAfterViewInit = function () {
+            this.openShowSubscription();
+            this.openFileSubscription();
+        };
+        DossierManagementUploadComponent.prototype.ngOnDestroy = function () {
+            this.showSubscription.unsubscribe();
+            this.fileSubscription.unsubscribe();
+            this.closeErrorSubscription();
+        };
+        DossierManagementUploadComponent.prototype.setFile = function (file) {
+            this.clearError();
+            this.file$.next(file);
+        };
+        DossierManagementUploadComponent.prototype.uploadDefinition = function () {
+            var _this = this;
+            this.disable();
+            this.jsonString$
+                .pipe(operators.switchMap(function (jsonString) { return _this.documentService
+                .createDocumentDefinition(new document$1.DocumentDefinitionCreateRequest(jsonString))
+                .pipe(operators.tap(
+            // success
+            function () {
+                _this.closeErrorSubscription();
+                _this.clearError();
+                _this.enable();
+                _this.hideModal();
+                _this.menuService.reload();
+                _this.definitionUploaded.emit();
+            }, 
+            // error
+            function () {
+                _this.openErrorSubscription('dropzone.error.invalidDocDef');
+                _this.enable();
+            })); }), operators.take(1))
+                .subscribe();
+        };
+        DossierManagementUploadComponent.prototype.openErrorSubscription = function (errorCode) {
+            var _this = this;
+            this.closeErrorSubscription();
+            this.errorSubscription = this.translateService.stream(errorCode).subscribe(function (error) {
+                _this.error$.next(error);
+            });
+        };
+        DossierManagementUploadComponent.prototype.closeErrorSubscription = function () {
+            if (this.errorSubscription) {
+                this.errorSubscription.unsubscribe();
+            }
+        };
+        DossierManagementUploadComponent.prototype.clearError = function () {
+            this.error$.next('');
+        };
+        DossierManagementUploadComponent.prototype.openFileSubscription = function () {
+            var _this = this;
+            this.fileSubscription = this.file$.subscribe(function (file) {
+                if (file) {
+                    var reader_1 = new FileReader();
+                    reader_1.onloadend = function () {
+                        var result = reader_1.result.toString();
+                        if (_this.stringIsValidJson(result)) {
+                            _this.jsonString$.next(result);
+                        }
+                    };
+                    reader_1.readAsText(file);
+                }
+                else {
+                    _this.clearJsonString();
+                }
+            });
+        };
+        DossierManagementUploadComponent.prototype.openShowSubscription = function () {
+            var _this = this;
+            this.showSubscription = this.show$.subscribe(function (show) {
+                if (show) {
+                    _this.showModal();
+                }
+                else {
+                    _this.hideModal();
+                }
+                _this.clearJsonString();
+                _this.clearError();
+                _this.clearDropzone();
+            });
+        };
+        DossierManagementUploadComponent.prototype.clearJsonString = function () {
+            this.jsonString$.next('');
+        };
+        DossierManagementUploadComponent.prototype.clearDropzone = function () {
+            this.clear$.next();
+        };
+        DossierManagementUploadComponent.prototype.showModal = function () {
+            this.modal.show();
+        };
+        DossierManagementUploadComponent.prototype.hideModal = function () {
+            this.modal.hide();
+        };
+        DossierManagementUploadComponent.prototype.stringIsValidJson = function (string) {
+            try {
+                JSON.parse(string);
+            }
+            catch (e) {
+                return false;
+            }
+            return true;
+        };
+        DossierManagementUploadComponent.prototype.disable = function () {
+            this.disabled$.next(true);
+        };
+        DossierManagementUploadComponent.prototype.enable = function () {
+            this.disabled$.next(false);
+        };
+        return DossierManagementUploadComponent;
+    }());
+    DossierManagementUploadComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'valtimo-dossier-management-upload',
+                    template: "<valtimo-modal\n  #uploadDefinitionModal\n  [title]=\"'Upload document definition' | translate\"\n  showFooter=\"true\"\n>\n  <div class=\"mt-2\" body>\n    <valtimo-dropzone\n      [clear$]=\"clear$\"\n      (fileSelected)=\"setFile($event)\"\n      [disabled]=\"disabled$ | async\"\n      [subtitle]=\"'dropzone.jsonDocDef' | translate\"\n      [externalError$]=\"error$\"\n    ></valtimo-dropzone>\n  </div>\n  <div footer>\n    <ng-container *ngIf=\"(jsonString$ | async) && !(error$ | async); else pleaseSelect\">\n      <button [disabled]=\"disabled$ | async\" class=\"btn btn-primary\" (click)=\"uploadDefinition()\">\n        {{ 'Upload' | translate }}\n      </button>\n    </ng-container>\n  </div>\n</valtimo-modal>\n\n<ng-template #pleaseSelect>\n  <button class=\"btn btn-primary\" [disabled]=\"true\">\n    {{ 'Select a document definition' | translate }}\n  </button>\n</ng-template>\n",
+                    styles: [""]
+                },] }
+    ];
+    DossierManagementUploadComponent.ctorParameters = function () { return [
+        { type: document$1.DocumentService },
+        { type: core$1.TranslateService },
+        { type: components.MenuService }
+    ]; };
+    DossierManagementUploadComponent.propDecorators = {
+        show$: [{ type: core.Input }],
+        definitionUploaded: [{ type: core.Output }],
+        modal: [{ type: core.ViewChild, args: ['uploadDefinitionModal',] }]
     };
 
-    /*
-     * 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 DossierManagementRemoveModalComponent = /** @class */ (function () {
-        function DossierManagementRemoveModalComponent(documentService, toasterService, router, translateService, menuService) {
-            this.documentService = documentService;
-            this.toasterService = toasterService;
-            this.router = router;
-            this.translateService = translateService;
-            this.menuService = menuService;
-            this.documentDefinition = null;
-            this.errors = [];
-        }
-        DossierManagementRemoveModalComponent.prototype.openModal = function (documentDefinition) {
-            this.documentDefinition = documentDefinition;
-            this.modal.show();
-        };
-        DossierManagementRemoveModalComponent.prototype.removeDocumentDefinition = function () {
-            var _this = this;
-            this.documentService.removeDocumentDefinition(this.documentDefinition.id.name).subscribe(function () {
-                _this.menuService.reload();
-                _this.router.navigate(['/dossier-management']);
-                _this.toasterService.success(_this.translateService.instant('remove-document-definition-success'));
-            }, function (result) {
-                _this.errors = result.errors;
-            });
-        };
-        return DossierManagementRemoveModalComponent;
-    }());
-    DossierManagementRemoveModalComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'valtimo-dossier-management-remove-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  #documentDefinitionRemoveModal\n  elementId=\"documentDefinitionRemoveModal\"\n  [title]=\"documentDefinition ? documentDefinition.schema.title : 'Document definition'\"\n  subtitle=\"{{ 'Remove document definition' | translate }}\"\n  showFooter=\"true\"\n>\n  <div body *ngIf=\"documentDefinition\">\n    <div class=\"alert alert-contrast alert-danger mt-2\" role=\"alert\">\n      <div class=\"icon\"><span class=\"mdi mdi-alert-triangle\"></span></div>\n      <div\n        class=\"message\"\n        [innerHTML]=\"'remove-document-definition-confirmation' | translate\"\n      ></div>\n    </div>\n    <div *ngIf=\"errors.length > 0\" class=\"alert alert-danger pt-5 pb-5 mb-2\">\n      <ol>\n        <li *ngFor=\"let error of errors\">\n          {{ error }}\n        </li>\n      </ol>\n    </div>\n  </div>\n  <div footer>\n    <button (click)=\"removeDocumentDefinition()\" class=\"btn btn-primary\" data-dismiss=\"modal\">\n      {{ 'remove-document-definition-confirmation-button' | translate }}\n    </button>\n  </div>\n</valtimo-modal>\n",
-                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
-                },] }
-    ];
-    DossierManagementRemoveModalComponent.ctorParameters = function () { return [
-        { type: document$1.DocumentService },
-        { type: ngxToastr.ToastrService },
-        { type: router.Router },
-        { type: core$1.TranslateService },
-        { type: components.MenuService }
-    ]; };
-    DossierManagementRemoveModalComponent.propDecorators = {
-        modal: [{ type: core.ViewChild, args: ['documentDefinitionRemoveModal',] }]
+    /*
+     * 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 DossierManagementRemoveModalComponent = /** @class */ (function () {
+        function DossierManagementRemoveModalComponent(documentService, toasterService, router, translateService, menuService) {
+            this.documentService = documentService;
+            this.toasterService = toasterService;
+            this.router = router;
+            this.translateService = translateService;
+            this.menuService = menuService;
+            this.documentDefinition = null;
+            this.errors = [];
+        }
+        DossierManagementRemoveModalComponent.prototype.openModal = function (documentDefinition) {
+            this.documentDefinition = documentDefinition;
+            this.modal.show();
+        };
+        DossierManagementRemoveModalComponent.prototype.removeDocumentDefinition = function () {
+            var _this = this;
+            this.documentService.removeDocumentDefinition(this.documentDefinition.id.name).subscribe(function () {
+                _this.menuService.reload();
+                _this.router.navigate(['/dossier-management']);
+                _this.toasterService.success(_this.translateService.instant('remove-document-definition-success'));
+            }, function (result) {
+                _this.errors = result.errors;
+            });
+        };
+        return DossierManagementRemoveModalComponent;
+    }());
+    DossierManagementRemoveModalComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'valtimo-dossier-management-remove-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  #documentDefinitionRemoveModal\n  elementId=\"documentDefinitionRemoveModal\"\n  [title]=\"documentDefinition ? documentDefinition.schema.title : 'Document definition'\"\n  subtitle=\"{{ 'Remove document definition' | translate }}\"\n  showFooter=\"true\"\n>\n  <div body *ngIf=\"documentDefinition\">\n    <div class=\"alert alert-contrast alert-danger mt-2\" role=\"alert\">\n      <div class=\"icon\"><span class=\"mdi mdi-alert-triangle\"></span></div>\n      <div\n        class=\"message\"\n        [innerHTML]=\"'remove-document-definition-confirmation' | translate\"\n      ></div>\n    </div>\n    <div *ngIf=\"errors.length > 0\" class=\"alert alert-danger pt-5 pb-5 mb-2\">\n      <ol>\n        <li *ngFor=\"let error of errors\">\n          {{ error }}\n        </li>\n      </ol>\n    </div>\n  </div>\n  <div footer>\n    <button (click)=\"removeDocumentDefinition()\" class=\"btn btn-primary\" data-dismiss=\"modal\">\n      {{ 'remove-document-definition-confirmation-button' | translate }}\n    </button>\n  </div>\n</valtimo-modal>\n",
+                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
+                },] }
+    ];
+    DossierManagementRemoveModalComponent.ctorParameters = function () { return [
+        { type: document$1.DocumentService },
+        { type: ngxToastr.ToastrService },
+        { type: router.Router },
+        { type: core$1.TranslateService },
+        { type: components.MenuService }
+    ]; };
+    DossierManagementRemoveModalComponent.propDecorators = {
+        modal: [{ type: core.ViewChild, args: ['documentDefinitionRemoveModal',] }]
     };
 
-    /*
-     * 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 DossierManagementModule = /** @class */ (function () {
-        function DossierManagementModule() {
-        }
-        return DossierManagementModule;
-    }());
-    DossierManagementModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [
-                        DossierManagementListComponent,
-                        DossierManagementDetailComponent,
-                        DossierManagementConnectModalComponent,
-                        DossierManagementRemoveModalComponent,
-                        DossierManagementUploadComponent,
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        components.WidgetModule,
-                        components.DropzoneModule,
-                        components.ListModule,
-                        DossierManagementRoutingModule,
-                        forms.FormsModule,
-                        core$1.TranslateModule,
-                        components.ModalModule,
-                        config.ConfigModule,
-                        ngBootstrap.NgbTooltipModule,
-                    ],
-                    exports: [],
-                    entryComponents: [config.ExtensionComponent],
-                },] }
+    /*
+     * 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 DossierManagementModule = /** @class */ (function () {
+        function DossierManagementModule() {
+        }
+        return DossierManagementModule;
+    }());
+    DossierManagementModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        DossierManagementListComponent,
+                        DossierManagementDetailComponent,
+                        DossierManagementConnectModalComponent,
+                        DossierManagementRemoveModalComponent,
+                        DossierManagementUploadComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        components.WidgetModule,
+                        components.DropzoneModule,
+                        components.ListModule,
+                        DossierManagementRoutingModule,
+                        forms.FormsModule,
+                        core$1.TranslateModule,
+                        components.ModalModule,
+                        config.ConfigModule,
+                        ngBootstrap.NgbTooltipModule,
+                    ],
+                    exports: [],
+                    entryComponents: [config.ExtensionComponent],
+                },] }
     ];
 
-    /*
-     * 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.DossierManagementListComponent = DossierManagementListComponent;