@processmaker/modeler 1.39.26 → 1.39.28

package/dist/modeler.umd.js

@@ -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-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;resize:both;overflow:auto;background-color:#f5f5f5;border-left:8px solid #ebeef2}.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-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___);
 
@@ -47896,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=290d2c96&
+;// 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_290d2c96_render = function render() {
+var Modelervue_type_template_id_0473c526_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -48030,7 +48030,9 @@ var Modelervue_type_template_id_290d2c96_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, {
@@ -48124,9 +48126,9 @@ var Modelervue_type_template_id_290d2c96_render = function render() {
     }
   }) : _vm._e()], 2)], 1);
 };
-var Modelervue_type_template_id_290d2c96_staticRenderFns = [];
+var Modelervue_type_template_id_0473c526_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=290d2c96&
+;// 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() {
@@ -75877,6 +75879,7 @@ var Multiplayer = /*#__PURE__*/function () {
             };
             _this.modeler.addPlayer(newPlayer);
           });
+          _this.syncLocalNodes(_this.clientIO.id);
         }
       });
       this.clientIO.on('clientLeft', function (payload) {
@@ -75890,22 +75893,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);
         }
       });
 
@@ -76028,6 +76016,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) {
@@ -76060,10 +76073,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();
       });
@@ -76129,14 +76142,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);
       });
     }
   }, {
@@ -76217,7 +76230,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) {
@@ -76237,14 +76250,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'
@@ -76254,7 +76267,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'
@@ -76342,7 +76355,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,
@@ -76357,11 +76370,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
           });
         });
@@ -78684,8 +78697,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_290d2c96_render,
-  Modelervue_type_template_id_290d2c96_staticRenderFns,
+  Modelervue_type_template_id_0473c526_render,
+  Modelervue_type_template_id_0473c526_staticRenderFns,
   false,
   null,
   null,