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

package/fesm2015/valtimo-process-management.js

@@ -12,443 +12,442 @@ import PropertiesPanelModule from 'bpmn-js-properties-panel';
 import PropertiesProviderModule from 'bpmn-js-properties-panel/lib/provider/camunda';
 import CamundaExtensionModule from 'camunda-bpmn-moddle/lib';
 import CamundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda.json';
-import { ROLE_ADMIN } from '@valtimo/contract';
+import { ROLE_ADMIN, ConfigService } from '@valtimo/config';
 import { FormsModule } from '@angular/forms';
-import { ConfigService } from '@valtimo/config';
 import { TranslateModule } from '@ngx-translate/core';
 
-/*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class ProcessManagementListComponent {
-    constructor(processService, router) {
-        this.processService = processService;
-        this.router = router;
-        this.processDefinitions = [];
-        this.fields = [
-            { key: 'key', label: 'Key' },
-            { key: 'name', label: 'Name' },
-        ];
-    }
-    ngOnInit() {
-        this.loadProcessDefinitions();
-    }
-    loadProcessDefinitions() {
-        this.processService.getProcessDefinitions().subscribe((processDefs) => {
-            this.processDefinitions = processDefs;
-        });
-    }
-    editProcessDefinition(processDefinition) {
-        this.router.navigate(['/processes/process', processDefinition.key]);
-    }
-}
-ProcessManagementListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'valtimo-process-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<valtimo-widget>\n  <valtimo-list\n    [items]=\"processDefinitions\"\n    [fields]=\"fields\"\n    (rowClicked)=\"editProcessDefinition($event)\"\n    [header]=\"true\"\n    [viewMode]=\"true\"\n    [isSearchable]=\"true\"\n  >\n    <div header>\n      <h3 class=\"list-header-title\">{{ 'Processes' | translate }}</h3>\n      <h5 class=\"list-header-description\">{{ 'Overview of all Processes' | translate }}</h5>\n    </div>\n  </valtimo-list>\n</valtimo-widget>\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 */"]
-            },] }
-];
-ProcessManagementListComponent.ctorParameters = () => [
-    { type: ProcessService },
-    { type: 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.
+ */
+class ProcessManagementListComponent {
+    constructor(processService, router) {
+        this.processService = processService;
+        this.router = router;
+        this.processDefinitions = [];
+        this.fields = [
+            { key: 'key', label: 'Key' },
+            { key: 'name', label: 'Name' },
+        ];
+    }
+    ngOnInit() {
+        this.loadProcessDefinitions();
+    }
+    loadProcessDefinitions() {
+        this.processService.getProcessDefinitions().subscribe((processDefs) => {
+            this.processDefinitions = processDefs;
+        });
+    }
+    editProcessDefinition(processDefinition) {
+        this.router.navigate(['/processes/process', processDefinition.key]);
+    }
+}
+ProcessManagementListComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-process-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<valtimo-widget>\n  <valtimo-list\n    [items]=\"processDefinitions\"\n    [fields]=\"fields\"\n    (rowClicked)=\"editProcessDefinition($event)\"\n    [header]=\"true\"\n    [viewMode]=\"true\"\n    [isSearchable]=\"true\"\n  >\n    <div header>\n      <h3 class=\"list-header-title\">{{ 'Processes' | translate }}</h3>\n      <h5 class=\"list-header-description\">{{ 'Overview of all Processes' | translate }}</h5>\n    </div>\n  </valtimo-list>\n</valtimo-widget>\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 */"]
+            },] }
+];
+ProcessManagementListComponent.ctorParameters = () => [
+    { type: ProcessService },
+    { type: 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.
- */
-class ProcessManagementComponent {
-    constructor() { }
-    ngOnInit() { }
-}
-ProcessManagementComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'valtimo-process-management',
-                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=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3\">\n        <button class=\"btn btn-primary btn-space\" [routerLink]=\"'create'\">\n          <i class=\"icon mdi mdi-plus\"></i>&nbsp;\n          {{ 'Create new Process' | translate }}\n        </button>\n        <button\n          class=\"btn btn-secondary btn-space mr-0\"\n          data-toggle=\"modal\"\n          data-target=\"#uploadProcess\"\n        >\n          <i class=\"icon mdi mdi-upload\"></i>&nbsp;\n          {{ 'Upload process' | translate }}\n        </button>\n      </div>\n    </div>\n    <valtimo-process-management-upload\n      (reload)=\"processManagementList.loadProcessDefinitions()\"\n    ></valtimo-process-management-upload>\n    <valtimo-process-management-list #processManagementList></valtimo-process-management-list>\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 */"]
-            },] }
-];
-ProcessManagementComponent.ctorParameters = () => [];
-ProcessManagementComponent.propDecorators = {
-    processManagementList: [{ type: ViewChild, args: ['processManagementList',] }]
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ProcessManagementComponent {
+    constructor() { }
+    ngOnInit() { }
+}
+ProcessManagementComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-process-management',
+                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=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3\">\n        <button class=\"btn btn-primary btn-space\" [routerLink]=\"'create'\">\n          <i class=\"icon mdi mdi-plus\"></i>&nbsp;\n          {{ 'Create new Process' | translate }}\n        </button>\n        <button\n          class=\"btn btn-secondary btn-space mr-0\"\n          data-toggle=\"modal\"\n          data-target=\"#uploadProcess\"\n        >\n          <i class=\"icon mdi mdi-upload\"></i>&nbsp;\n          {{ 'Upload process' | translate }}\n        </button>\n      </div>\n    </div>\n    <valtimo-process-management-upload\n      (reload)=\"processManagementList.loadProcessDefinitions()\"\n    ></valtimo-process-management-upload>\n    <valtimo-process-management-list #processManagementList></valtimo-process-management-list>\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 */"]
+            },] }
+];
+ProcessManagementComponent.ctorParameters = () => [];
+ProcessManagementComponent.propDecorators = {
+    processManagementList: [{ type: ViewChild, args: ['processManagementList',] }]
 };
 
-/*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class ProcessManagementBuilderComponent {
-    constructor(http, processService, layoutService, alertService, route, router) {
-        this.http = http;
-        this.processService = processService;
-        this.layoutService = layoutService;
-        this.alertService = alertService;
-        this.route = route;
-        this.router = router;
-        this.processDefinitionVersions = null;
-        this.selectedVersion = null;
-        this.processKey = null;
-        this.elementTemplateFiles = ['mailSendTask'];
-    }
-    ngOnInit() {
-        this.init();
-    }
-    init() {
-        this.processKey = this.route.snapshot.paramMap.get('key');
-        forkJoin(this.getElementTemplates()).subscribe((elementTemplates) => {
-            this.bpmnModeler = new Modeler({
-                container: '#canvas',
-                height: '90vh',
-                additionalModules: [
-                    PropertiesPanelModule,
-                    PropertiesProviderModule,
-                    CamundaExtensionModule,
-                ],
-                propertiesPanel: {
-                    parent: '#properties',
-                },
-                moddleExtensions: {
-                    camunda: CamundaModdleDescriptor,
-                },
-                elementTemplates: elementTemplates,
-            });
-            if (this.processKey) {
-                this.loadProcessVersions(this.processKey);
-                this.selectedVersion = null;
-            }
-            else {
-                this.loadEmptyBpmn();
-            }
-        });
-    }
-    deploy() {
-        this.bpmnModeler.saveXML((err, xml) => {
-            this.processService.deployProcess(xml).subscribe(asd => {
-                if (this.processKey) {
-                    this.loadProcessVersions(this.processKey);
-                }
-                else {
-                    this.router.navigate(['/processes']);
-                }
-                this.alertService.success('Deployment successful');
-                this.selectedVersion = null;
-            });
-        });
-    }
-    reset() {
-        this.bpmnModeler.destroy();
-        this.init();
-    }
-    download() {
-        this.bpmnModeler.saveXML((err, xml) => {
-            const file = new Blob([xml], { type: 'text/xml' });
-            const link = document.createElement('a');
-            link.download = 'diagram.bpmn';
-            link.href = window.URL.createObjectURL(file);
-            link.click();
-            window.URL.revokeObjectURL(link.href);
-            link.remove();
-        });
-    }
-    loadEmptyBpmn() {
-        const url = '/assets/bpmn/initial.bpmn';
-        this.http
-            .get(url, {
-            headers: { observe: 'response' },
-            responseType: 'text',
-        })
-            .subscribe((xml) => {
-            this.bpmnModeler.importXML(xml);
-        });
-    }
-    getElementTemplates() {
-        const templateObs = [];
-        for (const file of this.elementTemplateFiles) {
-            templateObs.push(this.http.get(`/assets/bpmn/element-templates/${file}.json`, {
-                headers: { observe: 'response' },
-                responseType: 'json',
-            }));
-        }
-        return templateObs;
-    }
-    setLatestVersion() {
-        this.selectedVersion = this.processDefinitionVersions.reduce((acc, version) => version.version > acc.version ? version : acc);
-        this.loadProcessBpmn();
-    }
-    loadProcessVersions(processDefinitionKey) {
-        this.processService
-            .getProcessDefinitionVersions(processDefinitionKey)
-            .subscribe((processDefinitionVersions) => {
-            this.processDefinitionVersions = processDefinitionVersions;
-            this.setLatestVersion();
-        });
-    }
-    compareProcessDefinitions(pd1, pd2) {
-        if (pd1 === null && pd2 === null) {
-            return true;
-        }
-        if (pd1 === null || pd2 === null) {
-            return false;
-        }
-        return pd1.id === pd2.id;
-    }
-    loadProcessBpmn() {
-        this.processService.getProcessDefinitionXml(this.selectedVersion.id).subscribe(xml => {
-            this.bpmnModeler.importXML(xml['bpmn20Xml']);
-        });
-    }
-    ngOnDestroy() {
-        this.bpmnModeler.destroy();
-    }
-}
-ProcessManagementBuilderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'valtimo-process-management-builder',
-                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=\"mb-5\" [ngClass]=\"{'main-content pt-0': !layoutService.isFullscreen}\">\n  <div [ngClass]=\"{'container-fluid': !layoutService.isFullscreen}\">\n    <div class=\"text-right\">\n      <div\n        class=\"btn-group mt-m3px mb-3\"\n        *ngIf=\"(selectedVersion !== null || processKey === null) && !layoutService.isFullscreen\"\n      >\n        <button class=\"btn btn-primary btn-space\" (click)=\"deploy()\">\n          <i class=\"fa fa-upload\"></i> &nbsp;Deploy\n        </button>\n        <button\n          class=\"btn btn-secondary btn-space\"\n          (click)=\"download()\"\n          [ngClass]=\"{'mr-0': selectedVersion !== null}\"\n        >\n          <i class=\"fa fa-save\"></i> &nbsp;Download\n        </button>\n        <button\n          *ngIf=\"selectedVersion === null\"\n          class=\"btn btn-danger btn-space mr-0\"\n          (click)=\"reset()\"\n        >\n          <i class=\"fa fa-trash\"></i> &nbsp;Clear\n        </button>\n      </div>\n    </div>\n\n    <div class=\"modeler pl-3 pr-3 mb-3\" [ngClass]=\"{'mt-4': !layoutService.isFullscreen}\">\n      <div\n        class=\"row pt-4 pb-3 bg-light versions\"\n        *ngIf=\"processDefinitionVersions\"\n        [ngClass]=\"{'border-bottom-0': selectedVersion !== null}\"\n      >\n        <div class=\"col-md-2\" *ngIf=\"processDefinitionVersions.length > 0\">\n          <h2 class=\"process-title\">\n            {{ processDefinitionVersions[0].name }}\n          </h2>\n        </div>\n        <div class=\"col-md-1 offset-md-6\">\n          <label for=\"processVersion\"><strong>Version</strong></label>\n          <select\n            id=\"processVersion\"\n            class=\"form-control w-100\"\n            [(ngModel)]=\"selectedVersion\"\n            (change)=\"loadProcessBpmn()\"\n            [compareWith]=\"compareProcessDefinitions\"\n          >\n            <option [ngValue]=\"null\" disabled selected>Version</option>\n            <option\n              *ngFor=\"let processDefinition of processDefinitionVersions\"\n              [ngValue]=\"processDefinition\"\n            >\n              {{ processDefinition.version }}\n            </option>\n          </select>\n        </div>\n        <div\n          class=\"col-md-2 d-flex align-items-end\"\n          *ngIf=\"(selectedVersion !== null || processKey === null) && layoutService.isFullscreen\"\n        >\n          <div class=\"btn-group\">\n            <button class=\"btn btn-primary btn-space\" (click)=\"deploy()\">\n              <i class=\"fa fa-upload\"></i> &nbsp;Deploy\n            </button>\n            <button class=\"btn btn-secondary btn-space\" (click)=\"download()\">\n              <i class=\"fa fa-save\"></i> &nbsp;Download\n            </button>\n            <button *ngIf=\"!selectedVersion\" class=\"btn btn-danger btn-space\" (click)=\"reset()\">\n              <i class=\"fa fa-trash\"></i> &nbsp;Clear\n            </button>\n          </div>\n        </div>\n        <div\n          *ngIf=\"selectedVersion\"\n          class=\"col-md-1 text-right fullscreen-toggle\"\n          [ngClass]=\"{'offset-md-2': !layoutService.isFullscreen}\"\n        >\n          <i\n            class=\"fas\"\n            [ngClass]=\"{\n              'fa-expand-arrows-alt': !layoutService.isFullscreen,\n              'fa-compress-arrows-alt': layoutService.isFullscreen\n            }\"\n            (click)=\"layoutService.toggleFullscreen()\"\n          ></i>\n        </div>\n      </div>\n      <div [hidden]=\"!selectedVersion && processKey\" class=\"row bg-white diagram mb-3\">\n        <div id=\"canvas\" class=\"col-9\"></div>\n        <div id=\"properties\" class=\"col-3 pr-0\"></div>\n      </div>\n    </div>\n  </div>\n</div>\n",
-                encapsulation: 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 */.diagram,.versions{border:1px solid #dee2e6}.process-title{color:#6b6b6b;font-size:1.5rem}.fullscreen-toggle{font-size:2rem}.fullscreen-toggle>i{cursor:pointer}.modeler{height:90vh}#properties{border-left:1px solid #dee2e6;padding-left:0}"]
-            },] }
-];
-ProcessManagementBuilderComponent.ctorParameters = () => [
-    { type: HttpClient },
-    { type: ProcessService },
-    { type: LayoutService },
-    { type: AlertService },
-    { type: ActivatedRoute },
-    { type: 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.
+ */
+class ProcessManagementBuilderComponent {
+    constructor(http, processService, layoutService, alertService, route, router) {
+        this.http = http;
+        this.processService = processService;
+        this.layoutService = layoutService;
+        this.alertService = alertService;
+        this.route = route;
+        this.router = router;
+        this.processDefinitionVersions = null;
+        this.selectedVersion = null;
+        this.processKey = null;
+        this.elementTemplateFiles = ['mailSendTask'];
+    }
+    ngOnInit() {
+        this.init();
+    }
+    init() {
+        this.processKey = this.route.snapshot.paramMap.get('key');
+        forkJoin(this.getElementTemplates()).subscribe((elementTemplates) => {
+            this.bpmnModeler = new Modeler({
+                container: '#canvas',
+                height: '90vh',
+                additionalModules: [
+                    PropertiesPanelModule,
+                    PropertiesProviderModule,
+                    CamundaExtensionModule,
+                ],
+                propertiesPanel: {
+                    parent: '#properties',
+                },
+                moddleExtensions: {
+                    camunda: CamundaModdleDescriptor,
+                },
+                elementTemplates: elementTemplates,
+            });
+            if (this.processKey) {
+                this.loadProcessVersions(this.processKey);
+                this.selectedVersion = null;
+            }
+            else {
+                this.loadEmptyBpmn();
+            }
+        });
+    }
+    deploy() {
+        this.bpmnModeler.saveXML((err, xml) => {
+            this.processService.deployProcess(xml).subscribe(asd => {
+                if (this.processKey) {
+                    this.loadProcessVersions(this.processKey);
+                }
+                else {
+                    this.router.navigate(['/processes']);
+                }
+                this.alertService.success('Deployment successful');
+                this.selectedVersion = null;
+            });
+        });
+    }
+    reset() {
+        this.bpmnModeler.destroy();
+        this.init();
+    }
+    download() {
+        this.bpmnModeler.saveXML((err, xml) => {
+            const file = new Blob([xml], { type: 'text/xml' });
+            const link = document.createElement('a');
+            link.download = 'diagram.bpmn';
+            link.href = window.URL.createObjectURL(file);
+            link.click();
+            window.URL.revokeObjectURL(link.href);
+            link.remove();
+        });
+    }
+    loadEmptyBpmn() {
+        const url = '/assets/bpmn/initial.bpmn';
+        this.http
+            .get(url, {
+            headers: { observe: 'response' },
+            responseType: 'text',
+        })
+            .subscribe((xml) => {
+            this.bpmnModeler.importXML(xml);
+        });
+    }
+    getElementTemplates() {
+        const templateObs = [];
+        for (const file of this.elementTemplateFiles) {
+            templateObs.push(this.http.get(`/assets/bpmn/element-templates/${file}.json`, {
+                headers: { observe: 'response' },
+                responseType: 'json',
+            }));
+        }
+        return templateObs;
+    }
+    setLatestVersion() {
+        this.selectedVersion = this.processDefinitionVersions.reduce((acc, version) => version.version > acc.version ? version : acc);
+        this.loadProcessBpmn();
+    }
+    loadProcessVersions(processDefinitionKey) {
+        this.processService
+            .getProcessDefinitionVersions(processDefinitionKey)
+            .subscribe((processDefinitionVersions) => {
+            this.processDefinitionVersions = processDefinitionVersions;
+            this.setLatestVersion();
+        });
+    }
+    compareProcessDefinitions(pd1, pd2) {
+        if (pd1 === null && pd2 === null) {
+            return true;
+        }
+        if (pd1 === null || pd2 === null) {
+            return false;
+        }
+        return pd1.id === pd2.id;
+    }
+    loadProcessBpmn() {
+        this.processService.getProcessDefinitionXml(this.selectedVersion.id).subscribe(xml => {
+            this.bpmnModeler.importXML(xml['bpmn20Xml']);
+        });
+    }
+    ngOnDestroy() {
+        this.bpmnModeler.destroy();
+    }
+}
+ProcessManagementBuilderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-process-management-builder',
+                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=\"mb-5\" [ngClass]=\"{'main-content pt-0': !layoutService.isFullscreen}\">\n  <div [ngClass]=\"{'container-fluid': !layoutService.isFullscreen}\">\n    <div class=\"text-right\">\n      <div\n        class=\"btn-group mt-m3px mb-3\"\n        *ngIf=\"(selectedVersion !== null || processKey === null) && !layoutService.isFullscreen\"\n      >\n        <button class=\"btn btn-primary btn-space\" (click)=\"deploy()\">\n          <i class=\"fa fa-upload\"></i> &nbsp;Deploy\n        </button>\n        <button\n          class=\"btn btn-secondary btn-space\"\n          (click)=\"download()\"\n          [ngClass]=\"{'mr-0': selectedVersion !== null}\"\n        >\n          <i class=\"fa fa-save\"></i> &nbsp;Download\n        </button>\n        <button\n          *ngIf=\"selectedVersion === null\"\n          class=\"btn btn-danger btn-space mr-0\"\n          (click)=\"reset()\"\n        >\n          <i class=\"fa fa-trash\"></i> &nbsp;Clear\n        </button>\n      </div>\n    </div>\n\n    <div class=\"modeler pl-3 pr-3 mb-3\" [ngClass]=\"{'mt-4': !layoutService.isFullscreen}\">\n      <div\n        class=\"row pt-4 pb-3 bg-light versions\"\n        *ngIf=\"processDefinitionVersions\"\n        [ngClass]=\"{'border-bottom-0': selectedVersion !== null}\"\n      >\n        <div class=\"col-md-2\" *ngIf=\"processDefinitionVersions.length > 0\">\n          <h2 class=\"process-title\">\n            {{ processDefinitionVersions[0].name }}\n          </h2>\n        </div>\n        <div class=\"col-md-1 offset-md-6\">\n          <label for=\"processVersion\"><strong>Version</strong></label>\n          <select\n            id=\"processVersion\"\n            class=\"form-control w-100\"\n            [(ngModel)]=\"selectedVersion\"\n            (change)=\"loadProcessBpmn()\"\n            [compareWith]=\"compareProcessDefinitions\"\n          >\n            <option [ngValue]=\"null\" disabled selected>Version</option>\n            <option\n              *ngFor=\"let processDefinition of processDefinitionVersions\"\n              [ngValue]=\"processDefinition\"\n            >\n              {{ processDefinition.version }}\n            </option>\n          </select>\n        </div>\n        <div\n          class=\"col-md-2 d-flex align-items-end\"\n          *ngIf=\"(selectedVersion !== null || processKey === null) && layoutService.isFullscreen\"\n        >\n          <div class=\"btn-group\">\n            <button class=\"btn btn-primary btn-space\" (click)=\"deploy()\">\n              <i class=\"fa fa-upload\"></i> &nbsp;Deploy\n            </button>\n            <button class=\"btn btn-secondary btn-space\" (click)=\"download()\">\n              <i class=\"fa fa-save\"></i> &nbsp;Download\n            </button>\n            <button *ngIf=\"!selectedVersion\" class=\"btn btn-danger btn-space\" (click)=\"reset()\">\n              <i class=\"fa fa-trash\"></i> &nbsp;Clear\n            </button>\n          </div>\n        </div>\n        <div\n          *ngIf=\"selectedVersion\"\n          class=\"col-md-1 text-right fullscreen-toggle\"\n          [ngClass]=\"{'offset-md-2': !layoutService.isFullscreen}\"\n        >\n          <i\n            class=\"fas\"\n            [ngClass]=\"{\n              'fa-expand-arrows-alt': !layoutService.isFullscreen,\n              'fa-compress-arrows-alt': layoutService.isFullscreen\n            }\"\n            (click)=\"layoutService.toggleFullscreen()\"\n          ></i>\n        </div>\n      </div>\n      <div [hidden]=\"!selectedVersion && processKey\" class=\"row bg-white diagram mb-3\">\n        <div id=\"canvas\" class=\"col-9\"></div>\n        <div id=\"properties\" class=\"col-3 pr-0\"></div>\n      </div>\n    </div>\n  </div>\n</div>\n",
+                encapsulation: 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 */.diagram,.versions{border:1px solid #dee2e6}.process-title{color:#6b6b6b;font-size:1.5rem}.fullscreen-toggle{font-size:2rem}.fullscreen-toggle>i{cursor:pointer}.modeler{height:90vh}#properties{border-left:1px solid #dee2e6;padding-left:0}"]
+            },] }
+];
+ProcessManagementBuilderComponent.ctorParameters = () => [
+    { type: HttpClient },
+    { type: ProcessService },
+    { type: LayoutService },
+    { type: AlertService },
+    { type: ActivatedRoute },
+    { type: 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.
- */
-const ɵ0 = { title: 'Processes', roles: [ROLE_ADMIN] }, ɵ1 = { title: 'Create new Process', roles: [ROLE_ADMIN] }, ɵ2 = { title: 'Process details', roles: [ROLE_ADMIN] };
-const routes = [
-    {
-        path: 'processes',
-        component: ProcessManagementComponent,
-        canActivate: [AuthGuardService],
-        data: ɵ0,
-    },
-    {
-        path: 'processes/create',
-        component: ProcessManagementBuilderComponent,
-        canActivate: [AuthGuardService],
-        data: ɵ1,
-    },
-    {
-        path: 'processes/process/:key',
-        component: ProcessManagementBuilderComponent,
-        canActivate: [AuthGuardService],
-        data: ɵ2,
-    },
-];
-class ProcessManagementRoutingModule {
-}
-ProcessManagementRoutingModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [],
-                imports: [CommonModule, RouterModule.forChild(routes)],
-                exports: [RouterModule],
-            },] }
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const ɵ0 = { title: 'Processes', roles: [ROLE_ADMIN] }, ɵ1 = { title: 'Create new Process', roles: [ROLE_ADMIN] }, ɵ2 = { title: 'Process details', roles: [ROLE_ADMIN] };
+const routes = [
+    {
+        path: 'processes',
+        component: ProcessManagementComponent,
+        canActivate: [AuthGuardService],
+        data: ɵ0,
+    },
+    {
+        path: 'processes/create',
+        component: ProcessManagementBuilderComponent,
+        canActivate: [AuthGuardService],
+        data: ɵ1,
+    },
+    {
+        path: 'processes/process/:key',
+        component: ProcessManagementBuilderComponent,
+        canActivate: [AuthGuardService],
+        data: ɵ2,
+    },
+];
+class ProcessManagementRoutingModule {
+}
+ProcessManagementRoutingModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [],
+                imports: [CommonModule, RouterModule.forChild(routes)],
+                exports: [RouterModule],
+            },] }
 ];
 
-/*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class ProcessManagementService {
-    constructor(configService, http) {
-        this.configService = configService;
-        this.http = http;
-        this.valtimoApiConfig = configService.config.valtimoApi;
-    }
-    deployBpmn(bpmn) {
-        const formData = new FormData();
-        formData.append('file', bpmn);
-        formData.append('deployment-name', 'valtimoConsoleApp');
-        formData.append('deployment-source', 'process application');
-        return this.http.post(`${this.valtimoApiConfig.endpointUri}camunda-rest/engine/default/deployment/create`, formData);
-    }
-}
-ProcessManagementService.ɵprov = ɵɵdefineInjectable({ factory: function ProcessManagementService_Factory() { return new ProcessManagementService(ɵɵinject(ConfigService), ɵɵinject(HttpClient)); }, token: ProcessManagementService, providedIn: "root" });
-ProcessManagementService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-ProcessManagementService.ctorParameters = () => [
-    { type: ConfigService },
-    { type: HttpClient }
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ProcessManagementService {
+    constructor(configService, http) {
+        this.configService = configService;
+        this.http = http;
+        this.valtimoApiConfig = configService.config.valtimoApi;
+    }
+    deployBpmn(bpmn) {
+        const formData = new FormData();
+        formData.append('file', bpmn);
+        formData.append('deployment-name', 'valtimoConsoleApp');
+        formData.append('deployment-source', 'process application');
+        return this.http.post(`${this.valtimoApiConfig.endpointUri}camunda-rest/engine/default/deployment/create`, formData);
+    }
+}
+ProcessManagementService.ɵprov = ɵɵdefineInjectable({ factory: function ProcessManagementService_Factory() { return new ProcessManagementService(ɵɵinject(ConfigService), ɵɵinject(HttpClient)); }, token: ProcessManagementService, providedIn: "root" });
+ProcessManagementService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+ProcessManagementService.ctorParameters = () => [
+    { type: ConfigService },
+    { type: HttpClient }
 ];
 
-/*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class ProcessManagementUploadComponent {
-    constructor(processManagementService, alertService) {
-        this.processManagementService = processManagementService;
-        this.alertService = alertService;
-        this.bpmn = null;
-        this.reload = new EventEmitter();
-    }
-    ngOnInit() { }
-    onChange(files) {
-        this.bpmn = files.item(0);
-    }
-    uploadProcessBpmn() {
-        this.processManagementService.deployBpmn(this.bpmn).subscribe(() => {
-            this.bpmn = null;
-            this.bpmnFile.nativeElement.value = '';
-            this.alertService.success('Deployment successful');
-            this.reload.emit();
-        }, error => {
-            this.bpmn = null;
-            this.bpmnFile.nativeElement.value = '';
-            this.alertService.error(`Deployment failed. ${error}`);
-        });
-    }
-}
-ProcessManagementUploadComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'valtimo-process-management-upload',
-                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\n  class=\"modal fade\"\n  id=\"uploadProcess\"\n  tabindex=\"-1\"\n  role=\"dialog\"\n  aria-labelledby=\"uploadProcessLabel\"\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=\"uploadProcessLabel\">Upload process</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        <h5>BPMN Model</h5>\n        <input\n          #bpmnFile\n          type=\"file\"\n          id=\"file\"\n          accept=\".bpmn\"\n          (change)=\"onChange($event.target.files)\"\n        />\n      </div>\n      <div class=\"modal-footer\">\n        <div class=\"btn-group\">\n          <button\n            type=\"button\"\n            class=\"btn btn-primary btn-space\"\n            (click)=\"uploadProcessBpmn()\"\n            [disabled]=\"!bpmn\"\n            data-dismiss=\"modal\"\n          >\n            Upload\n          </button>\n        </div>\n      </div>\n    </div>\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 */"]
-            },] }
-];
-ProcessManagementUploadComponent.ctorParameters = () => [
-    { type: ProcessManagementService },
-    { type: AlertService }
-];
-ProcessManagementUploadComponent.propDecorators = {
-    reload: [{ type: Output }],
-    bpmnFile: [{ type: ViewChild, args: ['bpmnFile',] }]
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ProcessManagementUploadComponent {
+    constructor(processManagementService, alertService) {
+        this.processManagementService = processManagementService;
+        this.alertService = alertService;
+        this.bpmn = null;
+        this.reload = new EventEmitter();
+    }
+    ngOnInit() { }
+    onChange(files) {
+        this.bpmn = files.item(0);
+    }
+    uploadProcessBpmn() {
+        this.processManagementService.deployBpmn(this.bpmn).subscribe(() => {
+            this.bpmn = null;
+            this.bpmnFile.nativeElement.value = '';
+            this.alertService.success('Deployment successful');
+            this.reload.emit();
+        }, error => {
+            this.bpmn = null;
+            this.bpmnFile.nativeElement.value = '';
+            this.alertService.error(`Deployment failed. ${error}`);
+        });
+    }
+}
+ProcessManagementUploadComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-process-management-upload',
+                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\n  class=\"modal fade\"\n  id=\"uploadProcess\"\n  tabindex=\"-1\"\n  role=\"dialog\"\n  aria-labelledby=\"uploadProcessLabel\"\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=\"uploadProcessLabel\">Upload process</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        <h5>BPMN Model</h5>\n        <input\n          #bpmnFile\n          type=\"file\"\n          id=\"file\"\n          accept=\".bpmn\"\n          (change)=\"onChange($event.target.files)\"\n        />\n      </div>\n      <div class=\"modal-footer\">\n        <div class=\"btn-group\">\n          <button\n            type=\"button\"\n            class=\"btn btn-primary btn-space\"\n            (click)=\"uploadProcessBpmn()\"\n            [disabled]=\"!bpmn\"\n            data-dismiss=\"modal\"\n          >\n            Upload\n          </button>\n        </div>\n      </div>\n    </div>\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 */"]
+            },] }
+];
+ProcessManagementUploadComponent.ctorParameters = () => [
+    { type: ProcessManagementService },
+    { type: AlertService }
+];
+ProcessManagementUploadComponent.propDecorators = {
+    reload: [{ type: Output }],
+    bpmnFile: [{ type: ViewChild, args: ['bpmnFile',] }]
 };
 
-/*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class ProcessManagementModule {
-}
-ProcessManagementModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    ProcessManagementComponent,
-                    ProcessManagementBuilderComponent,
-                    ProcessManagementListComponent,
-                    ProcessManagementUploadComponent,
-                ],
-                imports: [
-                    CommonModule,
-                    ProcessManagementRoutingModule,
-                    WidgetModule,
-                    ListModule,
-                    FormsModule,
-                    TranslateModule,
-                ],
-                exports: [ProcessManagementComponent],
-            },] }
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ProcessManagementModule {
+}
+ProcessManagementModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    ProcessManagementComponent,
+                    ProcessManagementBuilderComponent,
+                    ProcessManagementListComponent,
+                    ProcessManagementUploadComponent,
+                ],
+                imports: [
+                    CommonModule,
+                    ProcessManagementRoutingModule,
+                    WidgetModule,
+                    ListModule,
+                    FormsModule,
+                    TranslateModule,
+                ],
+                exports: [ProcessManagementComponent],
+            },] }
 ];
 
-/*
- * 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.
  */
 
 export { ProcessManagementComponent, ProcessManagementModule, ProcessManagementBuilderComponent as ɵa, ProcessManagementListComponent as ɵb, ProcessManagementUploadComponent as ɵc, ProcessManagementService as ɵd, ProcessManagementRoutingModule as ɵe };