@processmaker/modeler 1.40.1 → 1.40.2

package/dist/modeler.umd.js

@@ -13341,7 +13341,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".preview-column[data-v-0cafde2c]{min-w
 
 /***/ }),
 
-/***/ 50489:
+/***/ 90906:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13355,7 +13355,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".preview-column[data-v-9b5e0310]{min-width:200px;resize:both;overflow:auto;background-color:#fff;z-index:2}.preview-iframe[data-v-9b5e0310]{width:90%;height:100%;padding:0 30px 0 50px;border:none}.preview-column .control-bar[data-v-9b5e0310]{background-color:#fff;padding:0 5px 0 5px;color:#7f7f7f}.preview-type-dropdown[data-v-9b5e0310]{margin-top:-10px}.resizer-column[data-v-9b5e0310]{cursor:ew-resize;width:5px;background-color:#ebeef2}.preview-column .divider[data-v-9b5e0310]{background-color:#0074d9;height:20px;width:100%}.preview-column .control-bar .actions[data-v-9b5e0310]{width:100%;padding-right:45px;text-align:right}.preview-column .control-bar .actions i[data-v-9b5e0310]{width:20px;cursor:pointer;margin-left:5px}.task-title[data-v-9b5e0310]{width:100%;height:60px;font-size:xx-large;font-weight:700;text-align:center;color:#6c757d}.preview-placeholder[data-v-9b5e0310]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px}.preview-placeholder h1[data-v-9b5e0310]{margin-bottom:30px;font-size:32px;font-weight:600;line-height:38px;letter-spacing:-.04em}.preview-placeholder h1[data-v-9b5e0310],.preview-placeholder h2[data-v-9b5e0310]{text-align:center;font-family:Open Sans,sans-serif}.preview-placeholder h2[data-v-9b5e0310]{margin-bottom:50px;font-size:18px;font-weight:400;line-height:27px;letter-spacing:-.02em}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".preview-column[data-v-1b18ee14]{min-width:200px;resize:both;overflow:auto;background-color:#fff;z-index:2}.preview-iframe[data-v-1b18ee14]{width:90%;height:100%;padding:0 30px 0 50px;border:none}.preview-column .control-bar[data-v-1b18ee14]{background-color:#fff;padding:0 5px 0 5px;color:#7f7f7f}.preview-type-dropdown[data-v-1b18ee14]{margin-top:-10px}.resizer-column[data-v-1b18ee14]{cursor:ew-resize;width:5px;background-color:#ebeef2}.preview-column .divider[data-v-1b18ee14]{background-color:#0074d9;height:20px;width:100%}.preview-column .control-bar .actions[data-v-1b18ee14]{width:100%;padding-right:45px;text-align:right}.preview-column .control-bar .actions i[data-v-1b18ee14]{width:20px;cursor:pointer;margin-left:5px}.task-title[data-v-1b18ee14]{width:100%;height:60px;font-size:xx-large;font-weight:700;text-align:center;color:#6c757d}.preview-placeholder[data-v-1b18ee14]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px}.preview-placeholder h1[data-v-1b18ee14]{margin-bottom:30px;font-size:32px;font-weight:600;line-height:38px;letter-spacing:-.04em}.preview-placeholder h1[data-v-1b18ee14],.preview-placeholder h2[data-v-1b18ee14]{text-align:center;font-family:Open Sans,sans-serif}.preview-placeholder h2[data-v-1b18ee14]{margin-bottom:50px;font-size:18px;font-weight:400;line-height:27px;letter-spacing:-.02em}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -26872,19 +26872,19 @@ var update = add("2f87229d", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 53379:
+/***/ 17420:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(50489);
+var content = __webpack_require__(90906);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(54402)/* ["default"] */ .Z)
-var update = add("a78497e8", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("18ef7868", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -43634,8 +43634,8 @@ var intermediateConditionalCatchEvent_id = 'processmaker-modeler-intermediate-co
     }]
   }]
 })));
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/nodes/task/task.vue?vue&type=template&id=202a0909&
-var taskvue_type_template_id_202a0909_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/nodes/task/task.vue?vue&type=template&id=03f6c11b&
+var taskvue_type_template_id_03f6c11b_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('crown-config', _vm._g({
@@ -43663,7 +43663,7 @@ var taskvue_type_template_id_202a0909_render = function render() {
     }
   }, _vm.$listeners));
 };
-var taskvue_type_template_id_202a0909_staticRenderFns = [];
+var taskvue_type_template_id_03f6c11b_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./src/components/nodes/task/shape.js
 
@@ -43912,6 +43912,7 @@ var topAndBottomMarkersSpace = 2 * hasMarkers_markerSize;
       deep: true,
       handler: function handler() {
         setupMultiInstanceMarkers(this.node.definition, this.markers, this.$set, this.$delete);
+        this.$emit('definition-changed', this.node.definition);
       }
     }
   },
@@ -43982,8 +43983,8 @@ var topAndBottomMarkersSpace = 2 * hasMarkers_markerSize;
 ;
 var task_component = normalizeComponent(
   task_taskvue_type_script_lang_js_,
-  taskvue_type_template_id_202a0909_render,
-  taskvue_type_template_id_202a0909_staticRenderFns,
+  taskvue_type_template_id_03f6c11b_render,
+  taskvue_type_template_id_03f6c11b_staticRenderFns,
   false,
   null,
   null,
@@ -45509,6 +45510,7 @@ var SubProcessFormSelect_component = normalizeComponent(
 
 
 
+
 var subProcess_id = 'processmaker-modeler-call-activity';
 /* harmony default export */ var nodes_subProcess = ({
   id: subProcess_id,
@@ -45577,7 +45579,8 @@ var subProcess_id = 'processmaker-modeler-call-activity';
         }
       }]
     }, documentationAccordionConfig, advancedAccordionConfig]
-  }]
+  }],
+  loopCharacteristicsHandler: loopCharacteristicsHandler
 });
 // EXTERNAL MODULE: ./node_modules/svg-inline-loader/index.js!./src/assets/script.svg
 var script = __webpack_require__(87465);
@@ -48064,10 +48067,10 @@ var ValidationStatus_component = normalizeComponent(
 )
 
 /* harmony default export */ var ValidationStatus = (ValidationStatus_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=e988fe60&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=9fc5897e&
 
 
-var Modelervue_type_template_id_e988fe60_render = function render() {
+var Modelervue_type_template_id_9fc5897e_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -48271,7 +48274,8 @@ var Modelervue_type_template_id_e988fe60_render = function render() {
         "clone-element": _vm.cloneElement,
         "clone-selection": _vm.cloneSelection,
         "default-flow": _vm.toggleDefaultFlow,
-        "shape-resize": _vm.shapeResize
+        "shape-resize": _vm.shapeResize,
+        "definition-changed": _vm.onNodeDefinitionChanged
       }
     });
   }), _c('RailBottom', {
@@ -48305,12 +48309,12 @@ var Modelervue_type_template_id_e988fe60_render = function render() {
     }
   }) : _vm._e()], 2)], 1);
 };
-var Modelervue_type_template_id_e988fe60_staticRenderFns = [];
+var Modelervue_type_template_id_9fc5897e_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=e988fe60&
+;// 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({
@@ -48329,7 +48333,7 @@ var boundaryEventvue_type_template_id_58bceaa8_render = function render() {
     }
   }, _vm.$listeners));
 };
-var boundaryEventvue_type_template_id_58bceaa8_staticRenderFns = [];
+var boundaryEventvue_type_template_id_728530a2_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./src/components/nodes/boundaryEvent/shape.js
 
@@ -48380,6 +48384,44 @@ var boundaryEventvue_type_template_id_58bceaa8_staticRenderFns = [];
     }
   }, external_jointjs_.shapes.standard.Circle.prototype.defaults)
 }));
+;// CONCATENATED MODULE: ./src/components/nodes/boundaryEvent/boundaryEventUtils.js
+
+
+
+
+var getBoundaryEventData = function getBoundaryEventData(node) {
+  var _node$definition$get, _eventDefinitionType$;
+  var control = {
+    bpmnType: node.diagram.$type,
+    id: node.diagram.id,
+    type: node.type,
+    attachedToRef: node.definition.get('attachedToRef')
+  };
+  var eventDefinition = node.definition.get('eventDefinitions')[0];
+  var eventDefinitionType = Object.keys(eventDefinition).reduce(function (acc, key) {
+    if (key.startsWith('time')) {
+      acc[key] = eventDefinition[key];
+    }
+    return acc;
+  }, {});
+  var type = Object.keys(eventDefinitionType)[0];
+  return {
+    x: node.diagram.bounds.x,
+    y: node.diagram.bounds.y,
+    height: node.diagram.bounds.height,
+    width: node.diagram.bounds.width,
+    attachedToRefId: (_node$definition$get = node.definition.get('attachedToRef')) === null || _node$definition$get === void 0 ? void 0 : _node$definition$get.id,
+    control: control,
+    type: node.type,
+    id: node.definition.id,
+    color: node.definition.get('color'),
+    cancelActivity: node.definition.get('cancelActivity'),
+    eventTimerDefinition: {
+      type: type,
+      body: (_eventDefinitionType$ = eventDefinitionType[type]) === null || _eventDefinitionType$ === void 0 ? void 0 : _eventDefinitionType$.body
+    }
+  };
+};
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/nodes/boundaryEvent/boundaryEvent.vue?vue&type=script&lang=js&
 
 
@@ -48397,6 +48439,7 @@ var boundaryEventvue_type_template_id_58bceaa8_staticRenderFns = [];
 
 
 
+
 /* harmony default export */ var boundaryEventvue_type_script_lang_js_ = ({
   components: {
     CrownConfig: crownConfig
@@ -48561,24 +48604,8 @@ var boundaryEventvue_type_template_id_58bceaa8_staticRenderFns = [];
       this.invalidTargetElement = targetElement;
     },
     addMultiplayerBoundaryEvent: function addMultiplayerBoundaryEvent() {
-      var _this$node$definition;
-      var control = {
-        bpmnType: this.node.diagram.$type,
-        id: this.node.diagram.id,
-        type: this.node.type,
-        attachedToRef: this.node.definition.get('attachedToRef')
-      };
-      window.ProcessMaker.EventBus.$emit('multiplayer-addBoundaryEvent', {
-        x: this.node.diagram.bounds.x,
-        y: this.node.diagram.bounds.y,
-        height: this.node.diagram.bounds.height,
-        width: this.node.diagram.bounds.width,
-        attachedToRefId: (_this$node$definition = this.node.definition.get('attachedToRef')) === null || _this$node$definition === void 0 ? void 0 : _this$node$definition.id,
-        control: control,
-        type: this.node.type,
-        id: this.node.definition.id,
-        color: this.node.definition.get('color')
-      });
+      var defaultData = getBoundaryEventData(this.node);
+      window.ProcessMaker.EventBus.$emit('multiplayer-addBoundaryEvent', defaultData);
     }
   },
   mounted: function mounted() {
@@ -48621,8 +48648,8 @@ var boundaryEventvue_type_template_id_58bceaa8_staticRenderFns = [];
 ;
 var boundaryEvent_component = normalizeComponent(
   boundaryEvent_boundaryEventvue_type_script_lang_js_,
-  boundaryEventvue_type_template_id_58bceaa8_render,
-  boundaryEventvue_type_template_id_58bceaa8_staticRenderFns,
+  boundaryEventvue_type_template_id_728530a2_render,
+  boundaryEventvue_type_template_id_728530a2_staticRenderFns,
   false,
   null,
   null,
@@ -50534,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=9b5e0310&scoped=true&
-var PreviewPanelvue_type_template_id_9b5e0310_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/inspectors/PreviewPanel.vue?vue&type=template&id=1b18ee14&scoped=true&
+var PreviewPanelvue_type_template_id_1b18ee14_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('b-row', {
@@ -50661,13 +50688,10 @@ var PreviewPanelvue_type_template_id_9b5e0310_scoped_true_render = function rend
       expression: "!previewUrl"
     }]
   }), _c('iframe', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: !!_vm.previewUrl && !_vm.showSpinner,
-      expression: "!!previewUrl && !showSpinner"
-    }],
     staticClass: "preview-iframe",
+    style: {
+      visibility: _vm.displayPreviewIframe
+    },
     attrs: {
       "title": "Preview",
       "src": _vm.previewUrl
@@ -50679,7 +50703,7 @@ var PreviewPanelvue_type_template_id_9b5e0310_scoped_true_render = function rend
     }
   })], 1)], 1);
 };
-var PreviewPanelvue_type_template_id_9b5e0310_scoped_true_staticRenderFns = [];
+var PreviewPanelvue_type_template_id_1b18ee14_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/inspectors/NoPreviewAvailable.vue?vue&type=template&id=cdc64a14&scoped=true&
 var NoPreviewAvailablevue_type_template_id_cdc64a14_scoped_true_render = function render() {
@@ -50839,31 +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: {
@@ -50896,18 +50913,6 @@ var LoadingPreview_component = normalizeComponent(
       this.data = defaultDataTransform(this.highlightedNode);
       this.taskTitle = (_this$data = this.data) === null || _this$data === void 0 ? void 0 : _this$data.name;
       this.taskTitle = this === null || this === void 0 ? void 0 : (_this$highlightedNode = this.highlightedNode) === null || _this$highlightedNode === void 0 ? void 0 : (_this$highlightedNode2 = _this$highlightedNode.definition) === null || _this$highlightedNode2 === void 0 ? void 0 : _this$highlightedNode2.name;
-      this.previewNode();
-    },
-    handleAssignmentChanges: function handleAssignmentChanges(currentValue, previousValue) {
-      if (currentValue === previousValue) {
-        return;
-      }
-      var nodeConfig = this.getConfig(this.data);
-      if (nodeConfig) {
-        this.prepareData();
-      } else {
-        this.$emit('togglePreview', false);
-      }
     },
     onSelectedPreview: function onSelectedPreview(item) {
       this.selectedPreview = item;
@@ -50918,6 +50923,7 @@ var LoadingPreview_component = normalizeComponent(
       if (!this.highlightedNode || !this.visible && !force) {
         return;
       }
+      this.prepareData();
       var previewConfig = this.getConfig(this.data);
       var clone = {};
       for (var prop in this.data) {
@@ -50957,9 +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=9b5e0310&prod&lang=scss&scoped=true&
-var preview_panelvue_type_style_index_0_id_9b5e0310_prod_lang_scss_scoped_true_ = __webpack_require__(53379);
-;// CONCATENATED MODULE: ./src/components/inspectors/preview_panel.scss?vue&type=style&index=0&id=9b5e0310&prod&lang=scss&scoped=true&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./src/components/inspectors/preview_panel.scss?vue&type=style&index=0&id=1b18ee14&prod&lang=scss&scoped=true&
+var preview_panelvue_type_style_index_0_id_1b18ee14_prod_lang_scss_scoped_true_ = __webpack_require__(17420);
+;// CONCATENATED MODULE: ./src/components/inspectors/preview_panel.scss?vue&type=style&index=0&id=1b18ee14&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/components/inspectors/PreviewPanel.vue
 
@@ -50972,11 +50978,11 @@ var preview_panelvue_type_style_index_0_id_9b5e0310_prod_lang_scss_scoped_true_
 
 var PreviewPanel_component = normalizeComponent(
   inspectors_PreviewPanelvue_type_script_lang_js_,
-  PreviewPanelvue_type_template_id_9b5e0310_scoped_true_render,
-  PreviewPanelvue_type_template_id_9b5e0310_scoped_true_staticRenderFns,
+  PreviewPanelvue_type_template_id_1b18ee14_scoped_true_render,
+  PreviewPanelvue_type_template_id_1b18ee14_scoped_true_staticRenderFns,
   false,
   null,
-  "9b5e0310",
+  "1b18ee14",
   null
   
 )
@@ -51784,6 +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,
@@ -51835,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,
@@ -52719,17 +52737,17 @@ var ValidatePanel_component = normalizeComponent(
 
 
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=e319a5a8&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=68693adb&
 
-var MultiplayerViewUsersvue_type_template_id_e319a5a8_render = function render() {
+var MultiplayerViewUsersvue_type_template_id_68693adb_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('b-avatar-group', {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: !_vm.isMultiplayer,
-      expression: "!isMultiplayer"
+      value: _vm.isMultiplayer,
+      expression: "isMultiplayer"
     }],
     staticClass: "container"
   }, [_vm._l(_vm.filteredPlayers, function (item) {
@@ -52743,9 +52761,9 @@ var MultiplayerViewUsersvue_type_template_id_e319a5a8_render = function render()
     })];
   })], 2);
 };
-var MultiplayerViewUsersvue_type_template_id_e319a5a8_staticRenderFns = [];
+var MultiplayerViewUsersvue_type_template_id_68693adb_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=e319a5a8&
+;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=68693adb&
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/topRail/multiplayerViewUsers/avatar/Avatar.vue?vue&type=template&id=1c50a604&scoped=true&
 var Avatarvue_type_template_id_1c50a604_scoped_true_render = function render() {
@@ -52960,8 +52978,8 @@ var Avatar_component = normalizeComponent(
 ;
 var MultiplayerViewUsers_component = normalizeComponent(
   multiplayerViewUsers_MultiplayerViewUsersvue_type_script_lang_js_,
-  MultiplayerViewUsersvue_type_template_id_e319a5a8_render,
-  MultiplayerViewUsersvue_type_template_id_e319a5a8_staticRenderFns,
+  MultiplayerViewUsersvue_type_template_id_68693adb_render,
+  MultiplayerViewUsersvue_type_template_id_68693adb_staticRenderFns,
   false,
   null,
   null,
@@ -53953,10 +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
@@ -54018,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);
             }
           }
@@ -54113,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]);
@@ -76084,6 +76104,8 @@ var Room = /*#__PURE__*/function () {
 
 
 
+
+
 
 
 
@@ -76320,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) {
@@ -76352,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);
@@ -76783,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) {
@@ -76801,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;
         }
@@ -76851,6 +76877,14 @@ var Multiplayer = /*#__PURE__*/function () {
           }
           node.definition.get('eventDefinitions')[0].signalRef = signal;
         }
+        if (key === 'eventTimerDefinition') {
+          var _value = value,
+            type = _value.type,
+            body = _value.body;
+          var eventDefinitions = setEventTimerDefinition(this.modeler.moddle, node, type, body);
+          key = 'eventDefinitions';
+          value = eventDefinitions;
+        }
         var specialProperties = ['messageRef', 'signalRef', 'gatewayDirection', 'condition', 'allowedUsers', 'allowedGroups'];
         if (!specialProperties.includes(key)) {
           store.commit('updateNodeProp', {
@@ -77201,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;
@@ -78239,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;
       }
@@ -79154,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_e988fe60_render,
-  Modelervue_type_template_id_e988fe60_staticRenderFns,
+  Modelervue_type_template_id_9fc5897e_render,
+  Modelervue_type_template_id_9fc5897e_staticRenderFns,
   false,
   null,
   null,