@processmaker/modeler 1.36.9 → 1.37.0

package/dist/modeler.umd.js

@@ -42408,10 +42408,10 @@ var ValidationStatus_component = normalizeComponent(
 )
 
 /* harmony default export */ var ValidationStatus = (ValidationStatus_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=7233010b&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=84267fa8&
 
 
-var Modelervue_type_template_id_7233010b_render = function render() {
+var Modelervue_type_template_id_84267fa8_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -42603,9 +42603,9 @@ var Modelervue_type_template_id_7233010b_render = function render() {
     }
   }) : _vm._e()], 2)], 1);
 };
-var Modelervue_type_template_id_7233010b_staticRenderFns = [];
+var Modelervue_type_template_id_84267fa8_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=7233010b&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=84267fa8&
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/nodes/boundaryEvent/boundaryEvent.vue?vue&type=template&id=2979ecac&
 var boundaryEventvue_type_template_id_2979ecac_render = function render() {
@@ -45413,6 +45413,7 @@ var boundaryTimerEvent_id = 'processmaker-modeler-boundary-timer-event';
           body: body
         }));
         var eventDefinitions = [moddle.create('bpmn:TimerEventDefinition', eventDefinition)];
+        eventDefinitions[0].id = node.definition.get('eventDefinitions')[0].id;
         setNodeProp(node, 'eventDefinitions', eventDefinitions);
       } else {
         setNodeProp(node, key, value[key]);
@@ -51381,6 +51382,13 @@ var Selection_component = normalizeComponent(
       this.pmBlockNodes.push(pmBlockNode);
       var types = Array.isArray(pmBlockNode.bpmnType) ? pmBlockNode.bpmnType : [pmBlockNode.bpmnType];
       types.forEach(function (bpmnType) {
+        if (!_this12.parsers[bpmnType]) {
+          _this12.parsers[bpmnType] = {
+            custom: [],
+            implementation: [],
+            default: []
+          };
+        }
         if (customParser) {
           _this12.parsers[bpmnType].custom.push(customParser);
           return;
@@ -51559,14 +51567,30 @@ var Selection_component = normalizeComponent(
         return;
       }
       this.removeUnsupportedElementAttributes(definition);
-      var type = parser(definition, this.moddle);
+      var config = definition.config ? JSON.parse(definition.config) : {};
+      var type = (config === null || config === void 0 ? void 0 : config.processKey) || parser(definition, this.moddle);
       var unnamedElements = ['bpmn:TextAnnotation', 'bpmn:Association', 'bpmn:DataOutputAssociation', 'bpmn:DataInputAssociation'];
       var requireName = unnamedElements.indexOf(bpmnType) === -1;
       if (requireName && !definition.get('name')) {
         definition.set('name', '');
       }
-      var node = this.createNode(type, definition, diagram);
-      store.commit('addNode', node);
+      this.createNodeAsync(type, definition, diagram);
+    },
+    createNodeAsync: function createNodeAsync(type, definition, diagram) {
+      var _this21 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+        var node;
+        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
+            case 0:
+              node = _this21.createNode(type, definition, diagram);
+              store.commit('addNode', node);
+            case 2:
+            case "end":
+              return _context8.stop();
+          }
+        }, _callee8);
+      }))();
     },
     createNode: function createNode(type, definition, diagram) {
       if (Node.isTimerType(type)) {
@@ -51586,95 +51610,95 @@ var Selection_component = normalizeComponent(
       return hasSource && hasTarget;
     },
     waitForCursorToChange: function waitForCursorToChange() {
-      var _this21 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+      var _this22 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
         var cursorWaitTime;
-        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
               cursorWaitTime = 300;
-              _context8.next = 3;
-              return _this21.$nextTick();
+              _context9.next = 3;
+              return _this22.$nextTick();
             case 3:
-              return _context8.abrupt("return", new Promise(function (resolve) {
+              return _context9.abrupt("return", new Promise(function (resolve) {
                 return setTimeout(resolve, cursorWaitTime);
               }));
             case 4:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
-        }, _callee8);
+        }, _callee9);
       }))();
     },
     renderPaper: function renderPaper() {
-      var _this22 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
-        return _regeneratorRuntime().wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+      var _this23 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
+        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
-              _this22.isRendering = true;
-              _context10.next = 3;
-              return _this22.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
-                return _regeneratorRuntime().wrap(function _callee9$(_context9) {
-                  while (1) switch (_context9.prev = _context9.next) {
+              _this23.isRendering = true;
+              _context11.next = 3;
+              return _this23.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
+                return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+                  while (1) switch (_context10.prev = _context10.next) {
                     case 0:
-                      _context9.next = 2;
-                      return _this22.waitForCursorToChange();
+                      _context10.next = 2;
+                      return _this23.waitForCursorToChange();
                     case 2:
-                      _this22.parse();
-                      _this22.addPools();
-                      _this22.setUpDiagram();
+                      _this23.parse();
+                      _this23.addPools();
+                      _this23.setUpDiagram();
                     case 5:
                     case "end":
-                      return _context9.stop();
+                      return _context10.stop();
                   }
-                }, _callee9);
+                }, _callee10);
               })));
             case 3:
-              _context10.next = 5;
-              return _this22.paperManager.awaitScheduledUpdates();
+              _context11.next = 5;
+              return _this23.paperManager.awaitScheduledUpdates();
             case 5:
-              _this22.isRendering = false;
-              _this22.$emit('parsed');
+              _this23.isRendering = false;
+              _this23.$emit('parsed');
             case 7:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
-        }, _callee10);
+        }, _callee11);
       }))();
     },
     loadXML: function loadXML() {
       var _arguments2 = arguments,
-        _this23 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
+        _this24 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
         var xml, emitChangeEvent;
-        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
               xml = _arguments2.length > 0 && _arguments2[0] !== undefined ? _arguments2[0] : null;
               emitChangeEvent = false;
               if (xml === null) {
-                xml = _this23.currentXML;
+                xml = _this24.currentXML;
                 emitChangeEvent = true;
               }
-              _context11.next = 5;
-              return _this23.xmlManager.getDefinitionsFromXml(xml);
+              _context12.next = 5;
+              return _this24.xmlManager.getDefinitionsFromXml(xml);
             case 5:
-              _this23.definitions = _context11.sent;
-              _this23.xmlManager.definitions = _this23.definitions;
-              _this23.nodeIdGenerator = getNodeIdGenerator(_this23.definitions);
+              _this24.definitions = _context12.sent;
+              _this24.xmlManager.definitions = _this24.definitions;
+              _this24.nodeIdGenerator = getNodeIdGenerator(_this24.definitions);
               store.commit('clearNodes');
-              _context11.next = 11;
-              return _this23.renderPaper();
+              _context12.next = 11;
+              return _this24.renderPaper();
             case 11:
               if (emitChangeEvent) {
                 window.ProcessMaker.EventBus.$emit('modeler-change');
               }
             case 12:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
-        }, _callee11);
+        }, _callee12);
       }))();
     },
     getBoundaryEvents: function getBoundaryEvents(process) {
@@ -51698,13 +51722,13 @@ var Selection_component = normalizeComponent(
       return boundaryEvent;
     },
     ensureCancelActivityIsAddedToBoundaryEvents: function ensureCancelActivityIsAddedToBoundaryEvents(process) {
-      var _this24 = this;
+      var _this25 = this;
       this.getBoundaryEvents(process).forEach(function (definition) {
-        var boundaryEvent = _this24.createBoundaryEvent(definition);
+        var boundaryEvent = _this25.createBoundaryEvent(definition);
         definition.get('outgoing').forEach(function (outgoing) {
           return outgoing.set('sourceRef', boundaryEvent);
         });
-        _this24.replaceDefinition(definition, boundaryEvent, process);
+        _this25.replaceDefinition(definition, boundaryEvent, process);
       });
     },
     replaceDefinition: function replaceDefinition(definition, boundaryEvent, process) {
@@ -51730,51 +51754,51 @@ var Selection_component = normalizeComponent(
       });
     },
     handleDrop: function handleDrop(_ref6) {
-      var _this25 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
-        var clientX, clientY, control, nodeThatWillBeReplaced, definition, diagram, _this25$paperManager$, x, y, newNode, nodeMigrator;
-        return _regeneratorRuntime().wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+      var _this26 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
+        var clientX, clientY, control, nodeThatWillBeReplaced, definition, diagram, _this26$paperManager$, x, y, newNode, nodeMigrator;
+        return _regeneratorRuntime().wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
               clientX = _ref6.clientX, clientY = _ref6.clientY, control = _ref6.control, nodeThatWillBeReplaced = _ref6.nodeThatWillBeReplaced;
-              _this25.validateDropTarget({
+              _this26.validateDropTarget({
                 clientX: clientX,
                 clientY: clientY,
                 control: control
               });
-              if (_this25.allowDrop) {
-                _context12.next = 4;
+              if (_this26.allowDrop) {
+                _context13.next = 4;
                 break;
               }
-              return _context12.abrupt("return");
+              return _context13.abrupt("return");
             case 4:
-              definition = _this25.nodeRegistry[control.type].definition(_this25.moddle, _this25.$t);
-              diagram = _this25.nodeRegistry[control.type].diagram(_this25.moddle);
-              _this25$paperManager$ = _this25.paperManager.clientToGridPoint(clientX, clientY), x = _this25$paperManager$.x, y = _this25$paperManager$.y;
+              definition = _this26.nodeRegistry[control.type].definition(_this26.moddle, _this26.$t);
+              diagram = _this26.nodeRegistry[control.type].diagram(_this26.moddle);
+              _this26$paperManager$ = _this26.paperManager.clientToGridPoint(clientX, clientY), x = _this26$paperManager$.x, y = _this26$paperManager$.y;
               diagram.bounds.x = x;
               diagram.bounds.y = y;
-              newNode = _this25.createNode(control.type, definition, diagram);
+              newNode = _this26.createNode(control.type, definition, diagram);
               if (newNode.isBpmnType('bpmn:BoundaryEvent')) {
-                _this25.setShapeCenterUnderCursor(diagram);
+                _this26.setShapeCenterUnderCursor(diagram);
               }
-              _this25.highlightNode(newNode);
-              _context12.next = 14;
-              return _this25.addNode(newNode);
+              _this26.highlightNode(newNode);
+              _context13.next = 14;
+              return _this26.addNode(newNode);
             case 14:
               if (nodeThatWillBeReplaced) {
-                _context12.next = 16;
+                _context13.next = 16;
                 break;
               }
-              return _context12.abrupt("return");
+              return _context13.abrupt("return");
             case 16:
-              nodeMigrator = new NodeMigrator(nodeThatWillBeReplaced, definition, _this25.graph, newNode, _this25.processes, _this25.collaboration);
+              nodeMigrator = new NodeMigrator(nodeThatWillBeReplaced, definition, _this26.graph, newNode, _this26.processes, _this26.collaboration);
               nodeMigrator.migrate();
-              return _context12.abrupt("return", newNode);
+              return _context13.abrupt("return", newNode);
             case 19:
             case "end":
-              return _context12.stop();
+              return _context13.stop();
           }
-        }, _callee12);
+        }, _callee13);
       }))();
     },
     setShapeCenterUnderCursor: function setShapeCenterUnderCursor(diagram) {
@@ -51782,204 +51806,204 @@ var Selection_component = normalizeComponent(
       diagram.bounds.y -= diagram.bounds.height / 2;
     },
     selectNewNode: function selectNewNode(node) {
-      var _this26 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
+      var _this27 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {
         var newNodeComponent, view;
-        return _regeneratorRuntime().wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+        return _regeneratorRuntime().wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
-              _context13.next = 2;
-              return _this26.$nextTick();
+              _context14.next = 2;
+              return _this27.$nextTick();
             case 2:
-              _context13.next = 4;
-              return _this26.paperManager.awaitScheduledUpdates();
+              _context14.next = 4;
+              return _this27.paperManager.awaitScheduledUpdates();
             case 4:
-              newNodeComponent = _this26.$refs.nodeComponent.find(function (component) {
+              newNodeComponent = _this27.$refs.nodeComponent.find(function (component) {
                 return component.node === node;
               });
               view = newNodeComponent.shapeView;
-              _context13.next = 8;
-              return _this26.$refs.selector.selectElement(view);
+              _context14.next = 8;
+              return _this27.$refs.selector.selectElement(view);
             case 8:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
-        }, _callee13);
+        }, _callee14);
       }))();
     },
     addNode: function addNode(node) {
-      var _this27 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {
+      var _this28 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
         var targetProcess;
-        return _regeneratorRuntime().wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+        return _regeneratorRuntime().wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
               if (!node.pool) {
-                node.pool = _this27.poolTarget;
+                node.pool = _this28.poolTarget;
               }
-              targetProcess = node.getTargetProcess(_this27.processes, _this27.processNode);
+              targetProcess = node.getTargetProcess(_this28.processes, _this28.processNode);
               addNodeToProcess(node, targetProcess);
-              node.setIds(_this27.nodeIdGenerator);
-              _this27.planeElements.push(node.diagram);
+              node.setIds(_this28.nodeIdGenerator);
+              _this28.planeElements.push(node.diagram);
               store.commit('addNode', node);
-              _this27.poolTarget = null;
+              _this28.poolTarget = null;
 
               // add processmaker-modeler-generic-flow
               if (![sequenceFlow_id, poolLane_config_id, association_id, messageFlow_config_id, id, config_id, genericFlow_config_id].includes(node.type)) {
-                _context14.next = 9;
+                _context15.next = 9;
                 break;
               }
-              return _context14.abrupt("return");
+              return _context15.abrupt("return");
             case 9:
               // Select the node after it has been added to the store (does not apply to flows)
-              _this27.selectNewNode(node);
-              return _context14.abrupt("return", new Promise(function (resolve) {
+              _this28.selectNewNode(node);
+              return _context15.abrupt("return", new Promise(function (resolve) {
                 setTimeout(function () {
-                  _this27.pushToUndoStack();
+                  _this28.pushToUndoStack();
                   resolve();
                 });
               }));
             case 11:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
-        }, _callee14);
+        }, _callee15);
       }))();
     },
     addClonedNodes: function addClonedNodes(nodes) {
-      var _this28 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
-        return _regeneratorRuntime().wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+      var _this29 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
+        return _regeneratorRuntime().wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
               nodes.forEach(function (node) {
                 if (!node.pool) {
-                  node.pool = _this28.poolTarget;
+                  node.pool = _this29.poolTarget;
                 }
-                var targetProcess = node.getTargetProcess(_this28.processes, _this28.processNode);
+                var targetProcess = node.getTargetProcess(_this29.processes, _this29.processNode);
                 addNodeToProcess(node, targetProcess);
-                _this28.planeElements.push(node.diagram);
+                _this29.planeElements.push(node.diagram);
                 store.commit('addNode', node);
-                _this28.poolTarget = null;
+                _this29.poolTarget = null;
               });
             case 1:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
-        }, _callee15);
+        }, _callee16);
       }))();
     },
     removeNode: function removeNode(node) {
       var _arguments3 = arguments,
-        _this29 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
+        _this30 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
         var _ref7, _ref7$removeRelations, removeRelationships;
-        return _regeneratorRuntime().wrap(function _callee16$(_context16) {
-          while (1) switch (_context16.prev = _context16.next) {
+        return _regeneratorRuntime().wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
               _ref7 = _arguments3.length > 1 && _arguments3[1] !== undefined ? _arguments3[1] : {}, _ref7$removeRelations = _ref7.removeRelationships, removeRelationships = _ref7$removeRelations === void 0 ? true : _ref7$removeRelations;
               if (node) {
-                _context16.next = 3;
+                _context17.next = 3;
                 break;
               }
-              return _context16.abrupt("return");
+              return _context17.abrupt("return");
             case 3:
               if (removeRelationships) {
-                removeNodeFlows(node, _this29);
-                removeNodeMessageFlows(node, _this29);
-                removeNodeAssociations(node, _this29);
+                removeNodeFlows(node, _this30);
+                removeNodeMessageFlows(node, _this30);
+                removeNodeAssociations(node, _this30);
               }
               removeOutgoingAndIncomingRefsToFlow(node);
-              removeBoundaryEvents(_this29.graph, node, _this29.removeNode);
+              removeBoundaryEvents(_this30.graph, node, _this30.removeNode);
               removeSourceDefault(node);
-              _this29.removeNodesFromLane(node);
-              _this29.removeNodesFromPool(node);
+              _this30.removeNodesFromLane(node);
+              _this30.removeNodesFromPool(node);
               store.commit('removeNode', node);
-              store.commit('highlightNode', _this29.processNode);
-              _this29.$refs.selector.clearSelection();
-              _context16.next = 14;
-              return _this29.$nextTick();
+              store.commit('highlightNode', _this30.processNode);
+              _this30.$refs.selector.clearSelection();
+              _context17.next = 14;
+              return _this30.$nextTick();
             case 14:
-              _context16.next = 16;
-              return _this29.pushToUndoStack();
+              _context17.next = 16;
+              return _this30.pushToUndoStack();
             case 16:
               // force to update the processNode property in every delete
-              _this29.processes = _this29.getProcesses();
-              if (_this29.processes && _this29.processes.length > 0) {
-                _this29.processNode = new Node('processmaker-modeler-process', _this29.processes[0], _this29.planeElements.find(function (diagram) {
-                  return diagram.bpmnElement.id === _this29.processes[0].id;
+              _this30.processes = _this30.getProcesses();
+              if (_this30.processes && _this30.processes.length > 0) {
+                _this30.processNode = new Node('processmaker-modeler-process', _this30.processes[0], _this30.planeElements.find(function (diagram) {
+                  return diagram.bpmnElement.id === _this30.processes[0].id;
                 }));
               }
             case 18:
             case "end":
-              return _context16.stop();
+              return _context17.stop();
           }
-        }, _callee16);
+        }, _callee17);
       }))();
     },
     removeNodes: function removeNodes() {
-      var _this30 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19() {
-        return _regeneratorRuntime().wrap(function _callee19$(_context19) {
-          while (1) switch (_context19.prev = _context19.next) {
+      var _this31 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20() {
+        return _regeneratorRuntime().wrap(function _callee20$(_context20) {
+          while (1) switch (_context20.prev = _context20.next) {
             case 0:
-              _context19.next = 2;
-              return _this30.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {
-                return _regeneratorRuntime().wrap(function _callee18$(_context18) {
-                  while (1) switch (_context18.prev = _context18.next) {
+              _context20.next = 2;
+              return _this31.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19() {
+                return _regeneratorRuntime().wrap(function _callee19$(_context19) {
+                  while (1) switch (_context19.prev = _context19.next) {
                     case 0:
-                      _context18.next = 2;
-                      return _this30.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
+                      _context19.next = 2;
+                      return _this31.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {
                         var waitPromises;
-                        return _regeneratorRuntime().wrap(function _callee17$(_context17) {
-                          while (1) switch (_context17.prev = _context17.next) {
+                        return _regeneratorRuntime().wrap(function _callee18$(_context18) {
+                          while (1) switch (_context18.prev = _context18.next) {
                             case 0:
                               waitPromises = [];
-                              _this30.highlightedNodes.forEach(function (node) {
-                                return waitPromises.push(_this30.removeNode(node, {
+                              _this31.highlightedNodes.forEach(function (node) {
+                                return waitPromises.push(_this31.removeNode(node, {
                                   removeRelationships: true
                                 }));
                               });
-                              _context17.next = 4;
+                              _context18.next = 4;
                               return Promise.all(waitPromises);
                             case 4:
                               store.commit('highlightNode');
                             case 5:
                             case "end":
-                              return _context17.stop();
+                              return _context18.stop();
                           }
-                        }, _callee17);
+                        }, _callee18);
                       })));
                     case 2:
                     case "end":
-                      return _context18.stop();
+                      return _context19.stop();
                   }
-                }, _callee18);
+                }, _callee19);
               })));
             case 2:
             case "end":
-              return _context19.stop();
+              return _context20.stop();
           }
-        }, _callee19);
+        }, _callee20);
       }))();
     },
     replaceNode: function replaceNode(_ref10) {
-      var _this31 = this;
+      var _this32 = this;
       var node = _ref10.node,
         typeToReplaceWith = _ref10.typeToReplaceWith;
-      this.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21() {
-        return _regeneratorRuntime().wrap(function _callee21$(_context21) {
-          while (1) switch (_context21.prev = _context21.next) {
+      this.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
+        return _regeneratorRuntime().wrap(function _callee22$(_context22) {
+          while (1) switch (_context22.prev = _context22.next) {
             case 0:
-              _context21.next = 2;
-              return _this31.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20() {
-                var _this31$paper$localTo, clientX, clientY, newNode;
-                return _regeneratorRuntime().wrap(function _callee20$(_context20) {
-                  while (1) switch (_context20.prev = _context20.next) {
+              _context22.next = 2;
+              return _this32.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21() {
+                var _this32$paper$localTo, clientX, clientY, newNode;
+                return _regeneratorRuntime().wrap(function _callee21$(_context21) {
+                  while (1) switch (_context21.prev = _context21.next) {
                     case 0:
-                      _this31$paper$localTo = _this31.paper.localToClientPoint(node.diagram.bounds), clientX = _this31$paper$localTo.x, clientY = _this31$paper$localTo.y;
-                      _context20.next = 3;
-                      return _this31.handleDrop({
+                      _this32$paper$localTo = _this32.paper.localToClientPoint(node.diagram.bounds), clientX = _this32$paper$localTo.x, clientY = _this32$paper$localTo.y;
+                      _context21.next = 3;
+                      return _this32.handleDrop({
                         clientX: clientX,
                         clientY: clientY,
                         control: {
@@ -51988,89 +52012,89 @@ var Selection_component = normalizeComponent(
                         nodeThatWillBeReplaced: node
                       });
                     case 3:
-                      newNode = _context20.sent;
-                      _context20.next = 6;
-                      return _this31.removeNode(node, {
+                      newNode = _context21.sent;
+                      _context21.next = 6;
+                      return _this32.removeNode(node, {
                         removeRelationships: false
                       });
                     case 6:
-                      _this31.highlightNode(newNode);
-                      _this31.selectNewNode(newNode);
+                      _this32.highlightNode(newNode);
+                      _this32.selectNewNode(newNode);
                     case 8:
                     case "end":
-                      return _context20.stop();
+                      return _context21.stop();
                   }
-                }, _callee20);
+                }, _callee21);
               })));
             case 2:
             case "end":
-              return _context21.stop();
+              return _context22.stop();
           }
-        }, _callee21);
+        }, _callee22);
       })));
     },
     replaceGenericFlow: function replaceGenericFlow(_ref13) {
-      var _this32 = this;
+      var _this33 = this;
       var actualFlow = _ref13.actualFlow,
         genericFlow = _ref13.genericFlow,
         targetNode = _ref13.targetNode;
-      this.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee23() {
-        return _regeneratorRuntime().wrap(function _callee23$(_context23) {
-          while (1) switch (_context23.prev = _context23.next) {
+      this.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee24() {
+        return _regeneratorRuntime().wrap(function _callee24$(_context24) {
+          while (1) switch (_context24.prev = _context24.next) {
             case 0:
-              _context23.next = 2;
-              return _this32.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
-                return _regeneratorRuntime().wrap(function _callee22$(_context22) {
-                  while (1) switch (_context22.prev = _context22.next) {
+              _context24.next = 2;
+              return _this33.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee23() {
+                return _regeneratorRuntime().wrap(function _callee23$(_context23) {
+                  while (1) switch (_context23.prev = _context23.next) {
                     case 0:
-                      _context22.next = 2;
-                      return _this32.highlightNode(null);
+                      _context23.next = 2;
+                      return _this33.highlightNode(null);
                     case 2:
-                      _context22.next = 4;
-                      return _this32.$nextTick();
+                      _context23.next = 4;
+                      return _this33.$nextTick();
                     case 4:
-                      _context22.next = 6;
-                      return _this32.addNode(actualFlow);
+                      _context23.next = 6;
+                      return _this33.addNode(actualFlow);
                     case 6:
-                      _context22.next = 8;
+                      _context23.next = 8;
                       return store.commit('removeNode', genericFlow);
                     case 8:
-                      _context22.next = 10;
-                      return _this32.$nextTick();
+                      _context23.next = 10;
+                      return _this33.$nextTick();
                     case 10:
-                      _context22.next = 12;
-                      return _this32.highlightNode(targetNode);
+                      _context23.next = 12;
+                      return _this33.highlightNode(targetNode);
                     case 12:
                     case "end":
-                      return _context22.stop();
+                      return _context23.stop();
                   }
-                }, _callee22);
+                }, _callee23);
               })));
             case 2:
             case "end":
-              return _context23.stop();
+              return _context24.stop();
           }
-        }, _callee23);
+        }, _callee24);
       })));
     },
     performSingleUndoRedoTransaction: function performSingleUndoRedoTransaction(cb) {
-      var _this33 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee24() {
-        return _regeneratorRuntime().wrap(function _callee24$(_context24) {
-          while (1) switch (_context24.prev = _context24.next) {
+      var _this34 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee25() {
+        return _regeneratorRuntime().wrap(function _callee25$(_context25) {
+          while (1) switch (_context25.prev = _context25.next) {
             case 0:
               undoRedoStore.commit('disableSavingState');
-              _context24.next = 3;
+              _context25.next = 3;
               return cb();
             case 3:
               undoRedoStore.commit('enableSavingState');
-              _context24.next = 6;
-              return _this33.pushToUndoStack();
+              _context25.next = 6;
+              return _this34.pushToUndoStack();
             case 6:
             case "end":
-              return _context24.stop();
+              return _context25.stop();
           }
-        }, _callee24);
+        }, _callee25);
       }))();
     },
     removeNodesFromLane: function removeNodesFromLane(node) {
@@ -52083,36 +52107,36 @@ var Selection_component = normalizeComponent(
       pull_default()(containingLane.get('flowNodeRef'), node.definition);
     },
     removeNodesFromPool: function removeNodesFromPool(node) {
-      var _this34 = this;
+      var _this35 = this;
       if (node.type === 'processmaker-modeler-pool' && node.definition.processRef) {
         if (node.definition.processRef.artifacts) {
           node.definition.processRef.artifacts.forEach(function (artifact) {
-            var nodeToRemove = _this34.nodes.find(function (n) {
+            var nodeToRemove = _this35.nodes.find(function (n) {
               return n.definition === artifact;
             });
             if (nodeToRemove) {
-              _this34.removeNode(nodeToRemove);
+              _this35.removeNode(nodeToRemove);
             }
           });
         }
         if (node.definition.processRef.flowElements) {
           node.definition.processRef.flowElements.forEach(function (flowElement) {
-            var nodeToRemove = _this34.nodes.find(function (n) {
+            var nodeToRemove = _this35.nodes.find(function (n) {
               return n.definition === flowElement;
             });
             if (nodeToRemove) {
-              _this34.removeNode(nodeToRemove);
+              _this35.removeNode(nodeToRemove);
             }
           });
         }
         var laneSets = node.definition.processRef.laneSets;
         if (!!laneSets && laneSets.length > 0) {
           laneSets[0].lanes.forEach(function (lane) {
-            var nodeToRemove = _this34.nodes.find(function (n) {
+            var nodeToRemove = _this35.nodes.find(function (n) {
               return n.definition === lane;
             });
             if (nodeToRemove) {
-              _this34.removeNode(nodeToRemove);
+              _this35.removeNode(nodeToRemove);
             }
           });
         }
@@ -52140,13 +52164,13 @@ var Selection_component = normalizeComponent(
       return shape.component != null;
     },
     setShapeStacking: function setShapeStacking(shape) {
-      var _this35 = this;
+      var _this36 = this;
       if (this.isRendering || !shape.component.node.isType('processmaker-modeler-pool') && shape === this.previouslyStackedShape) {
         return;
       }
       this.previouslyStackedShape = shape;
       this.paperManager.performAtomicAction(function () {
-        return ensureShapeIsNotCovered(shape, _this35.graph);
+        return ensureShapeIsNotCovered(shape, _this36.graph);
       });
     },
     showSavedNotification: function showSavedNotification() {
@@ -52180,49 +52204,49 @@ var Selection_component = normalizeComponent(
       return false;
     },
     pointerDowInShape: function pointerDowInShape(event, element) {
-      var _this36 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee25() {
+      var _this37 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee26() {
         var x, y, shapeView;
-        return _regeneratorRuntime().wrap(function _callee25$(_context25) {
-          while (1) switch (_context25.prev = _context25.next) {
+        return _regeneratorRuntime().wrap(function _callee26$(_context26) {
+          while (1) switch (_context26.prev = _context26.next) {
             case 0:
               x = event.clientX, y = event.clientY;
-              shapeView = _this36.paper.findViewByModel(element);
-              _this36.isDragging = false;
-              _this36.isSelecting = false;
-              _this36.isIntoTheSelection = false;
-              _this36.dragStart = {
+              shapeView = _this37.paper.findViewByModel(element);
+              _this37.isDragging = false;
+              _this37.isSelecting = false;
+              _this37.isIntoTheSelection = false;
+              _this37.dragStart = {
                 x: x,
                 y: y
               };
               // Verify if is in the selection box
-              if (!_this36.isPointInSelection(event)) {
-                _context25.next = 10;
+              if (!_this37.isPointInSelection(event)) {
+                _context26.next = 10;
                 break;
               }
-              _this36.isIntoTheSelection = true;
-              _context25.next = 15;
+              _this37.isIntoTheSelection = true;
+              _context26.next = 15;
               break;
             case 10:
               if (event.shiftKey) {
-                _context25.next = 15;
+                _context26.next = 15;
                 break;
               }
-              _context25.next = 13;
-              return _this36.$refs.selector.selectElement(shapeView);
+              _context26.next = 13;
+              return _this37.$refs.selector.selectElement(shapeView);
             case 13:
-              _context25.next = 15;
-              return _this36.$nextTick();
+              _context26.next = 15;
+              return _this37.$nextTick();
             case 15:
-              _this36.$refs.selector.startDrag({
+              _this37.$refs.selector.startDrag({
                 clientX: event.clientX,
                 clientY: event.clientY
               });
             case 16:
             case "end":
-              return _context25.stop();
+              return _context26.stop();
           }
-        }, _callee25);
+        }, _callee26);
       }))();
     },
     pointerDownHandler: function pointerDownHandler(event) {
@@ -52322,7 +52346,7 @@ var Selection_component = normalizeComponent(
     this.$emit('set-xml-manager', this.xmlManager);
   },
   mounted: function mounted() {
-    var _this37 = this;
+    var _this38 = this;
     store.commit('setReadOnly', this.readOnly);
     this.graph = new external_jointjs_.dia.Graph();
     store.commit('setGraph', this.graph);
@@ -52341,47 +52365,47 @@ var Selection_component = normalizeComponent(
     store.commit('setPaper', this.paperManager.paper);
     this.paperManager.addEventHandler('element:pointerclick', this.blurFocusedScreenBuilderElement, this);
     this.paperManager.addEventHandler('blank:pointerdown', function (event, x, y) {
-      if (_this37.isGrabbing) return;
+      if (_this38.isGrabbing) return;
       if (store.getters.isReadOnly) {
-        _this37.isGrabbing = true;
+        _this38.isGrabbing = true;
       }
-      var scale = _this37.paperManager.scale;
-      _this37.canvasDragPosition = {
+      var scale = _this38.paperManager.scale;
+      _this38.canvasDragPosition = {
         x: x * scale.sx,
         y: y * scale.sy
       };
-      _this37.isOverShape = false;
-      _this37.pointerDownHandler(event);
+      _this38.isOverShape = false;
+      _this38.pointerDownHandler(event);
     }, this);
     this.paperManager.addEventHandler('cell:mouseover element:mouseover', function (_ref17) {
       var shape = _ref17.model;
-      if (_this37.isBpmnNode(shape) && shape.attr('body/cursor') !== 'default' && !_this37.isGrabbing) {
+      if (_this38.isBpmnNode(shape) && shape.attr('body/cursor') !== 'default' && !_this38.isGrabbing) {
         shape.attr('body/cursor', 'move');
       }
       // If the user is panning the Paper while hovering an element, ignore the default move cursor
-      if (_this37.isGrabbing && _this37.isBpmnNode(shape)) {
+      if (_this38.isGrabbing && _this38.isBpmnNode(shape)) {
         shape.attr('body/cursor', 'grabbing');
       }
     });
     this.paperManager.addEventHandler('blank:pointerup', function (event) {
-      _this37.isGrabbing = false;
-      _this37.canvasDragPosition = null;
-      _this37.activeNode = null;
-      _this37.pointerUpHandler(event);
+      _this38.isGrabbing = false;
+      _this38.canvasDragPosition = null;
+      _this38.activeNode = null;
+      _this38.pointerUpHandler(event);
     }, this);
     this.paperManager.addEventHandler('cell:pointerup', function (cellView, event) {
-      _this37.canvasDragPosition = null;
-      _this37.activeNode = null;
-      _this37.pointerUpHandler(event, cellView);
+      _this38.canvasDragPosition = null;
+      _this38.activeNode = null;
+      _this38.pointerUpHandler(event, cellView);
     }, this);
     this.$refs['paper-container'].addEventListener('mouseenter', function () {
       store.commit('setClientLeftPaper', false);
     });
     this.$el.addEventListener('mousemove', function (event) {
-      _this37.pointerMoveHandler(event);
+      _this38.pointerMoveHandler(event);
     });
     this.$refs['paper-container'].addEventListener('mouseleave', function () {
-      _this37.paperManager.removeEventHandler('blank:pointermove');
+      _this38.paperManager.removeEventHandler('blank:pointermove');
       store.commit('setClientLeftPaper', true);
     });
     this.paperManager.addEventHandler('cell:pointerclick', function (cellView, evt, x, y) {
@@ -52392,44 +52416,44 @@ var Selection_component = normalizeComponent(
     });
     this.paperManager.addEventHandler('cell:pointerclick', function (_ref18, event) {
       var shape = _ref18.model;
-      if (!_this37.isBpmnNode(shape)) {
+      if (!_this38.isBpmnNode(shape)) {
         return;
       }
 
       // ignore click event if the user is Grabbing the paper
-      if (_this37.isGrabbing) return;
+      if (_this38.isGrabbing) return;
       shape.component.$emit('click', event);
-      _this37.$emit('click', {
+      _this38.$emit('click', {
         event: event,
-        node: _this37.highlightedNode.definition
+        node: _this38.highlightedNode.definition
       });
     });
     this.paperManager.addEventHandler('cell:pointerdown', function (_ref19, event) {
       var shape = _ref19.model;
-      if (!_this37.isBpmnNode(shape)) {
+      if (!_this38.isBpmnNode(shape)) {
         return;
       }
       // If the user is pressing Space (grabbing) and clicking on a Cell, return
-      if (_this37.isGrabbing) {
+      if (_this38.isGrabbing) {
         return;
       }
-      _this37.setShapeStacking(shape);
-      _this37.activeNode = shape.component.node;
-      _this37.isOverShape = true;
-      _this37.pointerDowInShape(event, shape);
+      _this38.setShapeStacking(shape);
+      _this38.activeNode = shape.component.node;
+      _this38.isOverShape = true;
+      _this38.pointerDowInShape(event, shape);
     });
     // If the user is grabbing the paper while he clicked in a cell, move the paper and not the cell
     this.paperManager.addEventHandler('cell:pointermove', function (_, event, x, y) {
-      if (_this37.isGrabbing) {
-        if (!_this37.canvasDragPosition) {
-          var scale = _this37.paperManager.scale;
-          _this37.canvasDragPosition = {
+      if (_this38.isGrabbing) {
+        if (!_this38.canvasDragPosition) {
+          var scale = _this38.paperManager.scale;
+          _this38.canvasDragPosition = {
             x: x * scale.sx,
             y: y * scale.sy
           };
         }
-        if (_this37.canvasDragPosition && !_this37.clientLeftPaper) {
-          _this37.paperManager.translate(event.offsetX - _this37.canvasDragPosition.x, event.offsetY - _this37.canvasDragPosition.y);
+        if (_this38.canvasDragPosition && !_this38.clientLeftPaper) {
+          _this38.paperManager.translate(event.offsetX - _this38.canvasDragPosition.x, event.offsetY - _this38.canvasDragPosition.y);
         }
       }
     });
@@ -52437,20 +52461,20 @@ var Selection_component = normalizeComponent(
     /* Register custom nodes */
     window.ProcessMaker.EventBus.$emit('modeler-start', {
       loadXML: function () {
-        var _loadXML = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee26(xml) {
-          return _regeneratorRuntime().wrap(function _callee26$(_context26) {
-            while (1) switch (_context26.prev = _context26.next) {
+        var _loadXML = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee27(xml) {
+          return _regeneratorRuntime().wrap(function _callee27$(_context27) {
+            while (1) switch (_context27.prev = _context27.next) {
               case 0:
-                _context26.next = 2;
-                return _this37.loadXML(xml);
+                _context27.next = 2;
+                return _this38.loadXML(xml);
               case 2:
-                _context26.next = 4;
+                _context27.next = 4;
                 return undoRedoStore.dispatch('pushState', xml);
               case 4:
               case "end":
-                return _context26.stop();
+                return _context27.stop();
             }
-          }, _callee26);
+          }, _callee27);
         }));
         function loadXML(_x) {
           return _loadXML.apply(this, arguments);
@@ -52458,10 +52482,10 @@ var Selection_component = normalizeComponent(
         return loadXML;
       }(),
       addWarnings: function addWarnings(warnings) {
-        return _this37.$emit('warnings', warnings);
+        return _this38.$emit('warnings', warnings);
       },
       addBreadcrumbs: function addBreadcrumbs(breadcrumbs) {
-        return _this37.breadcrumbData.push(breadcrumbs);
+        return _this38.breadcrumbData.push(breadcrumbs);
       }
     });
   }
@@ -52483,8 +52507,8 @@ var modelervue_type_style_index_0_prod_lang_scss_ = __webpack_require__(26695);
 
 var Modeler_component = normalizeComponent(
   modeler_Modelervue_type_script_lang_js_,
-  Modelervue_type_template_id_7233010b_render,
-  Modelervue_type_template_id_7233010b_staticRenderFns,
+  Modelervue_type_template_id_84267fa8_render,
+  Modelervue_type_template_id_84267fa8_staticRenderFns,
   false,
   null,
   null,