@processmaker/modeler 1.38.2 → 1.38.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processmaker/modeler",
-  "version": "1.38.2",
+  "version": "1.38.3",
   "scripts": {
     "serve": "vue-cli-service serve",
     "test:unit": "vue-cli-service test:unit",

package/src/mixins/linkConfig.js

@@ -26,6 +26,7 @@ export default {
       sourceShape: null,
       target: null,
       listeningToMouseup: false,
+      listeningToMouseleave: false,
       vertices: null,
       anchorPointFunction: getDefaultAnchorPoint,
     };
@@ -139,11 +140,13 @@ export default {
       resetShapeColor(targetShape);
 
       this.shape.on('change:vertices', this.onChangeVertices);
-      this.shape.on('change:source', this.onChangeVertices);
-      this.shape.on('change:target', this.onChangeVertices);
+      this.shape.on('change:source', this.onChangeTargets);
+      this.shape.on('change:target', this.onChangeTargets);
       this.shape.listenTo(this.sourceShape, 'change:position', this.updateWaypoints);
       this.shape.listenTo(targetShape, 'change:position', this.updateWaypoints);
 
+      this.shape.listenTo(this.paper, 'link:mouseleave', this.storeWaypoints);
+
       const sourceShape = this.shape.getSourceElement();
       sourceShape.embed(this.shape);
       this.$emit('set-shape-stacking', sourceShape);
@@ -155,17 +158,33 @@ export default {
         resolve();
       });
     },
+    async storeWaypoints() {
+      if (this.highlighted && !this.listeningToMouseleave) {
+        this.updateWaypoints();
+        await this.$nextTick();
+
+        this.listeningToMouseleave = true;
+        this.$emit('save-state');
+      }
+    },
     /**
       * On Change vertices handler
       * @param {Object} link
       * @param {Array} vertices
       * @param {Object} options
       */
-    async onChangeVertices(link, vertices, options){
+    async onChangeTargets(link, vertices, options){
       if (options && options.ui) {
         await this.$nextTick();
         await this.waitForUpdateWaypoints();
+        await this.storeWaypoints();
+      }
+    },
+    async onChangeVertices(link, vertices, options){
+      if (options && options.ui) {
+        this.updateWaypoints();
         await this.$nextTick();
+        this.listeningToMouseleave = false;
         this.$emit('save-state');
       }
     },