@processmaker/modeler 1.39.19 → 1.39.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processmaker/modeler",
-  "version": "1.39.19",
+  "version": "1.39.20",
   "scripts": {
     "serve": "vue-cli-service serve --mode development",
     "test:unit": "vue-cli-service test:unit",

package/src/components/crown/crownButtons/crownColorDropdown.vue

@@ -137,6 +137,20 @@ export default {
       store.commit('updateNodeProp', { node: this.node, key: 'color', value: color });
       Vue.set(this.node.definition, 'color', color);
       this.$emit('save-state');
+      
+      const properties = {
+        id: this.node.definition.id,
+        properties: {
+          color: this.node.definition.color,
+          x: this.node.diagram.bounds.x,
+          y: this.node.diagram.bounds.y,
+          height: this.node.diagram.bounds.height,
+          width: this.node.diagram.bounds.width,
+          type: this.node.type,
+          id: this.node.definition.id,
+        },
+      };
+      window.ProcessMaker.EventBus.$emit('multiplayer-updateNodes', [properties]);
     },
     resetNodeColor() {
       store.commit('updateNodeProp', { node: this.node, key: 'color', value: undefined });

package/src/components/modeler/Modeler.vue

@@ -1136,6 +1136,7 @@ export default {
             type: node.type,
             id: node.definition.id,
             isAddingLaneAbove: true,
+            color: node.color,
           };
           if (node?.pool?.component) {
             defaultData['poolId'] = node.pool.component.id;

package/src/components/modeler/Selection.vue

@@ -604,6 +604,7 @@ export default {
                 y: shape.model.get('position').y,
                 height: shape.model.get('size').height,
                 width: shape.model.get('size').width,
+                color: shape.model.get('color'),
               },
             };
             if (node?.pool?.component) {
@@ -624,6 +625,7 @@ export default {
             y: model.get('position').y,
             height: model.get('size').height,
             width: model.get('size').width,
+            color: model.get('color'),
           },
         });
       });

package/src/multiplayer/multiplayer.js

@@ -3,7 +3,7 @@ import * as Y from 'yjs';
 import { getNodeIdGenerator } from '../NodeIdGenerator';
 import { getDefaultAnchorPoint } from '@/portsUtils';
 import Room from './room';
-
+import store from '@/store';
 export default class Multiplayer {
   clientIO = null;
   yDoc = null;
@@ -229,6 +229,7 @@ export default class Multiplayer {
       clientY,
       control: { type: updatedNode.type },
       nodeThatWillBeReplaced: node,
+      color: node.color,
       id: updatedNode.id,
     };
 
@@ -292,6 +293,10 @@ export default class Multiplayer {
         data.height,
       );
       element.set('position', { x: data.x, y: data.y });
+
+      const node = this.getNodeById(data.id);
+      store.commit('updateNodeProp', { node, key: 'color', value: data.color });
+
       // Trigger a rendering of the element on the paper
       await paper.findViewByModel(element).update();
       // validate if the parent pool was updated