@processmaker/modeler 1.46.4 → 1.46.6

package/dist/modeler.umd.js

@@ -13616,7 +13616,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".control-list[data-v-317b8b6e]{margin:
 
 /***/ }),
 
-/***/ 3601:
+/***/ 29218:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13630,7 +13630,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".rail-container[data-v-2a9e260d]{bottom:20px;left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:48px;max-height:48px;z-index:2}.rail-container[data-v-2a9e260d],.rail-left[data-v-2a9e260d]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex}.rail-left[data-v-2a9e260d]{width:auto;padding:0 35px}.rail-center[data-v-2a9e260d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:22px;-moz-column-gap:22px;column-gap:22px;width:100%;padding-right:5px;overflow-x:hidden}.hidden-opacity[data-v-2a9e260d]{opacity:0;visibility:hidden;position:absolute;pointer-events:none}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".rail-container[data-v-1acea7b8]{bottom:20px;left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:48px;max-height:48px;z-index:2}.rail-container[data-v-1acea7b8],.rail-left[data-v-1acea7b8]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex}.rail-left[data-v-1acea7b8]{width:auto;padding:0 35px}.rail-center[data-v-1acea7b8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:22px;-moz-column-gap:22px;column-gap:22px;width:100%;padding-right:5px;overflow-x:hidden}.hidden-opacity[data-v-1acea7b8]{opacity:0;visibility:hidden;position:absolute;pointer-events:none}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -27237,19 +27237,19 @@ var update = add("0671e30a", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 11186:
+/***/ 42565:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(3601);
+var content = __webpack_require__(29218);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(54402)/* ["default"] */ .Z)
-var update = add("fdd85d5e", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("67cca51c", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -28754,8 +28754,8 @@ __webpack_require__.d(__webpack_exports__, {
 var config_namespaceObject = {};
 __webpack_require__.r(config_namespaceObject);
 __webpack_require__.d(config_namespaceObject, {
-  bpmnType: function() { return config_bpmnType; },
-  definition: function() { return config_definition; },
+  bpmnType: function() { return bpmnType; },
+  definition: function() { return definition; },
   diagram: function() { return config_diagram; },
   id: function() { return config_id; }
 });
@@ -28764,8 +28764,8 @@ __webpack_require__.d(config_namespaceObject, {
 var dataInputAssociation_config_namespaceObject = {};
 __webpack_require__.r(dataInputAssociation_config_namespaceObject);
 __webpack_require__.d(dataInputAssociation_config_namespaceObject, {
-  bpmnType: function() { return dataInputAssociation_config_bpmnType; },
-  definition: function() { return dataInputAssociation_config_definition; },
+  bpmnType: function() { return config_bpmnType; },
+  definition: function() { return config_definition; },
   diagram: function() { return dataInputAssociation_config_diagram; },
   id: function() { return dataInputAssociation_config_id; }
 });
@@ -32683,6 +32683,288 @@ function removeRef(state, ref, callBack) {
     }
   }
 }));
+// EXTERNAL MODULE: external "lodash"
+var external_lodash_ = __webpack_require__(50467);
+var external_lodash_default = /*#__PURE__*/__webpack_require__.n(external_lodash_);
+;// CONCATENATED MODULE: ./src/components/nodes/dataOutputAssociation/config.js
+var config_id = 'processmaker-modeler-data-output-association';
+var bpmnType = 'bpmn:DataOutputAssociation';
+function definition(moddle) {
+  return moddle.create('bpmn:DataOutputAssociation', {
+    targetRef: {
+      x: undefined,
+      y: undefined
+    }
+  });
+}
+function config_diagram(moddle) {
+  return moddle.create('bpmndi:BPMNEdge');
+}
+;// CONCATENATED MODULE: ./src/components/nodes/dataInputAssociation/config.js
+var dataInputAssociation_config_id = 'processmaker-modeler-data-input-association';
+var config_bpmnType = 'bpmn:DataInputAssociation';
+function config_definition(moddle) {
+  return moddle.create('bpmn:DataInputAssociation', {
+    targetRef: {
+      x: undefined,
+      y: undefined
+    }
+  });
+}
+function dataInputAssociation_config_diagram(moddle) {
+  return moddle.create('bpmndi:BPMNEdge');
+}
+;// CONCATENATED MODULE: ./src/components/crown/utils.js
+
+
+
+
+
+
+
+
+
+function removeFlows(graph, shape) {
+  var _this = this;
+  var linkShapes = graph.getConnectedLinks(shape);
+  linkShapes.forEach(function (shape) {
+    return _this.$emit('remove-node', shape.component.node);
+  });
+}
+
+// Remove the incoming and outgoing flows of a node
+function removeNodeFlows(node, modeler) {
+  if (node.definition.incoming) {
+    node.definition.incoming.forEach(function (flow) {
+      var node = modeler.nodes.find(function (node) {
+        return node.definition === flow;
+      });
+      modeler.removeNode(node);
+    });
+  }
+  if (node.definition.outgoing) {
+    node.definition.outgoing.forEach(function (flow) {
+      var node = modeler.nodes.find(function (node) {
+        return node.definition === flow;
+      });
+      modeler.removeNode(node);
+    });
+  }
+}
+// Remove the associations of a node
+function removeNodeMessageFlows(node, modeler) {
+  var linkedMessages = modeler.nodes.filter(function (n) {
+    if (n.definition.sourceRef) {
+      if (n.definition.sourceRef === node.definition) {
+        return true;
+      }
+    }
+    if (n.definition.targetRef) {
+      if (n.definition.targetRef === node.definition) {
+        return true;
+      }
+    }
+  });
+  linkedMessages.forEach(function (messageFlow) {
+    modeler.removeNode(messageFlow);
+  });
+}
+// Remove the associations of a node
+function removeNodeAssociations(node, modeler) {
+  var linkedAssociations = modeler.nodes.filter(function (n) {
+    if (n.definition.sourceRef) {
+      if (n.definition.sourceRef === node.definition) {
+        return true;
+      }
+    }
+    if (n.definition.targetRef) {
+      if (n.definition.targetRef === node.definition) {
+        return true;
+      }
+    }
+  });
+  linkedAssociations.forEach(function (association) {
+    modeler.removeNode(association);
+  });
+}
+function removeBoundaryEvents(graph, node, removeNode) {
+  var nodeShape = graph.getCells().find(function (el) {
+    return el.component && el.component.node === node;
+  });
+  if (nodeShape) {
+    nodeShape.getEmbeddedCells({
+      deep: true
+    }).filter(function (cell) {
+      return cell.component && cell.component.node.isBpmnType('bpmn:BoundaryEvent');
+    }).forEach(function (boundaryEventShape) {
+      graph.getConnectedLinks(boundaryEventShape).forEach(function (shape) {
+        return removeNode(shape.component.node);
+      });
+      removeNode(boundaryEventShape.component.node);
+    });
+  }
+}
+function removeOutgoingAndIncomingRefsToFlow(node) {
+  if (node.isBpmnType(bpmnType, config_bpmnType)) {
+    return;
+  }
+
+  /* Modify source and target refs to remove incoming and outgoing properties pointing to this link */
+  var _node$definition = node.definition,
+    sourceRef = _node$definition.sourceRef,
+    targetRef = _node$definition.targetRef;
+  if (sourceRef) {
+    (0,external_lodash_.pull)(sourceRef.get('outgoing'), node.definition);
+  }
+
+  /* If targetRef is defined, it could be a point or another element.
+   * If targetRef has an id, that means it's an element and the reference to it
+   * can be safely removed. */
+  if (targetRef && targetRef.id) {
+    (0,external_lodash_.pull)(targetRef.get('incoming'), node.definition);
+  }
+}
+function removeSourceDefault(node) {
+  var defaultId = (0,external_lodash_.get)(node, 'definition.sourceRef.default.id', null);
+  if (defaultId && defaultId === node.id) {
+    // unset this node as the source's default
+    node.definition.sourceRef.set('default', null);
+  }
+}
+function getOrFindDataInput(moddle, task, sourceNode) {
+  if (sourceNode.$type !== 'bpmn:DataObjectReference' && sourceNode.$type !== 'bpmn:DataStoreReference') {
+    throw 'Source node must be a DataObjectReference or bpmn:DataStoreReference, got ' + sourceNode.$type;
+  }
+  var sourceNodeId = sourceNode.id;
+  var dataInputId = "data_input_".concat(sourceNodeId);
+  // Check if ioSpecification exists
+  if (!task.definition.ioSpecification) {
+    task.definition.ioSpecification = moddle.create('bpmn:InputOutputSpecification', {
+      dataInputs: [],
+      dataOutputs: [],
+      inputSets: [],
+      outputSets: []
+    });
+    task.definition.ioSpecification.$parent = task.definition;
+  }
+  // Check if dataInput exists
+  if (!task.definition.ioSpecification.dataInputs) {
+    task.definition.ioSpecification.set('dataInputs', []);
+  }
+  var dataInput = task.definition.ioSpecification.dataInputs.find(function (input) {
+    return input.id === dataInputId;
+  });
+  if (!dataInput) {
+    task.definition.ioSpecification.dataInputs.push(moddle.create('bpmn:DataInput', {
+      id: dataInputId,
+      isCollection: 'false',
+      name: sourceNode.name
+    }));
+    task.definition.ioSpecification.dataInputs[task.definition.ioSpecification.dataInputs.length - 1].$parent = task.definition.ioSpecification;
+    task.definition.ioSpecification.set('dataInputs', task.definition.ioSpecification.dataInputs);
+  }
+  dataInput = task.definition.ioSpecification.dataInputs.find(function (input) {
+    return input.id === dataInputId;
+  });
+  // Check if outputSet exists
+  if (!task.definition.ioSpecification.outputSets) {
+    task.definition.ioSpecification.set('outputSets', [moddle.create('bpmn:OutputSet', {
+      dataOutputRefs: []
+    })]);
+  }
+  var outputSet = task.definition.ioSpecification.outputSets[0];
+  if (!outputSet) {
+    task.definition.ioSpecification.set('outputSets', [moddle.create('bpmn:OutputSet', {
+      dataOutputRefs: []
+    })]);
+  }
+  outputSet = task.definition.ioSpecification.outputSets[0];
+  // Check if inputSet exists
+  if (!task.definition.ioSpecification.inputSets) {
+    task.definition.ioSpecification.set('inputSets', [moddle.create('bpmn:InputSet', {
+      dataInputRefs: []
+    })]);
+  }
+  var inputSet = task.definition.ioSpecification.inputSets[0];
+  if (!inputSet) {
+    task.definition.ioSpecification.set('inputSets', [moddle.create('bpmn:InputSet', {
+      dataInputRefs: []
+    })]);
+  }
+  inputSet = task.definition.ioSpecification.inputSets[0];
+  // Check if dataInputRef exists
+  var dataInputRef = inputSet.get('dataInputRefs').find(function (ref) {
+    return ref.id === dataInputId;
+  });
+  if (!dataInputRef) {
+    inputSet.dataInputRefs.push(dataInput);
+  }
+  return dataInput;
+}
+function findIOSpecificationOwner(ioSpec, modeler) {
+  var owner = ioSpec.$parent;
+  if (!owner) {
+    var _modeler$nodes$find;
+    return (_modeler$nodes$find = modeler.nodes.find(function (node) {
+      var _node$definition$ioSp;
+      return node.definition.ioSpecification === ioSpec || ((_node$definition$ioSp = node.definition.ioSpecification) === null || _node$definition$ioSp === void 0 ? void 0 : _node$definition$ioSp.id) === ioSpec.id;
+    })) === null || _modeler$nodes$find === void 0 ? void 0 : _modeler$nodes$find.definition;
+  }
+  return owner;
+}
+function removeDataInput(task, sourceNode) {
+  if (sourceNode.$type !== 'bpmn:DataObjectReference' && sourceNode.$type !== 'bpmn:DataStoreReference') {
+    throw 'Source node must be a DataObjectReference or bpmn:DataStoreReference, got ' + sourceNode.$type;
+  }
+  var sourceNodeId = sourceNode.id;
+  var dataInputId = "data_input_".concat(sourceNodeId);
+  // Check if ioSpecification exists
+  if (!task.definition.ioSpecification) {
+    return;
+  }
+  // Check if dataInput exists
+  if (!task.definition.ioSpecification.dataInputs) {
+    return;
+  }
+  var dataInput = task.definition.ioSpecification.dataInputs.find(function (input) {
+    return input.id === dataInputId;
+  });
+  if (!dataInput) {
+    return;
+  }
+  // remove dataInput from dataInputs
+  (0,external_lodash_.pull)(task.definition.ioSpecification.dataInputs, dataInput);
+  // Check if inputSet exists
+  if (!task.definition.ioSpecification.inputSets) {
+    return;
+  }
+  var inputSet = task.definition.ioSpecification.inputSets[0];
+  if (!inputSet) {
+    return;
+  }
+  // Check if dataInputRef exists
+  var dataInputRef = inputSet.dataInputRefs.find(function (ref) {
+    return ref.id === dataInputId;
+  });
+  if (dataInputRef) {
+    (0,external_lodash_.pull)(inputSet.dataInputRefs, dataInputRef);
+  }
+  // Remove inputSets if it is empty (without any dataInputRefs)
+  if (inputSet.dataInputRefs.length === 0) {
+    delete task.definition.ioSpecification.inputSets;
+  }
+  // Remove outputSets if it is empty (without any dataOutputRefs)
+  if (task.definition.ioSpecification.outputSets) {
+    var outputSet = task.definition.ioSpecification.outputSets[0];
+    if (outputSet && (!outputSet.dataOutputRefs || outputSet.dataOutputRefs.length === 0)) {
+      delete task.definition.ioSpecification.outputSets;
+    }
+  }
+  // Remove ioSpecification if it is empty (without outputSets and inputSets)
+  if (!task.definition.ioSpecification.inputSets && !task.definition.ioSpecification.outputSets) {
+    delete task.definition.ioSpecification;
+  }
+}
 ;// CONCATENATED MODULE: ./src/components/highlightColors.js
 var COLOR_DEFAULT = '#5096db';
 var COLOR_ERROR = '#FF0000';
@@ -32709,6 +32991,10 @@ var COLOR_COMPLETED_FILL = '#D6FFE6';
 
 
 
+
+
+
+
 
 
 
@@ -32945,7 +33231,7 @@ function isPoint(item) {
     pointerUpHandler: function pointerUpHandler() {
       var _this5 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        var targetChanged, _this5$isValid, targetNode, targetConfig, isValid;
+        var targetChanged, _this5$isValid, targetNode, targetConfig, isValid, _this5$node$diagram$w, waypoint;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -32958,7 +33244,7 @@ function isPoint(item) {
               // Check if the target shape has changed.
               targetChanged = _this5.target.id !== _this5.currentTarget.id;
               if (!targetChanged) {
-                _context2.next = 20;
+                _context2.next = 24;
                 break;
               }
               // Disable the 'onChange' event to prevent redundant processing.
@@ -32972,9 +33258,10 @@ function isPoint(item) {
                 targetConfig: targetConfig
               }); // If the flow is valid, update the target and related information.
               if (!isValid) {
-                _context2.next = 17;
+                _context2.next = 21;
                 break;
               }
+              removeOutgoingAndIncomingRefsToFlow(_this5.node);
               _this5.setTarget(_this5.currentTarget);
               _this5.target = _this5.currentTarget;
               // Optionally update definition links.
@@ -32983,21 +33270,36 @@ function isPoint(item) {
               }
               _this5.listeningToMouseleave = true;
               // Store waypoints asynchronously.
-              _context2.next = 15;
+              _context2.next = 16;
               return _this5.storeWaypoints();
-            case 15:
-              _context2.next = 18;
+            case 16:
+              waypoint = [];
+              (_this5$node$diagram$w = _this5.node.diagram.waypoint) === null || _this5$node$diagram$w === void 0 || _this5$node$diagram$w.forEach(function (point) {
+                waypoint.push({
+                  x: point.x,
+                  y: point.y
+                });
+              });
+              window.ProcessMaker.EventBus.$emit('multiplayer-updateFlows', [{
+                id: _this5.node.definition.id,
+                type: _this5.node.type,
+                name: _this5.node.definition.name,
+                waypoint: waypoint,
+                sourceRefId: _this5.node.definition.sourceRef.id,
+                targetRefId: _this5.node.definition.targetRef.id
+              }]);
+              _context2.next = 22;
               break;
-            case 17:
+            case 21:
               // If the flow is not valid, revert to the previous target.
               _this5.setTarget(_this5.target);
-            case 18:
-              _context2.next = 21;
+            case 22:
+              _context2.next = 25;
               break;
-            case 20:
+            case 24:
               // the target was not changed, set the target with the anchor offset.
               _this5.setTarget(_this5.target, _this5.getAnchorOffset());
-            case 21:
+            case 25:
             case "end":
               return _context2.stop();
           }
@@ -33308,14 +33610,14 @@ function isPoint(item) {
 var association_head_namespaceObject = __webpack_require__.p + "img/association-head.0b14da7b.svg";
 ;// CONCATENATED MODULE: ./src/components/nodes/association/associationConfig.js
 var associationConfig_id = 'processmaker-modeler-association';
-var bpmnType = 'bpmn:Association';
+var associationConfig_bpmnType = 'bpmn:Association';
 var direction = {
   none: 'None',
   one: 'One',
   both: 'Both'
 };
-function definition(moddle) {
-  return moddle.create(bpmnType, {
+function associationConfig_definition(moddle) {
+  return moddle.create(associationConfig_bpmnType, {
     associationDirection: direction.none,
     targetRef: {
       x: undefined,
@@ -33758,288 +34060,6 @@ var deleteButtonvue_type_template_id_59648d83_render = function render() {
 };
 var deleteButtonvue_type_template_id_59648d83_staticRenderFns = [];
 
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(50467);
-var external_lodash_default = /*#__PURE__*/__webpack_require__.n(external_lodash_);
-;// CONCATENATED MODULE: ./src/components/nodes/dataOutputAssociation/config.js
-var config_id = 'processmaker-modeler-data-output-association';
-var config_bpmnType = 'bpmn:DataOutputAssociation';
-function config_definition(moddle) {
-  return moddle.create('bpmn:DataOutputAssociation', {
-    targetRef: {
-      x: undefined,
-      y: undefined
-    }
-  });
-}
-function config_diagram(moddle) {
-  return moddle.create('bpmndi:BPMNEdge');
-}
-;// CONCATENATED MODULE: ./src/components/nodes/dataInputAssociation/config.js
-var dataInputAssociation_config_id = 'processmaker-modeler-data-input-association';
-var dataInputAssociation_config_bpmnType = 'bpmn:DataInputAssociation';
-function dataInputAssociation_config_definition(moddle) {
-  return moddle.create('bpmn:DataInputAssociation', {
-    targetRef: {
-      x: undefined,
-      y: undefined
-    }
-  });
-}
-function dataInputAssociation_config_diagram(moddle) {
-  return moddle.create('bpmndi:BPMNEdge');
-}
-;// CONCATENATED MODULE: ./src/components/crown/utils.js
-
-
-
-
-
-
-
-
-
-function removeFlows(graph, shape) {
-  var _this = this;
-  var linkShapes = graph.getConnectedLinks(shape);
-  linkShapes.forEach(function (shape) {
-    return _this.$emit('remove-node', shape.component.node);
-  });
-}
-
-// Remove the incoming and outgoing flows of a node
-function removeNodeFlows(node, modeler) {
-  if (node.definition.incoming) {
-    node.definition.incoming.forEach(function (flow) {
-      var node = modeler.nodes.find(function (node) {
-        return node.definition === flow;
-      });
-      modeler.removeNode(node);
-    });
-  }
-  if (node.definition.outgoing) {
-    node.definition.outgoing.forEach(function (flow) {
-      var node = modeler.nodes.find(function (node) {
-        return node.definition === flow;
-      });
-      modeler.removeNode(node);
-    });
-  }
-}
-// Remove the associations of a node
-function removeNodeMessageFlows(node, modeler) {
-  var linkedMessages = modeler.nodes.filter(function (n) {
-    if (n.definition.sourceRef) {
-      if (n.definition.sourceRef === node.definition) {
-        return true;
-      }
-    }
-    if (n.definition.targetRef) {
-      if (n.definition.targetRef === node.definition) {
-        return true;
-      }
-    }
-  });
-  linkedMessages.forEach(function (messageFlow) {
-    modeler.removeNode(messageFlow);
-  });
-}
-// Remove the associations of a node
-function removeNodeAssociations(node, modeler) {
-  var linkedAssociations = modeler.nodes.filter(function (n) {
-    if (n.definition.sourceRef) {
-      if (n.definition.sourceRef === node.definition) {
-        return true;
-      }
-    }
-    if (n.definition.targetRef) {
-      if (n.definition.targetRef === node.definition) {
-        return true;
-      }
-    }
-  });
-  linkedAssociations.forEach(function (association) {
-    modeler.removeNode(association);
-  });
-}
-function removeBoundaryEvents(graph, node, removeNode) {
-  var nodeShape = graph.getCells().find(function (el) {
-    return el.component && el.component.node === node;
-  });
-  if (nodeShape) {
-    nodeShape.getEmbeddedCells({
-      deep: true
-    }).filter(function (cell) {
-      return cell.component && cell.component.node.isBpmnType('bpmn:BoundaryEvent');
-    }).forEach(function (boundaryEventShape) {
-      graph.getConnectedLinks(boundaryEventShape).forEach(function (shape) {
-        return removeNode(shape.component.node);
-      });
-      removeNode(boundaryEventShape.component.node);
-    });
-  }
-}
-function removeOutgoingAndIncomingRefsToFlow(node) {
-  if (node.isBpmnType(config_bpmnType, dataInputAssociation_config_bpmnType)) {
-    return;
-  }
-
-  /* Modify source and target refs to remove incoming and outgoing properties pointing to this link */
-  var _node$definition = node.definition,
-    sourceRef = _node$definition.sourceRef,
-    targetRef = _node$definition.targetRef;
-  if (sourceRef) {
-    (0,external_lodash_.pull)(sourceRef.get('outgoing'), node.definition);
-  }
-
-  /* If targetRef is defined, it could be a point or another element.
-   * If targetRef has an id, that means it's an element and the reference to it
-   * can be safely removed. */
-  if (targetRef && targetRef.id) {
-    (0,external_lodash_.pull)(targetRef.get('incoming'), node.definition);
-  }
-}
-function removeSourceDefault(node) {
-  var defaultId = (0,external_lodash_.get)(node, 'definition.sourceRef.default.id', null);
-  if (defaultId && defaultId === node.id) {
-    // unset this node as the source's default
-    node.definition.sourceRef.set('default', null);
-  }
-}
-function getOrFindDataInput(moddle, task, sourceNode) {
-  if (sourceNode.$type !== 'bpmn:DataObjectReference' && sourceNode.$type !== 'bpmn:DataStoreReference') {
-    throw 'Source node must be a DataObjectReference or bpmn:DataStoreReference, got ' + sourceNode.$type;
-  }
-  var sourceNodeId = sourceNode.id;
-  var dataInputId = "data_input_".concat(sourceNodeId);
-  // Check if ioSpecification exists
-  if (!task.definition.ioSpecification) {
-    task.definition.ioSpecification = moddle.create('bpmn:InputOutputSpecification', {
-      dataInputs: [],
-      dataOutputs: [],
-      inputSets: [],
-      outputSets: []
-    });
-    task.definition.ioSpecification.$parent = task.definition;
-  }
-  // Check if dataInput exists
-  if (!task.definition.ioSpecification.dataInputs) {
-    task.definition.ioSpecification.set('dataInputs', []);
-  }
-  var dataInput = task.definition.ioSpecification.dataInputs.find(function (input) {
-    return input.id === dataInputId;
-  });
-  if (!dataInput) {
-    task.definition.ioSpecification.dataInputs.push(moddle.create('bpmn:DataInput', {
-      id: dataInputId,
-      isCollection: 'false',
-      name: sourceNode.name
-    }));
-    task.definition.ioSpecification.dataInputs[task.definition.ioSpecification.dataInputs.length - 1].$parent = task.definition.ioSpecification;
-    task.definition.ioSpecification.set('dataInputs', task.definition.ioSpecification.dataInputs);
-  }
-  dataInput = task.definition.ioSpecification.dataInputs.find(function (input) {
-    return input.id === dataInputId;
-  });
-  // Check if outputSet exists
-  if (!task.definition.ioSpecification.outputSets) {
-    task.definition.ioSpecification.set('outputSets', [moddle.create('bpmn:OutputSet', {
-      dataOutputRefs: []
-    })]);
-  }
-  var outputSet = task.definition.ioSpecification.outputSets[0];
-  if (!outputSet) {
-    task.definition.ioSpecification.set('outputSets', [moddle.create('bpmn:OutputSet', {
-      dataOutputRefs: []
-    })]);
-  }
-  outputSet = task.definition.ioSpecification.outputSets[0];
-  // Check if inputSet exists
-  if (!task.definition.ioSpecification.inputSets) {
-    task.definition.ioSpecification.set('inputSets', [moddle.create('bpmn:InputSet', {
-      dataInputRefs: []
-    })]);
-  }
-  var inputSet = task.definition.ioSpecification.inputSets[0];
-  if (!inputSet) {
-    task.definition.ioSpecification.set('inputSets', [moddle.create('bpmn:InputSet', {
-      dataInputRefs: []
-    })]);
-  }
-  inputSet = task.definition.ioSpecification.inputSets[0];
-  // Check if dataInputRef exists
-  var dataInputRef = inputSet.get('dataInputRefs').find(function (ref) {
-    return ref.id === dataInputId;
-  });
-  if (!dataInputRef) {
-    inputSet.dataInputRefs.push(dataInput);
-  }
-  return dataInput;
-}
-function findIOSpecificationOwner(ioSpec, modeler) {
-  var owner = ioSpec.$parent;
-  if (!owner) {
-    var _modeler$nodes$find;
-    return (_modeler$nodes$find = modeler.nodes.find(function (node) {
-      var _node$definition$ioSp;
-      return node.definition.ioSpecification === ioSpec || ((_node$definition$ioSp = node.definition.ioSpecification) === null || _node$definition$ioSp === void 0 ? void 0 : _node$definition$ioSp.id) === ioSpec.id;
-    })) === null || _modeler$nodes$find === void 0 ? void 0 : _modeler$nodes$find.definition;
-  }
-  return owner;
-}
-function removeDataInput(task, sourceNode) {
-  if (sourceNode.$type !== 'bpmn:DataObjectReference' && sourceNode.$type !== 'bpmn:DataStoreReference') {
-    throw 'Source node must be a DataObjectReference or bpmn:DataStoreReference, got ' + sourceNode.$type;
-  }
-  var sourceNodeId = sourceNode.id;
-  var dataInputId = "data_input_".concat(sourceNodeId);
-  // Check if ioSpecification exists
-  if (!task.definition.ioSpecification) {
-    return;
-  }
-  // Check if dataInput exists
-  if (!task.definition.ioSpecification.dataInputs) {
-    return;
-  }
-  var dataInput = task.definition.ioSpecification.dataInputs.find(function (input) {
-    return input.id === dataInputId;
-  });
-  if (!dataInput) {
-    return;
-  }
-  // remove dataInput from dataInputs
-  (0,external_lodash_.pull)(task.definition.ioSpecification.dataInputs, dataInput);
-  // Check if inputSet exists
-  if (!task.definition.ioSpecification.inputSets) {
-    return;
-  }
-  var inputSet = task.definition.ioSpecification.inputSets[0];
-  if (!inputSet) {
-    return;
-  }
-  // Check if dataInputRef exists
-  var dataInputRef = inputSet.dataInputRefs.find(function (ref) {
-    return ref.id === dataInputId;
-  });
-  if (dataInputRef) {
-    (0,external_lodash_.pull)(inputSet.dataInputRefs, dataInputRef);
-  }
-  // Remove inputSets if it is empty (without any dataInputRefs)
-  if (inputSet.dataInputRefs.length === 0) {
-    delete task.definition.ioSpecification.inputSets;
-  }
-  // Remove outputSets if it is empty (without any dataOutputRefs)
-  if (task.definition.ioSpecification.outputSets) {
-    var outputSet = task.definition.ioSpecification.outputSets[0];
-    if (outputSet && (!outputSet.dataOutputRefs || outputSet.dataOutputRefs.length === 0)) {
-      delete task.definition.ioSpecification.outputSets;
-    }
-  }
-  // Remove ioSpecification if it is empty (without outputSets and inputSets)
-  if (!task.definition.ioSpecification.inputSets && !task.definition.ioSpecification.outputSets) {
-    delete task.definition.ioSpecification;
-  }
-}
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/crown/crownButtons/deleteButton.vue?vue&type=script&lang=js&
 
 
@@ -37191,7 +37211,7 @@ var AssociationFlow = /*#__PURE__*/function () {
     value: function makeFlowNode(sourceShape, targetShape, waypoint) {
       var _this = this;
       var diagram = associationConfig_diagram(this.moddle);
-      var associationFlow = definition(this.moddle);
+      var associationFlow = associationConfig_definition(this.moddle);
       associationFlow.set('sourceRef', sourceShape.component.node.definition);
       associationFlow.set('targetRef', targetShape.component.node.definition);
       diagram.waypoint = waypoint.map(function (point) {
@@ -37214,9 +37234,9 @@ var AssociationFlow = /*#__PURE__*/function () {
 /* harmony default export */ var nodes_association = ({
   id: associationConfig_id,
   component: association,
-  bpmnType: bpmnType,
+  bpmnType: associationConfig_bpmnType,
   control: false,
-  definition: definition,
+  definition: associationConfig_definition,
   diagram: associationConfig_diagram,
   inspectorConfig: [{
     name: 'Data Association',
@@ -48556,10 +48576,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=6560a0bb&
+;// 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=0eb1d90b&
 
 
-var Modelervue_type_template_id_6560a0bb_render = function render() {
+var Modelervue_type_template_id_0eb1d90b_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -48851,9 +48871,9 @@ var Modelervue_type_template_id_6560a0bb_render = function render() {
     });
   })], 2)], 1);
 };
-var Modelervue_type_template_id_6560a0bb_staticRenderFns = [];
+var Modelervue_type_template_id_0eb1d90b_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=6560a0bb&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=0eb1d90b&
 
 ;// 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=728530a2&
 var boundaryEventvue_type_template_id_728530a2_render = function render() {
@@ -54464,7 +54484,7 @@ var ToolBar_component = normalizeComponent(
 
 function addNodeToProcess(node, targetProcess) {
   var ignoredNodes = function ignoredNodes(node) {
-    return node.isBpmnType('bpmn:MessageFlow', config_bpmnType, dataInputAssociation_config_bpmnType) || node.isType('processmaker-modeler-pool');
+    return node.isBpmnType('bpmn:MessageFlow', bpmnType, config_bpmnType) || node.isType('processmaker-modeler-pool');
   };
   if (ignoredNodes(node)) {
     return;
@@ -55795,8 +55815,8 @@ var ALLOWED_ALTERNATE_TYPES = ['processmaker-modeler-task', 'processmaker-modele
     }
   }
 });
-;// 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/railBottom/RailBottom.vue?vue&type=template&id=2a9e260d&scoped=true&
-var RailBottomvue_type_template_id_2a9e260d_scoped_true_render = function render() {
+;// 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/railBottom/RailBottom.vue?vue&type=template&id=1acea7b8&scoped=true&
+var RailBottomvue_type_template_id_1acea7b8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -55826,6 +55846,12 @@ var RailBottomvue_type_template_id_2a9e260d_scoped_true_render = function render
       "paper-manager": _vm.paperManager
     }
   }), _c('PanControl', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.showComponent,
+      expression: "showComponent"
+    }],
     attrs: {
       "pan-mode": _vm.panMode
     },
@@ -55877,7 +55903,7 @@ var RailBottomvue_type_template_id_2a9e260d_scoped_true_render = function render
     }
   })], 1)]);
 };
-var RailBottomvue_type_template_id_2a9e260d_scoped_true_staticRenderFns = [];
+var RailBottomvue_type_template_id_1acea7b8_scoped_true_staticRenderFns = [];
 
 ;// 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/railBottom/miniPaperControl/MiniPaperControl.vue?vue&type=template&id=c47d089c&scoped=true&
 var MiniPaperControlvue_type_template_id_c47d089c_scoped_true_render = function render() {
@@ -56983,9 +57009,9 @@ var Controls_component = normalizeComponent(
 });
 ;// CONCATENATED MODULE: ./src/components/railBottom/RailBottom.vue?vue&type=script&lang=js&
  /* harmony default export */ var railBottom_RailBottomvue_type_script_lang_js_ = (RailBottomvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./src/components/railBottom/railBottom.scss?vue&type=style&index=0&id=2a9e260d&prod&lang=scss&scoped=true&
-var railBottomvue_type_style_index_0_id_2a9e260d_prod_lang_scss_scoped_true_ = __webpack_require__(11186);
-;// CONCATENATED MODULE: ./src/components/railBottom/railBottom.scss?vue&type=style&index=0&id=2a9e260d&prod&lang=scss&scoped=true&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./src/components/railBottom/railBottom.scss?vue&type=style&index=0&id=1acea7b8&prod&lang=scss&scoped=true&
+var railBottomvue_type_style_index_0_id_1acea7b8_prod_lang_scss_scoped_true_ = __webpack_require__(42565);
+;// CONCATENATED MODULE: ./src/components/railBottom/railBottom.scss?vue&type=style&index=0&id=1acea7b8&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/components/railBottom/RailBottom.vue
 
@@ -56998,11 +57024,11 @@ var railBottomvue_type_style_index_0_id_2a9e260d_prod_lang_scss_scoped_true_ = _
 
 var RailBottom_component = normalizeComponent(
   railBottom_RailBottomvue_type_script_lang_js_,
-  RailBottomvue_type_template_id_2a9e260d_scoped_true_render,
-  RailBottomvue_type_template_id_2a9e260d_scoped_true_staticRenderFns,
+  RailBottomvue_type_template_id_1acea7b8_scoped_true_render,
+  RailBottomvue_type_template_id_1acea7b8_scoped_true_staticRenderFns,
   false,
   null,
-  "2a9e260d",
+  "1acea7b8",
   null
   
 )
@@ -57055,7 +57081,7 @@ var DataOutputAssociation = /*#__PURE__*/function (_DataAssociation) {
     value: function makeFlowNode(sourceShape, targetShape, waypoint) {
       var _this = this;
       var diagram = config_diagram(this.moddle);
-      var dataOutputAssociation = config_definition(this.moddle);
+      var dataOutputAssociation = definition(this.moddle);
       dataOutputAssociation.set('sourceRef', sourceShape.component.node.definition);
       dataOutputAssociation.set('targetRef', targetShape.component.node.definition);
       diagram.waypoint = waypoint.map(function (point) {
@@ -78141,6 +78167,7 @@ var ColorUtil = /*#__PURE__*/function () {
 
 
 
+
 
 
 var _nodeIdGenerator = /*#__PURE__*/new WeakMap();
@@ -79091,6 +79118,7 @@ var Multiplayer = /*#__PURE__*/function () {
       var remount = false;
       var flow = this.getNodeById(data.id);
       if (flow && data.sourceRefId) {
+        removeOutgoingAndIncomingRefsToFlow(flow);
         var sourceRef = this.getNodeById(data.sourceRefId);
         var outgoing = sourceRef.definition.get('outgoing').find(function (element) {
           return element.id === flow.definition.id;
@@ -81595,6 +81623,7 @@ var Multiplayer = /*#__PURE__*/function () {
         localStorage.promptSessionId = response.data.promptSessionId;
       }).catch(function (error) {
         var _error$response;
+        console.log('error');
         var errorMsg = ((_error$response = error.response) === null || _error$response === void 0 || (_error$response = _error$response.data) === null || _error$response === void 0 ? void 0 : _error$response.message) || error.message;
         _this47.loading = false;
         if (error.response.status === 404) {
@@ -81672,7 +81701,7 @@ var Multiplayer = /*#__PURE__*/function () {
     subscribeToProgress: function subscribeToProgress() {
       var _window$ProcessMaker9,
         _this49 = this;
-      var channel = "ProcessMaker.Models.User.".concat((_window$ProcessMaker9 = window.ProcessMaker) === null || _window$ProcessMaker9 === void 0 || (_window$ProcessMaker9 = _window$ProcessMaker9.modeler) === null || _window$ProcessMaker9 === void 0 || (_window$ProcessMaker9 = _window$ProcessMaker9.process) === null || _window$ProcessMaker9 === void 0 ? void 0 : _window$ProcessMaker9.user_id);
+      var channel = "ProcessMaker.Models.User.".concat((_window$ProcessMaker9 = window.ProcessMaker) === null || _window$ProcessMaker9 === void 0 || (_window$ProcessMaker9 = _window$ProcessMaker9.user) === null || _window$ProcessMaker9 === void 0 ? void 0 : _window$ProcessMaker9.id);
       var streamProgressEvent = '.ProcessMaker\\Package\\PackageAi\\Events\\GenerateArtifactsProgressEvent';
       if (!window.Echo) {
         return;
@@ -81717,7 +81746,7 @@ var Multiplayer = /*#__PURE__*/function () {
     subscribeToGenerationCompleted: function subscribeToGenerationCompleted() {
       var _window$ProcessMaker10,
         _this50 = this;
-      var channel = "ProcessMaker.Models.User.".concat((_window$ProcessMaker10 = window.ProcessMaker) === null || _window$ProcessMaker10 === void 0 || (_window$ProcessMaker10 = _window$ProcessMaker10.modeler) === null || _window$ProcessMaker10 === void 0 || (_window$ProcessMaker10 = _window$ProcessMaker10.process) === null || _window$ProcessMaker10 === void 0 ? void 0 : _window$ProcessMaker10.user_id);
+      var channel = "ProcessMaker.Models.User.".concat((_window$ProcessMaker10 = window.ProcessMaker) === null || _window$ProcessMaker10 === void 0 || (_window$ProcessMaker10 = _window$ProcessMaker10.user) === null || _window$ProcessMaker10 === void 0 ? void 0 : _window$ProcessMaker10.id);
       var streamCompletedEvent = '.ProcessMaker\\Package\\PackageAi\\Events\\GenerateArtifactsCompletedEvent';
       window.Echo.private(channel).listen(streamCompletedEvent, function (response) {
         if (response.data) {
@@ -81729,7 +81758,7 @@ var Multiplayer = /*#__PURE__*/function () {
     subscribeToErrors: function subscribeToErrors() {
       var _window$ProcessMaker11,
         _this51 = this;
-      var channel = "ProcessMaker.Models.User.".concat((_window$ProcessMaker11 = window.ProcessMaker) === null || _window$ProcessMaker11 === void 0 || (_window$ProcessMaker11 = _window$ProcessMaker11.modeler) === null || _window$ProcessMaker11 === void 0 || (_window$ProcessMaker11 = _window$ProcessMaker11.process) === null || _window$ProcessMaker11 === void 0 ? void 0 : _window$ProcessMaker11.user_id);
+      var channel = "ProcessMaker.Models.User.".concat((_window$ProcessMaker11 = window.ProcessMaker) === null || _window$ProcessMaker11 === void 0 || (_window$ProcessMaker11 = _window$ProcessMaker11.user) === null || _window$ProcessMaker11 === void 0 ? void 0 : _window$ProcessMaker11.id);
       var streamProgressEvent = '.ProcessMaker\\Package\\PackageAi\\Events\\GenerateArtifactsErrorEvent';
       window.Echo.private(channel).listen(streamProgressEvent, function () {
         // Output error
@@ -81841,8 +81870,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_6560a0bb_render,
-  Modelervue_type_template_id_6560a0bb_staticRenderFns,
+  Modelervue_type_template_id_0eb1d90b_render,
+  Modelervue_type_template_id_0eb1d90b_staticRenderFns,
   false,
   null,
   null,
@@ -82184,7 +82213,7 @@ var DataInputAssociation = /*#__PURE__*/function () {
     value: function makeFlowNode(sourceShape, targetShape, waypoint) {
       var _this = this;
       var diagram = dataInputAssociation_config_diagram(this.moddle);
-      var associationFlow = dataInputAssociation_config_definition(this.moddle);
+      var associationFlow = config_definition(this.moddle);
 
       // When saving the BPMN, if this is not an array the sourceRef is not stored
       var dataInput = getOrFindDataInput(this.moddle, targetShape.component.node, sourceShape.component.node.definition);