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

package/bundles/valtimo-migration.umd.js

@@ -1,381 +1,381 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@valtimo/process'), require('ngx-logger'), require('@valtimo/components'), require('@angular/router'), require('@angular/common'), require('@valtimo/security'), require('@valtimo/contract'), require('@angular/forms'), require('bpmn-js/dist/bpmn-navigated-viewer.production.min.js'), require('@ngx-translate/core')) :
-    typeof define === 'function' && define.amd ? define('@valtimo/migration', ['exports', '@angular/core', '@valtimo/process', 'ngx-logger', '@valtimo/components', '@angular/router', '@angular/common', '@valtimo/security', '@valtimo/contract', '@angular/forms', 'bpmn-js/dist/bpmn-navigated-viewer.production.min.js', '@ngx-translate/core'], factory) :
-    (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';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@valtimo/process'), require('ngx-logger'), require('@valtimo/components'), require('@angular/router'), require('@angular/common'), require('@valtimo/security'), require('@valtimo/config'), require('@angular/forms'), require('bpmn-js/dist/bpmn-navigated-viewer.production.min.js'), require('@ngx-translate/core')) :
+    typeof define === 'function' && define.amd ? define('@valtimo/migration', ['exports', '@angular/core', '@valtimo/process', 'ngx-logger', '@valtimo/components', '@angular/router', '@angular/common', '@valtimo/security', '@valtimo/config', '@angular/forms', 'bpmn-js/dist/bpmn-navigated-viewer.production.min.js', '@ngx-translate/core'], factory) :
+    (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.config, global.ng.forms, global.BpmnJS, global.core));
+}(this, (function (exports, i0, process, ngxLogger, components, router, common, security, config, 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\"></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\n          class=\"form-control\"\n          id=\"sourceDef\"\n          [ngModel]=\"fields.source.definition\"\n          (ngModelChange)=\"loadProcessDefinitionVersions($event, 'source')\"\n        >\n          <option [ngValue]=\"null\" selected>- Source Definition -</option>\n          <option *ngFor=\"let processDef of processDefinitions\" [ngValue]=\"processDef.key\">\n            {{ processDef.name }}\n          </option>\n        </select>\n      </div>\n      <div class=\"col-2\">\n        <label for=\"sourceVer\">Source Version</label>\n        <select\n          class=\"form-control\"\n          id=\"sourceVer\"\n          [ngModel]=\"fields.source.version\"\n          (ngModelChange)=\"loadProcess($event, 'source')\"\n        >\n          <option [ngValue]=\"null\" selected>- Source Version -</option>\n          <option *ngFor=\"let processVer of selectedVersions.source\" [ngValue]=\"processVer.id\">\n            {{ processVer.version }}\n          </option>\n        </select>\n      </div>\n      <div class=\"col-4\">\n        <label for=\"targetDef\">Target Definition</label>\n        <select\n          class=\"form-control\"\n          id=\"targetDef\"\n          [ngModel]=\"fields.target.definition\"\n          (ngModelChange)=\"loadProcessDefinitionVersions($event, 'target')\"\n        >\n          <option [ngValue]=\"null\" selected>- Target Definition -</option>\n          <option *ngFor=\"let processDef of processDefinitions\" [ngValue]=\"processDef.key\">\n            {{ processDef.name }}\n          </option>\n        </select>\n      </div>\n      <div class=\"col-2\">\n        <label for=\"targetVer\">Target Version</label>\n        <select\n          class=\"form-control\"\n          id=\"targetVer\"\n          [ngModel]=\"fields.target.version\"\n          (ngModelChange)=\"loadProcess($event, 'target')\"\n        >\n          <option [ngValue]=\"null\" selected>- Target Version -</option>\n          <option *ngFor=\"let processVer of selectedVersions.target\" [ngValue]=\"processVer.id\">\n            {{ processVer.version }}\n          </option>\n        </select>\n      </div>\n    </div>\n\n    <div class=\"row mb-5\">\n      <div class=\"col-6\">\n        <valtimo-migration-process-diagram\n          name=\"source\"\n          (loaded)=\"diagramLoaded($event)\"\n          #sourceDiagram\n        ></valtimo-migration-process-diagram>\n      </div>\n      <div class=\"col-6\">\n        <valtimo-migration-process-diagram\n          name=\"target\"\n          (loaded)=\"diagramLoaded($event)\"\n          #targetDiagram\n        ></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\n              *ngFor=\"let targetFlowNode of getFilteredTargetFlowNodeMap(node.$type)\"\n              [value]=\"targetFlowNode.id\"\n            >\n              {{ targetFlowNode.name ? targetFlowNode.name : targetFlowNode.id }}\n            </option>\n          </select>\n        </td>\n      </tr>\n    </table>\n    <hr />\n    <div class=\"btn-group mb-5\">\n      <button\n        [disabled]=\"\n          (uniqueFlowNodeMap.length !== taskMappingLength && uniqueFlowNodeMap.length > 0) ||\n          !loaded.source ||\n          !loaded.target\n        \"\n        (click)=\"migrateProcess()\"\n        class=\"btn btn-primary\"\n      >\n        Migrate\n        <span *ngIf=\"processCount !== null\" class=\"badge badge-pill badge-secondary\">{{\n          processCount\n        }}</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\"></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\n          class=\"form-control\"\n          id=\"sourceDef\"\n          [ngModel]=\"fields.source.definition\"\n          (ngModelChange)=\"loadProcessDefinitionVersions($event, 'source')\"\n        >\n          <option [ngValue]=\"null\" selected>- Source Definition -</option>\n          <option *ngFor=\"let processDef of processDefinitions\" [ngValue]=\"processDef.key\">\n            {{ processDef.name }}\n          </option>\n        </select>\n      </div>\n      <div class=\"col-2\">\n        <label for=\"sourceVer\">Source Version</label>\n        <select\n          class=\"form-control\"\n          id=\"sourceVer\"\n          [ngModel]=\"fields.source.version\"\n          (ngModelChange)=\"loadProcess($event, 'source')\"\n        >\n          <option [ngValue]=\"null\" selected>- Source Version -</option>\n          <option *ngFor=\"let processVer of selectedVersions.source\" [ngValue]=\"processVer.id\">\n            {{ processVer.version }}\n          </option>\n        </select>\n      </div>\n      <div class=\"col-4\">\n        <label for=\"targetDef\">Target Definition</label>\n        <select\n          class=\"form-control\"\n          id=\"targetDef\"\n          [ngModel]=\"fields.target.definition\"\n          (ngModelChange)=\"loadProcessDefinitionVersions($event, 'target')\"\n        >\n          <option [ngValue]=\"null\" selected>- Target Definition -</option>\n          <option *ngFor=\"let processDef of processDefinitions\" [ngValue]=\"processDef.key\">\n            {{ processDef.name }}\n          </option>\n        </select>\n      </div>\n      <div class=\"col-2\">\n        <label for=\"targetVer\">Target Version</label>\n        <select\n          class=\"form-control\"\n          id=\"targetVer\"\n          [ngModel]=\"fields.target.version\"\n          (ngModelChange)=\"loadProcess($event, 'target')\"\n        >\n          <option [ngValue]=\"null\" selected>- Target Version -</option>\n          <option *ngFor=\"let processVer of selectedVersions.target\" [ngValue]=\"processVer.id\">\n            {{ processVer.version }}\n          </option>\n        </select>\n      </div>\n    </div>\n\n    <div class=\"row mb-5\">\n      <div class=\"col-6\">\n        <valtimo-migration-process-diagram\n          name=\"source\"\n          (loaded)=\"diagramLoaded($event)\"\n          #sourceDiagram\n        ></valtimo-migration-process-diagram>\n      </div>\n      <div class=\"col-6\">\n        <valtimo-migration-process-diagram\n          name=\"target\"\n          (loaded)=\"diagramLoaded($event)\"\n          #targetDiagram\n        ></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\n              *ngFor=\"let targetFlowNode of getFilteredTargetFlowNodeMap(node.$type)\"\n              [value]=\"targetFlowNode.id\"\n            >\n              {{ targetFlowNode.name ? targetFlowNode.name : targetFlowNode.id }}\n            </option>\n          </select>\n        </td>\n      </tr>\n    </table>\n    <hr />\n    <div class=\"btn-group mb-5\">\n      <button\n        [disabled]=\"\n          (uniqueFlowNodeMap.length !== taskMappingLength && uniqueFlowNodeMap.length > 0) ||\n          !loaded.source ||\n          !loaded.target\n        \"\n        (click)=\"migrateProcess()\"\n        class=\"btn btn-primary\"\n      >\n        Migrate\n        <span *ngIf=\"processCount !== null\" class=\"badge badge-pill badge-secondary\">{{\n          processCount\n        }}</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: [config.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;