@processmaker/modeler 1.40.3 → 1.41.0

package/dist/modeler.umd.js

@@ -987,7 +987,7 @@ module.exports = function () {
 
 /***/ }),
 
-/***/ 7174:
+/***/ 45684:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 const { is } = __webpack_require__(68037);
@@ -12849,7 +12849,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".weekday[data-v-4ae18478]{padding:.75e
 
 /***/ }),
 
-/***/ 209:
+/***/ 76082:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12863,7 +12863,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-7b6db830]{border:1px solid #5faaee;position:absolute;pointer-events:none}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".box[data-v-131025ac]{border:1px solid #5faaee;position:absolute;pointer-events:none}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -13580,7 +13580,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".toolbar{z-index:4;height:4rem;cursor:
 
 /***/ }),
 
-/***/ 30928:
+/***/ 46460:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13594,7 +13594,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, ".avatar-initials[data-v-1c50a604]{text-align:center;line-height:2.4rem;color:#fff;font-weight:700}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".avatar-initials[data-v-3d040108]{text-align:center;line-height:2.4rem;color:#fff;font-weight:700}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -26520,19 +26520,19 @@ var update = add("a84bfd8c", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 46546:
+/***/ 33487:
 /***/ (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__(209);
+var content = __webpack_require__(76082);
 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("0255e8ac", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("4c43bd38", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -27048,19 +27048,19 @@ var update = add("0828245b", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 99479:
+/***/ 9717:
 /***/ (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__(30928);
+var content = __webpack_require__(46460);
 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("62de16fc", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("4abd91f8", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -45538,8 +45538,22 @@ var subProcess_id = 'processmaker-modeler-call-activity';
     });
   },
   inspectorHandler: function inspectorHandler(value, node, setNodeProp) {
-    setNodeProp(node, 'id', value.id);
-    setNodeProp(node, 'name', value.name);
+    if (node.definition.get('id') !== value['id']) {
+      window.ProcessMaker.EventBus.$emit('multiplayer-updateInspectorProperty', {
+        id: node.definition.id,
+        key: 'id',
+        value: value.id
+      });
+      setNodeProp(node, 'id', value.id);
+    }
+    if (node.definition.get('name') !== value['name']) {
+      window.ProcessMaker.EventBus.$emit('multiplayer-updateInspectorProperty', {
+        id: node.definition.id,
+        key: 'name',
+        value: value.name
+      });
+      setNodeProp(node, 'name', value.name);
+    }
     var currentConfig = JSON.parse(value.config);
     value['calledElement'] = currentConfig.calledElement;
     window.ProcessMaker.EventBus.$emit('multiplayer-updateInspectorProperty', {
@@ -48067,10 +48081,10 @@ var ValidationStatus_component = normalizeComponent(
 )
 
 /* harmony default export */ var ValidationStatus = (ValidationStatus_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=51b9ad07&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=5e26f2d7&
 
 
-var Modelervue_type_template_id_51b9ad07_render = function render() {
+var Modelervue_type_template_id_5e26f2d7_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -48309,9 +48323,9 @@ var Modelervue_type_template_id_51b9ad07_render = function render() {
     }
   }) : _vm._e()], 2)], 1);
 };
-var Modelervue_type_template_id_51b9ad07_staticRenderFns = [];
+var Modelervue_type_template_id_5e26f2d7_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=51b9ad07&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=5e26f2d7&
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/nodes/boundaryEvent/boundaryEvent.vue?vue&type=template&id=728530a2&
 var boundaryEventvue_type_template_id_728530a2_render = function render() {
@@ -51147,7 +51161,7 @@ var gateway_direction_default = /*#__PURE__*/__webpack_require__.n(gateway_direc
 var event_based_gateway = __webpack_require__(68522);
 var event_based_gateway_default = /*#__PURE__*/__webpack_require__.n(event_based_gateway);
 // EXTERNAL MODULE: ./node_modules/bpmnlint-plugin-processmaker/rules/call-activity-child-process.js
-var call_activity_child_process = __webpack_require__(7174);
+var call_activity_child_process = __webpack_require__(45684);
 var call_activity_child_process_default = /*#__PURE__*/__webpack_require__.n(call_activity_child_process);
 // EXTERNAL MODULE: ./node_modules/bpmnlint-plugin-processmaker/rules/id-required.js
 var id_required = __webpack_require__(74815);
@@ -52741,9 +52755,9 @@ var ValidatePanel_component = normalizeComponent(
 
 
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=68693adb&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=ef7988fa&
 
-var MultiplayerViewUsersvue_type_template_id_68693adb_render = function render() {
+var MultiplayerViewUsersvue_type_template_id_ef7988fa_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('b-avatar-group', {
@@ -52756,21 +52770,22 @@ var MultiplayerViewUsersvue_type_template_id_68693adb_render = function render()
     staticClass: "container"
   }, [_vm._l(_vm.filteredPlayers, function (item) {
     return [_c('Avatar', {
-      key: item.key,
+      key: item.id,
       attrs: {
         "badgeBackgroundColor": item.color,
         "imgSrc": item.avatar,
-        "userName": item.name
+        "userName": item.name,
+        "id": item.id
       }
     })];
   })], 2);
 };
-var MultiplayerViewUsersvue_type_template_id_68693adb_staticRenderFns = [];
+var MultiplayerViewUsersvue_type_template_id_ef7988fa_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=68693adb&
+;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=ef7988fa&
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/topRail/multiplayerViewUsers/avatar/Avatar.vue?vue&type=template&id=1c50a604&scoped=true&
-var Avatarvue_type_template_id_1c50a604_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/topRail/multiplayerViewUsers/avatar/Avatar.vue?vue&type=template&id=3d040108&scoped=true&
+var Avatarvue_type_template_id_3d040108_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -52779,24 +52794,35 @@ var Avatarvue_type_template_id_1c50a604_scoped_true_render = function render() {
       'backgroundColor': _vm.generateColorHsl(_vm.userName, _vm.saturationRange, _vm.lightnessRange)
     }
   }, [_vm.imgSrc ? _c('span', {
-    staticClass: "b-avatar-img"
+    staticClass: "b-avatar-img",
+    attrs: {
+      "id": _vm.id
+    }
   }, [_c('img', {
     attrs: {
       "src": _vm.imgSrc,
       "alt": _vm.userName
     }
   })]) : _c('span', {
-    staticClass: "b-avatar-text avatar-initials"
-  }, [_c('span', [_vm._v(" " + _vm._s(this.getInitials(_vm.userName)) + " ")])]), _c('span', {
+    staticClass: "b-avatar-text avatar-initials",
+    attrs: {
+      "id": _vm.id
+    }
+  }, [_c('span', [_vm._v(" " + _vm._s(this.getInitials(_vm.userName)) + " ")])]), _c('b-tooltip', {
+    attrs: {
+      "target": _vm.id,
+      "triggers": "hover"
+    }
+  }, [_vm._v(" " + _vm._s(_vm.userName) + " ")]), _vm.badgeBackgroundColor ? _c('span', {
     staticClass: "b-avatar-badge badge-danger",
     style: {
       bottom: '0px',
       right: '0px',
       backgroundColor: _vm.badgeBackgroundColor
     }
-  })]);
+  }) : _vm._e()], 1);
 };
-var Avatarvue_type_template_id_1c50a604_scoped_true_staticRenderFns = [];
+var Avatarvue_type_template_id_3d040108_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/topRail/multiplayerViewUsers/avatar/Avatar.vue?vue&type=script&lang=js&
 
@@ -52813,6 +52839,10 @@ var Avatarvue_type_template_id_1c50a604_scoped_true_staticRenderFns = [];
     userName: {
       type: String,
       required: false
+    },
+    id: {
+      type: String,
+      required: true
     }
   },
   data: function data() {
@@ -52915,9 +52945,9 @@ var Avatarvue_type_template_id_1c50a604_scoped_true_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/avatar/Avatar.vue?vue&type=script&lang=js&
  /* harmony default export */ var avatar_Avatarvue_type_script_lang_js_ = (Avatarvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./src/components/topRail/multiplayerViewUsers/avatar/avatar.scss?vue&type=style&index=0&id=1c50a604&prod&scoped=true&lang=scss&
-var avatarvue_type_style_index_0_id_1c50a604_prod_scoped_true_lang_scss_ = __webpack_require__(99479);
-;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/avatar/avatar.scss?vue&type=style&index=0&id=1c50a604&prod&scoped=true&lang=scss&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./src/components/topRail/multiplayerViewUsers/avatar/avatar.scss?vue&type=style&index=0&id=3d040108&prod&scoped=true&lang=scss&
+var avatarvue_type_style_index_0_id_3d040108_prod_scoped_true_lang_scss_ = __webpack_require__(9717);
+;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/avatar/avatar.scss?vue&type=style&index=0&id=3d040108&prod&scoped=true&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/avatar/Avatar.vue
 
@@ -52930,11 +52960,11 @@ var avatarvue_type_style_index_0_id_1c50a604_prod_scoped_true_lang_scss_ = __web
 
 var Avatar_component = normalizeComponent(
   avatar_Avatarvue_type_script_lang_js_,
-  Avatarvue_type_template_id_1c50a604_scoped_true_render,
-  Avatarvue_type_template_id_1c50a604_scoped_true_staticRenderFns,
+  Avatarvue_type_template_id_3d040108_scoped_true_render,
+  Avatarvue_type_template_id_3d040108_scoped_true_staticRenderFns,
   false,
   null,
-  "1c50a604",
+  "3d040108",
   null
   
 )
@@ -52982,8 +53012,8 @@ var Avatar_component = normalizeComponent(
 ;
 var MultiplayerViewUsers_component = normalizeComponent(
   multiplayerViewUsers_MultiplayerViewUsersvue_type_script_lang_js_,
-  MultiplayerViewUsersvue_type_template_id_68693adb_render,
-  MultiplayerViewUsersvue_type_template_id_68693adb_staticRenderFns,
+  MultiplayerViewUsersvue_type_template_id_ef7988fa_render,
+  MultiplayerViewUsersvue_type_template_id_ef7988fa_staticRenderFns,
   false,
   null,
   null,
@@ -53891,16 +53921,26 @@ var NodeMigrator = /*#__PURE__*/function () {
       }
       var flowNodes = [];
       var forceNodeToRemount = function forceNodeToRemount(definition) {
+        var _node$diagram$waypoin;
         var shape = _this._graph.getLinks().find(function (element) {
           return element.component && element.component.node.definition === definition;
         });
-        shape.component.node._modelerId += '_replaced';
+        var node = shape.component.node;
+        node._modelerId += '_replaced';
+        var waypoint = [];
+        (_node$diagram$waypoin = node.diagram.waypoint) === null || _node$diagram$waypoin === void 0 ? void 0 : _node$diagram$waypoin.forEach(function (point) {
+          waypoint.push({
+            x: point.x,
+            y: point.y
+          });
+        });
         flowNodes.push({
-          id: shape.component.node.definition.id,
-          type: shape.component.node.type,
-          name: shape.component.node.definition.name,
-          sourceRefId: shape.component.node.definition.sourceRef.id,
-          targetRefId: shape.component.node.definition.targetRef.id
+          id: node.definition.id,
+          type: node.type,
+          name: node.definition.name,
+          waypoint: waypoint,
+          sourceRefId: node.definition.sourceRef.id,
+          targetRefId: node.definition.targetRef.id
         });
       };
       var incoming = this._nodeThatWillBeReplaced.definition.get('incoming');
@@ -55499,8 +55539,8 @@ var genericFlow_component = normalizeComponent(
 )
 
 /* harmony default export */ var genericFlow = (genericFlow_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Selection.vue?vue&type=template&id=7b6db830&scoped=true&
-var Selectionvue_type_template_id_7b6db830_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Selection.vue?vue&type=template&id=131025ac&scoped=true&
+var Selectionvue_type_template_id_131025ac_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.showLasso && _vm.style ? _c('div', {
@@ -55530,7 +55570,7 @@ var Selectionvue_type_template_id_7b6db830_scoped_true_render = function render(
     }
   }, _vm.$listeners))], 1) : _vm._e();
 };
-var Selectionvue_type_template_id_7b6db830_scoped_true_staticRenderFns = [];
+var Selectionvue_type_template_id_131025ac_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/crown/crownMultiselect/crownMultiselect.vue?vue&type=template&id=bcd827ec&scoped=true&
 
@@ -57061,10 +57101,10 @@ var crownMultiselect_component = normalizeComponent(
         return !shapesToNotTranslate.includes(shape.model.get('type'));
       }).forEach(function (shape) {
         if (shape.model.get('type') === 'processmaker.modeler.bpmn.pool') {
-          var childrens = shape.model.component.getElementsUnderArea(shape.model, _this6.graph).filter(function (element) {
+          var children = shape.model.component.getElementsUnderArea(shape.model, _this6.graph).filter(function (element) {
             return element.component;
           });
-          changed = [].concat(_toConsumableArray(changed), _toConsumableArray(_this6.getContainerProperties(childrens, changed)));
+          changed = [].concat(_toConsumableArray(changed), _toConsumableArray(_this6.getContainerProperties(children, changed)));
         } else {
           var _shape$model$componen, _shape$model$componen2, _node$pool;
           var node = shape.model.component.node;
@@ -57091,32 +57131,35 @@ var crownMultiselect_component = normalizeComponent(
     },
     /**
      * Get connected link properties
-     * @param {Array} links 
+     * @param {Array} links
      */
     getConnectedLinkProperties: function getConnectedLinkProperties(links) {
       var changed = [];
       links.forEach(function (linkView) {
-        var _node$diagram$waypoin;
-        var waypoint = [];
-        var node = linkView.model.component.node;
-        (_node$diagram$waypoin = node.diagram.waypoint) === null || _node$diagram$waypoin === void 0 ? void 0 : _node$diagram$waypoin.forEach(function (point) {
-          waypoint.push({
-            x: point.x,
-            y: point.y
+        var vertices = linkView.model.component.shape.vertices();
+        if (vertices !== null && vertices !== void 0 && vertices.length) {
+          var _node$diagram$waypoin;
+          var waypoint = [];
+          var node = linkView.model.component.node;
+          (_node$diagram$waypoin = node.diagram.waypoint) === null || _node$diagram$waypoin === void 0 ? void 0 : _node$diagram$waypoin.forEach(function (point) {
+            waypoint.push({
+              x: point.x,
+              y: point.y
+            });
           });
-        });
-        var sourceRefId = linkView.sourceView.model.component.node.definition.id;
-        var targetRefId = linkView.targetView.model.component.node.definition.id;
-        var nodeType = linkView.model.component.node.type;
-        changed.push({
-          id: node.definition.id,
-          properties: {
-            type: nodeType,
-            waypoint: waypoint,
-            sourceRefId: sourceRefId,
-            targetRefId: targetRefId
-          }
-        });
+          var sourceRefId = linkView.sourceView.model.component.node.definition.id;
+          var targetRefId = linkView.targetView.model.component.node.definition.id;
+          var nodeType = linkView.model.component.node.type;
+          changed.push({
+            id: node.definition.id,
+            properties: {
+              type: nodeType,
+              waypoint: waypoint,
+              sourceRefId: sourceRefId,
+              targetRefId: targetRefId
+            }
+          });
+        }
       });
       return changed;
     },
@@ -57147,10 +57190,10 @@ var crownMultiselect_component = normalizeComponent(
       });
       return boundariesChanged;
     },
-    getContainerProperties: function getContainerProperties(childrens) {
+    getContainerProperties: function getContainerProperties(children) {
       var changed = [];
-      childrens.forEach(function (model) {
-        changed.push({
+      children.forEach(function (model) {
+        var defaultData = {
           id: model.component.node.definition.id,
           properties: {
             x: model.get('position').x,
@@ -57159,7 +57202,12 @@ var crownMultiselect_component = normalizeComponent(
             width: model.get('size').width,
             color: model.get('color')
           }
-        });
+        };
+        if (model.component.node.definition.$type === 'bpmn:BoundaryEvent') {
+          var _model$component$node, _model$component$node2;
+          defaultData.properties.attachedToRefId = (_model$component$node = (_model$component$node2 = model.component.node.definition.get('attachedToRef')) === null || _model$component$node2 === void 0 ? void 0 : _model$component$node2.id) !== null && _model$component$node !== void 0 ? _model$component$node : null;
+        }
+        changed.push(defaultData);
       });
       return changed;
     },
@@ -57546,9 +57594,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-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.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-55.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.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=7b6db830&prod&scoped=true&lang=css&
-var Selectionvue_type_style_index_0_id_7b6db830_prod_scoped_true_lang_css_ = __webpack_require__(46546);
-;// CONCATENATED MODULE: ./src/components/modeler/Selection.vue?vue&type=style&index=0&id=7b6db830&prod&scoped=true&lang=css&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.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-55.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.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=131025ac&prod&scoped=true&lang=css&
+var Selectionvue_type_style_index_0_id_131025ac_prod_scoped_true_lang_css_ = __webpack_require__(33487);
+;// CONCATENATED MODULE: ./src/components/modeler/Selection.vue?vue&type=style&index=0&id=131025ac&prod&scoped=true&lang=css&
 
 ;// CONCATENATED MODULE: ./src/components/modeler/Selection.vue
 
@@ -57561,11 +57609,11 @@ var Selectionvue_type_style_index_0_id_7b6db830_prod_scoped_true_lang_css_ = __w
 
 var Selection_component = normalizeComponent(
   modeler_Selectionvue_type_script_lang_js_,
-  Selectionvue_type_template_id_7b6db830_scoped_true_render,
-  Selectionvue_type_template_id_7b6db830_scoped_true_staticRenderFns,
+  Selectionvue_type_template_id_131025ac_scoped_true_render,
+  Selectionvue_type_template_id_131025ac_scoped_true_staticRenderFns,
   false,
   null,
-  "7b6db830",
+  "131025ac",
   null
   
 )
@@ -76077,6 +76125,133 @@ var Room = /*#__PURE__*/function () {
   return Room;
 }();
 
+;// CONCATENATED MODULE: ./src/multiplayer/inspector.utils.js
+
+
+
+
+
+
+
+
+var InspectorUtils = /*#__PURE__*/function () {
+  function InspectorUtils(modeler, store) {
+    _classCallCheck(this, InspectorUtils);
+    this.modeler = modeler;
+    this.store = store;
+  }
+  _createClass(InspectorUtils, [{
+    key: "isSpecialProperty",
+    value: function isSpecialProperty(key) {
+      var specialProperties = ['messageRef', 'signalRef', 'signalPayload', 'gatewayDirection', 'condition', 'allowedUsers', 'allowedGroups'];
+      return specialProperties.includes(key);
+    }
+  }, {
+    key: "updateNodeId",
+    value: function updateNodeId(oldNodeId, newId) {
+      var index = this.getIndex(oldNodeId);
+      var yNode = this.yArray.get(index);
+      yNode.set('id', newId);
+      var node = this.getNodeById(oldNodeId);
+      this.store.commit('updateNodeProp', {
+        node: node,
+        key: 'id',
+        value: newId
+      });
+    }
+  }, {
+    key: "handleLoopCharacteristics",
+    value: function handleLoopCharacteristics(node, loopCharacteristics) {
+      var parsedLoopCharacteristics = JSON.parse(loopCharacteristics);
+      this.modeler.nodeRegistry[node.type].loopCharacteristicsHandler({
+        type: node.definition.type,
+        '$loopCharactetistics': {
+          id: node.id,
+          loopCharacteristics: parsedLoopCharacteristics
+        }
+      }, node, this.setNodeProp, this.modeler.moddle, this.modeler.definitions, false);
+    }
+  }, {
+    key: "updateEventCondition",
+    value: function updateEventCondition(definition, value) {
+      definition.get('eventDefinitions')[0].get('condition').body = value;
+    }
+  }, {
+    key: "updateGatewayDirection",
+    value: function updateGatewayDirection(definition, value) {
+      definition.set('gatewayDirection', value);
+    }
+  }, {
+    key: "updateNodeProperty",
+    value: function updateNodeProperty(node, key, value) {
+      this.store.commit('updateNodeProp', {
+        node: node,
+        key: key,
+        value: value
+      });
+    }
+  }, {
+    key: "updateMessageRef",
+    value: function updateMessageRef(node, value, extras) {
+      var message = this.modeler.definitions.rootElements.find(function (element) {
+        return element.id === value;
+      });
+      if (!message) {
+        message = this.modeler.moddle.create('bpmn:Message', {
+          id: value,
+          name: (extras === null || extras === void 0 ? void 0 : extras.messageName) || value
+        });
+        this.modeler.definitions.rootElements.push(message);
+      }
+      node.definition.get('eventDefinitions')[0].messageRef = message;
+      if (extras !== null && extras !== void 0 && extras.allowedUsers) {
+        node.definition.set('allowedUsers', extras.allowedUsers);
+      }
+      if (extras !== null && extras !== void 0 && extras.allowedGroups) {
+        node.definition.set('allowedGroups', extras.allowedGroups);
+      }
+    }
+  }, {
+    key: "updateSignalRef",
+    value: function updateSignalRef(node, value, extras) {
+      var signal = this.modeler.definitions.rootElements.find(function (element) {
+        return element.id === value;
+      });
+      if (!signal) {
+        signal = this.modeler.moddle.create('bpmn:Signal', {
+          id: value,
+          name: (extras === null || extras === void 0 ? void 0 : extras.signalName) || value
+        });
+        this.modeler.definitions.rootElements.push(signal);
+      }
+      node.definition.get('eventDefinitions')[0].signalRef = signal;
+    }
+  }, {
+    key: "updateSignalPayload",
+    value: function updateSignalPayload(node, value) {
+      var eventDefinitions = node.definition.get('eventDefinitions');
+      var SIGNAL_EVENT_DEFINITION_TYPE = 'bpmn:SignalEventDefinition';
+      eventDefinitions.forEach(function (definition) {
+        if (definition.$type === SIGNAL_EVENT_DEFINITION_TYPE) {
+          definition.config = value;
+        }
+      });
+    }
+  }, {
+    key: "updateEventTimerDefinition",
+    value: function updateEventTimerDefinition(node, value) {
+      var type = value.type,
+        body = value.body;
+      var eventDefinitions = setEventTimerDefinition(this.modeler.moddle, node, type, body);
+      this.store.commit('updateNodeProp', {
+        node: node,
+        key: 'eventDefinitions',
+        value: eventDefinitions
+      });
+    }
+  }]);
+  return InspectorUtils;
+}();
 ;// CONCATENATED MODULE: ./src/multiplayer/multiplayer.js
 
 
@@ -76141,6 +76316,8 @@ var Room = /*#__PURE__*/function () {
 
 
 
+
+
 
 
 
@@ -76157,6 +76334,7 @@ var Multiplayer = /*#__PURE__*/function () {
       value: null
     });
     _defineProperty(this, "room", null);
+    _defineProperty(this, "inspector", null);
     _defineProperty(this, "deletedItem", null);
     // define document
     this.yDoc = new Doc();
@@ -76174,6 +76352,7 @@ var Multiplayer = /*#__PURE__*/function () {
       // Get the room name from the process id
       var processId = (_window$ProcessMaker$ = window.ProcessMaker.modeler.process.uuid) !== null && _window$ProcessMaker$ !== void 0 ? _window$ProcessMaker$ : window.ProcessMaker.modeler.process.id;
       this.room = new Room("room-".concat(processId));
+      this.inspector = new InspectorUtils(this.modeler, store);
 
       // Connect to websocket server
       this.clientIO = esm_lookup(window.ProcessMaker.multiplayer.host, {
@@ -76206,8 +76385,8 @@ var Multiplayer = /*#__PURE__*/function () {
             var newPlayer = {
               id: client.id,
               name: client.name,
-              color: '#FF6F61',
-              avatar: client.avatar,
+              color: client.color,
+              avatar: client.avatar || null,
               top: 90,
               left: 80
             };
@@ -76340,7 +76519,9 @@ var Multiplayer = /*#__PURE__*/function () {
         _this2.removeNode(data);
       });
       window.ProcessMaker.EventBus.$on('multiplayer-updateNodes', function (data) {
-        _this2.updateNodes(data);
+        if (_this2.modeler.isMultiplayer) {
+          _this2.updateNodes(data);
+        }
       });
       window.ProcessMaker.EventBus.$on('multiplayer-replaceNode', function (_ref3) {
         var nodeData = _ref3.nodeData,
@@ -76586,8 +76767,7 @@ var Multiplayer = /*#__PURE__*/function () {
     key: "updateShapes",
     value: function () {
       var _updateShapes = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
-        var _this6 = this;
-        var paper, element, newPool, waypoint, sourceElem, targetElem, startWaypoint, endWaypoint, newWaypoint, node, _node;
+        var paper, element, newPool, node, _node;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -76595,41 +76775,11 @@ var Multiplayer = /*#__PURE__*/function () {
               element = this.modeler.getElementByNodeId(data.id);
               newPool = this.modeler.getElementByNodeId(data.poolId);
               if (!this.modeler.flowTypes.includes(data.type)) {
-                _context3.next = 8;
+                _context3.next = 7;
                 break;
               }
-              waypoint = data.waypoint;
-              if (waypoint) {
-                // Update the element's waypoints
-                // Get the source and target elements
-                sourceElem = this.modeler.getElementByNodeId(data.sourceRefId);
-                targetElem = this.modeler.getElementByNodeId(data.targetRefId);
-                startWaypoint = waypoint.shift();
-                endWaypoint = waypoint.pop(); // Update the element's waypoints
-                newWaypoint = waypoint.map(function (point) {
-                  return _this6.modeler.moddle.create('dc:Point', point);
-                });
-                element.set('vertices', newWaypoint);
-
-                // Update the element's source anchor
-                element.source(sourceElem, {
-                  anchor: function anchor() {
-                    return getDefaultAnchorPoint(_this6.getConnectionPoint(sourceElem, startWaypoint), sourceElem.findView(paper));
-                  },
-                  connectionPoint: {
-                    name: 'boundary'
-                  }
-                });
-
-                // Update the element's target anchor
-                element.target(targetElem, {
-                  anchor: function anchor() {
-                    return getDefaultAnchorPoint(_this6.getConnectionPoint(targetElem, endWaypoint), targetElem.findView(paper));
-                  },
-                  connectionPoint: {
-                    name: 'boundary'
-                  }
-                });
+              if ('waypoint' in data) {
+                this.updateMovedWaypoint(element, data);
               } else {
                 node = this.getNodeById(data.id);
                 store.commit('updateNodeProp', {
@@ -76638,43 +76788,55 @@ var Multiplayer = /*#__PURE__*/function () {
                   value: data.color
                 });
               }
-              _context3.next = 21;
+              _context3.next = 23;
               break;
-            case 8:
+            case 7:
+              // updata gateway default folow
+              this.updateGatewayDefaultFlow(element, data);
+              if (typeof element.resize === 'function' && data.width && data.height) {
+                element.resize( /* Add labelWidth to ensure elements don't overlap with the pool label */
+                data.width, data.height);
+              }
               // 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
-              });
+              if (data.x && data.y) {
+                element.set('position', {
+                  x: data.x,
+                  y: data.y
+                });
+              }
+              // udpdate the element's color
+              if (!data.color) {
+                _context3.next = 14;
+                break;
+              }
               _node = this.getNodeById(data.id);
               store.commit('updateNodeProp', {
                 node: _node,
                 key: 'color',
                 value: data.color
               });
-
+              return _context3.abrupt("return");
+            case 14:
               // boundary type
               if (element.component.node.definition.$type === 'bpmn:BoundaryEvent') {
                 this.attachBoundaryEventToNode(element, data);
               }
 
               // Trigger a rendering of the element on the paper
-              _context3.next = 15;
-              return paper.findViewByModel(element).update();
-            case 15:
               _context3.next = 17;
-              return element.component.$nextTick();
+              return paper.findViewByModel(element).update();
             case 17:
               _context3.next = 19;
-              return this.modeler.paperManager.awaitScheduledUpdates();
+              return element.component.$nextTick();
             case 19:
+              _context3.next = 21;
+              return this.modeler.paperManager.awaitScheduledUpdates();
+            case 21:
               if (newPool && element.component.node.pool && element.component.node.pool.component.id !== data.poolId) {
                 element.component.node.pool.component.moveElementRemote(element, newPool);
               }
               this.modeler.updateLasso();
-            case 21:
+            case 23:
             case "end":
               return _context3.stop();
           }
@@ -76685,6 +76847,64 @@ var Multiplayer = /*#__PURE__*/function () {
       }
       return updateShapes;
     }()
+    /**
+     * Update default Flow property
+     * @param {Object} element
+     * @param {Object} data
+     */
+  }, {
+    key: "updateGatewayDefaultFlow",
+    value: function updateGatewayDefaultFlow(element, data) {
+      if (Object.hasOwn(data, 'default')) {
+        var node = this.getNodeById(data.default);
+        element.component.node.definition.set('default', node || null);
+      }
+    }
+    /**
+     * Update moved waypoint object
+     * @param {Object} element
+     * @param {Object} data
+     */
+  }, {
+    key: "updateMovedWaypoint",
+    value: function updateMovedWaypoint(element, data) {
+      var _this6 = this;
+      var waypoint = data.waypoint;
+      var paper = this.modeler.paper;
+      // Update the element's waypoints
+      // Get the source and target elements
+      var sourceElem = this.modeler.getElementByNodeId(data.sourceRefId);
+      var targetElem = this.modeler.getElementByNodeId(data.targetRefId);
+      var startWaypoint = waypoint[0],
+        endWaypoint = waypoint[waypoint.length - 1];
+      // Update the element's waypoints
+      element.vertices(waypoint);
+      // update bpmn waypoints
+      element.component.node.diagram.waypoint = waypoint.map(function (point) {
+        return _this6.modeler.moddle.create('dc:Point', point);
+      });
+      // Force Remount Flow
+      element.component.node._modelerId += '_replaced';
+      // Update the element's source anchor
+      element.source(sourceElem, {
+        anchor: function anchor() {
+          return getDefaultAnchorPoint(_this6.getConnectionPoint(sourceElem, startWaypoint), sourceElem.findView(paper));
+        },
+        connectionPoint: {
+          name: 'boundary'
+        }
+      });
+
+      // Update the element's target anchor
+      element.target(targetElem, {
+        anchor: function anchor() {
+          return getDefaultAnchorPoint(_this6.getConnectionPoint(targetElem, endWaypoint), targetElem.findView(paper));
+        },
+        connectionPoint: {
+          name: 'boundary'
+        }
+      });
+    }
   }, {
     key: "attachBoundaryEventToNode",
     value: function attachBoundaryEventToNode(element, data) {
@@ -76828,108 +77048,49 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "updateShapeFromInspector",
     value: function updateShapeFromInspector(data) {
+      var _this$modeler$nodeReg2;
       var node = null;
       if (data.oldNodeId && data.oldNodeId !== data.id) {
-        var index = this.getIndex(data.oldNodeId);
-        var yNode = this.yArray.get(index);
-        yNode.set('id', data.id);
-        node = this.getNodeById(data.oldNodeId);
-        store.commit('updateNodeProp', {
-          node: node,
-          key: 'id',
-          value: data.id
-        });
-        return;
+        this.inspector.updateNodeId(data.oldNodeId, data.id);
       }
-      // create a node
       node = this.getNodeById(data.id);
-      if (node) {
-        var _this$modeler$nodeReg2;
-        var extras = {};
-        // extras property section
-        if (data.extras && Object.keys(data.extras).length > 0) {
-          extras = data.extras;
-        }
-        // loopCharacteristics property section
-        if (data.loopCharacteristics) {
-          var loopCharacteristics = JSON.parse(data.loopCharacteristics);
-          this.modeler.nodeRegistry[node.type].loopCharacteristicsHandler({
-            type: node.definition.type,
-            '$loopCharactetistics': {
-              id: data.id,
-              loopCharacteristics: loopCharacteristics
-            }
-          }, node, this.setNodeProp, this.modeler.moddle, this.modeler.definitions, false);
-          return;
-        }
-        if ((_this$modeler$nodeReg2 = this.modeler.nodeRegistry[node.type]) !== null && _this$modeler$nodeReg2 !== void 0 && _this$modeler$nodeReg2.multiplayerInspectorHandler) {
-          this.modeler.nodeRegistry[node.type].multiplayerInspectorHandler(node, data, this.setNodeProp, this.modeler.moddle);
-          return;
-        }
-        var keys = Object.keys(data).filter(function (key) {
-          return key !== 'id';
-        });
-        var key = keys[0];
-        var value = data[key];
-        if (key === 'condition') {
-          node.definition.get('eventDefinitions')[0].get('condition').body = value;
-        }
-        if (key === 'gatewayDirection') {
-          node.definition.set('gatewayDirection', value);
-        }
-        if (key === 'messageRef') {
-          var _extras2, _extras3;
-          var message = this.modeler.definitions.rootElements.find(function (element) {
-            return element.id === value;
-          });
-          if (!message) {
-            var _extras;
-            message = this.modeler.moddle.create('bpmn:Message', {
-              id: value,
-              name: ((_extras = extras) === null || _extras === void 0 ? void 0 : _extras.messageName) || value
-            });
-            this.modeler.definitions.rootElements.push(message);
-          }
-          node.definition.get('eventDefinitions')[0].messageRef = message;
-          if ((_extras2 = extras) !== null && _extras2 !== void 0 && _extras2.allowedUsers) {
-            node.definition.set('allowedUsers', extras.allowedUsers);
-          }
-          if ((_extras3 = extras) !== null && _extras3 !== void 0 && _extras3.allowedGroups) {
-            node.definition.set('allowedGroups', extras.allowedGroups);
-          }
-        }
-        if (key === 'signalRef') {
-          var signal = this.modeler.definitions.rootElements.find(function (element) {
-            return element.id === value;
-          });
-          if (!signal) {
-            var _extras4;
-            signal = this.modeler.moddle.create('bpmn:Signal', {
-              id: value,
-              name: ((_extras4 = extras) === null || _extras4 === void 0 ? void 0 : _extras4.signalName) || value
-            });
-            this.modeler.definitions.rootElements.push(signal);
-          }
-          node.definition.get('eventDefinitions')[0].signalRef = signal;
-        }
-        if (key === 'eventTimerDefinition') {
-          var _value = value,
-            type = _value.type,
-            body = _value.body;
-          var eventDefinitions = setEventTimerDefinition(this.modeler.moddle, node, type, body);
-          key = 'eventDefinitions';
-          value = eventDefinitions;
-        }
-        var specialProperties = ['messageRef', 'signalRef', 'gatewayDirection', 'condition', 'allowedUsers', 'allowedGroups'];
-        if (!specialProperties.includes(key)) {
-          store.commit('updateNodeProp', {
-            node: node,
-            key: key,
-            value: value
-          });
-        }
+      if (!node) {
+        return;
+      }
+      var _data$extras = data.extras,
+        extras = _data$extras === void 0 ? {} : _data$extras;
+      var _node2 = node,
+        definition = _node2.definition;
+      if (data.loopCharacteristics) {
+        this.inspector.handleLoopCharacteristics(node, data.loopCharacteristics);
+        return;
+      }
+      if ((_this$modeler$nodeReg2 = this.modeler.nodeRegistry[node.type]) !== null && _this$modeler$nodeReg2 !== void 0 && _this$modeler$nodeReg2.multiplayerInspectorHandler) {
+        this.modeler.nodeRegistry[node.type].multiplayerInspectorHandler(node, data, this.setNodeProp, this.modeler.moddle);
+        return;
+      }
+      var keys = Object.keys(data).filter(function (key) {
+        return key !== 'id';
+      });
+      var key = keys[0];
+      var value = data[key];
+      if (key === 'condition') {
+        this.inspector.updateEventCondition(definition, value);
+      } else if (key === 'gatewayDirection') {
+        this.inspector.updateGatewayDirection(definition, value);
+      } else if (key === 'messageRef') {
+        this.inspector.updateMessageRef(node, value, extras);
+      } else if (key === 'signalRef') {
+        this.inspector.updateSignalRef(node, value, extras);
+      } else if (key === 'signalPayload') {
+        this.inspector.updateSignalPayload(node, value);
+      } else if (key === 'eventTimerDefinition') {
+        this.inspector.updateEventTimerDefinition(node, value);
+      } else if (!this.inspector.isSpecialProperty(key)) {
+        this.inspector.updateNodeProperty(node, key, value);
       }
     }
+
     /**
      * Update the shared document and emit socket sign to update the flows
      * @param {Object} data
@@ -76967,7 +77128,6 @@ var Multiplayer = /*#__PURE__*/function () {
       var flow = this.getNodeById(data.id);
       if (flow && data.sourceRefId) {
         var sourceRef = this.getNodeById(data.sourceRefId);
-        flow.definition.set('sourceRef', sourceRef.definition);
         var outgoing = sourceRef.definition.get('outgoing').find(function (element) {
           return element.id === flow.definition.id;
         });
@@ -76975,11 +77135,11 @@ var Multiplayer = /*#__PURE__*/function () {
           var _sourceRef$definition;
           (_sourceRef$definition = sourceRef.definition.get('outgoing')).push.apply(_sourceRef$definition, [flow.definition]);
         }
+        flow.definition.set('sourceRef', sourceRef.definition);
         remount = true;
       }
       if (flow && data.targetRefId) {
         var targetRef = this.getNodeById(data.targetRefId);
-        flow.definition.set('targetRef', targetRef.definition);
         var incoming = targetRef.definition.get('incoming').find(function (element) {
           return element.id === flow.definition.id;
         });
@@ -76987,13 +77147,32 @@ var Multiplayer = /*#__PURE__*/function () {
           var _targetRef$definition;
           (_targetRef$definition = targetRef.definition.get('incoming')).push.apply(_targetRef$definition, [flow.definition]);
         }
+        flow.definition.set('targetRef', targetRef.definition);
         remount = true;
       }
+
+      // update moddle waypoints
+      this.refreshNodeWaypoint(this.modeler.getElementByNodeId(data.id));
       if (remount) {
         // Force Remount Flow
         flow._modelerId += '_replaced';
       }
     }
+    /**
+     * Refresh the node waypoint data
+     * @param {Object} element
+     */
+  }, {
+    key: "refreshNodeWaypoint",
+    value: function refreshNodeWaypoint(element) {
+      var _this9 = this;
+      var linkView = this.modeler.paper.findViewByModel(element);
+      var start = linkView.sourceAnchor;
+      var end = linkView.targetAnchor;
+      element.component.node.diagram.waypoint = [start].concat(_toConsumableArray(element.component.shape.vertices()), [end]).map(function (point) {
+        return _this9.modeler.moddle.create('dc:Point', point);
+      });
+    }
   }]);
   return Multiplayer;
 }();
@@ -77353,10 +77532,17 @@ var Multiplayer = /*#__PURE__*/function () {
       }))();
     },
     toggleDefaultFlow: function toggleDefaultFlow(flow) {
+      var _flow;
       var source = flow.definition.sourceRef;
       if (source.default && source.default.id === flow.id) {
         flow = null;
       }
+      window.ProcessMaker.EventBus.$emit('multiplayer-updateNodes', [{
+        id: source.id,
+        properties: {
+          default: ((_flow = flow) === null || _flow === void 0 ? void 0 : _flow.id) || null
+        }
+      }]);
       source.set('default', flow);
     },
     cloneElement: function cloneElement(node, copyCount) {
@@ -78342,7 +78528,9 @@ var Multiplayer = /*#__PURE__*/function () {
             gatewayDirection: null,
             messageRef: null,
             signalRef: null,
-            extras: {}
+            signalPayload: null,
+            extras: {},
+            default: null
           };
           if (node !== null && node !== void 0 && (_node$pool = node.pool) !== null && _node$pool !== void 0 && _node$pool.component) {
             defaultData['poolId'] = node.pool.component.id;
@@ -79248,8 +79436,8 @@ var modelervue_type_style_index_0_prod_lang_scss_ = __webpack_require__(26695);
 
 var Modeler_component = normalizeComponent(
   modeler_Modelervue_type_script_lang_js_,
-  Modelervue_type_template_id_51b9ad07_render,
-  Modelervue_type_template_id_51b9ad07_staticRenderFns,
+  Modelervue_type_template_id_5e26f2d7_render,
+  Modelervue_type_template_id_5e26f2d7_staticRenderFns,
   false,
   null,
   null,