@processmaker/modeler 1.39.25 → 1.39.27

package/dist/modeler.umd.js

@@ -13299,7 +13299,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".inspector-button[data-v-cebfb20a]{pos
 
 /***/ }),
 
-/***/ 95365:
+/***/ 89613:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13313,7 +13313,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-24f0829e]:after{display:-webkit-box;display:-ms-flexbox;display:flex;content:\"\";left:0;width:5px;height:100%;cursor:ew-resize}.preview-column[data-v-24f0829e]{max-width:400px;resize:both;overflow:auto;background-color:#f5f5f5;border-left:8px solid #ebeef2}.paneiframe[data-v-24f0829e]{display:block;width:100%}.preview-column .control-bar[data-v-24f0829e]{background-color:#fff;padding:0 5px 0 5px;color:#7f7f7f}.preview-column .control-bar .actions[data-v-24f0829e]{text-align:right}.preview-column .control-bar .actions div[data-v-24f0829e]{width:100%;text-align:right}.preview-column .control-bar .actions div i[data-v-24f0829e]{width:20px;cursor:pointer}.item-title[data-v-24f0829e]{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-24f0829e],.task-title[data-v-24f0829e]{width:100%;text-align:center}.task-title[data-v-24f0829e]{height:60px;font-size:xx-large;font-weight:700;color:#6c757d}", ""]);
+___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}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -26777,19 +26777,19 @@ var update = add("62d3adbb", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 71760:
+/***/ 4132:
 /***/ (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__(95365);
+var content = __webpack_require__(89613);
 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("7450d9d5", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("148f2abe", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -32913,13 +32913,11 @@ var crownConfigvue_type_template_id_1e4b9bf1_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
 var es_object_keys = __webpack_require__(47941);
-;// 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/previewButton.vue?vue&type=template&id=a7930852&
-
-var previewButtonvue_type_template_id_a7930852_render = function render() {
-  var _vm$node;
+;// 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/previewButton.vue?vue&type=template&id=29ab8a84&
+var previewButtonvue_type_template_id_29ab8a84_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return (_vm$node = _vm.node).isBpmnType.apply(_vm$node, _toConsumableArray(_vm.validPreviewElements)) ? _c('crown-button', {
+  return _vm.displayIcon ? _c('crown-button', {
     directives: [{
       name: "b-tooltip",
       rawName: "v-b-tooltip.hover.viewport.d50",
@@ -32937,7 +32935,8 @@ var previewButtonvue_type_template_id_a7930852_render = function render() {
       "title": _vm.$t('Preview'),
       "role": "menuitem",
       "id": "preview-button",
-      "aria-label": "Preview"
+      "aria-label": "Preview",
+      "data-test": "preview-button"
     },
     on: {
       "click": function click($event) {
@@ -32948,10 +32947,10 @@ var previewButtonvue_type_template_id_a7930852_render = function render() {
     staticClass: "fas fa-eye cog-container--button"
   })]) : _vm._e();
 };
-var previewButtonvue_type_template_id_a7930852_staticRenderFns = [];
-
-;// CONCATENATED MODULE: ./src/components/crown/crownButtons/previewButton.vue?vue&type=template&id=a7930852&
+var previewButtonvue_type_template_id_29ab8a84_staticRenderFns = [];
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
+var es_array_reduce = __webpack_require__(85827);
 ;// CONCATENATED MODULE: ./src/assets/trash-alt-solid.svg
 var trash_alt_solid_namespaceObject = __webpack_require__.p + "img/trash-alt-solid.9d41abd9.svg";
 ;// 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/crownButton.vue?vue&type=template&id=09d8a8ac&scoped=true&
@@ -33126,6 +33125,11 @@ var validPreviewElements = ['bpmn:Task', 'bpmn:UserTask', 'bpmn:GlobalTask', 'bp
 
 
 
+
+
+
+
+
 /* harmony default export */ var previewButtonvue_type_script_lang_js_ = ({
   components: {
     CrownButton: crownButton
@@ -33138,9 +33142,26 @@ var validPreviewElements = ['bpmn:Task', 'bpmn:UserTask', 'bpmn:GlobalTask', 'bp
   data: function data() {
     return {
       trashIcon: trash_alt_solid_namespaceObject,
-      validPreviewElements: crownButtons_validPreviewElements
+      validPreviewElements: crownButtons_validPreviewElements,
+      displayIcon: false
     };
   },
+  mounted: function mounted() {
+    var defaultDataTransform = function defaultDataTransform(node) {
+      return Object.entries(node.definition).reduce(function (data, _ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          key = _ref2[0],
+          value = _ref2[1];
+        data[key] = value;
+        return data;
+      }, {});
+    };
+    var nodeData = defaultDataTransform(this.node);
+    var previewConfig = window.ProcessMaker.$modeler.previewConfigs.find(function (config) {
+      return config.matcher(nodeData);
+    });
+    this.displayIcon = !!previewConfig;
+  },
   computed: {
     isPoolLane: function isPoolLane() {
       return this.node.type === 'processmaker-modeler-lane';
@@ -33148,7 +33169,11 @@ var validPreviewElements = ['bpmn:Task', 'bpmn:UserTask', 'bpmn:GlobalTask', 'bp
   },
   methods: {
     preview: function preview() {
-      this.$emit('previewNode', this.node);
+      if (window.ProcessMaker.$modeler.isOpenPreview) {
+        window.ProcessMaker.$modeler.isOpenPreview = false;
+      } else {
+        this.$emit('previewNode', this.node);
+      }
     }
   }
 });
@@ -33164,8 +33189,8 @@ var validPreviewElements = ['bpmn:Task', 'bpmn:UserTask', 'bpmn:GlobalTask', 'bp
 ;
 var previewButton_component = normalizeComponent(
   crownButtons_previewButtonvue_type_script_lang_js_,
-  previewButtonvue_type_template_id_a7930852_render,
-  previewButtonvue_type_template_id_a7930852_staticRenderFns,
+  previewButtonvue_type_template_id_29ab8a84_render,
+  previewButtonvue_type_template_id_29ab8a84_staticRenderFns,
   false,
   null,
   null,
@@ -37604,8 +37629,6 @@ var endEvent_id = 'processmaker-modeler-end-event';
     }, documentationAccordionConfig, advancedAccordionConfig]
   }]
 });
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
-var es_array_reduce = __webpack_require__(85827);
 // EXTERNAL MODULE: ./node_modules/svg-inline-loader/index.js!./src/assets/error.svg
 var assets_error = __webpack_require__(84384);
 var error_default = /*#__PURE__*/__webpack_require__.n(assets_error);
@@ -47873,10 +47896,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=562fa03a&
+;// 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=0473c526&
 
 
-var Modelervue_type_template_id_562fa03a_render = function render() {
+var Modelervue_type_template_id_0473c526_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -48007,7 +48030,9 @@ var Modelervue_type_template_id_562fa03a_render = function render() {
       "shape-resize": function shapeResize($event) {
         return _vm.shapeResize(false);
       },
-      "toggleInspector": _vm.handleToggleInspector
+      "toggleInspector": function toggleInspector($event) {
+        [_vm.handleToggleInspector($event), _vm.setInspectorButtonPosition($event)];
+      }
     }
   }) : _vm._e(), _vm._l(_vm.nodes, function (node) {
     return _c(node.type, {
@@ -48101,9 +48126,9 @@ var Modelervue_type_template_id_562fa03a_render = function render() {
     }
   }) : _vm._e()], 2)], 1);
 };
-var Modelervue_type_template_id_562fa03a_staticRenderFns = [];
+var Modelervue_type_template_id_0473c526_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=562fa03a&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=0473c526&
 
 ;// 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() {
@@ -50330,8 +50355,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=24f0829e&scoped=true&
-var PreviewPanelvue_type_template_id_24f0829e_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=b558053a&scoped=true&
+var PreviewPanelvue_type_template_id_b558053a_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('b-col', {
@@ -50347,7 +50372,7 @@ var PreviewPanelvue_type_template_id_24f0829e_scoped_true_render = function rend
     },
     attrs: {
       "id": "preview_panel",
-      "data-test": "preview-column"
+      "data-test": "preview-panel"
     },
     on: {
       "mousedown": _vm.onMouseDown,
@@ -50483,7 +50508,7 @@ var PreviewPanelvue_type_template_id_24f0829e_scoped_true_render = function rend
     }
   })], 1);
 };
-var PreviewPanelvue_type_template_id_24f0829e_scoped_true_staticRenderFns = [];
+var PreviewPanelvue_type_template_id_b558053a_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() {
@@ -50548,6 +50573,7 @@ var NoPreviewAvailable_component = normalizeComponent(
 
 
 
+
 /* harmony default export */ var PreviewPanelvue_type_script_lang_js_ = ({
   props: ['nodeRegistry', 'visible', 'previewConfigs'],
   components: {
@@ -50625,16 +50651,24 @@ var NoPreviewAvailable_component = normalizeComponent(
       this.previewNode();
     },
     handleAssignmentChanges: function handleAssignmentChanges(currentValue, previousValue) {
+      var _this = this;
       if (currentValue === previousValue) {
         return;
       }
-      this.prepareData();
+      var nodeConfig = this.previewConfigs.find(function (config) {
+        return config.matcher(_this.data);
+      });
+      if (nodeConfig) {
+        this.prepareData();
+      } else {
+        this.$emit('togglePreview', false);
+      }
     },
     onSelectedPreview: function onSelectedPreview(item) {
       this.selectedPreview = item;
     },
     previewNode: function previewNode() {
-      var _this = this,
+      var _this2 = this,
         _this$highlightedNode3,
         _this$highlightedNode4;
       var force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -50642,7 +50676,7 @@ var NoPreviewAvailable_component = normalizeComponent(
         return;
       }
       var previewConfig = this.previewConfigs.find(function (config) {
-        return config.matcher(_this.data);
+        return config.matcher(_this2.data);
       });
       var clone = {};
       for (var prop in this.data) {
@@ -50652,7 +50686,10 @@ var NoPreviewAvailable_component = normalizeComponent(
         }
       }
       var nodeData = encodeURI(JSON.stringify(clone));
-      this.previewUrl = previewConfig ? "".concat(previewConfig.url, "?node=").concat(nodeData) : null;
+
+      // if the node has the configurations (for example screenRef for a task in a task)
+      var nodeHasConfigParams = Object.keys(clone).length > 0;
+      this.previewUrl = previewConfig && nodeHasConfigParams ? "".concat(previewConfig.url, "?node=").concat(nodeData) : null;
       this.taskTitle = (_this$highlightedNode3 = this.highlightedNode) === null || _this$highlightedNode3 === void 0 ? void 0 : (_this$highlightedNode4 = _this$highlightedNode3.definition) === null || _this$highlightedNode4 === void 0 ? void 0 : _this$highlightedNode4.name;
       this.showPanel = true;
     },
@@ -50678,9 +50715,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=24f0829e&prod&lang=scss&scoped=true&
-var preview_panelvue_type_style_index_0_id_24f0829e_prod_lang_scss_scoped_true_ = __webpack_require__(71760);
-;// CONCATENATED MODULE: ./src/components/inspectors/preview_panel.scss?vue&type=style&index=0&id=24f0829e&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=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&
 
 ;// CONCATENATED MODULE: ./src/components/inspectors/PreviewPanel.vue
 
@@ -50693,11 +50730,11 @@ var preview_panelvue_type_style_index_0_id_24f0829e_prod_lang_scss_scoped_true_
 
 var PreviewPanel_component = normalizeComponent(
   inspectors_PreviewPanelvue_type_script_lang_js_,
-  PreviewPanelvue_type_template_id_24f0829e_scoped_true_render,
-  PreviewPanelvue_type_template_id_24f0829e_scoped_true_staticRenderFns,
+  PreviewPanelvue_type_template_id_b558053a_scoped_true_render,
+  PreviewPanelvue_type_template_id_b558053a_scoped_true_staticRenderFns,
   false,
   null,
-  "24f0829e",
+  "b558053a",
   null
   
 )
@@ -76745,6 +76782,9 @@ var Multiplayer = /*#__PURE__*/function () {
       this.isOpenInspector = value;
     },
     handlePreview: function handlePreview() {
+      if (this.highlightedNodes.length != 1) {
+        this.isOpenPreview = false;
+      }
       this.$refs['preview-panel'].previewNode(true);
       this.handleTogglePreview(true);
     },
@@ -78646,8 +78686,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_562fa03a_render,
-  Modelervue_type_template_id_562fa03a_staticRenderFns,
+  Modelervue_type_template_id_0473c526_render,
+  Modelervue_type_template_id_0473c526_staticRenderFns,
   false,
   null,
   null,