allow a mutated params on translate/zoom

retejs · Jun 21, 2018 · 81379a2 · 81379a2
1 parent f151803
commit 81379a2
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rete",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.3",
   "description": "JavaScript framework",
   "main": "build/rete.js",
   "types": "src/index.d.ts",

diff --git a/src/events.js b/src/events.js
@@ -25,7 +25,9 @@ export class EditorEvents extends Events {
             keydown: [],
             keyup: [],
             translate: [],
+            translated: [],
             zoom: [],
+            zoomed: [],
             click: [],
             mousemove: [],
             contextmenu: [],

diff --git a/src/view/area.js b/src/view/area.js
@@ -48,22 +48,28 @@ export class Area extends Emitter {
     }
 
     translate(x, y) {
-        if (!this.trigger('translate', { transform: this.transform, x, y })) return;
+        const params = { transform: this.transform, x, y };
 
-        this.transform.x = x;
-        this.transform.y = y;
+        if (!this.trigger('translate', params)) return;
+
+        this.transform.x = params.x;
+        this.transform.y = params.y;
 
         this.update();
+        this.trigger('translated');
     }
 
     zoom(zoom, ox = 0, oy = 0) {
-        if (!this.trigger('zoom', { transform: this.transform, zoom })) return;
+        const params = { transform: this.transform, zoom };
+
+        if (!this.trigger('zoom', params)) return;
 
-        this.transform.k = zoom;
+        this.transform.k = params.zoom;
         this.transform.x += ox;
         this.transform.y += oy;
-        
+
         this.update();
+        this.trigger('zoomed');
     }
 
     appendChild(el) {