@processmaker/modeler 1.39.7 → 1.39.8

package/dist/modeler.umd.js

@@ -23662,7 +23662,7 @@ __webpack_require__.d(config_namespaceObject, {
   bpmnType: function() { return bpmnType; },
   definition: function() { return definition; },
   diagram: function() { return config_diagram; },
-  id: function() { return id; }
+  id: function() { return config_id; }
 });
 
 // NAMESPACE OBJECT: ./src/components/nodes/dataInputAssociation/config.js
@@ -23672,7 +23672,7 @@ __webpack_require__.d(dataInputAssociation_config_namespaceObject, {
   bpmnType: function() { return config_bpmnType; },
   definition: function() { return config_definition; },
   diagram: function() { return diagram; },
-  id: function() { return config_id; }
+  id: function() { return dataInputAssociation_config_id; }
 });
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
@@ -28152,7 +28152,7 @@ var deleteButtonvue_type_template_id_59648d83_staticRenderFns = [];
 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 id = 'processmaker-modeler-data-output-association';
+var config_id = 'processmaker-modeler-data-output-association';
 var bpmnType = 'bpmn:DataOutputAssociation';
 function definition(moddle) {
   return moddle.create('bpmn:DataOutputAssociation', {
@@ -28166,7 +28166,7 @@ function config_diagram(moddle) {
   return moddle.create('bpmndi:BPMNEdge');
 }
 ;// CONCATENATED MODULE: ./src/components/nodes/dataInputAssociation/config.js
-var config_id = 'processmaker-modeler-data-input-association';
+var dataInputAssociation_config_id = 'processmaker-modeler-data-input-association';
 var config_bpmnType = 'bpmn:DataInputAssociation';
 function config_definition(moddle) {
   return moddle.create('bpmn:DataInputAssociation', {
@@ -28743,12 +28743,12 @@ var Node = /*#__PURE__*/function () {
     }
   }, {
     key: "setIds",
-    value: function setIds(nodeIdGenerator) {
+    value: function setIds(nodeIdGenerator, id) {
       var _this = this;
-      var _nodeIdGenerator$gene = nodeIdGenerator.generate(),
-        _nodeIdGenerator$gene2 = _slicedToArray(_nodeIdGenerator$gene, 2),
-        nodeId = _nodeIdGenerator$gene2[0],
-        diagramId = _nodeIdGenerator$gene2[1];
+      var _ref = id ? [id + '_di'] : nodeIdGenerator.generate(),
+        _ref2 = _slicedToArray(_ref, 2),
+        nodeId = _ref2[0],
+        diagramId = _ref2[1];
       if (!this.id) {
         this.id = nodeId;
       }
@@ -28898,8 +28898,8 @@ var Node = /*#__PURE__*/function () {
     key: "getTargetProcess",
     value: function getTargetProcess(processes, processNode) {
       var _this4 = this;
-      return this.pool ? processes.find(function (_ref) {
-        var id = _ref.id;
+      return this.pool ? processes.find(function (_ref3) {
+        var id = _ref3.id;
         return id === _this4.pool.component.node.definition.get('processRef').id;
       }) : processNode.definition;
     }
@@ -29326,7 +29326,7 @@ function _createSuper(Derived) {
   };
 }
 ;// CONCATENATED MODULE: ./src/components/nodes/pool/config.js
-var pool_config_id = 'processmaker-modeler-pool';
+var id = 'processmaker-modeler-pool';
 ;// CONCATENATED MODULE: ./src/components/nodes/genericFlow/Flow.js
 
 
@@ -29416,7 +29416,7 @@ var Flow = /*#__PURE__*/function () {
     key: "shapeIsPool",
     value: function shapeIsPool(shape) {
       var shapeType = get_default()(shape, 'component.node.type');
-      return shapeType === pool_config_id;
+      return shapeType === id;
     }
   }]);
   return Flow;
@@ -39257,18 +39257,18 @@ var NodeIdGenerator = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _generateDefinitionId, {
       writable: true,
       value: function value() {
-        var _NodeIdGenerator$coun, _NodeIdGenerator$coun2;
+        var _NodeIdGenerator$coun3, _NodeIdGenerator$coun4;
         var id = NodeIdGenerator.prefix + _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _counter);
-        _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _counter, (_NodeIdGenerator$coun = _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _counter), _NodeIdGenerator$coun2 = _NodeIdGenerator$coun++, _NodeIdGenerator$coun)), _NodeIdGenerator$coun2;
+        _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _counter, (_NodeIdGenerator$coun3 = _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _counter), _NodeIdGenerator$coun4 = _NodeIdGenerator$coun3++, _NodeIdGenerator$coun3)), _NodeIdGenerator$coun4;
         return id;
       }
     });
     _classPrivateFieldInitSpec(this, _generateDiagramId, {
       writable: true,
       value: function value() {
-        var _NodeIdGenerator$diag, _NodeIdGenerator$diag2;
+        var _NodeIdGenerator$diag3, _NodeIdGenerator$diag4;
         var id = NodeIdGenerator.prefix + _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _diagramCounter) + '_di';
-        _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _diagramCounter, (_NodeIdGenerator$diag = _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _diagramCounter), _NodeIdGenerator$diag2 = _NodeIdGenerator$diag++, _NodeIdGenerator$diag)), _NodeIdGenerator$diag2;
+        _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _diagramCounter, (_NodeIdGenerator$diag3 = _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _diagramCounter), _NodeIdGenerator$diag4 = _NodeIdGenerator$diag3++, _NodeIdGenerator$diag3)), _NodeIdGenerator$diag4;
         return id;
       }
     });
@@ -39349,6 +39349,18 @@ var NodeIdGenerator = /*#__PURE__*/function () {
       this.refreshLastIdCounter();
       return _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _counter);
     }
+  }, {
+    key: "getDefinitionNumber",
+    value: function getDefinitionNumber() {
+      return _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _counter);
+    }
+  }, {
+    key: "updateCounters",
+    value: function updateCounters() {
+      var _NodeIdGenerator$coun, _NodeIdGenerator$coun2, _NodeIdGenerator$diag, _NodeIdGenerator$diag2;
+      _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _counter, (_NodeIdGenerator$coun = _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _counter), _NodeIdGenerator$coun2 = _NodeIdGenerator$coun++, _NodeIdGenerator$coun)), _NodeIdGenerator$coun2;
+      _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _diagramCounter, (_NodeIdGenerator$diag = _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _diagramCounter), _NodeIdGenerator$diag2 = _NodeIdGenerator$diag++, _NodeIdGenerator$diag)), _NodeIdGenerator$diag2;
+    }
   }, {
     key: "refreshLastDiagramIdCounter",
     value: function refreshLastDiagramIdCounter() {
@@ -42456,7 +42468,7 @@ var pool_component = normalizeComponent(
 
 
 /* harmony default export */ var nodes_pool = ({
-  id: pool_config_id,
+  id: id,
   component: pool,
   bpmnType: 'bpmn:Participant',
   control: true,
@@ -42723,11 +42735,11 @@ 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=785a1a64&
+;// 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=10fee576&
 
 
 
-var Modelervue_type_template_id_785a1a64_render = function render() {
+var Modelervue_type_template_id_10fee576_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -42954,9 +42966,9 @@ var Modelervue_type_template_id_785a1a64_render = function render() {
     });
   })], 2);
 };
-var Modelervue_type_template_id_785a1a64_staticRenderFns = [];
+var Modelervue_type_template_id_10fee576_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=785a1a64&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=10fee576&
 
 ;// 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() {
@@ -45525,11 +45537,11 @@ function isTextAnnotation(bpmnType) {
 function getPoolUnderPosition(clientX, clientY, paper, graph) {
   return graph.findModelsFromPoint(getLocalMousePosition(clientX, clientY, paper)).find(function (_ref) {
     var component = _ref.component;
-    return component && component.node.type === pool_config_id;
+    return component && component.node.type === id;
   });
 }
 function isDroppingPool(controlType) {
-  return controlType === pool_config_id;
+  return controlType === id;
 }
 function noPoolsOnTheGrid(collaboration) {
   return !collaboration || collaboration.get('participants').length === 0;
@@ -46365,7 +46377,7 @@ function getElementPool(shape) {
   return shape.component.node.pool;
 }
 function isPool(shape) {
-  return shape.component.node.type === pool_config_id;
+  return shape.component.node.type === id;
 }
 ;// 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/toolbar/ToolBar.vue?vue&type=template&id=a14390d2&
 var ToolBarvue_type_template_id_a14390d2_render = function render() {
@@ -46927,9 +46939,9 @@ var ValidatePanel_component = normalizeComponent(
 
 
 
-;// 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/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=cfdfca9e&
+;// 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/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=2504b8f1&
 
-var MultiplayerViewUsersvue_type_template_id_cfdfca9e_render = function render() {
+var MultiplayerViewUsersvue_type_template_id_2504b8f1_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('b-avatar-group', {
@@ -46945,9 +46957,9 @@ var MultiplayerViewUsersvue_type_template_id_cfdfca9e_render = function render()
     })];
   })], 2);
 };
-var MultiplayerViewUsersvue_type_template_id_cfdfca9e_staticRenderFns = [];
+var MultiplayerViewUsersvue_type_template_id_2504b8f1_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=cfdfca9e&
+;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=2504b8f1&
 
 ;// 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/topRail/multiplayerViewUsers/avatar/Avatar.vue?vue&type=template&id=1c50a604&scoped=true&
 var Avatarvue_type_template_id_1c50a604_scoped_true_render = function render() {
@@ -47145,8 +47157,8 @@ var Avatar_component = normalizeComponent(
 ;
 var MultiplayerViewUsers_component = normalizeComponent(
   multiplayerViewUsers_MultiplayerViewUsersvue_type_script_lang_js_,
-  MultiplayerViewUsersvue_type_template_id_cfdfca9e_render,
-  MultiplayerViewUsersvue_type_template_id_cfdfca9e_staticRenderFns,
+  MultiplayerViewUsersvue_type_template_id_2504b8f1_render,
+  MultiplayerViewUsersvue_type_template_id_2504b8f1_staticRenderFns,
   false,
   null,
   null,
@@ -48168,8 +48180,8 @@ var validTasks = ['bpmn:ServiceTask', 'bpmn:ManualTask', 'bpmn:CallActivity', 'b
       var nodes = this.highlightedNodes;
       var selector = this.$refs.selector.$el;
       var flowNodeTypes = [sequenceFlow_id, poolLane_config_id, association_id, messageFlow_config_id, genericFlow_config_id];
-      var dataInputAssociationNodeTypes = [config_id];
-      var dataOutputAssociationNodeTypes = [id];
+      var dataInputAssociationNodeTypes = [dataInputAssociation_config_id];
+      var dataOutputAssociationNodeTypes = [config_id];
       if (typeof selector.getBoundingClientRect === 'function') {
         nodes.forEach(function (node) {
           if (flowNodeTypes.includes(node.type)) {
@@ -49452,7 +49464,7 @@ var DataOutputAssociation = /*#__PURE__*/function (_DataAssociation) {
       diagram.waypoint = [start, end].map(function (point) {
         return _this.moddle.create('dc:Point', point);
       });
-      var node = new Node(id, dataOutputAssociation, diagram);
+      var node = new Node(config_id, dataOutputAssociation, diagram);
       node.dataAssociationProps = {
         sourceShape: sourceShape,
         targetCoords: {
@@ -50627,7 +50639,7 @@ var crownMultiselect_component = normalizeComponent(
   computed: {
     hasPoolsOrLanesSelected: function hasPoolsOrLanesSelected() {
       return this.selected.some(function (view) {
-        return view.model.component.node.type === pool_config_id || view.model.component.node.type === poolLane_config_id;
+        return view.model.component.node.type === id || view.model.component.node.type === poolLane_config_id;
       });
     }
   },
@@ -50729,14 +50741,14 @@ var crownMultiselect_component = normalizeComponent(
       }
       // validate if there is a lane previously selected
       var pool = this.selected.find(function (shape) {
-        return shape.model.component.node.type === pool_config_id;
+        return shape.model.component.node.type === id;
       });
-      if (pool && view.model.component.node.type !== pool_config_id) {
+      if (pool && view.model.component.node.type !== id) {
         this.selected = [view];
         return;
       }
       // validate if the current selection is a pool
-      if (view.model.component && view.model.component.node.type === pool_config_id) {
+      if (view.model.component && view.model.component.node.type === id) {
         //validate if previous selection are all pools
         if (this.hasOnlyPools(this.selected)) {
           this.selectOrUnselectShape(view);
@@ -50918,7 +50930,7 @@ var crownMultiselect_component = normalizeComponent(
       shapes.forEach(function (shape) {
         var conectedLinks = _this4.graph.getConnectedLinks(shape.model);
         // if the shape is a container
-        if (shape.model.component && shape.model.component.node.type === pool_config_id) {
+        if (shape.model.component && shape.model.component.node.type === id) {
           var area = shape.model.getBBox();
           var linksInArea = paper.model.getLinks().filter(function (link) {
             var sourcePosition = link.getSourcePoint();
@@ -51022,7 +51034,7 @@ var crownMultiselect_component = normalizeComponent(
      * Filter the selected elements
      */
     filterSelected: function filterSelected() {
-      var flowTypes = [sequenceFlow_id, id, config_id, association_id, messageFlow_config_id];
+      var flowTypes = [sequenceFlow_id, config_id, dataInputAssociation_config_id, association_id, messageFlow_config_id];
       // Get the selected pools IDs
       var selectedPoolsIds = this.selected.filter(function (shape) {
         return shape.model.component;
@@ -51081,7 +51093,7 @@ var crownMultiselect_component = normalizeComponent(
      */
     hasOnlyPools: function hasOnlyPools(selected) {
       var shapes = this.selected.filter(function (shape) {
-        return shape.model.component && shape.model.component.node.type === pool_config_id;
+        return shape.model.component && shape.model.component.node.type === id;
       });
       return shapes && selected.length === shapes.length;
     },
@@ -51298,7 +51310,7 @@ var crownMultiselect_component = normalizeComponent(
           if (pool) {
             return;
           }
-          if (model.getParentCell() && model.getParentCell().component.node.type === pool_config_id) {
+          if (model.getParentCell() && model.getParentCell().component.node.type === id) {
             pool = model.getParentCell();
           }
         });
@@ -51314,11 +51326,11 @@ var crownMultiselect_component = normalizeComponent(
       if (elements.length > 0) {
         var poolInSelection = elements.find(function (_ref2) {
           var model = _ref2.model;
-          return model.component && model.component.node.type === pool_config_id;
+          return model.component && model.component.node.type === id;
         });
         var elementInAPool = elements.find(function (_ref3) {
           var model = _ref3.model;
-          return model.getParentCell() && model.getParentCell().component.node.type === pool_config_id;
+          return model.getParentCell() && model.getParentCell().component.node.type === id;
         });
         return !!poolInSelection || !elementInAPool;
       }
@@ -51334,7 +51346,7 @@ var crownMultiselect_component = normalizeComponent(
       var currentPool = this.getPool(this.selected);
       var elementsUnderDivArea = this.getShapesFromPoint(event);
       var pool = elementsUnderDivArea.find(function (item) {
-        return item.model.component && item.model.component.node.type === pool_config_id;
+        return item.model.component && item.model.component.node.type === id;
       });
       this.newPool = null;
       this.oldPool = null;
@@ -51455,7 +51467,7 @@ var crownMultiselect_component = normalizeComponent(
         var pool = selected.find(function (_ref4) {
           var model = _ref4.model;
           if (model.getParentCell()) {
-            return model.getParentCell().component.node.type === pool_config_id;
+            return model.getParentCell().component.node.type === id;
           }
           return false;
         }).model.getParentCell();
@@ -51525,7 +51537,7 @@ var crownMultiselect_component = normalizeComponent(
       var pool = selected.find(function (_ref5) {
         var model = _ref5.model;
         if (model.getParentCell()) {
-          return model.getParentCell().component.node.type === pool_config_id;
+          return model.getParentCell().component.node.type === id;
         }
         return false;
       });
@@ -51827,7 +51839,9 @@ var RemoteCursor_component = normalizeComponent(
       dragStart: null,
       players: [],
       showInspectorButton: true,
-      inspectorButtonRight: 65
+      inspectorButtonRight: 65,
+      multiplayer: null,
+      isMultiplayer: false
     };
   },
   watch: {
@@ -51966,7 +51980,7 @@ var RemoteCursor_component = normalizeComponent(
     },
     copyElement: function copyElement() {
       // Checking if User selected a single flow and tries to copy it, to deny it.
-      var flows = [sequenceFlow_id, id, config_id, genericFlow_config_id, process_id];
+      var flows = [sequenceFlow_id, config_id, dataInputAssociation_config_id, genericFlow_config_id, process_id];
       var boundaryEvents = [boundaryErrorEvent_id, boundaryConditionalEvent_id, boundaryEscalationEvent_id, boundaryMessageEvent_id, boundarySignalEvent_id, boundaryTimerEvent_id];
       if (this.highlightedNodes.length === 1 && (flows.includes(this.highlightedNodes[0].type) || boundaryEvents.includes(this.highlightedNodes[0].type))) return;
       store.commit('setCopiedElements', this.cloneNodesSelection());
@@ -52752,25 +52766,42 @@ var RemoteCursor_component = normalizeComponent(
         control: control
       });
     },
-    handleDrop: function handleDrop(_ref6) {
-      var _this26 = this;
+    handleDrop: function handleDrop(data) {
+      var clientX = data.clientX,
+        clientY = data.clientY,
+        control = data.control;
+      if (this.isMultiplayer) {
+        window.ProcessMaker.EventBus.$emit('multiplayer-addNode', {
+          clientX: clientX,
+          clientY: clientY,
+          control: control,
+          id: "node_".concat(this.nodeIdGenerator.getDefinitionNumber())
+        });
+      } else {
+        this.handleDropProcedure(data);
+      }
+    },
+    handleDropProcedure: function handleDropProcedure(data) {
+      var _arguments3 = arguments,
+        _this26 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
-        var clientX, clientY, control, nodeThatWillBeReplaced, definition, diagram, _this26$paperManager$, x, y, newNode, nodeMigrator;
+        var selected, clientX, clientY, control, nodeThatWillBeReplaced, id, 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;
+              selected = _arguments3.length > 1 && _arguments3[1] !== undefined ? _arguments3[1] : true;
+              clientX = data.clientX, clientY = data.clientY, control = data.control, nodeThatWillBeReplaced = data.nodeThatWillBeReplaced, id = data.id;
               _this26.validateDropTarget({
                 clientX: clientX,
                 clientY: clientY,
                 control: control
               });
               if (_this26.allowDrop) {
-                _context13.next = 4;
+                _context13.next = 5;
                 break;
               }
               return _context13.abrupt("return");
-            case 4:
+            case 5:
               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;
@@ -52780,20 +52811,22 @@ var RemoteCursor_component = normalizeComponent(
               if (newNode.isBpmnType('bpmn:BoundaryEvent')) {
                 _this26.setShapeCenterUnderCursor(diagram);
               }
-              _this26.highlightNode(newNode);
-              _context13.next = 14;
-              return _this26.addNode(newNode);
-            case 14:
+              if (selected) {
+                _this26.highlightNode(newNode);
+              }
+              _context13.next = 15;
+              return _this26.addNode(newNode, id, selected);
+            case 15:
               if (nodeThatWillBeReplaced) {
-                _context13.next = 16;
+                _context13.next = 17;
                 break;
               }
               return _context13.abrupt("return");
-            case 16:
+            case 17:
               nodeMigrator = new NodeMigrator(nodeThatWillBeReplaced, definition, _this26.graph, newNode, _this26.processes, _this26.collaboration);
               nodeMigrator.migrate();
               return _context13.abrupt("return", newNode);
-            case 19:
+            case 20:
             case "end":
               return _context13.stop();
           }
@@ -52831,38 +52864,43 @@ var RemoteCursor_component = normalizeComponent(
       }))();
     },
     addNode: function addNode(node) {
-      var _this28 = this;
+      var _arguments4 = arguments,
+        _this28 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
-        var targetProcess;
+        var id, selected, targetProcess;
         return _regeneratorRuntime().wrap(function _callee15$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
             case 0:
+              id = _arguments4.length > 1 && _arguments4[1] !== undefined ? _arguments4[1] : null;
+              selected = _arguments4.length > 2 && _arguments4[2] !== undefined ? _arguments4[2] : true;
               if (!node.pool) {
                 node.pool = _this28.poolTarget;
               }
               targetProcess = node.getTargetProcess(_this28.processes, _this28.processNode);
               addNodeToProcess(node, targetProcess);
-              node.setIds(_this28.nodeIdGenerator);
+              node.setIds(_this28.nodeIdGenerator, id);
               _this28.planeElements.push(node.diagram);
               store.commit('addNode', node);
               _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)) {
-                _context15.next = 9;
+              if (![sequenceFlow_id, poolLane_config_id, association_id, messageFlow_config_id, config_id, dataInputAssociation_config_id, genericFlow_config_id].includes(node.type)) {
+                _context15.next = 11;
                 break;
               }
               return _context15.abrupt("return");
-            case 9:
-              // Select the node after it has been added to the store (does not apply to flows)
-              _this28.selectNewNode(node);
+            case 11:
+              if (selected) {
+                // Select the node after it has been added to the store (does not apply to flows)
+                _this28.selectNewNode(node);
+              }
               return _context15.abrupt("return", new Promise(function (resolve) {
                 setTimeout(function () {
                   _this28.pushToUndoStack();
                   resolve();
                 });
               }));
-            case 11:
+            case 13:
             case "end":
               return _context15.stop();
           }
@@ -52893,14 +52931,14 @@ var RemoteCursor_component = normalizeComponent(
       }))();
     },
     removeNode: function removeNode(node) {
-      var _arguments3 = arguments,
+      var _arguments5 = arguments,
         _this30 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
-        var _ref7, _ref7$removeRelations, removeRelationships;
+        var _ref6, _ref6$removeRelations, removeRelationships;
         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;
+              _ref6 = _arguments5.length > 1 && _arguments5[1] !== undefined ? _arguments5[1] : {}, _ref6$removeRelations = _ref6.removeRelationships, removeRelationships = _ref6$removeRelations === void 0 ? true : _ref6$removeRelations;
               if (node) {
                 _context17.next = 3;
                 break;
@@ -52986,10 +53024,10 @@ var RemoteCursor_component = normalizeComponent(
         }, _callee20);
       }))();
     },
-    replaceNode: function replaceNode(_ref10) {
+    replaceNode: function replaceNode(_ref9) {
       var _this32 = this;
-      var node = _ref10.node,
-        typeToReplaceWith = _ref10.typeToReplaceWith;
+      var node = _ref9.node,
+        typeToReplaceWith = _ref9.typeToReplaceWith;
       this.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
         return _regeneratorRuntime().wrap(function _callee22$(_context22) {
           while (1) switch (_context22.prev = _context22.next) {
@@ -53002,7 +53040,7 @@ var RemoteCursor_component = normalizeComponent(
                     case 0:
                       _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({
+                      return _this32.handleDropProcedure({
                         clientX: clientX,
                         clientY: clientY,
                         control: {
@@ -53032,11 +53070,11 @@ var RemoteCursor_component = normalizeComponent(
         }, _callee22);
       })));
     },
-    replaceGenericFlow: function replaceGenericFlow(_ref13) {
+    replaceGenericFlow: function replaceGenericFlow(_ref12) {
       var _this33 = this;
-      var actualFlow = _ref13.actualFlow,
-        genericFlow = _ref13.genericFlow,
-        targetNode = _ref13.targetNode;
+      var actualFlow = _ref12.actualFlow,
+        genericFlow = _ref12.genericFlow,
+        targetNode = _ref12.targetNode;
       this.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee24() {
         return _regeneratorRuntime().wrap(function _callee24$(_context24) {
           while (1) switch (_context24.prev = _context24.next) {
@@ -53149,10 +53187,10 @@ var RemoteCursor_component = normalizeComponent(
       this.parentHeight = clientHeight + 'px';
       this.paperManager.setPaperDimensions(clientWidth, clientHeight);
     },
-    validateDropTarget: function validateDropTarget(_ref16) {
-      var clientX = _ref16.clientX,
-        clientY = _ref16.clientY,
-        control = _ref16.control;
+    validateDropTarget: function validateDropTarget(_ref15) {
+      var clientX = _ref15.clientX,
+        clientY = _ref15.clientY,
+        control = _ref15.control;
       var _getValidationPropert = getValidationProperties(clientX, clientY, control, this.paperManager.paper, this.graph, this.collaboration, this.$refs['paper-container']),
         allowDrop = _getValidationPropert.allowDrop,
         poolTarget = _getValidationPropert.poolTarget;
@@ -53312,6 +53350,9 @@ var RemoteCursor_component = normalizeComponent(
       this.isDragging = false;
       this.dragStart = null;
       this.isSelecting = false;
+    },
+    enableMultiplayer: function enableMultiplayer() {
+      this.isMultiplayer = true;
     }
   },
   created: function created() {
@@ -53379,8 +53420,8 @@ var RemoteCursor_component = normalizeComponent(
       _this38.isOverShape = false;
       _this38.pointerDownHandler(event);
     }, this);
-    this.paperManager.addEventHandler('cell:mouseover element:mouseover', function (_ref17) {
-      var shape = _ref17.model;
+    this.paperManager.addEventHandler('cell:mouseover element:mouseover', function (_ref16) {
+      var shape = _ref16.model;
       if (_this38.isBpmnNode(shape) && shape.attr('body/cursor') !== 'default' && !_this38.isGrabbing) {
         shape.attr('body/cursor', 'move');
       }
@@ -53416,8 +53457,8 @@ var RemoteCursor_component = normalizeComponent(
         clickHandler(cellView, evt, x, y);
       }
     });
-    this.paperManager.addEventHandler('cell:pointerclick', function (_ref18, event) {
-      var shape = _ref18.model;
+    this.paperManager.addEventHandler('cell:pointerclick', function (_ref17, event) {
+      var shape = _ref17.model;
       if (!_this38.isBpmnNode(shape)) {
         return;
       }
@@ -53430,8 +53471,8 @@ var RemoteCursor_component = normalizeComponent(
         node: _this38.highlightedNode.definition
       });
     });
-    this.paperManager.addEventHandler('cell:pointerdown', function (_ref19, event) {
-      var shape = _ref19.model;
+    this.paperManager.addEventHandler('cell:pointerdown', function (_ref18, event) {
+      var shape = _ref18.model;
       if (!_this38.isBpmnNode(shape)) {
         return;
       }
@@ -53476,6 +53517,13 @@ var RemoteCursor_component = normalizeComponent(
                 _context27.next = 4;
                 return undoRedoStore.dispatch('pushState', xml);
               case 4:
+                if (_this38.isMultiplayer) {
+                  window.ProcessMaker.EventBus.$emit('multiplayer-start', {
+                    modeler: _this38,
+                    callback: _this38.enableMultiplayer
+                  });
+                }
+              case 5:
               case "end":
                 return _context27.stop();
             }
@@ -53512,8 +53560,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_785a1a64_render,
-  Modelervue_type_template_id_785a1a64_staticRenderFns,
+  Modelervue_type_template_id_10fee576_render,
+  Modelervue_type_template_id_10fee576_staticRenderFns,
   false,
   null,
   null,