@processmaker/modeler 1.39.18 → 1.39.20

package/dist/modeler.common.js

@@ -12818,7 +12818,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".weekday[data-v-4ae18478]{padding:.75e
 
 /***/ }),
 
-/***/ 67587:
+/***/ 19262:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12832,7 +12832,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, ".box[data-v-1d953204]{border:1px solid #5faaee;position:absolute;pointer-events:none}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".box[data-v-4045da65]{border:1px solid #5faaee;position:absolute;pointer-events:none}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -12990,7 +12990,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".crown-button[data-v-09d8a8ac]{border:
 
 /***/ }),
 
-/***/ 9551:
+/***/ 58469:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13009,7 +13009,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require
 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()));
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".color-list[data-v-2c87b6c6]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);grid-auto-flow:column;grid-gap:.5rem;padding:.5rem}.color-list>.color-button[data-v-2c87b6c6]{background:#fff;width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid #fff;position:relative}.color-picker[data-v-2c87b6c6]{position:absolute;right:40px;top:calc(100% - 36px)}.toggle-picker[data-v-2c87b6c6]{background:50%/cover no-repeat url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ")!important}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".color-list[data-v-76ef27c6]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);grid-auto-flow:column;grid-gap:.5rem;padding:.5rem}.color-list>.color-button[data-v-76ef27c6]{background:#fff;width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid #fff;position:relative}.color-picker[data-v-76ef27c6]{position:absolute;right:40px;top:calc(100% - 36px)}.toggle-picker[data-v-76ef27c6]{background:50%/cover no-repeat url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ")!important}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -26431,19 +26431,19 @@ var update = add("406dc84a", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 73717:
+/***/ 27903:
 /***/ (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__(67587);
+var content = __webpack_require__(19262);
 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("1654890f", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("78adf176", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -26543,19 +26543,19 @@ var update = add("c508a614", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 34545:
+/***/ 99246:
 /***/ (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__(9551);
+var content = __webpack_require__(58469);
 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("568cb7ef", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("6b092a64", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -28259,8 +28259,8 @@ __webpack_require__.d(__webpack_exports__, {
 var config_namespaceObject = {};
 __webpack_require__.r(config_namespaceObject);
 __webpack_require__.d(config_namespaceObject, {
-  bpmnType: function() { return bpmnType; },
-  definition: function() { return definition; },
+  bpmnType: function() { return config_bpmnType; },
+  definition: function() { return config_definition; },
   diagram: function() { return config_diagram; },
   id: function() { return config_id; }
 });
@@ -28269,9 +28269,9 @@ __webpack_require__.d(config_namespaceObject, {
 var dataInputAssociation_config_namespaceObject = {};
 __webpack_require__.r(dataInputAssociation_config_namespaceObject);
 __webpack_require__.d(dataInputAssociation_config_namespaceObject, {
-  bpmnType: function() { return config_bpmnType; },
-  definition: function() { return config_definition; },
-  diagram: function() { return diagram; },
+  bpmnType: function() { return dataInputAssociation_config_bpmnType; },
+  definition: function() { return dataInputAssociation_config_definition; },
+  diagram: function() { return dataInputAssociation_config_diagram; },
   id: function() { return dataInputAssociation_config_id; }
 });
 
@@ -28310,41 +28310,6 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/association/association.vue?vue&type=template&id=4ea32ce6&
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('crown-config', _vm._g({
-    attrs: {
-      "highlighted": _vm.highlighted,
-      "paper": _vm.paper,
-      "graph": _vm.graph,
-      "shape": _vm.shape,
-      "node": _vm.node,
-      "nodeRegistry": _vm.nodeRegistry,
-      "moddle": _vm.moddle,
-      "collaboration": _vm.collaboration,
-      "process-node": _vm.processNode,
-      "plane-elements": _vm.planeElements,
-      "is-rendering": _vm.isRendering
-    }
-  }, _vm.$listeners));
-};
-var staticRenderFns = [];
-
-;// CONCATENATED MODULE: external "jointjs"
-var external_jointjs_namespaceObject = require("jointjs");
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
 var es_symbol = __webpack_require__(82526);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.description.js
@@ -28359,60 +28324,6 @@ var es_array_iterator = __webpack_require__(66992);
 var es_string_iterator = __webpack_require__(78783);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.iterator.js
 var web_dom_collections_iterator = __webpack_require__(33948);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.from.js
-var es_array_from = __webpack_require__(91038);
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/iterableToArray.js
-
-
-
-
-
-
-
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.slice.js
-var es_array_slice = __webpack_require__(47042);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
-var es_function_name = __webpack_require__(68309);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
-var es_regexp_exec = __webpack_require__(74916);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.test.js
-var es_regexp_test = __webpack_require__(77601);
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
-
-
-
-
-
-
-
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.error.cause.js
-var es_error_cause = __webpack_require__(21703);
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
-
-
-
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.async-iterator.js
 var es_symbol_async_iterator = __webpack_require__(72443);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.to-string-tag.js
@@ -28423,16 +28334,22 @@ var es_json_to_string_tag = __webpack_require__(73706);
 var es_math_to_string_tag = __webpack_require__(10408);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-prototype-of.js
 var es_object_get_prototype_of = __webpack_require__(30489);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.error.cause.js
+var es_error_cause = __webpack_require__(21703);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(57658);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
 var web_dom_collections_for_each = __webpack_require__(54747);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
+var es_function_name = __webpack_require__(68309);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.set-prototype-of.js
 var es_object_set_prototype_of = __webpack_require__(68304);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.proto.js
 var es_object_proto = __webpack_require__(67987);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.js
 var es_promise = __webpack_require__(88674);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.slice.js
+var es_array_slice = __webpack_require__(47042);
 ;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/typeof.js
 
 
@@ -28809,14 +28726,454 @@ function _asyncToGenerator(fn) {
     });
   };
 }
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classCallCheck.js
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.to-primitive.js
+var es_symbol_to_primitive = __webpack_require__(96649);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.date.to-primitive.js
+var es_date_to_primitive = __webpack_require__(96078);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
+var es_number_constructor = __webpack_require__(9653);
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+
+
+
+
+
+
+
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/createClass.js
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+  }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js
+
+function _checkPrivateRedeclaration(obj, privateCollection) {
+  if (privateCollection.has(obj)) {
+    throw new TypeError("Cannot initialize the same private elements twice on an object");
+  }
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js
+
+function _classPrivateFieldInitSpec(obj, privateMap, value) {
+  _checkPrivateRedeclaration(obj, privateMap);
+  privateMap.set(obj, value);
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/defineProperty.js
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classApplyDescriptorGet.js
+function _classApplyDescriptorGet(receiver, descriptor) {
+  if (descriptor.get) {
+    return descriptor.get.call(receiver);
+  }
+  return descriptor.value;
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classExtractFieldDescriptor.js
+
+function _classExtractFieldDescriptor(receiver, privateMap, action) {
+  if (!privateMap.has(receiver)) {
+    throw new TypeError("attempted to " + action + " private field on non-instance");
+  }
+  return privateMap.get(receiver);
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet.js
+
+
+function _classPrivateFieldGet(receiver, privateMap) {
+  var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get");
+  return _classApplyDescriptorGet(receiver, descriptor);
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classCheckPrivateStaticAccess.js
+
+function _classCheckPrivateStaticAccess(receiver, classConstructor) {
+  if (receiver !== classConstructor) {
+    throw new TypeError("Private static access of wrong provenance");
+  }
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classCheckPrivateStaticFieldDescriptor.js
+
+function _classCheckPrivateStaticFieldDescriptor(descriptor, action) {
+  if (descriptor === undefined) {
+    throw new TypeError("attempted to " + action + " private static field before its declaration");
+  }
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classStaticPrivateFieldSpecGet.js
+
+
+
+function _classStaticPrivateFieldSpecGet(receiver, classConstructor, descriptor) {
+  _classCheckPrivateStaticAccess(receiver, classConstructor);
+  _classCheckPrivateStaticFieldDescriptor(descriptor, "get");
+  return _classApplyDescriptorGet(receiver, descriptor);
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classApplyDescriptorSet.js
+
+function _classApplyDescriptorSet(receiver, descriptor, value) {
+  if (descriptor.set) {
+    descriptor.set.call(receiver, value);
+  } else {
+    if (!descriptor.writable) {
+      throw new TypeError("attempted to set read only private field");
+    }
+    descriptor.value = value;
+  }
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classStaticPrivateFieldSpecSet.js
+
+
+
+function _classStaticPrivateFieldSpecSet(receiver, classConstructor, descriptor, value) {
+  _classCheckPrivateStaticAccess(receiver, classConstructor);
+  _classCheckPrivateStaticFieldDescriptor(descriptor, "set");
+  _classApplyDescriptorSet(receiver, descriptor, value);
+  return value;
+}
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find.js
 var es_array_find = __webpack_require__(69826);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
-var es_array_map = __webpack_require__(21249);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-names.js
+var es_object_get_own_property_names = __webpack_require__(36210);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
+var es_regexp_exec = __webpack_require__(74916);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.match.js
+var es_string_match = __webpack_require__(4723);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.constructor.js
+var es_regexp_constructor = __webpack_require__(24603);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.dot-all.js
+var es_regexp_dot_all = __webpack_require__(28450);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.sticky.js
+var es_regexp_sticky = __webpack_require__(88386);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
+var es_regexp_to_string = __webpack_require__(39714);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.weak-map.js
+var es_weak_map = __webpack_require__(4129);
+;// CONCATENATED MODULE: ./src/NodeIdGenerator.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _generateDefinitionId = /*#__PURE__*/new WeakMap();
+var _generateDiagramId = /*#__PURE__*/new WeakMap();
+var _generateProcessId = /*#__PURE__*/new WeakMap();
+var NodeIdGenerator = /*#__PURE__*/function () {
+  function NodeIdGenerator(definitions) {
+    _classCallCheck(this, NodeIdGenerator);
+    _classPrivateFieldInitSpec(this, _generateDefinitionId, {
+      writable: true,
+      value: function value() {
+        var _NodeIdGenerator$coun3, _NodeIdGenerator$coun4;
+        var id = NodeIdGenerator.prefix + _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _counter);
+        _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$diag3, _NodeIdGenerator$diag4;
+        var id = NodeIdGenerator.prefix + _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _diagramCounter) + '_di';
+        _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _diagramCounter, (_NodeIdGenerator$diag3 = _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _diagramCounter), _NodeIdGenerator$diag4 = _NodeIdGenerator$diag3++, _NodeIdGenerator$diag3)), _NodeIdGenerator$diag4;
+        return id;
+      }
+    });
+    _classPrivateFieldInitSpec(this, _generateProcessId, {
+      writable: true,
+      value: function value() {
+        var _NodeIdGenerator$proc, _NodeIdGenerator$proc2;
+        var id = NodeIdGenerator.processPrefix + _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _processCounter);
+        _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _processCounter, (_NodeIdGenerator$proc = _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _processCounter), _NodeIdGenerator$proc2 = _NodeIdGenerator$proc++, _NodeIdGenerator$proc)), _NodeIdGenerator$proc2;
+        return id;
+      }
+    });
+    this.definitions = definitions;
+    this.refreshLastIdCounter();
+    this.refreshLastDiagramIdCounter();
+    this.refreshLastProcessIdCounter();
+  }
+  _createClass(NodeIdGenerator, [{
+    key: "findById",
+    value: function findById(id) {
+      var _this = this;
+      var root = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.definitions.rootElements;
+      var walked = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+      if (walked.indexOf(root) > -1) return;
+      var found;
+      if (root instanceof Array) {
+        walked.push(root);
+        root.find(function (item) {
+          return found = _this.findById(id, item, walked);
+        });
+      } else if (root instanceof Object && root.$type) {
+        walked.push(root);
+        if (root.id === id) return root;
+        Object.getOwnPropertyNames(root).find(function (key) {
+          return found = !(root[key] instanceof Function) && key.substring(0, 1) !== '$' && _this.findById(id, root[key], walked);
+        });
+      }
+      return found;
+    }
+  }, {
+    key: "matchIds",
+    value: function matchIds(idRegex, root) {
+      var _this2 = this;
+      var walked = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+      var lastIdCounter = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+      if (walked.indexOf(root) > -1) return lastIdCounter;
+      if (root instanceof Array) {
+        walked.push(root);
+        root.forEach(function (item) {
+          return lastIdCounter = _this2.matchIds(idRegex, item, walked, lastIdCounter);
+        });
+      } else if (root instanceof Object) {
+        walked.push(root);
+        if (root.id) {
+          var match = String(root.id).match(idRegex);
+          var idCounter = match ? parseInt(match[1]) : 0;
+          if (idCounter > lastIdCounter) {
+            lastIdCounter = idCounter;
+          }
+        }
+        Object.getOwnPropertyNames(root).forEach(function (key) {
+          if (!(root[key] instanceof Function) && key.substring(0, 1) !== '$') {
+            lastIdCounter = _this2.matchIds(idRegex, root[key], walked, lastIdCounter);
+          }
+        });
+      }
+      return lastIdCounter;
+    }
+  }, {
+    key: "refreshLastIdCounter",
+    value: function refreshLastIdCounter() {
+      var lastIdCounter = this.matchIds(new RegExp("^".concat(NodeIdGenerator.prefix, "(\\d+)$")), this.definitions.rootElements);
+      _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _counter, lastIdCounter + 1);
+    }
+  }, {
+    key: "getCounter",
+    value: function getCounter() {
+      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() {
+      var lastIdCounter = this.matchIds(new RegExp("^".concat(NodeIdGenerator.prefix, "(\\d+)_di$")), this.definitions.diagrams);
+      _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _diagramCounter, lastIdCounter + 1);
+    }
+  }, {
+    key: "refreshLastProcessIdCounter",
+    value: function refreshLastProcessIdCounter() {
+      var lastIdCounter = this.matchIds(new RegExp("^".concat(NodeIdGenerator.processPrefix, "(\\d+)$")), this.definitions.rootElements);
+      _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _processCounter, lastIdCounter + 1);
+    }
+  }, {
+    key: "generate",
+    value: function generate() {
+      var definitionId = _classPrivateFieldGet(this, _generateDefinitionId).call(this);
+      var diagramId = _classPrivateFieldGet(this, _generateDiagramId).call(this);
+      return [definitionId, diagramId];
+    }
+  }, {
+    key: "generateProcessId",
+    value: function generateProcessId() {
+      return _classPrivateFieldGet(this, _generateProcessId).call(this);
+    }
+  }]);
+  return NodeIdGenerator;
+}(); // Singleton instance
+_defineProperty(NodeIdGenerator, "prefix", 'node_');
+_defineProperty(NodeIdGenerator, "processPrefix", 'Process_');
+var _counter = {
+  writable: true,
+  value: 1
+};
+var _diagramCounter = {
+  writable: true,
+  value: 1
+};
+var _processCounter = {
+  writable: true,
+  value: 1
+};
+
+var singleton = null;
+function getNodeIdGenerator(definitions) {
+  if (!singleton) {
+    singleton = new NodeIdGenerator(definitions);
+  }
+  return singleton;
+}
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/association/association.vue?vue&type=template&id=4ea32ce6&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('crown-config', _vm._g({
+    attrs: {
+      "highlighted": _vm.highlighted,
+      "paper": _vm.paper,
+      "graph": _vm.graph,
+      "shape": _vm.shape,
+      "node": _vm.node,
+      "nodeRegistry": _vm.nodeRegistry,
+      "moddle": _vm.moddle,
+      "collaboration": _vm.collaboration,
+      "process-node": _vm.processNode,
+      "plane-elements": _vm.planeElements,
+      "is-rendering": _vm.isRendering
+    }
+  }, _vm.$listeners));
+};
+var staticRenderFns = [];
+
+;// CONCATENATED MODULE: external "jointjs"
+var external_jointjs_namespaceObject = require("jointjs");
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.from.js
+var es_array_from = __webpack_require__(91038);
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+
+
+
+
+
+
+
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.test.js
+var es_regexp_test = __webpack_require__(77601);
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+
+
+
+
+
+
+
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+
+
+
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
 var es_array_concat = __webpack_require__(92222);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/web.url.to-json.js
+var web_url_to_json = __webpack_require__(83753);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
+var es_array_map = __webpack_require__(21249);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
 var es_array_sort = __webpack_require__(2707);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
+var es_array_includes = __webpack_require__(26699);
 // EXTERNAL MODULE: ./node_modules/lodash/get.js
 var get = __webpack_require__(27361);
 var get_default = /*#__PURE__*/__webpack_require__.n(get);
@@ -30099,54 +30456,6 @@ function getDefaultIconColor(node) {
 var es_object_values = __webpack_require__(26833);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.filter.js
 var es_array_filter = __webpack_require__(57327);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.to-primitive.js
-var es_symbol_to_primitive = __webpack_require__(96649);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.date.to-primitive.js
-var es_date_to_primitive = __webpack_require__(96078);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
-var es_number_constructor = __webpack_require__(9653);
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-
-
-
-
-
-
-
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/defineProperty.js
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
 ;// CONCATENATED MODULE: ./src/mixins/portsConfig.js
 
 
@@ -30443,8 +30752,6 @@ function _slicedToArray(arr, i) {
 var es_object_has_own = __webpack_require__(46314);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.entries.js
 var es_object_entries = __webpack_require__(69720);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
-var es_array_includes = __webpack_require__(26699);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.includes.js
 var es_string_includes = __webpack_require__(32023);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.splice.js
@@ -31902,6 +32209,8 @@ var COLOR_COMPLETED_FILL = '#D6FFE6';
 
 
 
+
+
 var endpoints = {
   source: 'source',
   target: 'target'
@@ -31913,6 +32222,7 @@ function isPoint(item) {
   props: ['highlighted', 'paper', 'paperManager', 'isCompleted', 'isIdle'],
   data: function data() {
     return {
+      linkView: null,
       sourceShape: null,
       target: null,
       listeningToMouseup: false,
@@ -32068,20 +32378,37 @@ function isPoint(item) {
     storeWaypoints: function storeWaypoints() {
       var _this4 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var nodeType, sourceRefId, targetRefId, changes;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (!(_this4.highlighted && !_this4.listeningToMouseleave)) {
-                _context.next = 6;
+                _context.next = 7;
                 break;
               }
               _this4.updateWaypoints();
               _context.next = 4;
               return _this4.$nextTick();
             case 4:
+              if (_this4.$parent.isMultiplayer && _this4.linkView) {
+                // update waypoints in multiplayer mode
+                nodeType = _this4.linkView.model.component.node.type;
+                sourceRefId = _this4.linkView.sourceView.model.component.node.definition.id;
+                targetRefId = _this4.linkView.targetView.model.component.node.definition.id;
+                changes = [{
+                  id: _this4.linkView.model.component.node.definition.id,
+                  properties: {
+                    type: nodeType,
+                    waypoint: [_this4.linkView.sourceAnchor.toJSON()].concat(_toConsumableArray(_this4.shape.vertices()), [_this4.linkView.targetAnchor.toJSON()]),
+                    sourceRefId: sourceRefId,
+                    targetRefId: targetRefId
+                  }
+                }];
+                window.ProcessMaker.EventBus.$emit('multiplayer-updateNodes', changes);
+              }
               _this4.listeningToMouseleave = true;
               _this4.$emit('save-state');
-            case 6:
+            case 7:
             case "end":
               return _context.stop();
           }
@@ -32100,8 +32427,8 @@ function isPoint(item) {
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              if (!(options && options.ui)) {
-                _context2.next = 7;
+              if (!(options !== null && options !== void 0 && options.ui)) {
+                _context2.next = 8;
                 break;
               }
               _context2.next = 3;
@@ -32110,9 +32437,10 @@ function isPoint(item) {
               _context2.next = 5;
               return _this5.waitForUpdateWaypoints();
             case 5:
-              _context2.next = 7;
+              _this5.listeningToMouseleave = false;
+              _context2.next = 8;
               return _this5.storeWaypoints();
-            case 7:
+            case 8:
             case "end":
               return _context2.stop();
           }
@@ -32125,7 +32453,7 @@ function isPoint(item) {
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              if (!(options && options.ui)) {
+              if (!(options !== null && options !== void 0 && options.ui)) {
                 _context3.next = 6;
                 break;
               }
@@ -32144,9 +32472,9 @@ function isPoint(item) {
     },
     updateWaypoints: function updateWaypoints() {
       var _this7 = this;
-      var linkView = this.shape.findView(this.paper);
-      var start = linkView.sourceAnchor;
-      var end = linkView.targetAnchor;
+      this.linkView = this.shape.findView(this.paper);
+      var start = this.linkView.sourceAnchor;
+      var end = this.linkView.targetAnchor;
       this.node.diagram.waypoint = [start].concat(_toConsumableArray(this.shape.vertices()), [end]).map(function (point) {
         return _this7.moddle.create('dc:Point', point);
       });
@@ -32191,6 +32519,9 @@ function isPoint(item) {
         if (_this8.updateDefinitionLinks) {
           _this8.updateDefinitionLinks();
         }
+        if (_this8.linkView && ['processmaker-modeler-association', 'processmaker-modeler-data-input-association'].includes(_this8.shape.component.node.type)) {
+          _this8.$parent.multiplayerHook(_this8.shape.component.node, false);
+        }
         _this8.$emit('save-state');
       });
       this.shape.listenToOnce(this.paper, 'cell:mouseleave', function () {
@@ -32347,11 +32678,25 @@ function isPoint(item) {
 ;// CONCATENATED MODULE: ./src/assets/association-head.svg
 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 direction = {
   none: 'None',
   one: 'One',
   both: 'Both'
 };
+function definition(moddle) {
+  return moddle.create(bpmnType, {
+    associationDirection: direction.none,
+    targetRef: {
+      x: undefined,
+      y: undefined
+    }
+  });
+}
+function associationConfig_diagram(moddle) {
+  return moddle.create('bpmndi:BPMNEdge');
+}
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/crown/crownConfig/crownConfig.vue?vue&type=template&id=1e4b9bf1&
 var crownConfigvue_type_template_id_1e4b9bf1_render = function render() {
   var _vm = this,
@@ -32764,8 +33109,8 @@ var external_lodash_ = __webpack_require__(24793);
 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) {
+var config_bpmnType = 'bpmn:DataOutputAssociation';
+function config_definition(moddle) {
   return moddle.create('bpmn:DataOutputAssociation', {
     targetRef: {
       x: undefined,
@@ -32778,8 +33123,8 @@ function config_diagram(moddle) {
 }
 ;// 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) {
+var dataInputAssociation_config_bpmnType = 'bpmn:DataInputAssociation';
+function dataInputAssociation_config_definition(moddle) {
   return moddle.create('bpmn:DataInputAssociation', {
     targetRef: {
       x: undefined,
@@ -32787,7 +33132,7 @@ function config_definition(moddle) {
     }
   });
 }
-function diagram(moddle) {
+function dataInputAssociation_config_diagram(moddle) {
   return moddle.create('bpmndi:BPMNEdge');
 }
 ;// CONCATENATED MODULE: ./src/components/crown/utils.js
@@ -32881,7 +33226,7 @@ function removeBoundaryEvents(graph, node, removeNode) {
   }
 }
 function removeOutgoingAndIncomingRefsToFlow(node) {
-  if (node.isBpmnType(bpmnType, config_bpmnType)) {
+  if (node.isBpmnType(config_bpmnType, dataInputAssociation_config_bpmnType)) {
     return;
   }
 
@@ -33188,32 +33533,6 @@ function _objectSpread2(target) {
   }
   return target;
 }
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classCallCheck.js
-
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/createClass.js
-
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.replace.js
 var es_string_replace = __webpack_require__(15306);
 ;// CONCATENATED MODULE: ./src/components/nodes/baseStartEvent/defaultNames.js
@@ -34667,9 +34986,9 @@ var crownBoundaryEventDropdown_component = normalizeComponent(
 )
 
 /* harmony default export */ var crownBoundaryEventDropdown = (crownBoundaryEventDropdown_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=2c87b6c6&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=76ef27c6&scoped=true&
 
-var crownColorDropdownvue_type_template_id_2c87b6c6_scoped_true_render = function render() {
+var crownColorDropdownvue_type_template_id_76ef27c6_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return !_vm.hide ? _c('div', {
@@ -34796,9 +35115,9 @@ var crownColorDropdownvue_type_template_id_2c87b6c6_scoped_true_render = functio
     }
   })], 1)])], 1) : _vm._e();
 };
-var crownColorDropdownvue_type_template_id_2c87b6c6_scoped_true_staticRenderFns = [];
+var crownColorDropdownvue_type_template_id_76ef27c6_scoped_true_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=2c87b6c6&scoped=true&
+;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=76ef27c6&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.btoa.js
 var web_btoa = __webpack_require__(27479);
@@ -35467,6 +35786,19 @@ var free_solid_svg_icons_namespaceObject = require("@fortawesome/free-solid-svg-
       });
       external_vue_default().set(this.node.definition, 'color', color);
       this.$emit('save-state');
+      var properties = {
+        id: this.node.definition.id,
+        properties: {
+          color: this.node.definition.color,
+          x: this.node.diagram.bounds.x,
+          y: this.node.diagram.bounds.y,
+          height: this.node.diagram.bounds.height,
+          width: this.node.diagram.bounds.width,
+          type: this.node.type,
+          id: this.node.definition.id
+        }
+      };
+      window.ProcessMaker.EventBus.$emit('multiplayer-updateNodes', [properties]);
     },
     resetNodeColor: function resetNodeColor() {
       store.commit('updateNodeProp', {
@@ -35517,9 +35849,9 @@ var free_solid_svg_icons_namespaceObject = require("@fortawesome/free-solid-svg-
 });
 ;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=script&lang=js&
  /* harmony default export */ var crownButtons_crownColorDropdownvue_type_script_lang_js_ = (crownColorDropdownvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.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-22.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=style&index=0&id=2c87b6c6&prod&lang=scss&scoped=true&
-var crownColorDropdownvue_type_style_index_0_id_2c87b6c6_prod_lang_scss_scoped_true_ = __webpack_require__(34545);
-;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=style&index=0&id=2c87b6c6&prod&lang=scss&scoped=true&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.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-22.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=style&index=0&id=76ef27c6&prod&lang=scss&scoped=true&
+var crownColorDropdownvue_type_style_index_0_id_76ef27c6_prod_lang_scss_scoped_true_ = __webpack_require__(99246);
+;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=style&index=0&id=76ef27c6&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue
 
@@ -35532,11 +35864,11 @@ var crownColorDropdownvue_type_style_index_0_id_2c87b6c6_prod_lang_scss_scoped_t
 
 var crownColorDropdown_component = normalizeComponent(
   crownButtons_crownColorDropdownvue_type_script_lang_js_,
-  crownColorDropdownvue_type_template_id_2c87b6c6_scoped_true_render,
-  crownColorDropdownvue_type_template_id_2c87b6c6_scoped_true_staticRenderFns,
+  crownColorDropdownvue_type_template_id_76ef27c6_scoped_true_render,
+  crownColorDropdownvue_type_template_id_76ef27c6_scoped_true_staticRenderFns,
   false,
   null,
-  "2c87b6c6",
+  "76ef27c6",
   null
   
 )
@@ -36190,24 +36522,51 @@ var idConfigSettings = {
   validation: 'required|regex:/^[_A-Za-z][-._A-Za-z0-9]*$/'
 };
 /* harmony default export */ var inspectors_idConfigSettings = (idConfigSettings);
+;// CONCATENATED MODULE: ./src/components/nodes/association/AssociationFlow.js
+
+
+
+
+
+var AssociationFlow = /*#__PURE__*/function () {
+  function AssociationFlow(nodeRegistry, moddle, paper) {
+    _classCallCheck(this, AssociationFlow);
+    this.nodeRegistry = nodeRegistry;
+    this.moddle = moddle;
+    this.paper = paper;
+  }
+  _createClass(AssociationFlow, [{
+    key: "makeFlowNode",
+    value: function makeFlowNode(sourceShape, targetShape, waypoint) {
+      var _this = this;
+      var diagram = associationConfig_diagram(this.moddle);
+      var associationFlow = definition(this.moddle);
+      associationFlow.set('sourceRef', sourceShape.component.node.definition);
+      associationFlow.set('targetRef', targetShape.component.node.definition);
+      diagram.waypoint = waypoint.map(function (point) {
+        return _this.moddle.create('dc:Point', point);
+      });
+      var node = new Node(associationConfig_id, associationFlow, diagram);
+      return node;
+    }
+  }]);
+  return AssociationFlow;
+}();
 ;// CONCATENATED MODULE: ./src/components/nodes/association/index.js
 
 
 
-var association_id = 'processmaker-modeler-association';
+
+
+
+
 /* harmony default export */ var nodes_association = ({
-  id: association_id,
+  id: associationConfig_id,
   component: association,
-  bpmnType: 'bpmn:Association',
+  bpmnType: bpmnType,
   control: false,
-  definition: function definition(moddle) {
-    return moddle.create('bpmn:Association', {
-      associationDirection: "".concat(direction.none)
-    });
-  },
-  diagram: function diagram(moddle) {
-    return moddle.create('bpmndi:BPMNEdge');
-  },
+  definition: definition,
+  diagram: associationConfig_diagram,
   inspectorConfig: [{
     name: 'Data Association',
     items: [{
@@ -36241,7 +36600,30 @@ var association_id = 'processmaker-modeler-association';
         }
       }]
     }]
-  }]
+  }],
+  multiplayerClient: function multiplayerClient(modeler, data) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var paper, sourceElem, targetElem, flow, actualFlow, nodeIdIterator;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            paper = modeler.paper;
+            sourceElem = modeler.getElementByNodeId(data.sourceRefId);
+            targetElem = modeler.getElementByNodeId(data.targetRefId);
+            if (sourceElem && targetElem) {
+              flow = new AssociationFlow(modeler.nodeRegistry, modeler.moddle, paper);
+              actualFlow = flow.makeFlowNode(sourceElem, targetElem, data.waypoint); // add Nodes
+              modeler.addNode(actualFlow, data.id, true);
+              nodeIdIterator = getNodeIdGenerator(modeler.definitions);
+              nodeIdIterator.updateCounters();
+            }
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))();
+  }
 });
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/endEvent/endEvent.vue?vue&type=template&id=5b9ad491&
 var endEventvue_type_template_id_5b9ad491_render = function render() {
@@ -38292,285 +38674,6 @@ var sequenceFlow_component = normalizeComponent(
 )
 
 /* harmony default export */ var sequenceFlow = (sequenceFlow_component.exports);
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js
-
-function _checkPrivateRedeclaration(obj, privateCollection) {
-  if (privateCollection.has(obj)) {
-    throw new TypeError("Cannot initialize the same private elements twice on an object");
-  }
-}
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js
-
-function _classPrivateFieldInitSpec(obj, privateMap, value) {
-  _checkPrivateRedeclaration(obj, privateMap);
-  privateMap.set(obj, value);
-}
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classApplyDescriptorGet.js
-function _classApplyDescriptorGet(receiver, descriptor) {
-  if (descriptor.get) {
-    return descriptor.get.call(receiver);
-  }
-  return descriptor.value;
-}
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classExtractFieldDescriptor.js
-
-function _classExtractFieldDescriptor(receiver, privateMap, action) {
-  if (!privateMap.has(receiver)) {
-    throw new TypeError("attempted to " + action + " private field on non-instance");
-  }
-  return privateMap.get(receiver);
-}
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet.js
-
-
-function _classPrivateFieldGet(receiver, privateMap) {
-  var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get");
-  return _classApplyDescriptorGet(receiver, descriptor);
-}
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classCheckPrivateStaticAccess.js
-
-function _classCheckPrivateStaticAccess(receiver, classConstructor) {
-  if (receiver !== classConstructor) {
-    throw new TypeError("Private static access of wrong provenance");
-  }
-}
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classCheckPrivateStaticFieldDescriptor.js
-
-function _classCheckPrivateStaticFieldDescriptor(descriptor, action) {
-  if (descriptor === undefined) {
-    throw new TypeError("attempted to " + action + " private static field before its declaration");
-  }
-}
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classStaticPrivateFieldSpecGet.js
-
-
-
-function _classStaticPrivateFieldSpecGet(receiver, classConstructor, descriptor) {
-  _classCheckPrivateStaticAccess(receiver, classConstructor);
-  _classCheckPrivateStaticFieldDescriptor(descriptor, "get");
-  return _classApplyDescriptorGet(receiver, descriptor);
-}
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classApplyDescriptorSet.js
-
-function _classApplyDescriptorSet(receiver, descriptor, value) {
-  if (descriptor.set) {
-    descriptor.set.call(receiver, value);
-  } else {
-    if (!descriptor.writable) {
-      throw new TypeError("attempted to set read only private field");
-    }
-    descriptor.value = value;
-  }
-}
-;// CONCATENATED MODULE: ./node_modules/@vue/babel-preset-app/node_modules/@babel/runtime/helpers/esm/classStaticPrivateFieldSpecSet.js
-
-
-
-function _classStaticPrivateFieldSpecSet(receiver, classConstructor, descriptor, value) {
-  _classCheckPrivateStaticAccess(receiver, classConstructor);
-  _classCheckPrivateStaticFieldDescriptor(descriptor, "set");
-  _classApplyDescriptorSet(receiver, descriptor, value);
-  return value;
-}
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-names.js
-var es_object_get_own_property_names = __webpack_require__(36210);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.match.js
-var es_string_match = __webpack_require__(4723);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.constructor.js
-var es_regexp_constructor = __webpack_require__(24603);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.dot-all.js
-var es_regexp_dot_all = __webpack_require__(28450);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.sticky.js
-var es_regexp_sticky = __webpack_require__(88386);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
-var es_regexp_to_string = __webpack_require__(39714);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.weak-map.js
-var es_weak_map = __webpack_require__(4129);
-;// CONCATENATED MODULE: ./src/NodeIdGenerator.js
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _generateDefinitionId = /*#__PURE__*/new WeakMap();
-var _generateDiagramId = /*#__PURE__*/new WeakMap();
-var _generateProcessId = /*#__PURE__*/new WeakMap();
-var NodeIdGenerator = /*#__PURE__*/function () {
-  function NodeIdGenerator(definitions) {
-    _classCallCheck(this, NodeIdGenerator);
-    _classPrivateFieldInitSpec(this, _generateDefinitionId, {
-      writable: true,
-      value: function value() {
-        var _NodeIdGenerator$coun3, _NodeIdGenerator$coun4;
-        var id = NodeIdGenerator.prefix + _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _counter);
-        _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$diag3, _NodeIdGenerator$diag4;
-        var id = NodeIdGenerator.prefix + _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _diagramCounter) + '_di';
-        _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _diagramCounter, (_NodeIdGenerator$diag3 = _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _diagramCounter), _NodeIdGenerator$diag4 = _NodeIdGenerator$diag3++, _NodeIdGenerator$diag3)), _NodeIdGenerator$diag4;
-        return id;
-      }
-    });
-    _classPrivateFieldInitSpec(this, _generateProcessId, {
-      writable: true,
-      value: function value() {
-        var _NodeIdGenerator$proc, _NodeIdGenerator$proc2;
-        var id = NodeIdGenerator.processPrefix + _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _processCounter);
-        _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _processCounter, (_NodeIdGenerator$proc = _classStaticPrivateFieldSpecGet(NodeIdGenerator, NodeIdGenerator, _processCounter), _NodeIdGenerator$proc2 = _NodeIdGenerator$proc++, _NodeIdGenerator$proc)), _NodeIdGenerator$proc2;
-        return id;
-      }
-    });
-    this.definitions = definitions;
-    this.refreshLastIdCounter();
-    this.refreshLastDiagramIdCounter();
-    this.refreshLastProcessIdCounter();
-  }
-  _createClass(NodeIdGenerator, [{
-    key: "findById",
-    value: function findById(id) {
-      var _this = this;
-      var root = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.definitions.rootElements;
-      var walked = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-      if (walked.indexOf(root) > -1) return;
-      var found;
-      if (root instanceof Array) {
-        walked.push(root);
-        root.find(function (item) {
-          return found = _this.findById(id, item, walked);
-        });
-      } else if (root instanceof Object && root.$type) {
-        walked.push(root);
-        if (root.id === id) return root;
-        Object.getOwnPropertyNames(root).find(function (key) {
-          return found = !(root[key] instanceof Function) && key.substring(0, 1) !== '$' && _this.findById(id, root[key], walked);
-        });
-      }
-      return found;
-    }
-  }, {
-    key: "matchIds",
-    value: function matchIds(idRegex, root) {
-      var _this2 = this;
-      var walked = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-      var lastIdCounter = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-      if (walked.indexOf(root) > -1) return lastIdCounter;
-      if (root instanceof Array) {
-        walked.push(root);
-        root.forEach(function (item) {
-          return lastIdCounter = _this2.matchIds(idRegex, item, walked, lastIdCounter);
-        });
-      } else if (root instanceof Object) {
-        walked.push(root);
-        if (root.id) {
-          var match = String(root.id).match(idRegex);
-          var idCounter = match ? parseInt(match[1]) : 0;
-          if (idCounter > lastIdCounter) {
-            lastIdCounter = idCounter;
-          }
-        }
-        Object.getOwnPropertyNames(root).forEach(function (key) {
-          if (!(root[key] instanceof Function) && key.substring(0, 1) !== '$') {
-            lastIdCounter = _this2.matchIds(idRegex, root[key], walked, lastIdCounter);
-          }
-        });
-      }
-      return lastIdCounter;
-    }
-  }, {
-    key: "refreshLastIdCounter",
-    value: function refreshLastIdCounter() {
-      var lastIdCounter = this.matchIds(new RegExp("^".concat(NodeIdGenerator.prefix, "(\\d+)$")), this.definitions.rootElements);
-      _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _counter, lastIdCounter + 1);
-    }
-  }, {
-    key: "getCounter",
-    value: function getCounter() {
-      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() {
-      var lastIdCounter = this.matchIds(new RegExp("^".concat(NodeIdGenerator.prefix, "(\\d+)_di$")), this.definitions.diagrams);
-      _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _diagramCounter, lastIdCounter + 1);
-    }
-  }, {
-    key: "refreshLastProcessIdCounter",
-    value: function refreshLastProcessIdCounter() {
-      var lastIdCounter = this.matchIds(new RegExp("^".concat(NodeIdGenerator.processPrefix, "(\\d+)$")), this.definitions.rootElements);
-      _classStaticPrivateFieldSpecSet(NodeIdGenerator, NodeIdGenerator, _processCounter, lastIdCounter + 1);
-    }
-  }, {
-    key: "generate",
-    value: function generate() {
-      var definitionId = _classPrivateFieldGet(this, _generateDefinitionId).call(this);
-      var diagramId = _classPrivateFieldGet(this, _generateDiagramId).call(this);
-      return [definitionId, diagramId];
-    }
-  }, {
-    key: "generateProcessId",
-    value: function generateProcessId() {
-      return _classPrivateFieldGet(this, _generateProcessId).call(this);
-    }
-  }]);
-  return NodeIdGenerator;
-}(); // Singleton instance
-_defineProperty(NodeIdGenerator, "prefix", 'node_');
-_defineProperty(NodeIdGenerator, "processPrefix", 'Process_');
-var _counter = {
-  writable: true,
-  value: 1
-};
-var _diagramCounter = {
-  writable: true,
-  value: 1
-};
-var _processCounter = {
-  writable: true,
-  value: 1
-};
-
-var singleton = null;
-function getNodeIdGenerator(definitions) {
-  if (!singleton) {
-    singleton = new NodeIdGenerator(definitions);
-  }
-  return singleton;
-}
 ;// CONCATENATED MODULE: ./src/components/nodes/sequenceFlow/index.js
 
 
@@ -47585,10 +47688,10 @@ var ValidationStatus_component = normalizeComponent(
 )
 
 /* harmony default export */ var ValidationStatus = (ValidationStatus_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=95ee0562&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=83a477c8&
 
 
-var Modelervue_type_template_id_95ee0562_render = function render() {
+var Modelervue_type_template_id_83a477c8_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -47807,9 +47910,9 @@ var Modelervue_type_template_id_95ee0562_render = function render() {
     }
   }) : _vm._e()], 2)], 1);
 };
-var Modelervue_type_template_id_95ee0562_staticRenderFns = [];
+var Modelervue_type_template_id_83a477c8_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=95ee0562&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=83a477c8&
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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() {
@@ -52650,7 +52753,7 @@ var ToolBar_component = normalizeComponent(
 
 function addNodeToProcess(node, targetProcess) {
   var ignoredNodes = function ignoredNodes(node) {
-    return node.isBpmnType('bpmn:MessageFlow', bpmnType, config_bpmnType) || node.isType('processmaker-modeler-pool');
+    return node.isBpmnType('bpmn:MessageFlow', config_bpmnType, dataInputAssociation_config_bpmnType) || node.isType('processmaker-modeler-pool');
   };
   if (ignoredNodes(node)) {
     return;
@@ -53363,7 +53466,7 @@ var validTasks = ['bpmn:ServiceTask', 'bpmn:ManualTask', 'bpmn:CallActivity', 'b
         clonedDataOutputAssociations = [];
       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 flowNodeTypes = [sequenceFlow_id, poolLane_config_id, associationConfig_id, messageFlow_config_id, genericFlow_config_id];
       var dataInputAssociationNodeTypes = [dataInputAssociation_config_id];
       var dataOutputAssociationNodeTypes = [config_id];
       if (typeof selector.getBoundingClientRect === 'function') {
@@ -54604,8 +54707,8 @@ var RailBottom_component = normalizeComponent(
 )
 
 /* harmony default export */ var RailBottom = (RailBottom_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/genericFlow/genericFlow.vue?vue&type=template&id=4a213ae8&
-var genericFlowvue_type_template_id_4a213ae8_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/genericFlow/genericFlow.vue?vue&type=template&id=1a230de4&
+var genericFlowvue_type_template_id_1a230de4_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('crown-config', _vm._g({
@@ -54624,10 +54727,8 @@ var genericFlowvue_type_template_id_4a213ae8_render = function render() {
     }
   }, _vm.$listeners));
 };
-var genericFlowvue_type_template_id_4a213ae8_staticRenderFns = [];
+var genericFlowvue_type_template_id_1a230de4_staticRenderFns = [];
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/web.url.to-json.js
-var web_url_to_json = __webpack_require__(83753);
 ;// CONCATENATED MODULE: ./src/components/nodes/genericFlow/DataOutputAssociation.js
 
 
@@ -54653,7 +54754,7 @@ var DataOutputAssociation = /*#__PURE__*/function (_DataAssociation) {
     value: function makeFlowNode(sourceShape, targetShape, waypoint) {
       var _this = this;
       var diagram = config_diagram(this.moddle);
-      var dataOutputAssociation = definition(this.moddle);
+      var dataOutputAssociation = config_definition(this.moddle);
       dataOutputAssociation.set('sourceRef', sourceShape.component.node.definition);
       dataOutputAssociation.set('targetRef', targetShape.component.node.definition);
       diagram.waypoint = waypoint.map(function (point) {
@@ -54833,8 +54934,8 @@ var BpmnFlows = [{
 ;
 var genericFlow_component = normalizeComponent(
   genericFlow_genericFlowvue_type_script_lang_js_,
-  genericFlowvue_type_template_id_4a213ae8_render,
-  genericFlowvue_type_template_id_4a213ae8_staticRenderFns,
+  genericFlowvue_type_template_id_1a230de4_render,
+  genericFlowvue_type_template_id_1a230de4_staticRenderFns,
   false,
   null,
   null,
@@ -54843,8 +54944,8 @@ var genericFlow_component = normalizeComponent(
 )
 
 /* harmony default export */ var genericFlow = (genericFlow_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/Selection.vue?vue&type=template&id=1d953204&scoped=true&
-var Selectionvue_type_template_id_1d953204_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/Selection.vue?vue&type=template&id=4045da65&scoped=true&
+var Selectionvue_type_template_id_4045da65_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.showLasso && _vm.style ? _c('div', {
@@ -54874,7 +54975,7 @@ var Selectionvue_type_template_id_1d953204_scoped_true_render = function render(
     }
   }, _vm.$listeners))], 1) : _vm._e();
 };
-var Selectionvue_type_template_id_1d953204_scoped_true_staticRenderFns = [];
+var Selectionvue_type_template_id_4045da65_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/crown/crownMultiselect/crownMultiselect.vue?vue&type=template&id=bcd827ec&scoped=true&
 
@@ -56241,7 +56342,7 @@ var crownMultiselect_component = normalizeComponent(
      * Filter the selected elements
      */
     filterSelected: function filterSelected() {
-      var flowTypes = [sequenceFlow_id, config_id, dataInputAssociation_config_id, association_id, messageFlow_config_id];
+      var flowTypes = [sequenceFlow_id, config_id, dataInputAssociation_config_id, associationConfig_id, messageFlow_config_id];
       // Get the selected pools IDs
       var selectedPoolsIds = this.selected.filter(function (shape) {
         return shape.model.component;
@@ -56409,7 +56510,8 @@ var crownMultiselect_component = normalizeComponent(
               x: shape.model.get('position').x,
               y: shape.model.get('position').y,
               height: shape.model.get('size').height,
-              width: shape.model.get('size').width
+              width: shape.model.get('size').width,
+              color: shape.model.get('color')
             }
           };
           if (node !== null && node !== void 0 && (_node$pool = node.pool) !== null && _node$pool !== void 0 && _node$pool.component) {
@@ -56429,7 +56531,8 @@ var crownMultiselect_component = normalizeComponent(
             x: model.get('position').x,
             y: model.get('position').y,
             height: model.get('size').height,
-            width: model.get('size').width
+            width: model.get('size').width,
+            color: model.get('color')
           }
         });
       });
@@ -56818,9 +56921,9 @@ var crownMultiselect_component = normalizeComponent(
 });
 ;// CONCATENATED MODULE: ./src/components/modeler/Selection.vue?vue&type=script&lang=js&
  /* harmony default export */ var modeler_Selectionvue_type_script_lang_js_ = (Selectionvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.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-12.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Selection.vue?vue&type=style&index=0&id=1d953204&prod&scoped=true&lang=css&
-var Selectionvue_type_style_index_0_id_1d953204_prod_scoped_true_lang_css_ = __webpack_require__(73717);
-;// CONCATENATED MODULE: ./src/components/modeler/Selection.vue?vue&type=style&index=0&id=1d953204&prod&scoped=true&lang=css&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.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-12.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Selection.vue?vue&type=style&index=0&id=4045da65&prod&scoped=true&lang=css&
+var Selectionvue_type_style_index_0_id_4045da65_prod_scoped_true_lang_css_ = __webpack_require__(27903);
+;// CONCATENATED MODULE: ./src/components/modeler/Selection.vue?vue&type=style&index=0&id=4045da65&prod&scoped=true&lang=css&
 
 ;// CONCATENATED MODULE: ./src/components/modeler/Selection.vue
 
@@ -56833,11 +56936,11 @@ var Selectionvue_type_style_index_0_id_1d953204_prod_scoped_true_lang_css_ = __w
 
 var Selection_component = normalizeComponent(
   modeler_Selectionvue_type_script_lang_js_,
-  Selectionvue_type_template_id_1d953204_scoped_true_render,
-  Selectionvue_type_template_id_1d953204_scoped_true_staticRenderFns,
+  Selectionvue_type_template_id_4045da65_scoped_true_render,
+  Selectionvue_type_template_id_4045da65_scoped_true_staticRenderFns,
   false,
   null,
-  "1d953204",
+  "4045da65",
   null
   
 )
@@ -75403,6 +75506,10 @@ var Room = /*#__PURE__*/function () {
 
 
 
+
+
+
+
 
 
 
@@ -75691,6 +75798,7 @@ var Multiplayer = /*#__PURE__*/function () {
           type: updatedNode.type
         },
         nodeThatWillBeReplaced: node,
+        color: node.color,
         id: updatedNode.id
       };
 
@@ -75721,33 +75829,80 @@ var Multiplayer = /*#__PURE__*/function () {
     key: "updateShapes",
     value: function () {
       var _updateShapes = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data) {
-        var paper, element, newPool;
+        var _this4 = this;
+        var paper, element, newPool, sourceElem, targetElem, waypoint, startWaypoint, endWaypoint, newWaypoint, node;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               paper = this.modeler.paper;
               element = this.modeler.getElementByNodeId(data.id);
-              newPool = this.modeler.getElementByNodeId(data.poolId); // Update the element's position attribute
+              newPool = this.modeler.getElementByNodeId(data.poolId);
+              if (!this.modeler.flowTypes.includes(data.type)) {
+                _context2.next = 15;
+                break;
+              }
+              // Update the element's waypoints
+              // Get the source and target elements
+              sourceElem = this.modeler.getElementByNodeId(data.sourceRefId);
+              targetElem = this.modeler.getElementByNodeId(data.targetRefId);
+              waypoint = data.waypoint;
+              startWaypoint = waypoint.shift();
+              endWaypoint = waypoint.pop(); // Update the element's waypoints
+              newWaypoint = waypoint.map(function (point) {
+                return _this4.modeler.moddle.create('dc:Point', point);
+              });
+              element.set('vertices', newWaypoint);
+
+              // Update the element's source anchor
+              element.source(sourceElem, {
+                anchor: function anchor() {
+                  return getDefaultAnchorPoint(_this4.getConnectionPoint(sourceElem, startWaypoint), sourceElem.findView(paper));
+                },
+                connectionPoint: {
+                  name: 'boundary'
+                }
+              });
+
+              // Update the element's target anchor
+              element.target(targetElem, {
+                anchor: function anchor() {
+                  return getDefaultAnchorPoint(_this4.getConnectionPoint(targetElem, endWaypoint), targetElem.findView(paper));
+                },
+                connectionPoint: {
+                  name: 'boundary'
+                }
+              });
+              _context2.next = 26;
+              break;
+            case 15:
+              // Update the element's position attribute
               element.resize( /* Add labelWidth to ensure elements don't overlap with the pool label */
               data.width, data.height);
               element.set('position', {
                 x: data.x,
                 y: data.y
               });
+              node = this.getNodeById(data.id);
+              store.commit('updateNodeProp', {
+                node: node,
+                key: 'color',
+                value: data.color
+              });
+
               // Trigger a rendering of the element on the paper
-              _context2.next = 7;
+              _context2.next = 21;
               return paper.findViewByModel(element).update();
-            case 7:
-              _context2.next = 9;
+            case 21:
+              _context2.next = 23;
               return element.component.$nextTick();
-            case 9:
-              _context2.next = 11;
+            case 23:
+              _context2.next = 25;
               return this.modeler.paperManager.awaitScheduledUpdates();
-            case 11:
+            case 25:
               if (newPool && element.component.node.pool && element.component.node.pool.component.id !== data.poolId) {
                 element.component.node.pool.component.moveElementRemote(element, newPool);
               }
-            case 12:
+            case 26:
             case "end":
               return _context2.stop();
           }
@@ -75773,7 +75928,7 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "addLaneNodes",
     value: function addLaneNodes(lanes) {
-      var _this4 = this;
+      var _this5 = this;
       var pool = this.getPool(lanes);
       window.ProcessMaker.EventBus.$emit('multiplayer-updateNodes', [{
         id: pool.component.node.definition.id,
@@ -75788,11 +75943,11 @@ var Multiplayer = /*#__PURE__*/function () {
       this.yDoc.transact(function () {
         lanes.forEach(function (lane) {
           var yMapNested = new YMap();
-          var data = _this4.prepareLaneData(lane);
-          _this4.doTransact(yMapNested, data);
-          _this4.yArray.push([yMapNested]);
-          var stateUpdate = encodeStateAsUpdate(_this4.yDoc);
-          _this4.clientIO.emit('createElement', stateUpdate);
+          var data = _this5.prepareLaneData(lane);
+          _this5.doTransact(yMapNested, data);
+          _this5.yArray.push([yMapNested]);
+          var stateUpdate = encodeStateAsUpdate(_this5.yDoc);
+          _this5.clientIO.emit('createElement', stateUpdate);
         });
       });
     }
@@ -75820,6 +75975,30 @@ var Multiplayer = /*#__PURE__*/function () {
       }
       return false;
     }
+  }, {
+    key: "getConnectionPoint",
+    value: function getConnectionPoint(element, newPosition) {
+      var _element$position = element.position(),
+        elemX = _element$position.x,
+        elemY = _element$position.y;
+      var connectionOffset = {
+        x: newPosition.x - elemX,
+        y: newPosition.y - elemY
+      };
+      var _element$position2 = element.position(),
+        x = _element$position2.x,
+        y = _element$position2.y;
+      var _element$size = element.size(),
+        width = _element$size.width,
+        height = _element$size.height;
+      return connectionOffset ? {
+        x: x + connectionOffset.x,
+        y: y + connectionOffset.y
+      } : {
+        x: x + width / 2,
+        y: y + height / 2
+      };
+    }
   }]);
   return Multiplayer;
 }();
@@ -76013,7 +76192,8 @@ var Multiplayer = /*#__PURE__*/function () {
       inspectorButtonRight: 65,
       previewConfigs: [],
       multiplayer: null,
-      isMultiplayer: false
+      isMultiplayer: false,
+      flowTypes: ['processmaker-modeler-sequence-flow', 'processmaker-modeler-message-flow', 'processmaker-modeler-data-input-association', 'processmaker-modeler-data-output-association', 'processmaker-modeler-association']
     };
   },
   watch: {
@@ -77067,13 +77247,12 @@ var Multiplayer = /*#__PURE__*/function () {
       }))();
     },
     multiplayerHook: function multiplayerHook(node, fromClient) {
-      var blackList = ['processmaker-modeler-lane', 'processmaker-modeler-generic-flow', 'processmaker-modeler-sequence-flow', 'processmaker-modeler-association', 'processmaker-modeler-data-input-association', 'processmaker-modeler-data-input-association'];
-      var flowTypes = ['processmaker-modeler-sequence-flow', 'processmaker-modeler-message-flow'];
+      var blackList = ['processmaker-modeler-lane', 'processmaker-modeler-generic-flow', 'processmaker-modeler-sequence-flow', 'processmaker-modeler-association', 'processmaker-modeler-data-input-association', 'processmaker-modeler-data-output-association'];
       if (!this.isMultiplayer) {
         return;
       }
       if (!fromClient) {
-        if (!blackList.includes(node.type) && !flowTypes.includes(node.type)) {
+        if (!blackList.includes(node.type) && !this.flowTypes.includes(node.type)) {
           var _node$pool;
           var defaultData = {
             x: node.diagram.bounds.x,
@@ -77082,21 +77261,32 @@ var Multiplayer = /*#__PURE__*/function () {
             width: node.diagram.bounds.width,
             type: node.type,
             id: node.definition.id,
-            isAddingLaneAbove: true
+            isAddingLaneAbove: true,
+            color: node.color
           };
           if (node !== null && node !== void 0 && (_node$pool = node.pool) !== null && _node$pool !== void 0 && _node$pool.component) {
             defaultData['poolId'] = node.pool.component.id;
           }
           window.ProcessMaker.EventBus.$emit('multiplayer-addNode', defaultData);
         }
-        if (flowTypes.includes(node.type)) {
-          window.ProcessMaker.EventBus.$emit('multiplayer-addFlow', {
-            id: node.definition.id,
-            type: node.type,
-            sourceRefId: node.definition.sourceRef.id,
-            targetRefId: node.definition.targetRef.id,
-            waypoint: node.diagram.waypoint
-          });
+        if (this.flowTypes.includes(node.type)) {
+          var _node$definition$sour, _node$definition$targ;
+          var sourceRefId = (_node$definition$sour = node.definition.sourceRef) === null || _node$definition$sour === void 0 ? void 0 : _node$definition$sour.id;
+          var targetRefId = (_node$definition$targ = node.definition.targetRef) === null || _node$definition$targ === void 0 ? void 0 : _node$definition$targ.id;
+          if (node.type === 'processmaker-modeler-data-input-association') {
+            var _node$definition$sour2, _node$definition$targ2, _node$definition$targ3;
+            sourceRefId = Array.isArray(node.definition.sourceRef) && ((_node$definition$sour2 = node.definition.sourceRef[0]) === null || _node$definition$sour2 === void 0 ? void 0 : _node$definition$sour2.id);
+            targetRefId = (_node$definition$targ2 = node.definition.targetRef) === null || _node$definition$targ2 === void 0 ? void 0 : (_node$definition$targ3 = _node$definition$targ2.$parent) === null || _node$definition$targ3 === void 0 ? void 0 : _node$definition$targ3.$parent.get('id');
+          }
+          if (sourceRefId && targetRefId) {
+            window.ProcessMaker.EventBus.$emit('multiplayer-addFlow', {
+              id: node.definition.id,
+              type: node.type,
+              sourceRefId: sourceRefId,
+              targetRefId: targetRefId,
+              waypoint: node.diagram.waypoint
+            });
+          }
         }
       }
     },
@@ -77123,7 +77313,7 @@ var Multiplayer = /*#__PURE__*/function () {
               _this29.poolTarget = null;
 
               // add processmaker-modeler-generic-flow
-              if (![sequenceFlow_id, poolLane_config_id, association_id, messageFlow_config_id, config_id, dataInputAssociation_config_id, genericFlow_config_id].includes(node.type)) {
+              if (![sequenceFlow_id, poolLane_config_id, associationConfig_id, messageFlow_config_id, config_id, dataInputAssociation_config_id, genericFlow_config_id].includes(node.type)) {
                 _context16.next = 12;
                 break;
               }
@@ -77467,17 +77657,20 @@ var Multiplayer = /*#__PURE__*/function () {
                       return _this37.$nextTick();
                     case 4:
                       _context28.next = 6;
-                      return _this37.addNode(actualFlow);
+                      return store.commit('removeNode', genericFlow);
                     case 6:
                       _context28.next = 8;
-                      return store.commit('removeNode', genericFlow);
+                      return _this37.$nextTick();
                     case 8:
                       _context28.next = 10;
-                      return _this37.$nextTick();
+                      return _this37.addNode(actualFlow, genericFlow.definition.id);
                     case 10:
                       _context28.next = 12;
-                      return _this37.highlightNode(targetNode);
+                      return _this37.$nextTick();
                     case 12:
+                      _context28.next = 14;
+                      return _this37.highlightNode(targetNode);
+                    case 14:
                     case "end":
                       return _context28.stop();
                   }
@@ -77960,8 +78153,8 @@ var modelervue_type_style_index_0_prod_lang_scss_ = __webpack_require__(88242);
 
 var Modeler_component = normalizeComponent(
   modeler_Modelervue_type_script_lang_js_,
-  Modelervue_type_template_id_95ee0562_render,
-  Modelervue_type_template_id_95ee0562_staticRenderFns,
+  Modelervue_type_template_id_83a477c8_render,
+  Modelervue_type_template_id_83a477c8_staticRenderFns,
   false,
   null,
   null,
@@ -78284,11 +78477,49 @@ var dataInputAssociation_component = normalizeComponent(
 )
 
 /* harmony default export */ var dataInputAssociation = (dataInputAssociation_component.exports);
+;// CONCATENATED MODULE: ./src/components/nodes/dataInputAssociation/DataInputAssociation.js
+
+
+
+
+
+
+var DataInputAssociation = /*#__PURE__*/function () {
+  function DataInputAssociation(nodeRegistry, moddle, paper) {
+    _classCallCheck(this, DataInputAssociation);
+    this.nodeRegistry = nodeRegistry;
+    this.moddle = moddle;
+    this.paper = paper;
+  }
+  _createClass(DataInputAssociation, [{
+    key: "makeFlowNode",
+    value: function makeFlowNode(sourceShape, targetShape, waypoint) {
+      var _this = this;
+      var diagram = dataInputAssociation_config_diagram(this.moddle);
+      var associationFlow = dataInputAssociation_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);
+      associationFlow.set('targetRef', dataInput);
+      associationFlow.set('sourceRef', [sourceShape.component.node.definition]);
+      diagram.waypoint = waypoint.map(function (point) {
+        return _this.moddle.create('dc:Point', point);
+      });
+      var node = new Node(dataInputAssociation_config_id, associationFlow, diagram);
+      return node;
+    }
+  }]);
+  return DataInputAssociation;
+}();
 ;// CONCATENATED MODULE: ./src/components/nodes/dataInputAssociation/index.js
 
 
 
 
+
+
+
+
 /* harmony default export */ var nodes_dataInputAssociation = (_objectSpread2(_objectSpread2({}, dataInputAssociation_config_namespaceObject), {}, {
   component: dataInputAssociation,
   control: false,
@@ -78308,7 +78539,32 @@ var dataInputAssociation_component = normalizeComponent(
         config: inspectors_idConfigSettings
       }]
     }]
-  }]
+  }],
+  multiplayerClient: function multiplayerClient(modeler, data) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var paper, sourceElem, targetElem, flow, actualFlow, nodeIdIterator;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            paper = modeler.paper;
+            sourceElem = modeler.getElementByNodeId(data.sourceRefId);
+            targetElem = modeler.getElementByNodeId(data.targetRefId);
+            if (sourceElem && targetElem) {
+              flow = new DataInputAssociation(modeler.nodeRegistry, modeler.moddle, paper);
+              actualFlow = flow.makeFlowNode(sourceElem, targetElem, data.waypoint);
+              targetElem.component.node.definition.set('dataInputAssociations', [actualFlow.definition]);
+              // add Nodes
+              modeler.addNode(actualFlow, data.id, true);
+              nodeIdIterator = getNodeIdGenerator(modeler.definitions);
+              nodeIdIterator.updateCounters();
+            }
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))();
+  }
 }));
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/dataOutputAssociation/dataOutputAssociation.vue?vue&type=template&id=5ce8e93e&
 var dataOutputAssociationvue_type_template_id_5ce8e93e_render = function render() {
@@ -78449,6 +78705,10 @@ var dataOutputAssociation_component = normalizeComponent(
 
 
 
+
+
+
+
 /* harmony default export */ var nodes_dataOutputAssociation = (_objectSpread2(_objectSpread2({}, config_namespaceObject), {}, {
   component: dataOutputAssociation,
   control: false,
@@ -78468,7 +78728,30 @@ var dataOutputAssociation_component = normalizeComponent(
         config: inspectors_idConfigSettings
       }]
     }]
-  }]
+  }],
+  multiplayerClient: function multiplayerClient(modeler, data) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var paper, sourceElem, targetElem, flow, actualFlow, nodeIdIterator;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            paper = modeler.paper;
+            sourceElem = modeler.getElementByNodeId(data.sourceRefId);
+            targetElem = modeler.getElementByNodeId(data.targetRefId);
+            if (sourceElem && targetElem) {
+              flow = new DataOutputAssociation(modeler.nodeRegistry, modeler.moddle, paper);
+              actualFlow = flow.makeFlowNode(sourceElem, targetElem, data.waypoint); // add Nodes
+              modeler.addNode(actualFlow, data.id, true);
+              nodeIdIterator = getNodeIdGenerator(modeler.definitions);
+              nodeIdIterator.updateCounters();
+            }
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))();
+  }
 }));
 ;// CONCATENATED MODULE: ./node_modules/@processmaker/processmaker-bpmn-moddle/resources/processmaker.json
 var processmaker_namespaceObject = JSON.parse('{"name":"ProcessMaker","uri":"http://processmaker.com/BPMN/2.0/Schema.xsd","prefix":"pm","xml":{"tagAlias":"lowerCase"},"associations":[],"types":[{"name":"BaseElement","extends":["bpmn:BaseElement"],"isAbstract":true,"properties":[{"name":"color","isAttr":true,"type":"String"}]},{"name":"Task","extends":["bpmn:Task"],"properties":[{"name":"screenRef","isAttr":true,"type":"String"},{"name":"allowInterstitial","isAttr":true,"type":"Boolean"},{"name":"interstitialScreenRef","isAttr":true,"type":"String"},{"name":"screenVersion","isAttr":true,"type":"String"},{"name":"dueIn","isAttr":true,"type":"Integer"},{"name":"notifyAfterRouting","isAttr":true,"type":"Boolean"},{"name":"notifyRequestCreator","isAttr":true,"type":"Boolean"},{"name":"assignment","isAttr":true,"type":"String"},{"name":"assignedUsers","isAttr":true,"type":"String"},{"name":"assignedGroups","isAttr":true,"type":"String"},{"name":"assignmentLock","isAttr":true,"type":"Boolean"},{"name":"allowReassignment","isAttr":true,"type":"Boolean"},{"name":"assignmentRules","isAttr":true,"type":"String"},{"name":"config","isAttr":true,"type":"String"},{"name":"customIcon","isAttr":true,"type":"String"},{"name":"validations","isAttr":true,"type":"String"}]},{"name":"ScriptTask","extends":["bpmn:ScriptTask"],"properties":[{"name":"scriptRef","isAttr":true,"type":"String"},{"name":"scriptVersion","isAttr":true,"type":"String"},{"name":"errorHandling","isAttr":true,"type":"String"}]},{"name":"ServiceTask","extends":["bpmn:ServiceTask"],"properties":[{"name":"implementationVersion","isAttr":true,"type":"String"},{"name":"errorHandling","isAttr":true,"type":"String"}]},{"name":"Message","extends":["bpmn:Message"],"properties":[{"name":"payload","isAttr":true,"type":"String"}]},{"name":"EndEvent","extends":["bpmn:EndEvent"],"properties":[{"name":"screenRef","isAttr":true,"type":"String"},{"name":"screenVersion","isAttr":true,"type":"String"}]},{"name":"StartEvent","extends":["bpmn:StartEvent"],"properties":[{"name":"allowInterstitial","isAttr":true,"type":"Boolean"},{"name":"interstitialScreenRef","isAttr":true,"type":"String"},{"name":"assignment","isAttr":true,"type":"String"},{"name":"assignedUsers","isAttr":true,"type":"String"},{"name":"assignedGroups","isAttr":true,"type":"String"},{"name":"config","isAttr":true,"type":"String"},{"name":"validations","isAttr":true,"type":"String"}]},{"name":"IntermediateCatchEvent","extends":["bpmn:IntermediateCatchEvent"],"properties":[{"name":"allowedUsers","isAttr":true,"type":"String"},{"name":"allowedGroups","isAttr":true,"type":"String"},{"name":"config","isAttr":true,"type":"String"},{"name":"whitelist","isAttr":true,"type":"String"},{"name":"validations","isAttr":true,"type":"String"}]},{"name":"MessageEventDefinition","extends":["bpmn:MessageEventDefinition"],"properties":[{"name":"variableName","isAttr":true,"type":"String"}]},{"name":"MessageEventDefinition","extends":["bpmn:MessageEventDefinition"],"properties":[{"name":"variableName","isAttr":true,"type":"String"}]},{"name":"SignalEventDefinition","extends":["bpmn:SignalEventDefinition"],"properties":[{"name":"config","isAttr":true,"type":"String"}]},{"name":"SequenceFlow","extends":["bpmn:SequenceFlow"],"properties":[{"name":"config","isAttr":true,"type":"String"}]},{"name":"CallActivity","extends":["bpmn:CallActivity"],"properties":[{"name":"allowInterstitial","isAttr":true,"type":"Boolean"},{"name":"interstitialScreenRef","isAttr":true,"type":"String"},{"name":"config","isAttr":true,"type":"String"},{"name":"validations","isAttr":true,"type":"String"},{"name":"assignment","isAttr":true,"type":"String"},{"name":"assignedUsers","isAttr":true,"type":"String"},{"name":"assignedGroups","isAttr":true,"type":"String"},{"name":"customIcon","isAttr":true,"type":"String"},{"name":"errorHandling","isAttr":true,"type":"String"}]},{"name":"Signal","extends":["bpmn:Signal"],"properties":[{"name":"config","isAttr":true,"type":"String"},{"name":"detail","isAttr":true,"type":"String"}]}],"emumerations":[]}');