@processmaker/modeler 1.40.3 → 1.42.0

package/dist/modeler.common.js

@@ -12839,7 +12839,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".weekday[data-v-4ae18478]{padding:.75e
 
 /***/ }),
 
-/***/ 37014:
+/***/ 33233:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12853,7 +12853,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___);
 
@@ -13570,7 +13570,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".toolbar{z-index:4;height:4rem;cursor:
 
 /***/ }),
 
-/***/ 53984:
+/***/ 56838:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13584,7 +13584,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___);
 
@@ -26510,19 +26510,19 @@ var update = add("406dc84a", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 33036:
+/***/ 93754:
 /***/ (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__(37014);
+var content = __webpack_require__(33233);
 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("3eab812e", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("889955ba", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -27038,19 +27038,19 @@ var update = add("0e3dfd4a", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 27758:
+/***/ 64181:
 /***/ (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__(53984);
+var content = __webpack_require__(56838);
 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("38b028bc", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("9f196e78", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -45440,8 +45440,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', {
@@ -46978,7 +46992,13 @@ function elementShouldHaveFlowNodeRef(element) {
             pool = modeler.getElementByNodeId(data.poolId);
             definition = modeler.moddle.create('bpmn:Lane', {
               name: data.name
-            });
+            }); // Set the position of the pool
+            if (data.poolX && data.poolY) {
+              pool.set('position', {
+                x: data.poolX,
+                y: data.poolY
+              });
+            }
             if (!pool.component.laneSet && pool.component.createLaneSet) {
               pool.component.createLaneSet([data.laneSetId]);
               /* If there are currently elements in the pool, add them to the first lane */
@@ -46998,12 +47018,13 @@ function elementShouldHaveFlowNodeRef(element) {
                 y: data.y
               })
             });
-            node = new Node(data.type, definition, diagram);
-            _context.next = 7;
+            node = new Node(data.type, definition, diagram); // Set the pool as the parent of the lane
+            node.pool = pool;
+            _context.next = 9;
             return modeler.addNode(node, data.id, true);
-          case 7:
+          case 9:
             modeler.setShapeStacking(pool.component.shape);
-          case 8:
+          case 10:
           case "end":
             return _context.stop();
         }
@@ -47969,10 +47990,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=51b9ad07&
+;// 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=4a4f3272&
 
 
-var Modelervue_type_template_id_51b9ad07_render = function render() {
+var Modelervue_type_template_id_4a4f3272_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -48211,9 +48232,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_4a4f3272_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=51b9ad07&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=4a4f3272&
 
 ;// 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=728530a2&
 var boundaryEventvue_type_template_id_728530a2_render = function render() {
@@ -52643,9 +52664,9 @@ var ValidatePanel_component = normalizeComponent(
 
 
 
-;// 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/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=68693adb&
+;// 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/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', {
@@ -52658,21 +52679,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-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/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-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/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', {
@@ -52681,24 +52703,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-40.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&
 
@@ -52715,6 +52748,10 @@ var Avatarvue_type_template_id_1c50a604_scoped_true_staticRenderFns = [];
     userName: {
       type: String,
       required: false
+    },
+    id: {
+      type: String,
+      required: true
     }
   },
   data: function data() {
@@ -52817,9 +52854,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-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]!./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__(27758);
-;// 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-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]!./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__(64181);
+;// 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
 
@@ -52832,11 +52869,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
   
 )
@@ -52884,8 +52921,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,
@@ -53793,16 +53830,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');
@@ -55401,8 +55448,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=7b6db830&scoped=true&
-var Selectionvue_type_template_id_7b6db830_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=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', {
@@ -55432,7 +55479,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-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&
 
@@ -56963,10 +57010,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;
@@ -56993,32 +57040,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;
     },
@@ -57049,10 +57099,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,
@@ -57061,7 +57111,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;
     },
@@ -57448,9 +57503,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=7b6db830&prod&scoped=true&lang=css&
-var Selectionvue_type_style_index_0_id_7b6db830_prod_scoped_true_lang_css_ = __webpack_require__(33036);
-;// 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-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=131025ac&prod&scoped=true&lang=css&
+var Selectionvue_type_style_index_0_id_131025ac_prod_scoped_true_lang_css_ = __webpack_require__(93754);
+;// 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
 
@@ -57463,11 +57518,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
   
 )
@@ -75979,6 +76034,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
 
 
@@ -76043,6 +76225,8 @@ var Room = /*#__PURE__*/function () {
 
 
 
+
+
 
 
 
@@ -76059,6 +76243,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();
@@ -76076,6 +76261,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, {
@@ -76108,8 +76294,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
             };
@@ -76242,7 +76428,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,
@@ -76282,6 +76470,9 @@ var Multiplayer = /*#__PURE__*/function () {
         if (node.definition.$type === 'bpmn:BoundaryEvent') {
           return getBoundaryEventData(node);
         }
+        if (node.definition.$type === 'bpmn:Lane') {
+          return _this3.prepareLaneData(node);
+        }
         return _this3.modeler.multiplayerHook(node, false, true);
       });
       nodes.forEach(function (node) {
@@ -76488,8 +76679,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:
@@ -76497,41 +76687,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', {
@@ -76540,43 +76700,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();
           }
@@ -76587,6 +76759,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) {
@@ -76625,7 +76855,7 @@ var Multiplayer = /*#__PURE__*/function () {
     value: function addLaneNodes(lanes) {
       var _this7 = this;
       var pool = this.getPool(lanes);
-      window.ProcessMaker.EventBus.$emit('multiplayer-updateNodes', [{
+      var defaultPoolData = {
         id: pool.component.node.definition.id,
         properties: {
           x: pool.component.node.diagram.bounds.x,
@@ -76634,7 +76864,8 @@ var Multiplayer = /*#__PURE__*/function () {
           width: pool.component.node.diagram.bounds.width,
           isAddingLaneAbove: pool.isAddingLaneAbove
         }
-      }]);
+      };
+      window.ProcessMaker.EventBus.$emit('multiplayer-updateNodes', [defaultPoolData]);
       this.yDoc.transact(function () {
         lanes.forEach(function (lane) {
           var yMapNested = new YMap();
@@ -76660,7 +76891,9 @@ var Multiplayer = /*#__PURE__*/function () {
         width: lane.diagram.bounds.width,
         height: lane.diagram.bounds.height,
         poolId: lane.pool.component.node.definition.id,
-        laneSetId: lane.pool.component.laneSet.id
+        laneSetId: lane.pool.component.laneSet.id,
+        poolX: lane.pool.component.node.diagram.bounds.x,
+        poolY: lane.pool.component.node.diagram.bounds.y
       };
       return data;
     }
@@ -76730,108 +76963,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
@@ -76869,7 +77043,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;
         });
@@ -76877,11 +77050,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;
         });
@@ -76889,13 +77062,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;
 }();
@@ -77255,10 +77447,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) {
@@ -78115,24 +78314,26 @@ var Multiplayer = /*#__PURE__*/function () {
               diagram = _this27.nodeRegistry[data.type].diagram(_this27.moddle);
               diagram.bounds.x = data.x;
               diagram.bounds.y = data.y;
+              diagram.bounds.width = data.width;
+              diagram.bounds.height = data.height;
               newNode = _this27.createNode(data.type, definition, diagram); //verify if the node has a pool as a container
               if (data.poolId) {
                 pool = _this27.getElementByNodeId(data.poolId);
                 _this27.poolTarget = pool;
               }
-              _context14.next = 8;
-              return _this27.addNode(newNode, data.id, true);
-            case 8:
               _context14.next = 10;
-              return _this27.$nextTick();
+              return _this27.addNode(newNode, data.id, true);
             case 10:
               _context14.next = 12;
-              return _this27.paperManager.awaitScheduledUpdates();
+              return _this27.$nextTick();
             case 12:
+              _context14.next = 14;
+              return _this27.paperManager.awaitScheduledUpdates();
+            case 14:
               if (_this27.autoValidate) {
                 _this27.validateBpmnDiagram();
               }
-            case 13:
+            case 15:
             case "end":
               return _context14.stop();
           }
@@ -78244,7 +78445,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;
@@ -79150,8 +79353,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_51b9ad07_render,
-  Modelervue_type_template_id_51b9ad07_staticRenderFns,
+  Modelervue_type_template_id_4a4f3272_render,
+  Modelervue_type_template_id_4a4f3272_staticRenderFns,
   false,
   null,
   null,