@processmaker/modeler 1.39.27 → 1.39.29

package/dist/modeler.umd.js

@@ -12658,6 +12658,27 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".documentation-input .richtext{height:
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 37064:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8081);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+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, ".no-preview[data-v-291a0508]{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-asset[data-v-291a0508]{width:200px;padding-bottom:150px}.no-preview h1[data-v-291a0508]{font-weight:700;font-size:xx-large}.no-preview h1[data-v-291a0508],.no-preview h2[data-v-291a0508]{text-align:center;margin-bottom:50px}.no-preview h2[data-v-291a0508]{font-size:x-large}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 491:
@@ -12702,7 +12723,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".invalid .multiselect__tags{border-col
 
 /***/ }),
 
-/***/ 63877:
+/***/ 19440:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12716,7 +12737,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, ".no-preview[data-v-7ec3935d]{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;color:#44494e;padding:5px}.no-preview img[data-v-7ec3935d]{max-width:50%;width:auto;padding-bottom:150px}.no-preview h1[data-v-7ec3935d]{text-align:center;font-weight:700;font-size:xx-large;margin-bottom:50px}.no-preview h2[data-v-7ec3935d]{text-align:center;font-size:x-large}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".no-preview[data-v-ee8c8758]{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;color:#44494e;padding:5px}.no-preview img[data-v-ee8c8758]{max-width:50%;width:auto;padding-bottom:150px}.no-preview h1[data-v-ee8c8758]{text-align:center;font-weight:700;font-size:xx-large;margin-bottom:50px}.no-preview h2[data-v-ee8c8758]{text-align:center;font-size:x-large}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -13299,7 +13320,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".inspector-button[data-v-cebfb20a]{pos
 
 /***/ }),
 
-/***/ 89613:
+/***/ 62081:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13313,7 +13334,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_panel[data-v-b558053a]:after{display:-webkit-box;display:-ms-flexbox;display:flex;content:\"\";left:0;width:5px;height:100%;cursor:ew-resize}.preview-column[data-v-b558053a]{max-width:400px;min-width:200px;resize:both;overflow:auto;background-color:#f5f5f5;border-left:8px solid #ebeef2;z-index:2}.paneiframe[data-v-b558053a]{display:block;width:100%}.preview-column .control-bar[data-v-b558053a]{background-color:#fff;padding:0 5px 0 5px;color:#7f7f7f}.preview-column .control-bar .actions[data-v-b558053a]{text-align:right}.preview-column .control-bar .actions div[data-v-b558053a]{width:100%;text-align:right}.preview-column .control-bar .actions div i[data-v-b558053a]{width:20px;cursor:pointer}.item-title[data-v-b558053a]{margin-top:15px;height:30px;font-size:larger;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#7f7f7f}.item-title[data-v-b558053a],.task-title[data-v-b558053a]{width:100%;text-align:center}.task-title[data-v-b558053a]{height:60px;font-size:xx-large;font-weight:700;color:#6c757d}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, "#preview_panel[data-v-2b11953c]:after{display:-webkit-box;display:-ms-flexbox;display:flex;content:\"\";left:0;width:5px;height:100%;cursor:ew-resize}.preview-column[data-v-2b11953c]{max-width:400px;min-width:200px;resize:both;overflow:auto;background-color:#f5f5f5;border-left:8px solid #ebeef2;z-index:2}.paneiframe[data-v-2b11953c]{display:block;width:100%}.preview-column .control-bar[data-v-2b11953c]{background-color:#fff;padding:0 5px 0 5px;color:#7f7f7f}.preview-column .control-bar .actions[data-v-2b11953c]{text-align:right}.preview-column .control-bar .actions div[data-v-2b11953c]{width:100%;text-align:right}.preview-column .control-bar .actions div i[data-v-2b11953c]{width:20px;cursor:pointer}.item-title[data-v-2b11953c]{margin-top:15px;height:30px;font-size:larger;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#7f7f7f}.item-title[data-v-2b11953c],.task-title[data-v-2b11953c]{width:100%;text-align:center}.task-title[data-v-2b11953c]{height:60px;font-size:xx-large;font-weight:700;color:#6c757d}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -26313,6 +26334,22 @@ var update = add("4e66a0da", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ 54752:
+/***/ (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__(37064);
+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("64af1748", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 3524:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -26345,19 +26382,19 @@ var update = add("ffb74138", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 18532:
+/***/ 5357:
 /***/ (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__(63877);
+var content = __webpack_require__(19440);
 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("15dd49df", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("27f21465", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -26777,19 +26814,19 @@ var update = add("62d3adbb", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 4132:
+/***/ 89275:
 /***/ (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__(89613);
+var content = __webpack_require__(62081);
 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("148f2abe", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("6028cd6b", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -27363,11 +27400,11 @@ module.exports = __webpack_require__.p + "img/undo.704fb545.svg";
 
 /***/ }),
 
-/***/ 15817:
+/***/ 95522:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
-module.exports = __webpack_require__.p + "img/spiner.8fc30c70.svg";
+module.exports = __webpack_require__.p + "img/spinner.020b98db.svg";
 
 /***/ }),
 
@@ -27747,6 +27784,14 @@ module.exports = __webpack_require__.p + "img/noPreviewImage.92c2fe15.png";
 
 /***/ }),
 
+/***/ 74818:
+/***/ (function(module) {
+
+"use strict";
+module.exports = "data:image/png;base64,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";
+
+/***/ }),
+
 /***/ 65554:
 /***/ (function(module) {
 
@@ -50355,8 +50400,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=b558053a&scoped=true&
-var PreviewPanelvue_type_template_id_b558053a_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=2b11953c&scoped=true&
+var PreviewPanelvue_type_template_id_2b11953c_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('b-col', {
@@ -50439,22 +50484,21 @@ var PreviewPanelvue_type_template_id_b558053a_scoped_true_render = function rend
     staticClass: "ellipsis-dropdown-content"
   }, [_c('b', {
     staticClass: "pr-1 fa-fw fas fa-file-alt"
-  }), _c('span', [_vm._v(_vm._s(_vm.$t('Document')))])])]), _c('b-dropdown-item', {
-    key: "2",
-    staticClass: "ellipsis-dropdown-item mx-auto",
+  }), _c('span', [_vm._v(_vm._s(_vm.$t('Document')))])])])], 1), _c('span', [_vm._v(_vm._s(_vm.$t('Preview')) + " - " + _vm._s(_vm.taskTitle))])], 1)]), _c('b-col', {
+    staticClass: "actions"
+  }, [_c('div', [_c('i', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.previewUrl,
+      expression: "previewUrl"
+    }],
+    staticClass: "fas fa-external-link-alt",
     on: {
       "click": function click($event) {
-        return _vm.onSelectedPreview(2);
+        return _vm.openAsset();
       }
     }
-  }, [_c('div', {
-    staticClass: "ellipsis-dropdown-content"
-  }, [_c('b', {
-    staticClass: "pr-1 fa-fw"
-  }, [_vm._v("{ }")]), _c('span', [_vm._v(_vm._s(_vm.$t('Object')))])])])], 1), _c('span', [_vm._v(_vm._s(_vm.$t('Preview')) + " - " + _vm._s(_vm.taskTitle))])], 1)]), _c('b-col', {
-    staticClass: "actions"
-  }, [_c('div', [_c('i', {
-    staticClass: "fas fa-external-link-alt"
   }), _c('i', {
     staticClass: "fas fa-times",
     on: {
@@ -50470,17 +50514,7 @@ var PreviewPanelvue_type_template_id_b558053a_scoped_true_render = function rend
     }
   }, [_vm._v(" ")])]), _c('b-row', [_c('div', {
     staticClass: "task-title"
-  }, [_vm._v(" " + _vm._s(_vm.taskTitle) + " ")])]), _vm.showSpinner ? _c('div', {
-    staticClass: "row justify-content-center",
-    attrs: {
-      "id": "spinner"
-    }
-  }, [_c('img', {
-    attrs: {
-      "alt": "spinner",
-      "src": _vm.spinner
-    }
-  })]) : _vm._e(), _c('no-preview-available', {
+  }, [_vm._v(" " + _vm._s(_vm.taskTitle) + " ")])]), _vm.showSpinner ? _c('loading-preview') : _vm._e(), _c('no-preview-available', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -50508,10 +50542,10 @@ var PreviewPanelvue_type_template_id_b558053a_scoped_true_render = function rend
     }
   })], 1);
 };
-var PreviewPanelvue_type_template_id_b558053a_scoped_true_staticRenderFns = [];
+var PreviewPanelvue_type_template_id_2b11953c_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=7ec3935d&scoped=true&
-var NoPreviewAvailablevue_type_template_id_7ec3935d_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/NoPreviewAvailable.vue?vue&type=template&id=ee8c8758&scoped=true&
+var NoPreviewAvailablevue_type_template_id_ee8c8758_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -50521,9 +50555,9 @@ var NoPreviewAvailablevue_type_template_id_7ec3935d_scoped_true_render = functio
       "src": _vm.noPreviewImg,
       "alt": "no preview"
     }
-  }), _c('h1', [_vm._v("No Screen Asigned")]), _c('h2', [_vm._v("This is a placeholder screen. Please, assign a screen to this task.")])]);
+  }), _c('h1', [_vm._v("No Resource Assigned")]), _c('h2', [_vm._v("This is a placeholder. Please, assign a resource to this task.")])]);
 };
-var NoPreviewAvailablevue_type_template_id_7ec3935d_scoped_true_staticRenderFns = [];
+var NoPreviewAvailablevue_type_template_id_ee8c8758_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/inspectors/NoPreviewAvailable.vue?vue&type=script&lang=js&
 /* harmony default export */ var NoPreviewAvailablevue_type_script_lang_js_ = ({
@@ -50535,9 +50569,9 @@ var NoPreviewAvailablevue_type_template_id_7ec3935d_scoped_true_staticRenderFns
 });
 ;// CONCATENATED MODULE: ./src/components/inspectors/NoPreviewAvailable.vue?vue&type=script&lang=js&
  /* harmony default export */ var inspectors_NoPreviewAvailablevue_type_script_lang_js_ = (NoPreviewAvailablevue_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/inspectors/NoPreviewAvailable.vue?vue&type=style&index=0&id=7ec3935d&prod&scoped=true&lang=css&
-var NoPreviewAvailablevue_type_style_index_0_id_7ec3935d_prod_scoped_true_lang_css_ = __webpack_require__(18532);
-;// CONCATENATED MODULE: ./src/components/inspectors/NoPreviewAvailable.vue?vue&type=style&index=0&id=7ec3935d&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/inspectors/NoPreviewAvailable.vue?vue&type=style&index=0&id=ee8c8758&prod&scoped=true&lang=css&
+var NoPreviewAvailablevue_type_style_index_0_id_ee8c8758_prod_scoped_true_lang_css_ = __webpack_require__(5357);
+;// CONCATENATED MODULE: ./src/components/inspectors/NoPreviewAvailable.vue?vue&type=style&index=0&id=ee8c8758&prod&scoped=true&lang=css&
 
 ;// CONCATENATED MODULE: ./src/components/inspectors/NoPreviewAvailable.vue
 
@@ -50550,16 +50584,73 @@ var NoPreviewAvailablevue_type_style_index_0_id_7ec3935d_prod_scoped_true_lang_c
 
 var NoPreviewAvailable_component = normalizeComponent(
   inspectors_NoPreviewAvailablevue_type_script_lang_js_,
-  NoPreviewAvailablevue_type_template_id_7ec3935d_scoped_true_render,
-  NoPreviewAvailablevue_type_template_id_7ec3935d_scoped_true_staticRenderFns,
+  NoPreviewAvailablevue_type_template_id_ee8c8758_scoped_true_render,
+  NoPreviewAvailablevue_type_template_id_ee8c8758_scoped_true_staticRenderFns,
   false,
   null,
-  "7ec3935d",
+  "ee8c8758",
   null
   
 )
 
 /* harmony default export */ var NoPreviewAvailable = (NoPreviewAvailable_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/LoadingPreview.vue?vue&type=template&id=291a0508&scoped=true&
+var LoadingPreviewvue_type_template_id_291a0508_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "no-preview"
+  }, [_c('img', {
+    attrs: {
+      "id": "preview-asset",
+      "src": _vm.previewAsset,
+      "alt": "Preview Asset"
+    }
+  }), _c('h1', [_vm._v("The preview is loading")]), _c('h2', [_vm._v("Some assets can take some time to load")]), _c('img', {
+    attrs: {
+      "alt": "spinner",
+      "src": _vm.spinnerImg
+    }
+  })]);
+};
+var LoadingPreviewvue_type_template_id_291a0508_scoped_true_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/inspectors/LoadingPreview.vue?vue&type=script&lang=js&
+/* harmony default export */ var LoadingPreviewvue_type_script_lang_js_ = ({
+  data: function data() {
+    return {
+      previewAsset: __webpack_require__(74818),
+      spinnerImg: __webpack_require__(95522)
+    };
+  }
+});
+;// CONCATENATED MODULE: ./src/components/inspectors/LoadingPreview.vue?vue&type=script&lang=js&
+ /* harmony default export */ var inspectors_LoadingPreviewvue_type_script_lang_js_ = (LoadingPreviewvue_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/inspectors/LoadingPreview.vue?vue&type=style&index=0&id=291a0508&prod&scoped=true&lang=css&
+var LoadingPreviewvue_type_style_index_0_id_291a0508_prod_scoped_true_lang_css_ = __webpack_require__(54752);
+;// CONCATENATED MODULE: ./src/components/inspectors/LoadingPreview.vue?vue&type=style&index=0&id=291a0508&prod&scoped=true&lang=css&
+
+;// CONCATENATED MODULE: ./src/components/inspectors/LoadingPreview.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var LoadingPreview_component = normalizeComponent(
+  inspectors_LoadingPreviewvue_type_script_lang_js_,
+  LoadingPreviewvue_type_template_id_291a0508_scoped_true_render,
+  LoadingPreviewvue_type_template_id_291a0508_scoped_true_staticRenderFns,
+  false,
+  null,
+  "291a0508",
+  null
+  
+)
+
+/* harmony default export */ var LoadingPreview = (LoadingPreview_component.exports);
 ;// 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/inspectors/PreviewPanel.vue?vue&type=script&lang=js&
 
 
@@ -50574,17 +50665,18 @@ var NoPreviewAvailable_component = normalizeComponent(
 
 
 
+
 /* harmony default export */ var PreviewPanelvue_type_script_lang_js_ = ({
   props: ['nodeRegistry', 'visible', 'previewConfigs'],
   components: {
-    NoPreviewAvailable: NoPreviewAvailable
+    NoPreviewAvailable: NoPreviewAvailable,
+    LoadingPreview: LoadingPreview
   },
   data: function data() {
     return {
       data: {},
       previewUrl: null,
       showSpinner: false,
-      spinner: __webpack_require__(15817),
       selectedPreview: '1',
       taskTitle: '',
       itemTitle: '',
@@ -50631,6 +50723,15 @@ var NoPreviewAvailable_component = normalizeComponent(
     loading: function loading() {
       this.showSpinner = false;
     },
+    getConfig: function getConfig(data) {
+      return this.previewConfigs.find(function (config) {
+        return config.matcher(data);
+      });
+    },
+    openAsset: function openAsset() {
+      var nodeConfig = this.getConfig(this.data);
+      window.open(nodeConfig.assetUrl(this.data), '_blank');
+    },
     prepareData: function prepareData() {
       var _this$data, _this$highlightedNode, _this$highlightedNode2;
       if (!this.highlightedNode) {
@@ -50651,13 +50752,10 @@ var NoPreviewAvailable_component = normalizeComponent(
       this.previewNode();
     },
     handleAssignmentChanges: function handleAssignmentChanges(currentValue, previousValue) {
-      var _this = this;
       if (currentValue === previousValue) {
         return;
       }
-      var nodeConfig = this.previewConfigs.find(function (config) {
-        return config.matcher(_this.data);
-      });
+      var nodeConfig = this.getConfig(this.data);
       if (nodeConfig) {
         this.prepareData();
       } else {
@@ -50668,7 +50766,7 @@ var NoPreviewAvailable_component = normalizeComponent(
       this.selectedPreview = item;
     },
     previewNode: function previewNode() {
-      var _this2 = this,
+      var _this = this,
         _this$highlightedNode3,
         _this$highlightedNode4;
       var force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -50676,7 +50774,7 @@ var NoPreviewAvailable_component = normalizeComponent(
         return;
       }
       var previewConfig = this.previewConfigs.find(function (config) {
-        return config.matcher(_this2.data);
+        return config.matcher(_this.data);
       });
       var clone = {};
       for (var prop in this.data) {
@@ -50715,9 +50813,9 @@ var NoPreviewAvailable_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=b558053a&prod&lang=scss&scoped=true&
-var preview_panelvue_type_style_index_0_id_b558053a_prod_lang_scss_scoped_true_ = __webpack_require__(4132);
-;// CONCATENATED MODULE: ./src/components/inspectors/preview_panel.scss?vue&type=style&index=0&id=b558053a&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=2b11953c&prod&lang=scss&scoped=true&
+var preview_panelvue_type_style_index_0_id_2b11953c_prod_lang_scss_scoped_true_ = __webpack_require__(89275);
+;// CONCATENATED MODULE: ./src/components/inspectors/preview_panel.scss?vue&type=style&index=0&id=2b11953c&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/components/inspectors/PreviewPanel.vue
 
@@ -50730,11 +50828,11 @@ var preview_panelvue_type_style_index_0_id_b558053a_prod_lang_scss_scoped_true_
 
 var PreviewPanel_component = normalizeComponent(
   inspectors_PreviewPanelvue_type_script_lang_js_,
-  PreviewPanelvue_type_template_id_b558053a_scoped_true_render,
-  PreviewPanelvue_type_template_id_b558053a_scoped_true_staticRenderFns,
+  PreviewPanelvue_type_template_id_2b11953c_scoped_true_render,
+  PreviewPanelvue_type_template_id_2b11953c_scoped_true_staticRenderFns,
   false,
   null,
-  "b558053a",
+  "2b11953c",
   null
   
 )
@@ -75879,6 +75977,7 @@ var Multiplayer = /*#__PURE__*/function () {
             };
             _this.modeler.addPlayer(newPlayer);
           });
+          _this.syncLocalNodes(_this.clientIO.id);
         }
       });
       this.clientIO.on('clientLeft', function (payload) {
@@ -75892,22 +75991,7 @@ var Multiplayer = /*#__PURE__*/function () {
 
         // Check if the current client is the first client
         if (firstClient.id === _this.clientIO.id) {
-          // Get the process definition
-          var nodes = _this.modeler.nodes.map(function (node) {
-            return _this.modeler.multiplayerHook(node, false, true);
-          });
-          nodes.forEach(function (node) {
-            var yMapNested = new YMap();
-            _this.doTransact(yMapNested, node);
-            _this.yArray.push([yMapNested]);
-            // Encode the state as an update and send it to the server
-            var stateUpdate = encodeStateAsUpdate(_this.yDoc);
-            // Send the update to the web socket server
-            _this.clientIO.emit('createElement', {
-              updateDoc: stateUpdate,
-              clientId: clientId
-            });
-          });
+          _this.syncLocalNodes(clientId);
         }
       });
 
@@ -76030,6 +76114,31 @@ var Multiplayer = /*#__PURE__*/function () {
         }
       });
     }
+    /**
+     * Sync the modeler nodes with the microservice
+     * @param {String} clientId 
+     */
+  }, {
+    key: "syncLocalNodes",
+    value: function syncLocalNodes(clientId) {
+      var _this2 = this;
+      // Get the process definition
+      var nodes = this.modeler.nodes.map(function (node) {
+        return _this2.modeler.multiplayerHook(node, false, true);
+      });
+      nodes.forEach(function (node) {
+        var yMapNested = new YMap();
+        _this2.doTransact(yMapNested, node);
+        _this2.yArray.push([yMapNested]);
+        // Encode the state as an update and send it to the server
+        var stateUpdate = encodeStateAsUpdate(_this2.yDoc);
+        // Send the update to the web socket server
+        _this2.clientIO.emit('createElement', {
+          updateDoc: stateUpdate,
+          clientId: clientId
+        });
+      });
+    }
   }, {
     key: "addNode",
     value: function addNode(data) {
@@ -76062,10 +76171,10 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "createRemoteShape",
     value: function createRemoteShape(changes) {
-      var _this2 = this;
+      var _this3 = this;
       return new Promise(function (resolve) {
         changes.map(function (data) {
-          _this2.createShape(data);
+          _this3.createShape(data);
         });
         resolve();
       });
@@ -76131,14 +76240,14 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "updateNodes",
     value: function updateNodes(data) {
-      var _this3 = this;
+      var _this4 = this;
       data.forEach(function (value) {
-        var index = _this3.getIndex(value.id);
-        var nodeToUpdate = _this3.yArray.get(index);
+        var index = _this4.getIndex(value.id);
+        var nodeToUpdate = _this4.yArray.get(index);
         var updateData = value.poolId ? _objectSpread2(_objectSpread2({}, value.properties), {
           poolId: value.poolId
         }) : value.properties;
-        _this3.doTransact(nodeToUpdate, updateData);
+        _this4.doTransact(nodeToUpdate, updateData);
       });
     }
   }, {
@@ -76219,7 +76328,7 @@ var Multiplayer = /*#__PURE__*/function () {
     key: "updateShapes",
     value: function () {
       var _updateShapes = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
-        var _this4 = this;
+        var _this5 = this;
         var paper, element, newPool, sourceElem, targetElem, waypoint, startWaypoint, endWaypoint, newWaypoint, node;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -76239,14 +76348,14 @@ var Multiplayer = /*#__PURE__*/function () {
               startWaypoint = waypoint.shift();
               endWaypoint = waypoint.pop(); // Update the element's waypoints
               newWaypoint = waypoint.map(function (point) {
-                return _this4.modeler.moddle.create('dc:Point', point);
+                return _this5.modeler.moddle.create('dc:Point', point);
               });
               element.set('vertices', newWaypoint);
 
               // Update the element's source anchor
               element.source(sourceElem, {
                 anchor: function anchor() {
-                  return getDefaultAnchorPoint(_this4.getConnectionPoint(sourceElem, startWaypoint), sourceElem.findView(paper));
+                  return getDefaultAnchorPoint(_this5.getConnectionPoint(sourceElem, startWaypoint), sourceElem.findView(paper));
                 },
                 connectionPoint: {
                   name: 'boundary'
@@ -76256,7 +76365,7 @@ var Multiplayer = /*#__PURE__*/function () {
               // Update the element's target anchor
               element.target(targetElem, {
                 anchor: function anchor() {
-                  return getDefaultAnchorPoint(_this4.getConnectionPoint(targetElem, endWaypoint), targetElem.findView(paper));
+                  return getDefaultAnchorPoint(_this5.getConnectionPoint(targetElem, endWaypoint), targetElem.findView(paper));
                 },
                 connectionPoint: {
                   name: 'boundary'
@@ -76344,7 +76453,7 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "addLaneNodes",
     value: function addLaneNodes(lanes) {
-      var _this5 = this;
+      var _this6 = this;
       var pool = this.getPool(lanes);
       window.ProcessMaker.EventBus.$emit('multiplayer-updateNodes', [{
         id: pool.component.node.definition.id,
@@ -76359,11 +76468,11 @@ var Multiplayer = /*#__PURE__*/function () {
       this.yDoc.transact(function () {
         lanes.forEach(function (lane) {
           var yMapNested = new YMap();
-          var data = _this5.prepareLaneData(lane);
-          _this5.doTransact(yMapNested, data);
-          _this5.yArray.push([yMapNested]);
-          var stateUpdate = encodeStateAsUpdate(_this5.yDoc);
-          _this5.clientIO.emit('createElement', {
+          var data = _this6.prepareLaneData(lane);
+          _this6.doTransact(yMapNested, data);
+          _this6.yArray.push([yMapNested]);
+          var stateUpdate = encodeStateAsUpdate(_this6.yDoc);
+          _this6.clientIO.emit('createElement', {
             updateDoc: stateUpdate
           });
         });