@processmaker/modeler 1.40.2 → 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
 
 /***/ }),
 
-/***/ 79837:
+/***/ 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-3cd65297]{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___);
 
@@ -13278,7 +13278,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".crown-align{z-index:1;display:-webkit
 
 /***/ }),
 
-/***/ 5574:
+/***/ 58697:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13292,7 +13292,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, ".inspector-column[data-v-40e10039]{max-width:330px}.inspector[data-v-40e10039]{z-index:2}.inspector-container[data-v-40e10039]{text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-bottom:4rem}.inspector-container .form-group[data-v-40e10039]{padding:0 .5rem}.inspector-container .form-group>label[data-v-40e10039]{font-size:.8125rem}.inspector-container .inspector-font-size[data-v-40e10039]{font-size:.875rem}.inspector-header[data-v-40e10039]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.inspector-header-title[data-v-40e10039]{-webkit-box-flex:0;-ms-flex-positive:0;font-weight:600;letter-spacing:-.02em;flex-grow:0}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".inspector-column[data-v-4a4ac747]{max-width:330px}.inspector[data-v-4a4ac747]{z-index:2}.inspector-container[data-v-4a4ac747]{text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-bottom:4rem}.inspector-container .form-group[data-v-4a4ac747]{padding:0 .5rem}.inspector-container .form-group>label[data-v-4a4ac747]{font-size:.8125rem}.inspector-container .inspector-font-size[data-v-4a4ac747]{font-size:.875rem}.inspector-header[data-v-4a4ac747]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.inspector-header-title[data-v-4a4ac747]{-webkit-box-flex:0;-ms-flex-positive:0;font-weight:600;letter-spacing:-.02em;flex-grow:0}", ""]);
 // 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
 
 /***/ }),
 
-/***/ 50556:
+/***/ 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__(79837);
+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("264bab9b", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("4c43bd38", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -26824,19 +26824,19 @@ var update = add("0081435e", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 43884:
+/***/ 77676:
 /***/ (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__(5574);
+var content = __webpack_require__(58697);
 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("342cf445", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("635a59e2", 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=9fc5897e&
+;// 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_9fc5897e_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_9fc5897e_render = function render() {
     }
   }) : _vm._e()], 2)], 1);
 };
-var Modelervue_type_template_id_9fc5897e_staticRenderFns = [];
+var Modelervue_type_template_id_5e26f2d7_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=9fc5897e&
+;// 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() {
@@ -50190,8 +50204,8 @@ var InspectorButton_component = normalizeComponent(
 )
 
 /* harmony default export */ var InspectorButton = (InspectorButton_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/inspectors/InspectorPanel.vue?vue&type=template&id=40e10039&scoped=true&
-var InspectorPanelvue_type_template_id_40e10039_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/inspectors/InspectorPanel.vue?vue&type=template&id=4a4ac747&scoped=true&
+var InspectorPanelvue_type_template_id_4a4ac747_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('transition', {
@@ -50257,7 +50271,7 @@ var InspectorPanelvue_type_template_id_40e10039_scoped_true_render = function re
     }
   }) : _vm._e()], 1)], 1)], 1);
 };
-var InspectorPanelvue_type_template_id_40e10039_scoped_true_staticRenderFns = [];
+var InspectorPanelvue_type_template_id_4a4ac747_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: external "@processmaker/screen-builder"
 var screen_builder_ = __webpack_require__(43637);
@@ -50368,6 +50382,12 @@ external_vue_default().component('FormMultiSelect', vue_form_elements_.FormMulti
     },
     'highlightedNode.definition.assignmentRules': function highlightedNodeDefinitionAssignmentRules(current, previous) {
       this.handleAssignmentChanges(current, previous);
+    },
+    'highlightedNode.definition.allowInterstitial': function highlightedNodeDefinitionAllowInterstitial(current, previous) {
+      this.handleAssignmentChanges(current, previous);
+    },
+    'highlightedNode.definition.interstitialScreenRef': function highlightedNodeDefinitionInterstitialScreenRef(current, previous) {
+      this.handleAssignmentChanges(current, previous);
     }
   },
   computed: {
@@ -50536,9 +50556,9 @@ external_vue_default().component('FormMultiSelect', vue_form_elements_.FormMulti
 });
 ;// CONCATENATED MODULE: ./src/components/inspectors/InspectorPanel.vue?vue&type=script&lang=js&
  /* harmony default export */ var inspectors_InspectorPanelvue_type_script_lang_js_ = (InspectorPanelvue_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/inspectors/inspector.scss?vue&type=style&index=0&id=40e10039&prod&lang=scss&scoped=true&
-var inspectorvue_type_style_index_0_id_40e10039_prod_lang_scss_scoped_true_ = __webpack_require__(43884);
-;// CONCATENATED MODULE: ./src/components/inspectors/inspector.scss?vue&type=style&index=0&id=40e10039&prod&lang=scss&scoped=true&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./src/components/inspectors/inspector.scss?vue&type=style&index=0&id=4a4ac747&prod&lang=scss&scoped=true&
+var inspectorvue_type_style_index_0_id_4a4ac747_prod_lang_scss_scoped_true_ = __webpack_require__(77676);
+;// CONCATENATED MODULE: ./src/components/inspectors/inspector.scss?vue&type=style&index=0&id=4a4ac747&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/components/inspectors/InspectorPanel.vue
 
@@ -50551,11 +50571,11 @@ var inspectorvue_type_style_index_0_id_40e10039_prod_lang_scss_scoped_true_ = __
 
 var InspectorPanel_component = normalizeComponent(
   inspectors_InspectorPanelvue_type_script_lang_js_,
-  InspectorPanelvue_type_template_id_40e10039_scoped_true_render,
-  InspectorPanelvue_type_template_id_40e10039_scoped_true_staticRenderFns,
+  InspectorPanelvue_type_template_id_4a4ac747_scoped_true_render,
+  InspectorPanelvue_type_template_id_4a4ac747_scoped_true_staticRenderFns,
   false,
   null,
-  "40e10039",
+  "4a4ac747",
   null
   
 )
@@ -51141,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);
@@ -51794,9 +51814,7 @@ var setEventTimerDefinition = function setEventTimerDefinition(moddle, node, typ
   var eventDefinition = _defineProperty({}, type, moddle.create('bpmn:Expression', {
     body: body
   }));
-  var eventDefinitions = [moddle.create('bpmn:TimerEventDefinition', eventDefinition)];
-  eventDefinitions[0].id = node.definition.get('eventDefinitions')[0].id;
-  return eventDefinitions;
+  return [moddle.create('bpmn:TimerEventDefinition', eventDefinition)];
 };
 /* harmony default export */ var nodes_boundaryTimerEvent = (merge_default()(cloneDeep_default()(nodes_boundaryEvent), {
   id: boundaryTimerEvent_id,
@@ -52737,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', {
@@ -52752,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', {
@@ -52775,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&
 
@@ -52809,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() {
@@ -52911,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
 
@@ -52926,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
   
 )
@@ -52978,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,
@@ -53887,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');
@@ -54036,7 +54080,6 @@ var validTasks = ['bpmn:ServiceTask', 'bpmn:ManualTask', 'bpmn:CallActivity', 'b
             if (node.definition && node.definition.$type !== 'bpmn:BoundaryEvent') {
               clonedNodes.push(clonedElement);
             } else {
-              clonedElement.fromCrown = true;
               clonedBoundaryEvents.push(clonedElement);
             }
           }
@@ -55496,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=3cd65297&scoped=true&
-var Selectionvue_type_template_id_3cd65297_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', {
@@ -55527,7 +55570,7 @@ var Selectionvue_type_template_id_3cd65297_scoped_true_render = function render(
     }
   }, _vm.$listeners))], 1) : _vm._e();
 };
-var Selectionvue_type_template_id_3cd65297_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&
 
@@ -56791,7 +56834,7 @@ var crownMultiselect_component = normalizeComponent(
     prepareConectedLinks: function prepareConectedLinks(shapes) {
       var _this4 = this;
       var paper = this.paperManager.paper;
-      this.conectedLinks = [];
+      this.connectedLinks = [];
       this.isValidSelectionLinks = true;
       shapes.forEach(function (shape) {
         var conectedLinks = _this4.graph.getConnectedLinks(shape.model);
@@ -56809,10 +56852,10 @@ var crownMultiselect_component = normalizeComponent(
         }
         conectedLinks.forEach(function (link) {
           var linkView = paper.findViewByModel(link);
-          if (!_this4.conectedLinks.some(function (obj) {
+          if (!_this4.connectedLinks.some(function (obj) {
             return obj.id === linkView.id;
           })) {
-            _this4.conectedLinks.push(linkView);
+            _this4.connectedLinks.push(linkView);
             _this4.validateSelectionLinks(linkView);
           }
         });
@@ -57041,6 +57084,7 @@ var crownMultiselect_component = normalizeComponent(
               _this5.updateSelectionBox();
               if (_this5.isMultiplayer) {
                 window.ProcessMaker.EventBus.$emit('multiplayer-updateNodes', _this5.getProperties(_this5.selected));
+                window.ProcessMaker.EventBus.$emit('multiplayer-updateNodes', _this5.getConnectedLinkProperties(_this5.connectedLinks));
               }
             case 9:
             case "end":
@@ -57057,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;
@@ -57085,6 +57129,40 @@ var crownMultiselect_component = normalizeComponent(
       });
       return changed;
     },
+    /**
+     * Get connected link properties
+     * @param {Array} links
+     */
+    getConnectedLinkProperties: function getConnectedLinkProperties(links) {
+      var changed = [];
+      links.forEach(function (linkView) {
+        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
+            }
+          });
+        }
+      });
+      return changed;
+    },
     /**
      * Get properties for each boundary inside a shape
      */
@@ -57112,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,
@@ -57124,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;
     },
@@ -57132,7 +57215,7 @@ var crownMultiselect_component = normalizeComponent(
      * Selector will update the waypoints of the related flows
      */
     updateFlowsWaypoint: function updateFlowsWaypoint() {
-      this.conectedLinks.forEach(function (link) {
+      this.connectedLinks.forEach(function (link) {
         if (link.model.component && link.model.get('type') === 'standard.Link') {
           var start = link.sourceAnchor;
           var end = link.targetAnchor;
@@ -57349,7 +57432,7 @@ var crownMultiselect_component = normalizeComponent(
                 if (_this7.newPool) {
                   /* Remove the shape from its current pool */
                   _this7.moveElements(_this7.selected, _this7.oldPool, _this7.newPool);
-                  _this7.moveConectedLinks(_this7.conectedLinks, _this7.oldPool, _this7.newPool);
+                  _this7.moveConnectedLinks(_this7.connectedLinks, _this7.oldPool, _this7.newPool);
                   _this7.newPool = null;
                   _this7.oldPool = null;
                   _this7.updateLaneChildren(_this7.selected);
@@ -57502,7 +57585,7 @@ var crownMultiselect_component = normalizeComponent(
         oldPool.model.component.moveElement(shape.model, newPool.model);
       });
     },
-    moveConectedLinks: function moveConectedLinks(links, oldPool, newPool) {
+    moveConnectedLinks: function moveConnectedLinks(links, oldPool, newPool) {
       links.forEach(function (link) {
         oldPool.model.component.moveFlow(link.model, newPool.model);
       });
@@ -57511,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=3cd65297&prod&scoped=true&lang=css&
-var Selectionvue_type_style_index_0_id_3cd65297_prod_scoped_true_lang_css_ = __webpack_require__(50556);
-;// CONCATENATED MODULE: ./src/components/modeler/Selection.vue?vue&type=style&index=0&id=3cd65297&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
 
@@ -57526,11 +57609,11 @@ var Selectionvue_type_style_index_0_id_3cd65297_prod_scoped_true_lang_css_ = __w
 
 var Selection_component = normalizeComponent(
   modeler_Selectionvue_type_script_lang_js_,
-  Selectionvue_type_template_id_3cd65297_scoped_true_render,
-  Selectionvue_type_template_id_3cd65297_scoped_true_staticRenderFns,
+  Selectionvue_type_template_id_131025ac_scoped_true_render,
+  Selectionvue_type_template_id_131025ac_scoped_true_staticRenderFns,
   false,
   null,
-  "3cd65297",
+  "131025ac",
   null
   
 )
@@ -76042,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
 
 
@@ -76106,6 +76316,8 @@ var Room = /*#__PURE__*/function () {
 
 
 
+
+
 
 
 
@@ -76122,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();
@@ -76139,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, {
@@ -76171,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
             };
@@ -76305,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,
@@ -76551,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:
@@ -76560,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', {
@@ -76603,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();
           }
@@ -76650,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) {
@@ -76793,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
@@ -76932,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;
         });
@@ -76940,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;
         });
@@ -76952,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;
 }();
@@ -77039,6 +77253,8 @@ var Multiplayer = /*#__PURE__*/function () {
 
 
 
+
+
 
 
 
@@ -77152,7 +77368,8 @@ var Multiplayer = /*#__PURE__*/function () {
       isResizingPreview: false,
       currentCursorPosition: 0,
       previewPanelWidth: 600,
-      flowTypes: ['processmaker-modeler-sequence-flow', 'processmaker-modeler-message-flow', 'processmaker-modeler-data-input-association', 'processmaker-modeler-data-output-association', 'processmaker-modeler-association']
+      flowTypes: ['processmaker-modeler-sequence-flow', 'processmaker-modeler-message-flow', 'processmaker-modeler-data-input-association', 'processmaker-modeler-data-output-association', 'processmaker-modeler-association'],
+      boundaryEventTypes: ['processmaker-modeler-boundary-timer-event', 'processmaker-modeler-boundary-error-event', 'processmaker-modeler-boundary-signal-event', 'processmaker-modeler-boundary-conditional-event', 'processmaker-modeler-boundary-message-event']
     };
   },
   watch: {
@@ -77315,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) {
@@ -78279,7 +78503,7 @@ var Multiplayer = /*#__PURE__*/function () {
     },
     multiplayerHook: function multiplayerHook(node, fromClient) {
       var isProcessRequested = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      var blackList = ['processmaker-modeler-lane', 'processmaker-modeler-generic-flow', 'processmaker-modeler-sequence-flow', 'processmaker-modeler-association', 'processmaker-modeler-data-input-association', 'processmaker-modeler-boundary-timer-event', 'processmaker-modeler-boundary-error-event', 'processmaker-modeler-boundary-signal-event', 'processmaker-modeler-boundary-conditional-event', 'processmaker-modeler-boundary-message-event'];
+      var blackList = ['processmaker-modeler-lane', 'processmaker-modeler-generic-flow', 'processmaker-modeler-sequence-flow', 'processmaker-modeler-association', 'processmaker-modeler-data-input-association'].concat(_toConsumableArray(this.boundaryEventTypes));
       if (!this.isMultiplayer) {
         return;
       }
@@ -78304,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;
@@ -78398,9 +78624,11 @@ var Multiplayer = /*#__PURE__*/function () {
     addClonedNodes: function addClonedNodes(nodes) {
       var _this31 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {
+        var flowNodes;
         return _regeneratorRuntime().wrap(function _callee18$(_context18) {
           while (1) switch (_context18.prev = _context18.next) {
             case 0:
+              flowNodes = [];
               nodes.forEach(function (node) {
                 if (!node.pool) {
                   node.pool = _this31.poolTarget;
@@ -78408,11 +78636,25 @@ var Multiplayer = /*#__PURE__*/function () {
                 var targetProcess = node.getTargetProcess(_this31.processes, _this31.processNode);
                 addNodeToProcess(node, targetProcess);
                 _this31.planeElements.push(node.diagram);
-                _this31.multiplayerHook(node, false);
+                if (_this31.flowTypes.includes(node.type)) {
+                  // Add flow to array to render after
+                  flowNodes.push(node);
+                } else if (_this31.boundaryEventTypes.includes(node.type)) {
+                  // Get boundary event data
+                  var defaultData = getBoundaryEventData(node);
+                  window.ProcessMaker.EventBus.$emit('multiplayer-addBoundaryEvent', defaultData);
+                } else {
+                  _this31.multiplayerHook(node, false);
+                }
                 store.commit('addNode', node);
                 _this31.poolTarget = null;
               });
-            case 1:
+
+              // Render flows after all nodes have been added
+              flowNodes.forEach(function (node) {
+                return _this31.multiplayerHook(node, false);
+              });
+            case 3:
             case "end":
               return _context18.stop();
           }
@@ -79194,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_9fc5897e_render,
-  Modelervue_type_template_id_9fc5897e_staticRenderFns,
+  Modelervue_type_template_id_5e26f2d7_render,
+  Modelervue_type_template_id_5e26f2d7_staticRenderFns,
   false,
   null,
   null,