@processmaker/modeler 1.40.1 → 1.40.3

package/dist/modeler.umd.js

@@ -12849,7 +12849,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".weekday[data-v-4ae18478]{padding:.75e
 
 /***/ }),
 
-/***/ 79837:
+/***/ 209:
 /***/ (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-7b6db830]{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___);
 
@@ -13341,7 +13341,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".preview-column[data-v-0cafde2c]{min-w
 
 /***/ }),
 
-/***/ 50489:
+/***/ 90906:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13355,7 +13355,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, ".preview-column[data-v-9b5e0310]{min-width:200px;resize:both;overflow:auto;background-color:#fff;z-index:2}.preview-iframe[data-v-9b5e0310]{width:90%;height:100%;padding:0 30px 0 50px;border:none}.preview-column .control-bar[data-v-9b5e0310]{background-color:#fff;padding:0 5px 0 5px;color:#7f7f7f}.preview-type-dropdown[data-v-9b5e0310]{margin-top:-10px}.resizer-column[data-v-9b5e0310]{cursor:ew-resize;width:5px;background-color:#ebeef2}.preview-column .divider[data-v-9b5e0310]{background-color:#0074d9;height:20px;width:100%}.preview-column .control-bar .actions[data-v-9b5e0310]{width:100%;padding-right:45px;text-align:right}.preview-column .control-bar .actions i[data-v-9b5e0310]{width:20px;cursor:pointer;margin-left:5px}.task-title[data-v-9b5e0310]{width:100%;height:60px;font-size:xx-large;font-weight:700;text-align:center;color:#6c757d}.preview-placeholder[data-v-9b5e0310]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px}.preview-placeholder h1[data-v-9b5e0310]{margin-bottom:30px;font-size:32px;font-weight:600;line-height:38px;letter-spacing:-.04em}.preview-placeholder h1[data-v-9b5e0310],.preview-placeholder h2[data-v-9b5e0310]{text-align:center;font-family:Open Sans,sans-serif}.preview-placeholder h2[data-v-9b5e0310]{margin-bottom:50px;font-size:18px;font-weight:400;line-height:27px;letter-spacing:-.02em}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".preview-column[data-v-1b18ee14]{min-width:200px;resize:both;overflow:auto;background-color:#fff;z-index:2}.preview-iframe[data-v-1b18ee14]{width:90%;height:100%;padding:0 30px 0 50px;border:none}.preview-column .control-bar[data-v-1b18ee14]{background-color:#fff;padding:0 5px 0 5px;color:#7f7f7f}.preview-type-dropdown[data-v-1b18ee14]{margin-top:-10px}.resizer-column[data-v-1b18ee14]{cursor:ew-resize;width:5px;background-color:#ebeef2}.preview-column .divider[data-v-1b18ee14]{background-color:#0074d9;height:20px;width:100%}.preview-column .control-bar .actions[data-v-1b18ee14]{width:100%;padding-right:45px;text-align:right}.preview-column .control-bar .actions i[data-v-1b18ee14]{width:20px;cursor:pointer;margin-left:5px}.task-title[data-v-1b18ee14]{width:100%;height:60px;font-size:xx-large;font-weight:700;text-align:center;color:#6c757d}.preview-placeholder[data-v-1b18ee14]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px}.preview-placeholder h1[data-v-1b18ee14]{margin-bottom:30px;font-size:32px;font-weight:600;line-height:38px;letter-spacing:-.04em}.preview-placeholder h1[data-v-1b18ee14],.preview-placeholder h2[data-v-1b18ee14]{text-align:center;font-family:Open Sans,sans-serif}.preview-placeholder h2[data-v-1b18ee14]{margin-bottom:50px;font-size:18px;font-weight:400;line-height:27px;letter-spacing:-.02em}", ""]);
 // 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:
+/***/ 46546:
 /***/ (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__(209);
 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("0255e8ac", 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});
 
 /***/ }),
 
@@ -26872,19 +26872,19 @@ var update = add("2f87229d", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 53379:
+/***/ 17420:
 /***/ (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__(50489);
+var content = __webpack_require__(90906);
 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("a78497e8", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("18ef7868", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -43634,8 +43634,8 @@ var intermediateConditionalCatchEvent_id = 'processmaker-modeler-intermediate-co
     }]
   }]
 })));
-;// 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/task/task.vue?vue&type=template&id=202a0909&
-var taskvue_type_template_id_202a0909_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/nodes/task/task.vue?vue&type=template&id=03f6c11b&
+var taskvue_type_template_id_03f6c11b_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('crown-config', _vm._g({
@@ -43663,7 +43663,7 @@ var taskvue_type_template_id_202a0909_render = function render() {
     }
   }, _vm.$listeners));
 };
-var taskvue_type_template_id_202a0909_staticRenderFns = [];
+var taskvue_type_template_id_03f6c11b_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./src/components/nodes/task/shape.js
 
@@ -43912,6 +43912,7 @@ var topAndBottomMarkersSpace = 2 * hasMarkers_markerSize;
       deep: true,
       handler: function handler() {
         setupMultiInstanceMarkers(this.node.definition, this.markers, this.$set, this.$delete);
+        this.$emit('definition-changed', this.node.definition);
       }
     }
   },
@@ -43982,8 +43983,8 @@ var topAndBottomMarkersSpace = 2 * hasMarkers_markerSize;
 ;
 var task_component = normalizeComponent(
   task_taskvue_type_script_lang_js_,
-  taskvue_type_template_id_202a0909_render,
-  taskvue_type_template_id_202a0909_staticRenderFns,
+  taskvue_type_template_id_03f6c11b_render,
+  taskvue_type_template_id_03f6c11b_staticRenderFns,
   false,
   null,
   null,
@@ -45509,6 +45510,7 @@ var SubProcessFormSelect_component = normalizeComponent(
 
 
 
+
 var subProcess_id = 'processmaker-modeler-call-activity';
 /* harmony default export */ var nodes_subProcess = ({
   id: subProcess_id,
@@ -45577,7 +45579,8 @@ var subProcess_id = 'processmaker-modeler-call-activity';
         }
       }]
     }, documentationAccordionConfig, advancedAccordionConfig]
-  }]
+  }],
+  loopCharacteristicsHandler: loopCharacteristicsHandler
 });
 // EXTERNAL MODULE: ./node_modules/svg-inline-loader/index.js!./src/assets/script.svg
 var script = __webpack_require__(87465);
@@ -48064,10 +48067,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=e988fe60&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=51b9ad07&
 
 
-var Modelervue_type_template_id_e988fe60_render = function render() {
+var Modelervue_type_template_id_51b9ad07_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -48271,7 +48274,8 @@ var Modelervue_type_template_id_e988fe60_render = function render() {
         "clone-element": _vm.cloneElement,
         "clone-selection": _vm.cloneSelection,
         "default-flow": _vm.toggleDefaultFlow,
-        "shape-resize": _vm.shapeResize
+        "shape-resize": _vm.shapeResize,
+        "definition-changed": _vm.onNodeDefinitionChanged
       }
     });
   }), _c('RailBottom', {
@@ -48305,12 +48309,12 @@ var Modelervue_type_template_id_e988fe60_render = function render() {
     }
   }) : _vm._e()], 2)], 1);
 };
-var Modelervue_type_template_id_e988fe60_staticRenderFns = [];
+var Modelervue_type_template_id_51b9ad07_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=e988fe60&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=51b9ad07&
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/nodes/boundaryEvent/boundaryEvent.vue?vue&type=template&id=58bceaa8&
-var boundaryEventvue_type_template_id_58bceaa8_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/nodes/boundaryEvent/boundaryEvent.vue?vue&type=template&id=728530a2&
+var boundaryEventvue_type_template_id_728530a2_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('crown-config', _vm._g({
@@ -48329,7 +48333,7 @@ var boundaryEventvue_type_template_id_58bceaa8_render = function render() {
     }
   }, _vm.$listeners));
 };
-var boundaryEventvue_type_template_id_58bceaa8_staticRenderFns = [];
+var boundaryEventvue_type_template_id_728530a2_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./src/components/nodes/boundaryEvent/shape.js
 
@@ -48380,6 +48384,44 @@ var boundaryEventvue_type_template_id_58bceaa8_staticRenderFns = [];
     }
   }, external_jointjs_.shapes.standard.Circle.prototype.defaults)
 }));
+;// CONCATENATED MODULE: ./src/components/nodes/boundaryEvent/boundaryEventUtils.js
+
+
+
+
+var getBoundaryEventData = function getBoundaryEventData(node) {
+  var _node$definition$get, _eventDefinitionType$;
+  var control = {
+    bpmnType: node.diagram.$type,
+    id: node.diagram.id,
+    type: node.type,
+    attachedToRef: node.definition.get('attachedToRef')
+  };
+  var eventDefinition = node.definition.get('eventDefinitions')[0];
+  var eventDefinitionType = Object.keys(eventDefinition).reduce(function (acc, key) {
+    if (key.startsWith('time')) {
+      acc[key] = eventDefinition[key];
+    }
+    return acc;
+  }, {});
+  var type = Object.keys(eventDefinitionType)[0];
+  return {
+    x: node.diagram.bounds.x,
+    y: node.diagram.bounds.y,
+    height: node.diagram.bounds.height,
+    width: node.diagram.bounds.width,
+    attachedToRefId: (_node$definition$get = node.definition.get('attachedToRef')) === null || _node$definition$get === void 0 ? void 0 : _node$definition$get.id,
+    control: control,
+    type: node.type,
+    id: node.definition.id,
+    color: node.definition.get('color'),
+    cancelActivity: node.definition.get('cancelActivity'),
+    eventTimerDefinition: {
+      type: type,
+      body: (_eventDefinitionType$ = eventDefinitionType[type]) === null || _eventDefinitionType$ === void 0 ? void 0 : _eventDefinitionType$.body
+    }
+  };
+};
 ;// 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/nodes/boundaryEvent/boundaryEvent.vue?vue&type=script&lang=js&
 
 
@@ -48397,6 +48439,7 @@ var boundaryEventvue_type_template_id_58bceaa8_staticRenderFns = [];
 
 
 
+
 /* harmony default export */ var boundaryEventvue_type_script_lang_js_ = ({
   components: {
     CrownConfig: crownConfig
@@ -48561,24 +48604,8 @@ var boundaryEventvue_type_template_id_58bceaa8_staticRenderFns = [];
       this.invalidTargetElement = targetElement;
     },
     addMultiplayerBoundaryEvent: function addMultiplayerBoundaryEvent() {
-      var _this$node$definition;
-      var control = {
-        bpmnType: this.node.diagram.$type,
-        id: this.node.diagram.id,
-        type: this.node.type,
-        attachedToRef: this.node.definition.get('attachedToRef')
-      };
-      window.ProcessMaker.EventBus.$emit('multiplayer-addBoundaryEvent', {
-        x: this.node.diagram.bounds.x,
-        y: this.node.diagram.bounds.y,
-        height: this.node.diagram.bounds.height,
-        width: this.node.diagram.bounds.width,
-        attachedToRefId: (_this$node$definition = this.node.definition.get('attachedToRef')) === null || _this$node$definition === void 0 ? void 0 : _this$node$definition.id,
-        control: control,
-        type: this.node.type,
-        id: this.node.definition.id,
-        color: this.node.definition.get('color')
-      });
+      var defaultData = getBoundaryEventData(this.node);
+      window.ProcessMaker.EventBus.$emit('multiplayer-addBoundaryEvent', defaultData);
     }
   },
   mounted: function mounted() {
@@ -48621,8 +48648,8 @@ var boundaryEventvue_type_template_id_58bceaa8_staticRenderFns = [];
 ;
 var boundaryEvent_component = normalizeComponent(
   boundaryEvent_boundaryEventvue_type_script_lang_js_,
-  boundaryEventvue_type_template_id_58bceaa8_render,
-  boundaryEventvue_type_template_id_58bceaa8_staticRenderFns,
+  boundaryEventvue_type_template_id_728530a2_render,
+  boundaryEventvue_type_template_id_728530a2_staticRenderFns,
   false,
   null,
   null,
@@ -50163,8 +50190,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', {
@@ -50230,7 +50257,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);
@@ -50341,6 +50368,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: {
@@ -50509,9 +50542,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
 
@@ -50524,18 +50557,18 @@ 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
   
 )
 
 /* harmony default export */ var InspectorPanel = (InspectorPanel_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/PreviewPanel.vue?vue&type=template&id=9b5e0310&scoped=true&
-var PreviewPanelvue_type_template_id_9b5e0310_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/PreviewPanel.vue?vue&type=template&id=1b18ee14&scoped=true&
+var PreviewPanelvue_type_template_id_1b18ee14_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('b-row', {
@@ -50661,13 +50694,10 @@ var PreviewPanelvue_type_template_id_9b5e0310_scoped_true_render = function rend
       expression: "!previewUrl"
     }]
   }), _c('iframe', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: !!_vm.previewUrl && !_vm.showSpinner,
-      expression: "!!previewUrl && !showSpinner"
-    }],
     staticClass: "preview-iframe",
+    style: {
+      visibility: _vm.displayPreviewIframe
+    },
     attrs: {
       "title": "Preview",
       "src": _vm.previewUrl
@@ -50679,7 +50709,7 @@ var PreviewPanelvue_type_template_id_9b5e0310_scoped_true_render = function rend
     }
   })], 1)], 1);
 };
-var PreviewPanelvue_type_template_id_9b5e0310_scoped_true_staticRenderFns = [];
+var PreviewPanelvue_type_template_id_1b18ee14_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/inspectors/NoPreviewAvailable.vue?vue&type=template&id=cdc64a14&scoped=true&
 var NoPreviewAvailablevue_type_template_id_cdc64a14_scoped_true_render = function render() {
@@ -50839,31 +50869,24 @@ var LoadingPreview_component = normalizeComponent(
       }
     },
     highlightedNode: function highlightedNode() {
+      // If there isn't preview configuration hide the panel
+      var nodeConfig = this.getConfig(this.data);
+      if (!nodeConfig) {
+        this.$emit('togglePreview', false);
+        return;
+      }
       document.activeElement.blur();
-      this.prepareData();
-    },
-    'highlightedNode.definition': function highlightedNodeDefinition(current, previous) {
-      this.handleAssignmentChanges(current, previous);
-    },
-    'highlightedNode.definition.assignmentLock': function highlightedNodeDefinitionAssignmentLock(current, previous) {
-      this.handleAssignmentChanges(current, previous);
-    },
-    'highlightedNode.definition.allowReassignment': function highlightedNodeDefinitionAllowReassignment(current, previous) {
-      this.handleAssignmentChanges(current, previous);
-    },
-    'highlightedNode.definition.assignedUsers': function highlightedNodeDefinitionAssignedUsers(current, previous) {
-      this.handleAssignmentChanges(current, previous);
-    },
-    'highlightedNode.definition.assignedGroups': function highlightedNodeDefinitionAssignedGroups(current, previous) {
-      this.handleAssignmentChanges(current, previous);
-    },
-    'highlightedNode.definition.assignmentRules': function highlightedNodeDefinitionAssignmentRules(current, previous) {
-      this.handleAssignmentChanges(current, previous);
+      this.previewNode();
     }
   },
   computed: {
     highlightedNode: function highlightedNode() {
       return store.getters.highlightedNodes[0];
+    },
+    displayPreviewIframe: function displayPreviewIframe() {
+      var result = !!this.previewUrl && !this.showSpinner;
+      console.log('mostrar iframe', result);
+      return result ? 'visible' : 'hidden';
     }
   },
   methods: {
@@ -50896,18 +50919,6 @@ var LoadingPreview_component = normalizeComponent(
       this.data = defaultDataTransform(this.highlightedNode);
       this.taskTitle = (_this$data = this.data) === null || _this$data === void 0 ? void 0 : _this$data.name;
       this.taskTitle = this === null || this === void 0 ? void 0 : (_this$highlightedNode = this.highlightedNode) === null || _this$highlightedNode === void 0 ? void 0 : (_this$highlightedNode2 = _this$highlightedNode.definition) === null || _this$highlightedNode2 === void 0 ? void 0 : _this$highlightedNode2.name;
-      this.previewNode();
-    },
-    handleAssignmentChanges: function handleAssignmentChanges(currentValue, previousValue) {
-      if (currentValue === previousValue) {
-        return;
-      }
-      var nodeConfig = this.getConfig(this.data);
-      if (nodeConfig) {
-        this.prepareData();
-      } else {
-        this.$emit('togglePreview', false);
-      }
     },
     onSelectedPreview: function onSelectedPreview(item) {
       this.selectedPreview = item;
@@ -50918,6 +50929,7 @@ var LoadingPreview_component = normalizeComponent(
       if (!this.highlightedNode || !this.visible && !force) {
         return;
       }
+      this.prepareData();
       var previewConfig = this.getConfig(this.data);
       var clone = {};
       for (var prop in this.data) {
@@ -50957,9 +50969,9 @@ var LoadingPreview_component = normalizeComponent(
 });
 ;// CONCATENATED MODULE: ./src/components/inspectors/PreviewPanel.vue?vue&type=script&lang=js&
  /* harmony default export */ var inspectors_PreviewPanelvue_type_script_lang_js_ = (PreviewPanelvue_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/preview_panel.scss?vue&type=style&index=0&id=9b5e0310&prod&lang=scss&scoped=true&
-var preview_panelvue_type_style_index_0_id_9b5e0310_prod_lang_scss_scoped_true_ = __webpack_require__(53379);
-;// CONCATENATED MODULE: ./src/components/inspectors/preview_panel.scss?vue&type=style&index=0&id=9b5e0310&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/preview_panel.scss?vue&type=style&index=0&id=1b18ee14&prod&lang=scss&scoped=true&
+var preview_panelvue_type_style_index_0_id_1b18ee14_prod_lang_scss_scoped_true_ = __webpack_require__(17420);
+;// CONCATENATED MODULE: ./src/components/inspectors/preview_panel.scss?vue&type=style&index=0&id=1b18ee14&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/components/inspectors/PreviewPanel.vue
 
@@ -50972,11 +50984,11 @@ var preview_panelvue_type_style_index_0_id_9b5e0310_prod_lang_scss_scoped_true_
 
 var PreviewPanel_component = normalizeComponent(
   inspectors_PreviewPanelvue_type_script_lang_js_,
-  PreviewPanelvue_type_template_id_9b5e0310_scoped_true_render,
-  PreviewPanelvue_type_template_id_9b5e0310_scoped_true_staticRenderFns,
+  PreviewPanelvue_type_template_id_1b18ee14_scoped_true_render,
+  PreviewPanelvue_type_template_id_1b18ee14_scoped_true_staticRenderFns,
   false,
   null,
-  "9b5e0310",
+  "1b18ee14",
   null
   
 )
@@ -51784,6 +51796,12 @@ var boundaryTimerEvent_component = normalizeComponent(
 
 
 var boundaryTimerEvent_id = 'processmaker-modeler-boundary-timer-event';
+var setEventTimerDefinition = function setEventTimerDefinition(moddle, node, type, body) {
+  var eventDefinition = _defineProperty({}, type, moddle.create('bpmn:Expression', {
+    body: body
+  }));
+  return [moddle.create('bpmn:TimerEventDefinition', eventDefinition)];
+};
 /* harmony default export */ var nodes_boundaryTimerEvent = (merge_default()(cloneDeep_default()(nodes_boundaryEvent), {
   id: boundaryTimerEvent_id,
   component: boundaryTimerEvent,
@@ -51835,12 +51853,16 @@ var boundaryTimerEvent_id = 'processmaker-modeler-boundary-timer-event';
         if (expression && expression.body === body) {
           continue;
         }
-        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;
+        var eventDefinitions = setEventTimerDefinition(moddle, node, type, body);
         setNodeProp(node, 'eventDefinitions', eventDefinitions);
+        window.ProcessMaker.EventBus.$emit('multiplayer-updateInspectorProperty', {
+          id: node.definition.id,
+          key: 'eventTimerDefinition',
+          value: {
+            type: type,
+            body: body
+          }
+        });
       } else {
         window.ProcessMaker.EventBus.$emit('multiplayer-updateInspectorProperty', {
           id: node.definition.id,
@@ -52719,17 +52741,17 @@ 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=e319a5a8&
+;// 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&
 
-var MultiplayerViewUsersvue_type_template_id_e319a5a8_render = function render() {
+var MultiplayerViewUsersvue_type_template_id_68693adb_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('b-avatar-group', {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: !_vm.isMultiplayer,
-      expression: "!isMultiplayer"
+      value: _vm.isMultiplayer,
+      expression: "isMultiplayer"
     }],
     staticClass: "container"
   }, [_vm._l(_vm.filteredPlayers, function (item) {
@@ -52743,9 +52765,9 @@ var MultiplayerViewUsersvue_type_template_id_e319a5a8_render = function render()
     })];
   })], 2);
 };
-var MultiplayerViewUsersvue_type_template_id_e319a5a8_staticRenderFns = [];
+var MultiplayerViewUsersvue_type_template_id_68693adb_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=e319a5a8&
+;// CONCATENATED MODULE: ./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/avatar/Avatar.vue?vue&type=template&id=1c50a604&scoped=true&
 var Avatarvue_type_template_id_1c50a604_scoped_true_render = function render() {
@@ -52960,8 +52982,8 @@ var Avatar_component = normalizeComponent(
 ;
 var MultiplayerViewUsers_component = normalizeComponent(
   multiplayerViewUsers_MultiplayerViewUsersvue_type_script_lang_js_,
-  MultiplayerViewUsersvue_type_template_id_e319a5a8_render,
-  MultiplayerViewUsersvue_type_template_id_e319a5a8_staticRenderFns,
+  MultiplayerViewUsersvue_type_template_id_68693adb_render,
+  MultiplayerViewUsersvue_type_template_id_68693adb_staticRenderFns,
   false,
   null,
   null,
@@ -53953,10 +53975,10 @@ var validTasks = ['bpmn:ServiceTask', 'bpmn:ManualTask', 'bpmn:CallActivity', 'b
   var originalInspectorData = node.inspectorData || null;
 
   // Override the inspector handler to add loop props
-  node.inspectorHandler = function (value, node, setNodeProp, moddle, definitions, defaultInspectorHandler) {
+  node.inspectorHandler = function (value, node, setNodeProp, moddle, definitions, defaultInspectorHandler, isMultiplayer) {
     originalInspectorHandler(value, node, setNodeProp, moddle, definitions, defaultInspectorHandler);
-    value = loopCharacteristicsHandler(value, node, setNodeProp, moddle, definitions);
-    defaultInspectorHandler(value);
+    value = loopCharacteristicsHandler(value, node, setNodeProp, moddle, definitions, isMultiplayer);
+    defaultInspectorHandler(value, isMultiplayer);
   };
 
   // Override the data handler to load loop config into the inspector
@@ -54113,6 +54135,7 @@ var validTasks = ['bpmn:ServiceTask', 'bpmn:ManualTask', 'bpmn:CallActivity', 'b
           return node.cloneOf === originalTargetElement.id;
         });
         var clonedDataInput = getOrFindDataInput(_this3.moddle, clonedElement, srcClone.definition);
+        clonedDataInput.$parent.$parent = clonedElement.definition;
         clonedAssociation.definition.set('sourceRef', [srcClone.definition]);
         clonedAssociation.definition.set('targetRef', clonedDataInput);
         clonedElement.definition.set('dataInputAssociations', [clonedAssociation.definition]);
@@ -55476,8 +55499,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=7b6db830&scoped=true&
+var Selectionvue_type_template_id_7b6db830_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.showLasso && _vm.style ? _c('div', {
@@ -55507,7 +55530,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_7b6db830_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&
 
@@ -56771,7 +56794,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);
@@ -56789,10 +56812,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);
           }
         });
@@ -57021,6 +57044,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":
@@ -57065,6 +57089,37 @@ var crownMultiselect_component = normalizeComponent(
       });
       return changed;
     },
+    /**
+     * Get connected link properties
+     * @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 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,7 +57167,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;
@@ -57329,7 +57384,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);
@@ -57482,7 +57537,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);
       });
@@ -57491,9 +57546,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=7b6db830&prod&scoped=true&lang=css&
+var Selectionvue_type_style_index_0_id_7b6db830_prod_scoped_true_lang_css_ = __webpack_require__(46546);
+;// CONCATENATED MODULE: ./src/components/modeler/Selection.vue?vue&type=style&index=0&id=7b6db830&prod&scoped=true&lang=css&
 
 ;// CONCATENATED MODULE: ./src/components/modeler/Selection.vue
 
@@ -57506,11 +57561,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_7b6db830_scoped_true_render,
+  Selectionvue_type_template_id_7b6db830_scoped_true_staticRenderFns,
   false,
   null,
-  "3cd65297",
+  "7b6db830",
   null
   
 )
@@ -76084,6 +76139,8 @@ var Room = /*#__PURE__*/function () {
 
 
 
+
+
 
 
 
@@ -76320,6 +76377,9 @@ var Multiplayer = /*#__PURE__*/function () {
       var _this3 = this;
       // Get the process definition
       var nodes = this.modeler.nodes.map(function (node) {
+        if (node.definition.$type === 'bpmn:BoundaryEvent') {
+          return getBoundaryEventData(node);
+        }
         return _this3.modeler.multiplayerHook(node, false, true);
       });
       nodes.forEach(function (node) {
@@ -76352,12 +76412,13 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "createShape",
     value: function createShape(value) {
+      var _this$modeler$nodeReg;
       var node = this.getNodeById(value.id);
       // validate repeated shapes
       if (node) {
         return;
       }
-      if (this.modeler.nodeRegistry[value.type] && this.modeler.nodeRegistry[value.type].multiplayerClient) {
+      if ((_this$modeler$nodeReg = this.modeler.nodeRegistry[value.type]) !== null && _this$modeler$nodeReg !== void 0 && _this$modeler$nodeReg.multiplayerClient) {
         this.modeler.nodeRegistry[value.type].multiplayerClient(this.modeler, value);
       } else {
         this.modeler.addRemoteNode(value);
@@ -76783,7 +76844,7 @@ var Multiplayer = /*#__PURE__*/function () {
       // create a node
       node = this.getNodeById(data.id);
       if (node) {
-        var _this$modeler$nodeReg;
+        var _this$modeler$nodeReg2;
         var extras = {};
         // extras property section
         if (data.extras && Object.keys(data.extras).length > 0) {
@@ -76801,7 +76862,7 @@ var Multiplayer = /*#__PURE__*/function () {
           }, node, this.setNodeProp, this.modeler.moddle, this.modeler.definitions, false);
           return;
         }
-        if ((_this$modeler$nodeReg = this.modeler.nodeRegistry[node.type]) !== null && _this$modeler$nodeReg !== void 0 && _this$modeler$nodeReg.multiplayerInspectorHandler) {
+        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;
         }
@@ -76851,6 +76912,14 @@ var Multiplayer = /*#__PURE__*/function () {
           }
           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', {
@@ -77005,6 +77074,8 @@ var Multiplayer = /*#__PURE__*/function () {
 
 
 
+
+
 
 
 
@@ -77118,7 +77189,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: {
@@ -77201,6 +77273,12 @@ var Multiplayer = /*#__PURE__*/function () {
     }
   },
   methods: {
+    onNodeDefinitionChanged: function onNodeDefinitionChanged() {
+      // re-render the preview just if the preview pane is open
+      if (this.isOpenPreview) {
+        this.handlePreview();
+      }
+    },
     onStartPreviewResize: function onStartPreviewResize(event) {
       this.isResizingPreview = true;
       this.currentCursorPosition = event.x;
@@ -78239,7 +78317,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-data-input-association', 'processmaker-modeler-boundary-timer-event', 'processmaker-modeler-boundary-error-event', 'processmaker-modeler-boundary-signal-event', 'processmaker-modeler-boundary-conditional-even', '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;
       }
@@ -78358,9 +78436,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;
@@ -78368,11 +78448,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();
           }
@@ -79154,8 +79248,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_e988fe60_render,
-  Modelervue_type_template_id_e988fe60_staticRenderFns,
+  Modelervue_type_template_id_51b9ad07_render,
+  Modelervue_type_template_id_51b9ad07_staticRenderFns,
   false,
   null,
   null,