@processmaker/modeler 1.40.0 → 1.40.2

package/dist/modeler.umd.js

@@ -12849,7 +12849,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".weekday[data-v-4ae18478]{padding:.75e
 
 /***/ }),
 
-/***/ 99586:
+/***/ 79837:
 /***/ (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-7c27567b]{border:1px solid #5faaee;position:absolute;pointer-events:none}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".box[data-v-3cd65297]{border:1px solid #5faaee;position:absolute;pointer-events:none}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -13021,7 +13021,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".crown-button[data-v-09d8a8ac]{border:
 
 /***/ }),
 
-/***/ 43647:
+/***/ 30325:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13040,7 +13040,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".color-list[data-v-76b859ea]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);grid-auto-flow:column;grid-gap:.5rem;padding:.5rem}.color-list>.color-button[data-v-76b859ea]{background:#fff;width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid #fff;position:relative}.color-picker[data-v-76b859ea]{position:absolute;right:40px;top:calc(100% - 36px)}.toggle-picker[data-v-76b859ea]{background:50%/cover no-repeat url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ")!important}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".color-list[data-v-16c02990]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);grid-auto-flow:column;grid-gap:.5rem;padding:.5rem}.color-list>.color-button[data-v-16c02990]{background:#fff;width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid #fff;position:relative}.color-picker[data-v-16c02990]{position:absolute;right:40px;top:calc(100% - 36px)}.toggle-picker[data-v-16c02990]{background:50%/cover no-repeat url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ")!important}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -13334,14 +13334,14 @@ __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-0cafde2c]{min-width:200px;resize:both;overflow:auto;background-color:#fff;z-index:2}.preview-iframe[data-v-0cafde2c]{width:90%;height:100%;padding:0 30px 0 50px;border:none}.preview-column .control-bar[data-v-0cafde2c]{background-color:#fff;padding:0 5px 0 5px;color:#7f7f7f}.preview-type-dropdown[data-v-0cafde2c]{margin-top:-10px}.resizer-column[data-v-0cafde2c]{cursor:ew-resize;width:5px;background-color:#ebeef2}.preview-column .control-bar .actions[data-v-0cafde2c]{text-align:right}.preview-column .divider[data-v-0cafde2c]{background-color:#0074d9;height:20px;width:100%}.preview-column .control-bar .actions div[data-v-0cafde2c]{width:100%;padding-right:15px;text-align:right}.preview-column .control-bar .actions div i[data-v-0cafde2c]{width:20px;cursor:pointer}.task-title[data-v-0cafde2c]{width:100%;height:60px;font-size:xx-large;font-weight:700;text-align:center;color:#6c757d}.preview-placeholder[data-v-0cafde2c]{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-0cafde2c]{margin-bottom:30px;font-size:32px;font-weight:600;line-height:38px;letter-spacing:-.04em}.preview-placeholder h1[data-v-0cafde2c],.preview-placeholder h2[data-v-0cafde2c]{text-align:center;font-family:Open Sans,sans-serif}.preview-placeholder h2[data-v-0cafde2c]{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-0cafde2c]{min-width:200px;resize:both;overflow:auto;background-color:#fff;z-index:2}.preview-iframe[data-v-0cafde2c]{width:90%;height:100%;padding:0 30px 0 50px;border:none}.preview-column .control-bar[data-v-0cafde2c]{background-color:#fff;padding:0 5px 0 5px;color:#7f7f7f}.preview-type-dropdown[data-v-0cafde2c]{margin-top:-10px}.resizer-column[data-v-0cafde2c]{cursor:ew-resize;width:5px;background-color:#ebeef2}.preview-column .divider[data-v-0cafde2c]{background-color:#0074d9;height:20px;width:100%}.preview-column .control-bar .actions[data-v-0cafde2c]{width:100%;padding-right:45px;text-align:right}.preview-column .control-bar .actions i[data-v-0cafde2c]{width:20px;cursor:pointer;margin-left:5px}.task-title[data-v-0cafde2c]{width:100%;height:60px;font-size:xx-large;font-weight:700;text-align:center;color:#6c757d}.preview-placeholder[data-v-0cafde2c]{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-0cafde2c]{margin-bottom:30px;font-size:32px;font-weight:600;line-height:38px;letter-spacing:-.04em}.preview-placeholder h1[data-v-0cafde2c],.preview-placeholder h2[data-v-0cafde2c]{text-align:center;font-family:Open Sans,sans-serif}.preview-placeholder h2[data-v-0cafde2c]{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___);
 
 
 /***/ }),
 
-/***/ 62013:
+/***/ 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-65cadc71]{min-width:200px;resize:both;overflow:auto;background-color:#fff;z-index:2}.preview-iframe[data-v-65cadc71]{width:90%;height:100%;padding:0 30px 0 50px;border:none}.preview-column .control-bar[data-v-65cadc71]{background-color:#fff;padding:0 5px 0 5px;color:#7f7f7f}.preview-type-dropdown[data-v-65cadc71]{margin-top:-10px}.resizer-column[data-v-65cadc71]{cursor:ew-resize;width:5px;background-color:#ebeef2}.preview-column .control-bar .actions[data-v-65cadc71]{text-align:right}.preview-column .divider[data-v-65cadc71]{background-color:#0074d9;height:20px;width:100%}.preview-column .control-bar .actions div[data-v-65cadc71]{width:100%;padding-right:15px;text-align:right}.preview-column .control-bar .actions div i[data-v-65cadc71]{width:20px;cursor:pointer}.task-title[data-v-65cadc71]{width:100%;height:60px;font-size:xx-large;font-weight:700;text-align:center;color:#6c757d}.preview-placeholder[data-v-65cadc71]{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-65cadc71]{margin-bottom:30px;font-size:32px;font-weight:600;line-height:38px;letter-spacing:-.04em}.preview-placeholder h1[data-v-65cadc71],.preview-placeholder h2[data-v-65cadc71]{text-align:center;font-family:Open Sans,sans-serif}.preview-placeholder h2[data-v-65cadc71]{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___);
 
@@ -13376,7 +13376,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-cdc64a14]{min-width:200px;resize:both;overflow:auto;background-color:#fff;z-index:2}.preview-iframe[data-v-cdc64a14]{width:90%;height:100%;padding:0 30px 0 50px;border:none}.preview-column .control-bar[data-v-cdc64a14]{background-color:#fff;padding:0 5px 0 5px;color:#7f7f7f}.preview-type-dropdown[data-v-cdc64a14]{margin-top:-10px}.resizer-column[data-v-cdc64a14]{cursor:ew-resize;width:5px;background-color:#ebeef2}.preview-column .control-bar .actions[data-v-cdc64a14]{text-align:right}.preview-column .divider[data-v-cdc64a14]{background-color:#0074d9;height:20px;width:100%}.preview-column .control-bar .actions div[data-v-cdc64a14]{width:100%;padding-right:15px;text-align:right}.preview-column .control-bar .actions div i[data-v-cdc64a14]{width:20px;cursor:pointer}.task-title[data-v-cdc64a14]{width:100%;height:60px;font-size:xx-large;font-weight:700;text-align:center;color:#6c757d}.preview-placeholder[data-v-cdc64a14]{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-cdc64a14]{margin-bottom:30px;font-size:32px;font-weight:600;line-height:38px;letter-spacing:-.04em}.preview-placeholder h1[data-v-cdc64a14],.preview-placeholder h2[data-v-cdc64a14]{text-align:center;font-family:Open Sans,sans-serif}.preview-placeholder h2[data-v-cdc64a14]{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-cdc64a14]{min-width:200px;resize:both;overflow:auto;background-color:#fff;z-index:2}.preview-iframe[data-v-cdc64a14]{width:90%;height:100%;padding:0 30px 0 50px;border:none}.preview-column .control-bar[data-v-cdc64a14]{background-color:#fff;padding:0 5px 0 5px;color:#7f7f7f}.preview-type-dropdown[data-v-cdc64a14]{margin-top:-10px}.resizer-column[data-v-cdc64a14]{cursor:ew-resize;width:5px;background-color:#ebeef2}.preview-column .divider[data-v-cdc64a14]{background-color:#0074d9;height:20px;width:100%}.preview-column .control-bar .actions[data-v-cdc64a14]{width:100%;padding-right:45px;text-align:right}.preview-column .control-bar .actions i[data-v-cdc64a14]{width:20px;cursor:pointer;margin-left:5px}.task-title[data-v-cdc64a14]{width:100%;height:60px;font-size:xx-large;font-weight:700;text-align:center;color:#6c757d}.preview-placeholder[data-v-cdc64a14]{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-cdc64a14]{margin-bottom:30px;font-size:32px;font-weight:600;line-height:38px;letter-spacing:-.04em}.preview-placeholder h1[data-v-cdc64a14],.preview-placeholder h2[data-v-cdc64a14]{text-align:center;font-family:Open Sans,sans-serif}.preview-placeholder h2[data-v-cdc64a14]{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
 
 /***/ }),
 
-/***/ 93416:
+/***/ 50556:
 /***/ (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__(99586);
+var content = __webpack_require__(79837);
 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("15698e7b", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("264bab9b", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -26632,19 +26632,19 @@ var update = add("6ffce0d4", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 73742:
+/***/ 1606:
 /***/ (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__(43647);
+var content = __webpack_require__(30325);
 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("2259f20f", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("6604ff18", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -26872,19 +26872,19 @@ var update = add("2f87229d", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 12031:
+/***/ 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__(62013);
+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("11f4ee1e", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("18ef7868", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -35236,9 +35236,9 @@ var crownBoundaryEventDropdown_component = normalizeComponent(
 )
 
 /* harmony default export */ var crownBoundaryEventDropdown = (crownBoundaryEventDropdown_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/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=76b859ea&scoped=true&
+;// 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/crownButtons/crownColorDropdown.vue?vue&type=template&id=16c02990&scoped=true&
 
-var crownColorDropdownvue_type_template_id_76b859ea_scoped_true_render = function render() {
+var crownColorDropdownvue_type_template_id_16c02990_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return !_vm.hide ? _c('div', {
@@ -35365,9 +35365,9 @@ var crownColorDropdownvue_type_template_id_76b859ea_scoped_true_render = functio
     }
   })], 1)])], 1) : _vm._e();
 };
-var crownColorDropdownvue_type_template_id_76b859ea_scoped_true_staticRenderFns = [];
+var crownColorDropdownvue_type_template_id_16c02990_scoped_true_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=76b859ea&scoped=true&
+;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=16c02990&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.btoa.js
 var web_btoa = __webpack_require__(27479);
@@ -36029,7 +36029,7 @@ var free_solid_svg_icons_ = __webpack_require__(9943);
       this.resetCustomIcon();
     },
     setNodeColor: function setNodeColor(color) {
-      var _this$node$definition;
+      var _this$node$diagram$bo, _this$node$diagram$bo2, _this$node$diagram$bo3, _this$node$diagram$bo4, _this$node$definition;
       store.commit('updateNodeProp', {
         node: this.node,
         key: 'color',
@@ -36041,10 +36041,10 @@ var free_solid_svg_icons_ = __webpack_require__(9943);
         id: this.node.definition.id,
         properties: {
           color: this.node.definition.color,
-          x: this.node.diagram.bounds.x,
-          y: this.node.diagram.bounds.y,
-          height: this.node.diagram.bounds.height,
-          width: this.node.diagram.bounds.width,
+          x: (_this$node$diagram$bo = this.node.diagram.bounds) === null || _this$node$diagram$bo === void 0 ? void 0 : _this$node$diagram$bo.x,
+          y: (_this$node$diagram$bo2 = this.node.diagram.bounds) === null || _this$node$diagram$bo2 === void 0 ? void 0 : _this$node$diagram$bo2.y,
+          height: (_this$node$diagram$bo3 = this.node.diagram.bounds) === null || _this$node$diagram$bo3 === void 0 ? void 0 : _this$node$diagram$bo3.height,
+          width: (_this$node$diagram$bo4 = this.node.diagram.bounds) === null || _this$node$diagram$bo4 === void 0 ? void 0 : _this$node$diagram$bo4.width,
           type: this.node.type,
           id: this.node.definition.id,
           attachedToRefId: (_this$node$definition = this.node.definition.get('attachedToRef')) === null || _this$node$definition === void 0 ? void 0 : _this$node$definition.id
@@ -36101,9 +36101,9 @@ var free_solid_svg_icons_ = __webpack_require__(9943);
 });
 ;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=script&lang=js&
  /* harmony default export */ var crownButtons_crownColorDropdownvue_type_script_lang_js_ = (crownColorDropdownvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-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]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=style&index=0&id=76b859ea&prod&lang=scss&scoped=true&
-var crownColorDropdownvue_type_style_index_0_id_76b859ea_prod_lang_scss_scoped_true_ = __webpack_require__(73742);
-;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=style&index=0&id=76b859ea&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]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=style&index=0&id=16c02990&prod&lang=scss&scoped=true&
+var crownColorDropdownvue_type_style_index_0_id_16c02990_prod_lang_scss_scoped_true_ = __webpack_require__(1606);
+;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=style&index=0&id=16c02990&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue
 
@@ -36116,11 +36116,11 @@ var crownColorDropdownvue_type_style_index_0_id_76b859ea_prod_lang_scss_scoped_t
 
 var crownColorDropdown_component = normalizeComponent(
   crownButtons_crownColorDropdownvue_type_script_lang_js_,
-  crownColorDropdownvue_type_template_id_76b859ea_scoped_true_render,
-  crownColorDropdownvue_type_template_id_76b859ea_scoped_true_staticRenderFns,
+  crownColorDropdownvue_type_template_id_16c02990_scoped_true_render,
+  crownColorDropdownvue_type_template_id_16c02990_scoped_true_staticRenderFns,
   false,
   null,
-  "76b859ea",
+  "16c02990",
   null
   
 )
@@ -40650,6 +40650,7 @@ var SignalSelect_component = normalizeComponent(
 
 
 
+
 function signalSelector(helper) {
   var editEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   return {
@@ -40678,6 +40679,7 @@ function signalSelector(helper) {
     }, {});
   },
   inspectorHandler: function inspectorHandler(value, node, setNodeProp, moddle, definitions) {
+    var _signal;
     for (var key in omit_default()(value, ['$type', 'eventDefinitions', 'signalRef'])) {
       if (node.definition[key] === value[key]) {
         continue;
@@ -40700,6 +40702,14 @@ function signalSelector(helper) {
       definitions.rootElements.push(signal);
     }
     node.definition.get('eventDefinitions')[0].signalRef = signal;
+    window.ProcessMaker.EventBus.$emit('multiplayer-updateInspectorProperty', {
+      id: node.definition.id,
+      key: 'signalRef',
+      value: value.signalRef,
+      extras: {
+        signalName: (_signal = signal) === null || _signal === void 0 ? void 0 : _signal.name
+      }
+    });
   }
 });
 ;// CONCATENATED MODULE: ./src/components/nodes/signalEndEvent/index.js
@@ -43624,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=5c5e8f24&
-var taskvue_type_template_id_5c5e8f24_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({
@@ -43653,7 +43663,7 @@ var taskvue_type_template_id_5c5e8f24_render = function render() {
     }
   }, _vm.$listeners));
 };
-var taskvue_type_template_id_5c5e8f24_staticRenderFns = [];
+var taskvue_type_template_id_03f6c11b_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./src/components/nodes/task/shape.js
 
@@ -43839,6 +43849,7 @@ function setupCompensationMarker(nodeDefinition, markers, $set, $delete) {
 
 
 
+
 var labelPadding = 15;
 var topAndBottomMarkersSpace = 2 * hasMarkers_markerSize;
 /* harmony default export */ var taskvue_type_script_lang_js_ = ({
@@ -43879,7 +43890,7 @@ var topAndBottomMarkersSpace = 2 * hasMarkers_markerSize;
     }
   },
   watch: {
-    'node.definition.name': function nodeDefinitionName(name) {
+    'node.definition.name': debounce_default()(function (name) {
       var width = this.node.diagram.bounds.width;
       this.shape.attr('label/text', external_jointjs_.util.breakText(name, {
         width: width
@@ -43893,7 +43904,7 @@ var topAndBottomMarkersSpace = 2 * hasMarkers_markerSize;
         this.shape.resize(width, newHeight);
         this.recalcMarkersAlignment();
       }
-    },
+    }, 300),
     'node.definition.isForCompensation': function nodeDefinitionIsForCompensation() {
       setupCompensationMarker(this.node.definition, this.markers, this.$set, this.$delete);
     },
@@ -43901,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);
       }
     }
   },
@@ -43971,8 +43983,8 @@ var topAndBottomMarkersSpace = 2 * hasMarkers_markerSize;
 ;
 var task_component = normalizeComponent(
   task_taskvue_type_script_lang_js_,
-  taskvue_type_template_id_5c5e8f24_render,
-  taskvue_type_template_id_5c5e8f24_staticRenderFns,
+  taskvue_type_template_id_03f6c11b_render,
+  taskvue_type_template_id_03f6c11b_staticRenderFns,
   false,
   null,
   null,
@@ -44949,8 +44961,8 @@ function handleMarkerFlagsValue(markerFlags, node, setNodeProp) {
 }));
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.json.stringify.js
 var es_json_stringify = __webpack_require__(38862);
-;// 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/subProcess/subProcess.vue?vue&type=template&id=0d80e6df&
-var subProcessvue_type_template_id_0d80e6df_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/subProcess/subProcess.vue?vue&type=template&id=15cc2bd0&
+var subProcessvue_type_template_id_15cc2bd0_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('crown-config', _vm._g({
@@ -45010,7 +45022,7 @@ var subProcessvue_type_template_id_0d80e6df_render = function render() {
     }
   }, [_vm._v(" Please select a subprocess to view it. ")])], 1);
 };
-var subProcessvue_type_template_id_0d80e6df_staticRenderFns = [];
+var subProcessvue_type_template_id_15cc2bd0_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./src/assets/subprocess.svg
 var subprocess_namespaceObject = __webpack_require__.p + "img/subprocess.19c191a3.svg";
@@ -45033,6 +45045,7 @@ var subprocess_namespaceObject = __webpack_require__.p + "img/subprocess.19c191a
 
 
 
+
 var subProcessvue_type_script_lang_js_labelPadding = 15;
 var subProcessvue_type_script_lang_js_topAndBottomMarkersSpace = 2 * hasMarkers_markerSize;
 var blankDefaultIcon = '<svg version="1.1"\n' + '     baseProfile="full"\n' + '     width="16" height="16"\n' + '     xmlns="http://www.w3.org/2000/svg"></svg>';
@@ -45081,7 +45094,7 @@ var blankDefaultIcon = '<svg version="1.1"\n' + '     baseProfile="full"\n' + '
     }
   },
   watch: {
-    'node.definition.name': function nodeDefinitionName(name) {
+    'node.definition.name': debounce_default()(function (name) {
       var width = this.node.diagram.bounds.width;
       this.shape.attr('label/text', external_jointjs_.util.breakText(name, {
         width: width
@@ -45097,7 +45110,7 @@ var blankDefaultIcon = '<svg version="1.1"\n' + '     baseProfile="full"\n' + '
         this.shape.resize(width, newHeight);
         this.recalcMarkersAlignment();
       }
-    },
+    }, 300),
     'node.definition.config': function nodeDefinitionConfig(config) {
       store.commit('updateNodeProp', {
         node: this.node,
@@ -45190,8 +45203,8 @@ var blankDefaultIcon = '<svg version="1.1"\n' + '     baseProfile="full"\n' + '
 ;
 var subProcess_component = normalizeComponent(
   subProcess_subProcessvue_type_script_lang_js_,
-  subProcessvue_type_template_id_0d80e6df_render,
-  subProcessvue_type_template_id_0d80e6df_staticRenderFns,
+  subProcessvue_type_template_id_15cc2bd0_render,
+  subProcessvue_type_template_id_15cc2bd0_staticRenderFns,
   false,
   null,
   null,
@@ -45497,6 +45510,7 @@ var SubProcessFormSelect_component = normalizeComponent(
 
 
 
+
 var subProcess_id = 'processmaker-modeler-call-activity';
 /* harmony default export */ var nodes_subProcess = ({
   id: subProcess_id,
@@ -45565,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);
@@ -48052,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=c9b617ac&
+;// 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&
 
 
-var Modelervue_type_template_id_c9b617ac_render = function render() {
+var Modelervue_type_template_id_9fc5897e_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -48157,7 +48172,7 @@ var Modelervue_type_template_id_c9b617ac_render = function render() {
   }), _c('PreviewPanel', {
     ref: "preview-panel",
     attrs: {
-      "visible": _vm.isOpenPreview,
+      "visible": _vm.isOpenPreview && !(_vm.highlightedNodes.length > 1),
       "nodeRegistry": _vm.nodeRegistry,
       "previewConfigs": _vm.previewConfigs,
       "panelWidth": _vm.previewPanelWidth
@@ -48259,7 +48274,8 @@ var Modelervue_type_template_id_c9b617ac_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', {
@@ -48293,12 +48309,12 @@ var Modelervue_type_template_id_c9b617ac_render = function render() {
     }
   }) : _vm._e()], 2)], 1);
 };
-var Modelervue_type_template_id_c9b617ac_staticRenderFns = [];
+var Modelervue_type_template_id_9fc5897e_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=c9b617ac&
+;// CONCATENATED MODULE: ./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/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({
@@ -48317,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
 
@@ -48368,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&
 
 
@@ -48385,6 +48439,7 @@ var boundaryEventvue_type_template_id_58bceaa8_staticRenderFns = [];
 
 
 
+
 /* harmony default export */ var boundaryEventvue_type_script_lang_js_ = ({
   components: {
     CrownConfig: crownConfig
@@ -48549,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() {
@@ -48609,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,
@@ -50522,8 +50561,8 @@ var InspectorPanel_component = normalizeComponent(
 )
 
 /* 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=65cadc71&scoped=true&
-var PreviewPanelvue_type_template_id_65cadc71_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', {
@@ -50649,13 +50688,10 @@ var PreviewPanelvue_type_template_id_65cadc71_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
@@ -50667,7 +50703,7 @@ var PreviewPanelvue_type_template_id_65cadc71_scoped_true_render = function rend
     }
   })], 1)], 1);
 };
-var PreviewPanelvue_type_template_id_65cadc71_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() {
@@ -50827,31 +50863,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: {
@@ -50884,33 +50913,18 @@ 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;
     },
     previewNode: function previewNode() {
-      var _this = this,
-        _this$highlightedNode3,
-        _this$highlightedNode4;
+      var _this$highlightedNode3, _this$highlightedNode4;
       var force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       if (!this.highlightedNode || !this.visible && !force) {
         return;
       }
-      var previewConfig = this.previewConfigs.find(function (config) {
-        return config.matcher(_this.data);
-      });
+      this.prepareData();
+      var previewConfig = this.getConfig(this.data);
       var clone = {};
       for (var prop in this.data) {
         var _previewConfig$receiv;
@@ -50922,7 +50936,8 @@ var LoadingPreview_component = normalizeComponent(
 
       // if the node has the configurations (for example screenRef for a task in a task)
       var nodeHasConfigParams = Object.keys(clone).length > 0;
-      this.previewUrl = previewConfig && nodeHasConfigParams ? "".concat(previewConfig.url, "?node=").concat(nodeData) : null;
+      var nodeHasConfiguredAssets = !!(previewConfig !== null && previewConfig !== void 0 && previewConfig.assetUrl(this.data));
+      this.previewUrl = nodeHasConfiguredAssets && previewConfig && nodeHasConfigParams ? "".concat(previewConfig.url, "?node=").concat(nodeData) : null;
       this.taskTitle = (_this$highlightedNode3 = this.highlightedNode) === null || _this$highlightedNode3 === void 0 ? void 0 : (_this$highlightedNode4 = _this$highlightedNode3.definition) === null || _this$highlightedNode4 === void 0 ? void 0 : _this$highlightedNode4.name;
     },
     onClose: function onClose() {
@@ -50948,9 +50963,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=65cadc71&prod&lang=scss&scoped=true&
-var preview_panelvue_type_style_index_0_id_65cadc71_prod_lang_scss_scoped_true_ = __webpack_require__(12031);
-;// CONCATENATED MODULE: ./src/components/inspectors/preview_panel.scss?vue&type=style&index=0&id=65cadc71&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
 
@@ -50963,11 +50978,11 @@ var preview_panelvue_type_style_index_0_id_65cadc71_prod_lang_scss_scoped_true_
 
 var PreviewPanel_component = normalizeComponent(
   inspectors_PreviewPanelvue_type_script_lang_js_,
-  PreviewPanelvue_type_template_id_65cadc71_scoped_true_render,
-  PreviewPanelvue_type_template_id_65cadc71_scoped_true_staticRenderFns,
+  PreviewPanelvue_type_template_id_1b18ee14_scoped_true_render,
+  PreviewPanelvue_type_template_id_1b18ee14_scoped_true_staticRenderFns,
   false,
   null,
-  "65cadc71",
+  "1b18ee14",
   null
   
 )
@@ -51775,6 +51790,14 @@ 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
+  }));
+  var eventDefinitions = [moddle.create('bpmn:TimerEventDefinition', eventDefinition)];
+  eventDefinitions[0].id = node.definition.get('eventDefinitions')[0].id;
+  return eventDefinitions;
+};
 /* harmony default export */ var nodes_boundaryTimerEvent = (merge_default()(cloneDeep_default()(nodes_boundaryEvent), {
   id: boundaryTimerEvent_id,
   component: boundaryTimerEvent,
@@ -51826,12 +51849,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,
@@ -52710,12 +52737,18 @@ 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=0a19658c&
+;// 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_0a19658c_render = function render() {
+var MultiplayerViewUsersvue_type_template_id_68693adb_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return !_vm.isMultiplayer ? _c('b-avatar-group', {
+  return _c('b-avatar-group', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isMultiplayer,
+      expression: "isMultiplayer"
+    }],
     staticClass: "container"
   }, [_vm._l(_vm.filteredPlayers, function (item) {
     return [_c('Avatar', {
@@ -52726,11 +52759,11 @@ var MultiplayerViewUsersvue_type_template_id_0a19658c_render = function render()
         "userName": item.name
       }
     })];
-  })], 2) : _vm._e();
+  })], 2);
 };
-var MultiplayerViewUsersvue_type_template_id_0a19658c_staticRenderFns = [];
+var MultiplayerViewUsersvue_type_template_id_68693adb_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=0a19658c&
+;// 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() {
@@ -52945,8 +52978,8 @@ var Avatar_component = normalizeComponent(
 ;
 var MultiplayerViewUsers_component = normalizeComponent(
   multiplayerViewUsers_MultiplayerViewUsersvue_type_script_lang_js_,
-  MultiplayerViewUsersvue_type_template_id_0a19658c_render,
-  MultiplayerViewUsersvue_type_template_id_0a19658c_staticRenderFns,
+  MultiplayerViewUsersvue_type_template_id_68693adb_render,
+  MultiplayerViewUsersvue_type_template_id_68693adb_staticRenderFns,
   false,
   null,
   null,
@@ -53938,10 +53971,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
@@ -54003,6 +54036,7 @@ 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);
             }
           }
@@ -54098,6 +54132,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]);
@@ -55461,8 +55496,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=7c27567b&scoped=true&
-var Selectionvue_type_template_id_7c27567b_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=3cd65297&scoped=true&
+var Selectionvue_type_template_id_3cd65297_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.showLasso && _vm.style ? _c('div', {
@@ -55492,7 +55527,7 @@ var Selectionvue_type_template_id_7c27567b_scoped_true_render = function render(
     }
   }, _vm.$listeners))], 1) : _vm._e();
 };
-var Selectionvue_type_template_id_7c27567b_scoped_true_staticRenderFns = [];
+var Selectionvue_type_template_id_3cd65297_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&
 
@@ -57022,8 +57057,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 children = shape.model.component.getElementsUnderArea(shape.model, _this6.graph);
-          changed = [].concat(_toConsumableArray(changed), _toConsumableArray(_this6.getContainerProperties(children, changed)));
+          var childrens = shape.model.component.getElementsUnderArea(shape.model, _this6.graph).filter(function (element) {
+            return element.component;
+          });
+          changed = [].concat(_toConsumableArray(changed), _toConsumableArray(_this6.getContainerProperties(childrens, changed)));
         } else {
           var _shape$model$componen, _shape$model$componen2, _node$pool;
           var node = shape.model.component.node;
@@ -57075,9 +57112,9 @@ var crownMultiselect_component = normalizeComponent(
       });
       return boundariesChanged;
     },
-    getContainerProperties: function getContainerProperties(children) {
+    getContainerProperties: function getContainerProperties(childrens) {
       var changed = [];
-      children.forEach(function (model) {
+      childrens.forEach(function (model) {
         changed.push({
           id: model.component.node.definition.id,
           properties: {
@@ -57474,9 +57511,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=7c27567b&prod&scoped=true&lang=css&
-var Selectionvue_type_style_index_0_id_7c27567b_prod_scoped_true_lang_css_ = __webpack_require__(93416);
-;// CONCATENATED MODULE: ./src/components/modeler/Selection.vue?vue&type=style&index=0&id=7c27567b&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=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&
 
 ;// CONCATENATED MODULE: ./src/components/modeler/Selection.vue
 
@@ -57489,11 +57526,11 @@ var Selectionvue_type_style_index_0_id_7c27567b_prod_scoped_true_lang_css_ = __w
 
 var Selection_component = normalizeComponent(
   modeler_Selectionvue_type_script_lang_js_,
-  Selectionvue_type_template_id_7c27567b_scoped_true_render,
-  Selectionvue_type_template_id_7c27567b_scoped_true_staticRenderFns,
+  Selectionvue_type_template_id_3cd65297_scoped_true_render,
+  Selectionvue_type_template_id_3cd65297_scoped_true_staticRenderFns,
   false,
   null,
-  "7c27567b",
+  "3cd65297",
   null
   
 )
@@ -76067,6 +76104,8 @@ var Room = /*#__PURE__*/function () {
 
 
 
+
+
 
 
 
@@ -76303,6 +76342,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) {
@@ -76335,12 +76377,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);
@@ -76363,7 +76406,6 @@ var Multiplayer = /*#__PURE__*/function () {
     value: function removeNode(data) {
       var index = this.getIndex(data.definition.id);
       if (index >= 0) {
-        this.removeShape(data);
         this.yArray.delete(index, 1); // delete one element
         // Encode the state as an update and send it to the server
         var stateUpdate = encodeStateAsUpdate(this.yDoc);
@@ -76510,7 +76552,7 @@ var Multiplayer = /*#__PURE__*/function () {
     value: function () {
       var _updateShapes = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
         var _this6 = this;
-        var paper, element, newPool, sourceElem, targetElem, waypoint, startWaypoint, endWaypoint, newWaypoint, node;
+        var paper, element, newPool, waypoint, sourceElem, targetElem, startWaypoint, endWaypoint, newWaypoint, node, _node;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -76518,43 +76560,52 @@ 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 = 15;
+                _context3.next = 8;
                 break;
               }
-              // Update the element's waypoints
-              // Get the source and target elements
-              sourceElem = this.modeler.getElementByNodeId(data.sourceRefId);
-              targetElem = this.modeler.getElementByNodeId(data.targetRefId);
               waypoint = data.waypoint;
-              startWaypoint = waypoint.shift();
-              endWaypoint = waypoint.pop(); // Update the element's waypoints
-              newWaypoint = waypoint.map(function (point) {
-                return _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'
-                }
-              });
+              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'
-                }
-              });
-              _context3.next = 27;
+                // Update the element's target anchor
+                element.target(targetElem, {
+                  anchor: function anchor() {
+                    return getDefaultAnchorPoint(_this6.getConnectionPoint(targetElem, endWaypoint), targetElem.findView(paper));
+                  },
+                  connectionPoint: {
+                    name: 'boundary'
+                  }
+                });
+              } else {
+                node = this.getNodeById(data.id);
+                store.commit('updateNodeProp', {
+                  node: node,
+                  key: 'color',
+                  value: data.color
+                });
+              }
+              _context3.next = 21;
               break;
-            case 15:
+            case 8:
               // Update the element's position attribute
               element.resize( /* Add labelWidth to ensure elements don't overlap with the pool label */
               data.width, data.height);
@@ -76562,9 +76613,9 @@ var Multiplayer = /*#__PURE__*/function () {
                 x: data.x,
                 y: data.y
               });
-              node = this.getNodeById(data.id);
+              _node = this.getNodeById(data.id);
               store.commit('updateNodeProp', {
-                node: node,
+                node: _node,
                 key: 'color',
                 value: data.color
               });
@@ -76575,19 +76626,20 @@ var Multiplayer = /*#__PURE__*/function () {
               }
 
               // Trigger a rendering of the element on the paper
-              _context3.next = 22;
+              _context3.next = 15;
               return paper.findViewByModel(element).update();
-            case 22:
-              _context3.next = 24;
+            case 15:
+              _context3.next = 17;
               return element.component.$nextTick();
-            case 24:
-              _context3.next = 26;
+            case 17:
+              _context3.next = 19;
               return this.modeler.paperManager.awaitScheduledUpdates();
-            case 26:
+            case 19:
               if (newPool && element.component.node.pool && element.component.node.pool.component.id !== data.poolId) {
                 element.component.node.pool.component.moveElementRemote(element, newPool);
               }
-            case 27:
+              this.modeler.updateLasso();
+            case 21:
             case "end":
               return _context3.stop();
           }
@@ -76757,7 +76809,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) {
@@ -76775,7 +76827,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;
         }
@@ -76811,7 +76863,30 @@ var Multiplayer = /*#__PURE__*/function () {
             node.definition.set('allowedGroups', extras.allowedGroups);
           }
         }
-        if (!['messageRef', 'gatewayDirection', 'condition', 'allowedUsers', 'allowedGroups'].includes(key)) {
+        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,
@@ -77160,6 +77235,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;
@@ -78086,7 +78167,7 @@ var Multiplayer = /*#__PURE__*/function () {
     addRemoteNode: function addRemoteNode(data) {
       var _this27 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {
-        var definition, diagram, newNode;
+        var definition, diagram, newNode, pool;
         return _regeneratorRuntime().wrap(function _callee14$(_context14) {
           while (1) switch (_context14.prev = _context14.next) {
             case 0:
@@ -78094,20 +78175,24 @@ var Multiplayer = /*#__PURE__*/function () {
               diagram = _this27.nodeRegistry[data.type].diagram(_this27.moddle);
               diagram.bounds.x = data.x;
               diagram.bounds.y = data.y;
-              newNode = _this27.createNode(data.type, definition, diagram);
-              _context14.next = 7;
+              newNode = _this27.createNode(data.type, definition, diagram); //verify if the node has a pool as a container
+              if (data.poolId) {
+                pool = _this27.getElementByNodeId(data.poolId);
+                _this27.poolTarget = pool;
+              }
+              _context14.next = 8;
               return _this27.addNode(newNode, data.id, true);
-            case 7:
-              _context14.next = 9;
+            case 8:
+              _context14.next = 10;
               return _this27.$nextTick();
-            case 9:
-              _context14.next = 11;
+            case 10:
+              _context14.next = 12;
               return _this27.paperManager.awaitScheduledUpdates();
-            case 11:
+            case 12:
               if (_this27.autoValidate) {
                 _this27.validateBpmnDiagram();
               }
-            case 12:
+            case 13:
             case "end":
               return _context14.stop();
           }
@@ -78194,7 +78279,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', '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'];
       if (!this.isMultiplayer) {
         return;
       }
@@ -78218,6 +78303,7 @@ var Multiplayer = /*#__PURE__*/function () {
             loopCharacteristics: null,
             gatewayDirection: null,
             messageRef: null,
+            signalRef: null,
             extras: {}
           };
           if (node !== null && node !== void 0 && (_node$pool = node.pool) !== null && _node$pool !== void 0 && _node$pool.component) {
@@ -78229,7 +78315,7 @@ var Multiplayer = /*#__PURE__*/function () {
           window.ProcessMaker.EventBus.$emit('multiplayer-addNode', defaultData);
         }
         if (this.flowTypes.includes(node.type)) {
-          var _node$definition$sour, _node$definition$targ;
+          var _node$definition$sour, _node$definition$targ, _node$diagram$waypoin;
           var sourceRefId = (_node$definition$sour = node.definition.sourceRef) === null || _node$definition$sour === void 0 ? void 0 : _node$definition$sour.id;
           var targetRefId = (_node$definition$targ = node.definition.targetRef) === null || _node$definition$targ === void 0 ? void 0 : _node$definition$targ.id;
           if (node.type === 'processmaker-modeler-data-input-association') {
@@ -78238,7 +78324,7 @@ var Multiplayer = /*#__PURE__*/function () {
             targetRefId = (_node$definition$targ2 = node.definition.targetRef) === null || _node$definition$targ2 === void 0 ? void 0 : (_node$definition$targ3 = _node$definition$targ2.$parent) === null || _node$definition$targ3 === void 0 ? void 0 : (_node$definition$targ4 = _node$definition$targ3.$parent) === null || _node$definition$targ4 === void 0 ? void 0 : _node$definition$targ4.get('id');
           }
           var waypoint = [];
-          node.diagram.waypoint.forEach(function (point) {
+          (_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
@@ -78252,7 +78338,8 @@ var Multiplayer = /*#__PURE__*/function () {
               targetRefId: targetRefId,
               waypoint: waypoint,
               name: node.definition.name,
-              conditionExpression: null
+              conditionExpression: null,
+              color: null
             };
             if (isProcessRequested) {
               return flowData;
@@ -78883,6 +78970,12 @@ var Multiplayer = /*#__PURE__*/function () {
       if (playerIndex !== -1) {
         this.players.splice(playerIndex, 1);
       }
+    },
+    /**
+     * Update the lasso tool
+     */
+    updateLasso: function updateLasso() {
+      this.$refs.selector.updateSelectionBox();
     }
   },
   created: function created() {
@@ -79101,8 +79194,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_c9b617ac_render,
-  Modelervue_type_template_id_c9b617ac_staticRenderFns,
+  Modelervue_type_template_id_9fc5897e_render,
+  Modelervue_type_template_id_9fc5897e_staticRenderFns,
   false,
   null,
   null,