fix: panning triggers minimap

Author: pyphilia

src/js/app.js

@@ -37,15 +37,15 @@ export let app;
     store,
     components,
     data: {
-      paper: Paper, // in order to watch translation
+      paper: Paper, // necessary to watch translation and scale
       workflowId: undefined
     },
     computed: {
       translation() {
-        return Paper.translation;
+        return this.paper.translation;
       },
       scale() {
-        return Paper.scale;
+        return this.paper.scale;
       },
       // this computed method is necessary since we shouldn't
       // listen to the store directly
@@ -117,12 +117,6 @@ export let app;
       undo() {
         UndoRedoHistory.undo();
       },
-      addLink(payload) {
-        this.$addLink({ ...payload });
-      },
-      deleteLink(payload) {
-        this.$deleteLink({ ...payload });
-      },
       deleteElementByCellView(cellView) {
         const boxId = cellView.model.attributes.boxId;
         this.$deleteElements({

src/js/classes/Paper.js

@@ -181,7 +181,7 @@ class Paper {
             distance: -30,
             action: function() {
               this.model.remove({ ui: true, tool: this.cid });
-              app.deleteLink({ link: this.model });
+              app.$deleteLink({ link: this.model });
             }
           })
         ]
@@ -194,7 +194,7 @@ class Paper {
     });
 
     this._paper.on("link:connect", linkView => {
-      app.addLink({ link: linkView.model.attributes });
+      app.$addLink({ link: linkView.model.attributes });
     });
 
     this._paper.on(

src/js/components/minimap.js

@@ -17,7 +17,7 @@ import Paper from "../classes/Paper";
 const SCALE_CONTENT_PADDING = 10;
 
 const Minimap = Vue.component("Minimap", {
-  props: ["movedElements", "scale"],
+  props: ["movedElements", "scale", "translation"],
   data: function() {
     return {
       mapDragFlag: false,