@processmaker/modeler 1.39.21 → 1.39.22

package/dist/modeler.umd.js

@@ -12828,7 +12828,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".weekday[data-v-4ae18478]{padding:.75e
 
 /***/ }),
 
-/***/ 56163:
+/***/ 99586:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12842,7 +12842,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-4045da65]{border:1px solid #5faaee;position:absolute;pointer-events:none}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".box[data-v-7c27567b]{border:1px solid #5faaee;position:absolute;pointer-events:none}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -13000,7 +13000,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".crown-button[data-v-09d8a8ac]{border:
 
 /***/ }),
 
-/***/ 53846:
+/***/ 43647:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13019,7 +13019,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-76ef27c6]{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-76ef27c6]{background:#fff;width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid #fff;position:relative}.color-picker[data-v-76ef27c6]{position:absolute;right:40px;top:calc(100% - 36px)}.toggle-picker[data-v-76ef27c6]{background:50%/cover no-repeat url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ")!important}", ""]);
+___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}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -26441,19 +26441,19 @@ var update = add("a84bfd8c", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 87181:
+/***/ 93416:
 /***/ (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__(56163);
+var content = __webpack_require__(99586);
 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("d24e8492", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("15698e7b", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -26553,19 +26553,19 @@ var update = add("6ffce0d4", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 80034:
+/***/ 73742:
 /***/ (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__(53846);
+var content = __webpack_require__(43647);
 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("49ad822c", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("2259f20f", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -34891,8 +34891,8 @@ var crownTaskDropdown_component = normalizeComponent(
 )
 
 /* harmony default export */ var crownTaskDropdown = (crownTaskDropdown_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/crownBoundaryEventDropdown.vue?vue&type=template&id=125b7b60&
-var crownBoundaryEventDropdownvue_type_template_id_125b7b60_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/crown/crownButtons/crownBoundaryEventDropdown.vue?vue&type=template&id=e00dd116&
+var crownBoundaryEventDropdownvue_type_template_id_e00dd116_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.dropdownData.length > 0 ? _c('div', {
@@ -34968,7 +34968,7 @@ var crownBoundaryEventDropdownvue_type_template_id_125b7b60_render = function re
     }, [_vm._v(" " + _vm._s(_vm.getErrorTooltipText(disabledLabel)) + " ")]) : _vm._e()], 1);
   }), 0) : _vm._e()], 1) : _vm._e();
 };
-var crownBoundaryEventDropdownvue_type_template_id_125b7b60_staticRenderFns = [];
+var crownBoundaryEventDropdownvue_type_template_id_e00dd116_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./src/assets/boundary-event.svg
 var boundary_event_namespaceObject = __webpack_require__.p + "img/boundary-event.40a868e9.svg";
@@ -35048,6 +35048,7 @@ function spaceAvailable(dropTarget) {
       diagram.bounds.y = emptyPort.y - diagram.bounds.height / 2;
       var node = new Node(nodeType, definition, diagram);
       node.pool = this.node.pool;
+      node.fromCrown = true;
       store.commit('highlightNode', node);
       this.$emit('add-node', node);
     }
@@ -35074,8 +35075,8 @@ var crownDropdownvue_type_style_index_0_prod_lang_scss_ = __webpack_require__(87
 
 var crownBoundaryEventDropdown_component = normalizeComponent(
   crownButtons_crownBoundaryEventDropdownvue_type_script_lang_js_,
-  crownBoundaryEventDropdownvue_type_template_id_125b7b60_render,
-  crownBoundaryEventDropdownvue_type_template_id_125b7b60_staticRenderFns,
+  crownBoundaryEventDropdownvue_type_template_id_e00dd116_render,
+  crownBoundaryEventDropdownvue_type_template_id_e00dd116_staticRenderFns,
   false,
   null,
   null,
@@ -35084,9 +35085,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=76ef27c6&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=76b859ea&scoped=true&
 
-var crownColorDropdownvue_type_template_id_76ef27c6_scoped_true_render = function render() {
+var crownColorDropdownvue_type_template_id_76b859ea_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return !_vm.hide ? _c('div', {
@@ -35213,9 +35214,9 @@ var crownColorDropdownvue_type_template_id_76ef27c6_scoped_true_render = functio
     }
   })], 1)])], 1) : _vm._e();
 };
-var crownColorDropdownvue_type_template_id_76ef27c6_scoped_true_staticRenderFns = [];
+var crownColorDropdownvue_type_template_id_76b859ea_scoped_true_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=76ef27c6&scoped=true&
+;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=76b859ea&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.btoa.js
 var web_btoa = __webpack_require__(27479);
@@ -35877,6 +35878,7 @@ var free_solid_svg_icons_ = __webpack_require__(9943);
       this.resetCustomIcon();
     },
     setNodeColor: function setNodeColor(color) {
+      var _this$node$definition;
       store.commit('updateNodeProp', {
         node: this.node,
         key: 'color',
@@ -35893,7 +35895,8 @@ var free_solid_svg_icons_ = __webpack_require__(9943);
           height: this.node.diagram.bounds.height,
           width: this.node.diagram.bounds.width,
           type: this.node.type,
-          id: this.node.definition.id
+          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
         }
       };
       window.ProcessMaker.EventBus.$emit('multiplayer-updateNodes', [properties]);
@@ -35947,9 +35950,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=76ef27c6&prod&lang=scss&scoped=true&
-var crownColorDropdownvue_type_style_index_0_id_76ef27c6_prod_lang_scss_scoped_true_ = __webpack_require__(80034);
-;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=style&index=0&id=76ef27c6&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=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&
 
 ;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue
 
@@ -35962,11 +35965,11 @@ var crownColorDropdownvue_type_style_index_0_id_76ef27c6_prod_lang_scss_scoped_t
 
 var crownColorDropdown_component = normalizeComponent(
   crownButtons_crownColorDropdownvue_type_script_lang_js_,
-  crownColorDropdownvue_type_template_id_76ef27c6_scoped_true_render,
-  crownColorDropdownvue_type_template_id_76ef27c6_scoped_true_staticRenderFns,
+  crownColorDropdownvue_type_template_id_76b859ea_scoped_true_render,
+  crownColorDropdownvue_type_template_id_76b859ea_scoped_true_staticRenderFns,
   false,
   null,
-  "76ef27c6",
+  "76b859ea",
   null
   
 )
@@ -47786,10 +47789,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=5fd6d55f&
+;// 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=0e494be6&
 
 
-var Modelervue_type_template_id_5fd6d55f_render = function render() {
+var Modelervue_type_template_id_0e494be6_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -48008,12 +48011,12 @@ var Modelervue_type_template_id_5fd6d55f_render = function render() {
     }
   }) : _vm._e()], 2)], 1);
 };
-var Modelervue_type_template_id_5fd6d55f_staticRenderFns = [];
+var Modelervue_type_template_id_0e494be6_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=5fd6d55f&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=0e494be6&
 
-;// 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=2979ecac&
-var boundaryEventvue_type_template_id_2979ecac_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=58bceaa8&
+var boundaryEventvue_type_template_id_58bceaa8_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('crown-config', _vm._g({
@@ -48032,7 +48035,7 @@ var boundaryEventvue_type_template_id_2979ecac_render = function render() {
     }
   }, _vm.$listeners));
 };
-var boundaryEventvue_type_template_id_2979ecac_staticRenderFns = [];
+var boundaryEventvue_type_template_id_58bceaa8_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./src/components/nodes/boundaryEvent/shape.js
 
@@ -48262,6 +48265,26 @@ var boundaryEventvue_type_template_id_2979ecac_staticRenderFns = [];
         resetShapeColor(this.invalidTargetElement);
       }
       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')
+      });
     }
   },
   mounted: function mounted() {
@@ -48281,7 +48304,10 @@ var boundaryEventvue_type_template_id_2979ecac_staticRenderFns = [];
             task = _this2.getTaskUnderShape();
             _this2.attachBoundaryEventToTask(task);
             _this2.updateShapePosition(task);
-          case 9:
+            if (_this2.node.fromCrown) {
+              _this2.addMultiplayerBoundaryEvent();
+            }
+          case 10:
           case "end":
             return _context.stop();
         }
@@ -48301,8 +48327,8 @@ var boundaryEventvue_type_template_id_2979ecac_staticRenderFns = [];
 ;
 var boundaryEvent_component = normalizeComponent(
   boundaryEvent_boundaryEventvue_type_script_lang_js_,
-  boundaryEventvue_type_template_id_2979ecac_render,
-  boundaryEventvue_type_template_id_2979ecac_staticRenderFns,
+  boundaryEventvue_type_template_id_58bceaa8_render,
+  boundaryEventvue_type_template_id_58bceaa8_staticRenderFns,
   false,
   null,
   null,
@@ -55042,8 +55068,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=4045da65&scoped=true&
-var Selectionvue_type_template_id_4045da65_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=7c27567b&scoped=true&
+var Selectionvue_type_template_id_7c27567b_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.showLasso && _vm.style ? _c('div', {
@@ -55073,7 +55099,7 @@ var Selectionvue_type_template_id_4045da65_scoped_true_render = function render(
     }
   }, _vm.$listeners))], 1) : _vm._e();
 };
-var Selectionvue_type_template_id_4045da65_scoped_true_staticRenderFns = [];
+var Selectionvue_type_template_id_7c27567b_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&
 
@@ -55986,6 +56012,12 @@ var crownMultiselect_component = normalizeComponent(
 
 
 
+
+
+
+
+
+
 
 
 
@@ -56592,7 +56624,7 @@ var crownMultiselect_component = normalizeComponent(
     getProperties: function getProperties(shapes) {
       var _this6 = this;
       var changed = [];
-      var shapesToNotTranslate = ['PoolLane', 'standard.Link', 'processmaker.components.nodes.boundaryEvent.Shape'];
+      var shapesToNotTranslate = ['PoolLane', 'standard.Link'];
       shapes.filter(function (shape) {
         return !shapesToNotTranslate.includes(shape.model.get('type'));
       }).forEach(function (shape) {
@@ -56600,7 +56632,7 @@ var crownMultiselect_component = normalizeComponent(
           var children = shape.model.component.getElementsUnderArea(shape.model, _this6.graph);
           changed = [].concat(_toConsumableArray(changed), _toConsumableArray(_this6.getContainerProperties(children, changed)));
         } else {
-          var _node$pool;
+          var _shape$model$componen, _shape$model$componen2, _node$pool;
           var node = shape.model.component.node;
           var defaultData = {
             id: node.definition.id,
@@ -56609,6 +56641,7 @@ var crownMultiselect_component = normalizeComponent(
               y: shape.model.get('position').y,
               height: shape.model.get('size').height,
               width: shape.model.get('size').width,
+              attachedToRefId: (_shape$model$componen = (_shape$model$componen2 = shape.model.component.node.definition.get('attachedToRef')) === null || _shape$model$componen2 === void 0 ? void 0 : _shape$model$componen2.id) !== null && _shape$model$componen !== void 0 ? _shape$model$componen : null,
               color: shape.model.get('color')
             }
           };
@@ -56617,9 +56650,38 @@ var crownMultiselect_component = normalizeComponent(
           }
           changed.push(defaultData);
         }
+        var boundariesChanges = _this6.getBoundariesChangesForShape(shape);
+        changed = changed.concat(boundariesChanges);
       });
       return changed;
     },
+    /**
+     * Get properties for each boundary inside a shape
+     */
+    getBoundariesChangesForShape: function getBoundariesChangesForShape(shape) {
+      var boundariesChanged = [];
+      var boundaryEventTypes = [boundaryErrorEvent_id, boundaryConditionalEvent_id, boundaryEscalationEvent_id, boundaryMessageEvent_id, boundarySignalEvent_id, boundaryTimerEvent_id];
+      var boundaryNodes = store.getters.nodes.filter(function (node) {
+        return boundaryEventTypes.includes(node.type);
+      });
+      boundaryNodes.forEach(function (boundaryNode) {
+        if (boundaryNode.definition.attachedToRef.id === shape.model.component.node.definition.id) {
+          var _boundaryNode$definit, _boundaryNode$definit2, _boundaryNode$definit3;
+          boundariesChanged.push({
+            id: boundaryNode.definition.id,
+            properties: {
+              x: boundaryNode.diagram.bounds.x,
+              y: boundaryNode.diagram.bounds.y,
+              height: boundaryNode.diagram.bounds.height,
+              width: boundaryNode.diagram.bounds.width,
+              attachedToRefId: (_boundaryNode$definit = (_boundaryNode$definit2 = boundaryNode.definition.get('attachedToRef')) === null || _boundaryNode$definit2 === void 0 ? void 0 : _boundaryNode$definit2.id) !== null && _boundaryNode$definit !== void 0 ? _boundaryNode$definit : null,
+              color: (_boundaryNode$definit3 = boundaryNode.definition.get('color')) !== null && _boundaryNode$definit3 !== void 0 ? _boundaryNode$definit3 : null
+            }
+          });
+        }
+      });
+      return boundariesChanged;
+    },
     getContainerProperties: function getContainerProperties(children) {
       var changed = [];
       children.forEach(function (model) {
@@ -57019,9 +57081,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=4045da65&prod&scoped=true&lang=css&
-var Selectionvue_type_style_index_0_id_4045da65_prod_scoped_true_lang_css_ = __webpack_require__(87181);
-;// CONCATENATED MODULE: ./src/components/modeler/Selection.vue?vue&type=style&index=0&id=4045da65&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=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&
 
 ;// CONCATENATED MODULE: ./src/components/modeler/Selection.vue
 
@@ -57034,11 +57096,11 @@ var Selectionvue_type_style_index_0_id_4045da65_prod_scoped_true_lang_css_ = __w
 
 var Selection_component = normalizeComponent(
   modeler_Selectionvue_type_script_lang_js_,
-  Selectionvue_type_template_id_4045da65_scoped_true_render,
-  Selectionvue_type_template_id_4045da65_scoped_true_staticRenderFns,
+  Selectionvue_type_template_id_7c27567b_scoped_true_render,
+  Selectionvue_type_template_id_7c27567b_scoped_true_staticRenderFns,
   false,
   null,
-  "4045da65",
+  "7c27567b",
   null
   
 )
@@ -75797,7 +75859,10 @@ var Multiplayer = /*#__PURE__*/function () {
         _this.replaceNode(nodeData, newControl);
       });
       window.ProcessMaker.EventBus.$on('multiplayer-addFlow', function (data) {
-        _this.addFlow(data);
+        _this.addCommonElement(data);
+      });
+      window.ProcessMaker.EventBus.$on('multiplayer-addBoundaryEvent', function (data) {
+        _this.addCommonElement(data);
       });
       window.ProcessMaker.EventBus.$on('multiplayer-addLanes', function (lanes) {
         _this.addLaneNodes(lanes);
@@ -76022,7 +76087,7 @@ var Multiplayer = /*#__PURE__*/function () {
                   name: 'boundary'
                 }
               });
-              _context3.next = 26;
+              _context3.next = 27;
               break;
             case 15:
               // Update the element's position attribute
@@ -76039,20 +76104,25 @@ var Multiplayer = /*#__PURE__*/function () {
                 value: data.color
               });
 
+              // boundary type
+              if (element.component.node.definition.$type === 'bpmn:BoundaryEvent') {
+                this.attachBoundaryEventToNode(element, data);
+              }
+
               // Trigger a rendering of the element on the paper
-              _context3.next = 21;
+              _context3.next = 22;
               return paper.findViewByModel(element).update();
-            case 21:
-              _context3.next = 23;
+            case 22:
+              _context3.next = 24;
               return element.component.$nextTick();
-            case 23:
-              _context3.next = 25;
+            case 24:
+              _context3.next = 26;
               return this.modeler.paperManager.awaitScheduledUpdates();
-            case 25:
+            case 26:
               if (newPool && element.component.node.pool && element.component.node.pool.component.id !== data.poolId) {
                 element.component.node.pool.component.moveElementRemote(element, newPool);
               }
-            case 26:
+            case 27:
             case "end":
               return _context3.stop();
           }
@@ -76064,8 +76134,27 @@ var Multiplayer = /*#__PURE__*/function () {
       return updateShapes;
     }()
   }, {
-    key: "addFlow",
-    value: function addFlow(data) {
+    key: "attachBoundaryEventToNode",
+    value: function attachBoundaryEventToNode(element, data) {
+      var node = this.getNodeById(data.attachedToRefId);
+
+      // Find previous attached task
+      var previousAttachedTask = element.getParentCell();
+
+      // Find new attached task
+      var newAttachedTask = this.modeler.getElementByNodeId(data.attachedToRefId);
+      if (previousAttachedTask) {
+        previousAttachedTask.unembed(element);
+      }
+      if (newAttachedTask) {
+        newAttachedTask.embed(element);
+      }
+      element.component.node.definition.set('attachedToRef', node.definition);
+    }
+  }, {
+    key: "addCommonElement",
+    value: function addCommonElement(data) {
+      // Add a new flow / boundary event to the shared array
       var yMapNested = new YMap();
       this.doTransact(yMapNested, data);
       this.yArray.push([yMapNested]);
@@ -77439,7 +77528,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-output-association'];
+      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'];
       if (!this.isMultiplayer) {
         return;
       }
@@ -78346,8 +78435,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_5fd6d55f_render,
-  Modelervue_type_template_id_5fd6d55f_staticRenderFns,
+  Modelervue_type_template_id_0e494be6_render,
+  Modelervue_type_template_id_0e494be6_staticRenderFns,
   false,
   null,
   null,