@valtimo/migration 4.15.2-next-main.14 → 4.15.3-next-main.15

package/bundles/valtimo-migration.umd.js

@@ -4,374 +4,374 @@
     (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo.migration = {}), global.ng.core, global.process, global.ngxLogger, global.components, global.ng.router, global.ng.common, global.security, global.contract, global.ng.forms, global.BpmnJS, global.core));
 }(this, (function (exports, i0, process, ngxLogger, components, router, common, security, contract, forms, BpmnJS, core) { '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 MigrationService = /** @class */ (function () {
-        function MigrationService() {
-        }
-        return MigrationService;
-    }());
-    MigrationService.ɵprov = i0.ɵɵdefineInjectable({ factory: function MigrationService_Factory() { return new MigrationService(); }, token: MigrationService, providedIn: "root" });
-    MigrationService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
+    /*
+     * 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 MigrationService = /** @class */ (function () {
+        function MigrationService() {
+        }
+        return MigrationService;
+    }());
+    MigrationService.ɵprov = i0.ɵɵdefineInjectable({ factory: function MigrationService_Factory() { return new MigrationService(); }, token: MigrationService, providedIn: "root" });
+    MigrationService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
     MigrationService.ctorParameters = function () { return []; };
 
-    /*
-     * 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 MigrationComponent = /** @class */ (function () {
-        function MigrationComponent(processService, logger, alertService) {
-            this.processService = processService;
-            this.logger = logger;
-            this.alertService = alertService;
-            this.processDefinitions = [];
-            this.selectedVersions = {
-                source: [],
-                target: []
-            };
-            this.selectedId = {
-                source: null,
-                target: null
-            };
-            this.loaded = {
-                source: false,
-                target: false
-            };
-            this.fields = {
-                source: {
-                    definition: null,
-                    version: null
-                },
-                target: {
-                    definition: null,
-                    version: null
-                }
-            };
-            this.processCount = null;
-            this.uniqueFlowNodeMap = [];
-            this.taskMapping = {};
-            this.diagram = null;
-        }
-        MigrationComponent.prototype.ngOnInit = function () {
-            this.loadProcessDefinitions();
-        };
-        MigrationComponent.prototype.ngAfterViewInit = function () {
-            this.diagram = {
-                source: this.sourceDiagram,
-                target: this.targetDiagram
-            };
-        };
-        Object.defineProperty(MigrationComponent.prototype, "taskMappingLength", {
-            get: function () {
-                return Object.keys(this.taskMapping).length;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        MigrationComponent.prototype.loadProcessDefinitions = function () {
-            var _this = this;
-            this.processService.getProcessDefinitions().subscribe(function (processDefinitions) {
-                _this.processDefinitions = processDefinitions;
-            });
-        };
-        MigrationComponent.prototype.loadProcessDefinitionVersions = function (key, type) {
-            var _this = this;
-            this.fields[type].definition = key;
-            this.selectedVersions[type] = [];
-            this.clearProcess(type);
-            if (key) {
-                this.processService.getProcessDefinitionVersions(key).subscribe(function (processDefinitionVersions) {
-                    _this.selectedVersions[type] = processDefinitionVersions;
-                });
-            }
-        };
-        MigrationComponent.prototype.loadProcess = function (id, type) {
-            this.fields[type].version = id;
-            this.clearProcess(type);
-            if (id) {
-                this.loadProcessDefinitionXML(id, type);
-                if (type === 'source') {
-                    this.loadProcessCount(id);
-                }
-            }
-        };
-        MigrationComponent.prototype.clearProcess = function (type) {
-            this.loaded[type] = false;
-            this.selectedId[type] = null;
-            this.diagram[type].clear();
-            if (type === 'source') {
-                this.processCount = null;
-            }
-        };
-        MigrationComponent.prototype.loadProcessDefinitionXML = function (id, type) {
-            var _this = this;
-            this.processService.getProcessDefinitionXml(id).subscribe(function (xml) {
-                _this.diagram[type].loadXml(xml['bpmn20Xml']);
-                _this.selectedId[type] = id;
-            });
-        };
-        MigrationComponent.prototype.loadProcessCount = function (id) {
-            var _this = this;
-            this.processService.getProcessCount(id).subscribe(function (response) {
-                _this.processCount = response.count;
-            });
-        };
-        MigrationComponent.prototype.setUniqueFlowNodeMap = function () {
-            this.uniqueFlowNodeMap = [];
-            var sourceFlowNodeMap = this.sourceDiagram.flowNodeMap;
-            var targetFlowNodeMap = this.targetDiagram.flowNodeMap;
-            if (sourceFlowNodeMap != null && targetFlowNodeMap != null) {
-                this.uniqueFlowNodeMap = sourceFlowNodeMap.filter(function (sourceFlowNode) { return !targetFlowNodeMap.some(function (targetFlowNode) { return sourceFlowNode.id === targetFlowNode.id && sourceFlowNode.$type === targetFlowNode.$type; }); });
-            }
-        };
-        MigrationComponent.prototype.getFilteredTargetFlowNodeMap = function (flowNodeType) {
-            var targetFlowNodeMap = this.targetDiagram.flowNodeMap;
-            return targetFlowNodeMap.filter(function (flowNode) {
-                return flowNode.$type === flowNodeType;
-            });
-        };
-        MigrationComponent.prototype.diagramLoaded = function (diagramName) {
-            this.loaded[diagramName] = true;
-            if (this.loaded.source && this.loaded.target) {
-                this.taskMapping = {};
-                this.setUniqueFlowNodeMap();
-            }
-        };
-        MigrationComponent.prototype.migrateProcess = function () {
-            var _this = this;
-            this.processService.migrateProcess(this.selectedId.source, this.selectedId.target, this.taskMapping).subscribe(function (res) {
-                _this.alertService.success('Process successfully migrated!');
-                _this.clearProcess('source');
-                _this.clearProcess('target');
-                _this.fields = {
-                    source: {
-                        definition: null,
-                        version: null
-                    },
-                    target: {
-                        definition: null,
-                        version: null
-                    }
-                };
-            }, function (err) {
-                _this.alertService.error('Process migration failed!');
-                _this.logger.debug(err);
-            });
-        };
-        return MigrationComponent;
-    }());
-    MigrationComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-migration',
-                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"row mb-5\">\n      <div class=\"col-12\">\n        <div class=\"alert alert-warning pl-2 plr-2\" role=\"alert\">\n          <div class=\"icon\"><span class=\"mdi mdi-alert-triangle\"></span></div>\n          <div class=\"message\" [innerHTML]=\"'Process migration warning' | translate\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"row mb-5\">\n      <div class=\"col-4\">\n        <label for=\"sourceDef\">Source Definition</label>\n        <select class=\"form-control\" id=\"sourceDef\"\n                [ngModel]=\"fields.source.definition\" (ngModelChange)=\"loadProcessDefinitionVersions($event, 'source')\">\n          <option [ngValue]=\"null\" selected>- Source Definition -</option>\n          <option *ngFor=\"let processDef of processDefinitions\" [ngValue]=\"processDef.key\">{{processDef.name}}</option>\n        </select>\n      </div>\n      <div class=\"col-2\">\n        <label for=\"sourceVer\">Source Version</label>\n        <select class=\"form-control\" id=\"sourceVer\" [ngModel]=\"fields.source.version\"\n                (ngModelChange)=\"loadProcess($event, 'source')\">\n          <option [ngValue]=\"null\" selected>- Source Version -</option>\n          <option *ngFor=\"let processVer of selectedVersions.source\"\n                  [ngValue]=\"processVer.id\">{{processVer.version}}</option>\n        </select>\n      </div>\n      <div class=\"col-4\">\n        <label for=\"targetDef\">Target Definition</label>\n        <select class=\"form-control\" id=\"targetDef\" [ngModel]=\"fields.target.definition\"\n                (ngModelChange)=\"loadProcessDefinitionVersions($event, 'target')\">\n          <option [ngValue]=\"null\" selected>- Target Definition -</option>\n          <option *ngFor=\"let processDef of processDefinitions\" [ngValue]=\"processDef.key\">{{processDef.name}}</option>\n        </select>\n      </div>\n      <div class=\"col-2\">\n        <label for=\"targetVer\">Target Version</label>\n        <select class=\"form-control\" id=\"targetVer\" [ngModel]=\"fields.target.version\"\n                (ngModelChange)=\"loadProcess($event, 'target')\">\n          <option [ngValue]=\"null\" selected>- Target Version -</option>\n          <option *ngFor=\"let processVer of selectedVersions.target\"\n                  [ngValue]=\"processVer.id\">{{processVer.version}}</option>\n        </select>\n      </div>\n    </div>\n\n    <div class=\"row mb-5\">\n      <div class=\"col-6\">\n        <valtimo-migration-process-diagram name=\"source\" (loaded)=\"diagramLoaded($event)\"\n                                           #sourceDiagram></valtimo-migration-process-diagram>\n      </div>\n      <div class=\"col-6\">\n        <valtimo-migration-process-diagram name=\"target\" (loaded)=\"diagramLoaded($event)\"\n                                           #targetDiagram></valtimo-migration-process-diagram>\n      </div>\n    </div>\n    <table class=\"table table-striped mb-5\" *ngIf=\"selectedId.source && selectedId.target\">\n      <tr *ngFor=\"let node of uniqueFlowNodeMap\">\n        <td>{{node.name ? node.name : node.id}}</td>\n        <td>\n          <select class=\"form-control\" (change)=\"taskMapping[node.id]=$event.target.value\">\n            <option [value]=\"null\" disabled selected>- Choose Target -</option>\n            <option *ngFor=\"let targetFlowNode of getFilteredTargetFlowNodeMap(node.$type)\"\n                    [value]=\"targetFlowNode.id\">{{targetFlowNode.name ? targetFlowNode.name : targetFlowNode.id}}</option>\n          </select>\n        </td>\n      </tr>\n    </table>\n    <hr>\n    <div class=\"btn-group mb-5\">\n      <button [disabled]=\"(uniqueFlowNodeMap.length !== taskMappingLength && uniqueFlowNodeMap.length > 0) || !loaded.source || !loaded.target\"\n              (click)=\"migrateProcess()\"\n              class=\"btn btn-primary\">Migrate <span *ngIf=\"processCount !== null\"\n                                                    class=\"badge badge-pill badge-secondary\">{{processCount}}</span>\n      </button>\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 */"]
-                },] }
-    ];
-    MigrationComponent.ctorParameters = function () { return [
-        { type: process.ProcessService },
-        { type: ngxLogger.NGXLogger },
-        { type: components.AlertService }
-    ]; };
-    MigrationComponent.propDecorators = {
-        sourceDiagram: [{ type: i0.ViewChild, args: ['sourceDiagram',] }],
-        targetDiagram: [{ type: i0.ViewChild, args: ['targetDiagram',] }]
+    /*
+     * 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 MigrationComponent = /** @class */ (function () {
+        function MigrationComponent(processService, logger, alertService) {
+            this.processService = processService;
+            this.logger = logger;
+            this.alertService = alertService;
+            this.processDefinitions = [];
+            this.selectedVersions = {
+                source: [],
+                target: []
+            };
+            this.selectedId = {
+                source: null,
+                target: null
+            };
+            this.loaded = {
+                source: false,
+                target: false
+            };
+            this.fields = {
+                source: {
+                    definition: null,
+                    version: null
+                },
+                target: {
+                    definition: null,
+                    version: null
+                }
+            };
+            this.processCount = null;
+            this.uniqueFlowNodeMap = [];
+            this.taskMapping = {};
+            this.diagram = null;
+        }
+        MigrationComponent.prototype.ngOnInit = function () {
+            this.loadProcessDefinitions();
+        };
+        MigrationComponent.prototype.ngAfterViewInit = function () {
+            this.diagram = {
+                source: this.sourceDiagram,
+                target: this.targetDiagram
+            };
+        };
+        Object.defineProperty(MigrationComponent.prototype, "taskMappingLength", {
+            get: function () {
+                return Object.keys(this.taskMapping).length;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        MigrationComponent.prototype.loadProcessDefinitions = function () {
+            var _this = this;
+            this.processService.getProcessDefinitions().subscribe(function (processDefinitions) {
+                _this.processDefinitions = processDefinitions;
+            });
+        };
+        MigrationComponent.prototype.loadProcessDefinitionVersions = function (key, type) {
+            var _this = this;
+            this.fields[type].definition = key;
+            this.selectedVersions[type] = [];
+            this.clearProcess(type);
+            if (key) {
+                this.processService.getProcessDefinitionVersions(key).subscribe(function (processDefinitionVersions) {
+                    _this.selectedVersions[type] = processDefinitionVersions;
+                });
+            }
+        };
+        MigrationComponent.prototype.loadProcess = function (id, type) {
+            this.fields[type].version = id;
+            this.clearProcess(type);
+            if (id) {
+                this.loadProcessDefinitionXML(id, type);
+                if (type === 'source') {
+                    this.loadProcessCount(id);
+                }
+            }
+        };
+        MigrationComponent.prototype.clearProcess = function (type) {
+            this.loaded[type] = false;
+            this.selectedId[type] = null;
+            this.diagram[type].clear();
+            if (type === 'source') {
+                this.processCount = null;
+            }
+        };
+        MigrationComponent.prototype.loadProcessDefinitionXML = function (id, type) {
+            var _this = this;
+            this.processService.getProcessDefinitionXml(id).subscribe(function (xml) {
+                _this.diagram[type].loadXml(xml['bpmn20Xml']);
+                _this.selectedId[type] = id;
+            });
+        };
+        MigrationComponent.prototype.loadProcessCount = function (id) {
+            var _this = this;
+            this.processService.getProcessCount(id).subscribe(function (response) {
+                _this.processCount = response.count;
+            });
+        };
+        MigrationComponent.prototype.setUniqueFlowNodeMap = function () {
+            this.uniqueFlowNodeMap = [];
+            var sourceFlowNodeMap = this.sourceDiagram.flowNodeMap;
+            var targetFlowNodeMap = this.targetDiagram.flowNodeMap;
+            if (sourceFlowNodeMap != null && targetFlowNodeMap != null) {
+                this.uniqueFlowNodeMap = sourceFlowNodeMap.filter(function (sourceFlowNode) { return !targetFlowNodeMap.some(function (targetFlowNode) { return sourceFlowNode.id === targetFlowNode.id && sourceFlowNode.$type === targetFlowNode.$type; }); });
+            }
+        };
+        MigrationComponent.prototype.getFilteredTargetFlowNodeMap = function (flowNodeType) {
+            var targetFlowNodeMap = this.targetDiagram.flowNodeMap;
+            return targetFlowNodeMap.filter(function (flowNode) {
+                return flowNode.$type === flowNodeType;
+            });
+        };
+        MigrationComponent.prototype.diagramLoaded = function (diagramName) {
+            this.loaded[diagramName] = true;
+            if (this.loaded.source && this.loaded.target) {
+                this.taskMapping = {};
+                this.setUniqueFlowNodeMap();
+            }
+        };
+        MigrationComponent.prototype.migrateProcess = function () {
+            var _this = this;
+            this.processService.migrateProcess(this.selectedId.source, this.selectedId.target, this.taskMapping).subscribe(function (res) {
+                _this.alertService.success('Process successfully migrated!');
+                _this.clearProcess('source');
+                _this.clearProcess('target');
+                _this.fields = {
+                    source: {
+                        definition: null,
+                        version: null
+                    },
+                    target: {
+                        definition: null,
+                        version: null
+                    }
+                };
+            }, function (err) {
+                _this.alertService.error('Process migration failed!');
+                _this.logger.debug(err);
+            });
+        };
+        return MigrationComponent;
+    }());
+    MigrationComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-migration',
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"row mb-5\">\n      <div class=\"col-12\">\n        <div class=\"alert alert-warning pl-2 plr-2\" role=\"alert\">\n          <div class=\"icon\"><span class=\"mdi mdi-alert-triangle\"></span></div>\n          <div class=\"message\" [innerHTML]=\"'Process migration warning' | translate\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"row mb-5\">\n      <div class=\"col-4\">\n        <label for=\"sourceDef\">Source Definition</label>\n        <select class=\"form-control\" id=\"sourceDef\"\n                [ngModel]=\"fields.source.definition\" (ngModelChange)=\"loadProcessDefinitionVersions($event, 'source')\">\n          <option [ngValue]=\"null\" selected>- Source Definition -</option>\n          <option *ngFor=\"let processDef of processDefinitions\" [ngValue]=\"processDef.key\">{{processDef.name}}</option>\n        </select>\n      </div>\n      <div class=\"col-2\">\n        <label for=\"sourceVer\">Source Version</label>\n        <select class=\"form-control\" id=\"sourceVer\" [ngModel]=\"fields.source.version\"\n                (ngModelChange)=\"loadProcess($event, 'source')\">\n          <option [ngValue]=\"null\" selected>- Source Version -</option>\n          <option *ngFor=\"let processVer of selectedVersions.source\"\n                  [ngValue]=\"processVer.id\">{{processVer.version}}</option>\n        </select>\n      </div>\n      <div class=\"col-4\">\n        <label for=\"targetDef\">Target Definition</label>\n        <select class=\"form-control\" id=\"targetDef\" [ngModel]=\"fields.target.definition\"\n                (ngModelChange)=\"loadProcessDefinitionVersions($event, 'target')\">\n          <option [ngValue]=\"null\" selected>- Target Definition -</option>\n          <option *ngFor=\"let processDef of processDefinitions\" [ngValue]=\"processDef.key\">{{processDef.name}}</option>\n        </select>\n      </div>\n      <div class=\"col-2\">\n        <label for=\"targetVer\">Target Version</label>\n        <select class=\"form-control\" id=\"targetVer\" [ngModel]=\"fields.target.version\"\n                (ngModelChange)=\"loadProcess($event, 'target')\">\n          <option [ngValue]=\"null\" selected>- Target Version -</option>\n          <option *ngFor=\"let processVer of selectedVersions.target\"\n                  [ngValue]=\"processVer.id\">{{processVer.version}}</option>\n        </select>\n      </div>\n    </div>\n\n    <div class=\"row mb-5\">\n      <div class=\"col-6\">\n        <valtimo-migration-process-diagram name=\"source\" (loaded)=\"diagramLoaded($event)\"\n                                           #sourceDiagram></valtimo-migration-process-diagram>\n      </div>\n      <div class=\"col-6\">\n        <valtimo-migration-process-diagram name=\"target\" (loaded)=\"diagramLoaded($event)\"\n                                           #targetDiagram></valtimo-migration-process-diagram>\n      </div>\n    </div>\n    <table class=\"table table-striped mb-5\" *ngIf=\"selectedId.source && selectedId.target\">\n      <tr *ngFor=\"let node of uniqueFlowNodeMap\">\n        <td>{{node.name ? node.name : node.id}}</td>\n        <td>\n          <select class=\"form-control\" (change)=\"taskMapping[node.id]=$event.target.value\">\n            <option [value]=\"null\" disabled selected>- Choose Target -</option>\n            <option *ngFor=\"let targetFlowNode of getFilteredTargetFlowNodeMap(node.$type)\"\n                    [value]=\"targetFlowNode.id\">{{targetFlowNode.name ? targetFlowNode.name : targetFlowNode.id}}</option>\n          </select>\n        </td>\n      </tr>\n    </table>\n    <hr>\n    <div class=\"btn-group mb-5\">\n      <button [disabled]=\"(uniqueFlowNodeMap.length !== taskMappingLength && uniqueFlowNodeMap.length > 0) || !loaded.source || !loaded.target\"\n              (click)=\"migrateProcess()\"\n              class=\"btn btn-primary\">Migrate <span *ngIf=\"processCount !== null\"\n                                                    class=\"badge badge-pill badge-secondary\">{{processCount}}</span>\n      </button>\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 */"]
+                },] }
+    ];
+    MigrationComponent.ctorParameters = function () { return [
+        { type: process.ProcessService },
+        { type: ngxLogger.NGXLogger },
+        { type: components.AlertService }
+    ]; };
+    MigrationComponent.propDecorators = {
+        sourceDiagram: [{ type: i0.ViewChild, args: ['sourceDiagram',] }],
+        targetDiagram: [{ type: i0.ViewChild, args: ['targetDiagram',] }]
     };
 
-    /*
-     * 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: 'Process migration', roles: [contract.ROLE_ADMIN] };
-    var routes = [
-        {
-            path: 'process-migration',
-            component: MigrationComponent,
-            canActivate: [security.AuthGuardService],
-            data: ɵ0,
-        },
-    ];
-    var MigrationRoutingModule = /** @class */ (function () {
-        function MigrationRoutingModule() {
-        }
-        return MigrationRoutingModule;
-    }());
-    MigrationRoutingModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        router.RouterModule.forChild(routes),
-                    ],
-                    exports: [router.RouterModule]
-                },] }
+    /*
+     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    var ɵ0 = { title: 'Process migration', roles: [contract.ROLE_ADMIN] };
+    var routes = [
+        {
+            path: 'process-migration',
+            component: MigrationComponent,
+            canActivate: [security.AuthGuardService],
+            data: ɵ0,
+        },
+    ];
+    var MigrationRoutingModule = /** @class */ (function () {
+        function MigrationRoutingModule() {
+        }
+        return MigrationRoutingModule;
+    }());
+    MigrationRoutingModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        router.RouterModule.forChild(routes),
+                    ],
+                    exports: [router.RouterModule]
+                },] }
     ];
 
-    /*
-     * Copyright 2015-2020 Ritense BV, the Netherlands.
-     *
-     * Licensed under EUPL, Version 1.2 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" basis,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-    var MigrationProcessDiagramComponent = /** @class */ (function () {
-        function MigrationProcessDiagramComponent(logger) {
-            this.logger = logger;
-            this.flowNodeMap = null;
-            this.loaded = new i0.EventEmitter();
-        }
-        MigrationProcessDiagramComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.bpmnJS = new BpmnJS();
-            this.bpmnJS.on('import.done', function (_a) {
-                var error = _a.error;
-                if (!error) {
-                    var canvas = _this.bpmnJS.get('canvas');
-                    canvas.zoom('fit-viewport', 'auto');
-                }
-            });
-        };
-        MigrationProcessDiagramComponent.prototype.ngOnDestroy = function () {
-            if (this.bpmnJS) {
-                this.bpmnJS.destroy();
-            }
-        };
-        MigrationProcessDiagramComponent.prototype.clear = function () {
-            this.bpmnJS.clear();
-        };
-        MigrationProcessDiagramComponent.prototype.loadXml = function (xml) {
-            var _this = this;
-            this.bpmnJS.attachTo(this.el.nativeElement);
-            this.bpmnJS.importXML(xml, function (err) {
-                _this.logger.debug(err);
-                var processElements = _this.bpmnJS.getDefinitions().rootElements.filter(function (element) {
-                    return element.isExecutable;
-                });
-                _this.flowNodeMap = processElements[0].flowElements.filter(function (element) {
-                    if (element.name === null || element.name === '') {
-                        element.name = element.id;
-                    }
-                    return element.$type !== 'bpmn:SequenceFlow';
-                });
-                _this.loaded.emit(_this.name);
-            });
-        };
-        return MigrationProcessDiagramComponent;
-    }());
-    MigrationProcessDiagramComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-migration-process-diagram',
-                    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 #ref class=\"diagram-container\"></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 */.diagram-container-switch-holder{width:100%;z-index:1000}.diagram-container{height:48vh}"]
-                },] }
-    ];
-    MigrationProcessDiagramComponent.ctorParameters = function () { return [
-        { type: ngxLogger.NGXLogger }
-    ]; };
-    MigrationProcessDiagramComponent.propDecorators = {
-        el: [{ type: i0.ViewChild, args: ['ref',] }],
-        name: [{ type: i0.Input }],
-        loaded: [{ type: i0.Output }]
+    /*
+     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    var MigrationProcessDiagramComponent = /** @class */ (function () {
+        function MigrationProcessDiagramComponent(logger) {
+            this.logger = logger;
+            this.flowNodeMap = null;
+            this.loaded = new i0.EventEmitter();
+        }
+        MigrationProcessDiagramComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.bpmnJS = new BpmnJS();
+            this.bpmnJS.on('import.done', function (_a) {
+                var error = _a.error;
+                if (!error) {
+                    var canvas = _this.bpmnJS.get('canvas');
+                    canvas.zoom('fit-viewport', 'auto');
+                }
+            });
+        };
+        MigrationProcessDiagramComponent.prototype.ngOnDestroy = function () {
+            if (this.bpmnJS) {
+                this.bpmnJS.destroy();
+            }
+        };
+        MigrationProcessDiagramComponent.prototype.clear = function () {
+            this.bpmnJS.clear();
+        };
+        MigrationProcessDiagramComponent.prototype.loadXml = function (xml) {
+            var _this = this;
+            this.bpmnJS.attachTo(this.el.nativeElement);
+            this.bpmnJS.importXML(xml, function (err) {
+                _this.logger.debug(err);
+                var processElements = _this.bpmnJS.getDefinitions().rootElements.filter(function (element) {
+                    return element.isExecutable;
+                });
+                _this.flowNodeMap = processElements[0].flowElements.filter(function (element) {
+                    if (element.name === null || element.name === '') {
+                        element.name = element.id;
+                    }
+                    return element.$type !== 'bpmn:SequenceFlow';
+                });
+                _this.loaded.emit(_this.name);
+            });
+        };
+        return MigrationProcessDiagramComponent;
+    }());
+    MigrationProcessDiagramComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-migration-process-diagram',
+                    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 #ref class=\"diagram-container\"></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 */.diagram-container-switch-holder{width:100%;z-index:1000}.diagram-container{height:48vh}"]
+                },] }
+    ];
+    MigrationProcessDiagramComponent.ctorParameters = function () { return [
+        { type: ngxLogger.NGXLogger }
+    ]; };
+    MigrationProcessDiagramComponent.propDecorators = {
+        el: [{ type: i0.ViewChild, args: ['ref',] }],
+        name: [{ type: i0.Input }],
+        loaded: [{ type: i0.Output }]
     };
 
-    /*
-     * Copyright 2015-2020 Ritense BV, the Netherlands.
-     *
-     * Licensed under EUPL, Version 1.2 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" basis,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-    var MigrationModule = /** @class */ (function () {
-        function MigrationModule() {
-        }
-        return MigrationModule;
-    }());
-    MigrationModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [MigrationComponent, MigrationProcessDiagramComponent],
-                    imports: [
-                        common.CommonModule,
-                        MigrationRoutingModule,
-                        forms.ReactiveFormsModule,
-                        components.WidgetModule,
-                        forms.FormsModule,
-                        core.TranslateModule
-                    ],
-                    exports: [MigrationComponent]
-                },] }
+    /*
+     * 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 MigrationModule = /** @class */ (function () {
+        function MigrationModule() {
+        }
+        return MigrationModule;
+    }());
+    MigrationModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [MigrationComponent, MigrationProcessDiagramComponent],
+                    imports: [
+                        common.CommonModule,
+                        MigrationRoutingModule,
+                        forms.ReactiveFormsModule,
+                        components.WidgetModule,
+                        forms.FormsModule,
+                        core.TranslateModule
+                    ],
+                    exports: [MigrationComponent]
+                },] }
     ];
 
-    /*
-     * 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.MigrationComponent = MigrationComponent;