Release v2.1.5

Bugfix: EndOffset event not working properly with SnapToGrid

Author: Xie, Ziyu

README.md

@@ -28,6 +28,9 @@ angular2-draggable has angular directives that make the DOM element draggable an
 
 # Latest Update
 
++ 2018.10.15: 2.1.5
+  + **ngDraggable**: fix [issue #114](https://github.com/xieziyu/angular2-draggable/issues/114): EndOffset event not working properly with SnapToGrid
+
 + 2018.09.17: 2.1.4
   + Fix a build issue.
   + **ngResizable**: fix [issue #100](https://github.com/xieziyu/angular2-draggable/issues/100): Resize bounds on a draggable element inside a containment is off

projects/angular2-draggable/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular2-draggable",
-  "version": "2.1.4",
+  "version": "2.1.5",
   "author": "Xie, Ziyu",
   "license": "MIT",
   "keywords": [

projects/angular2-draggable/src/lib/angular-draggable.directive.ts

@@ -17,6 +17,7 @@ export class AngularDraggableDirective implements OnInit, OnDestroy, OnChanges,
   private orignal: Position = null;
   private oldTrans = new Position(0, 0);
   private tempTrans = new Position(0, 0);
+  private currTrans = new Position(0, 0);
   private oldZIndex = '';
   private _zIndex = '';
   private needTransform = false;
@@ -111,6 +112,7 @@ export class AngularDraggableDirective implements OnInit, OnDestroy, OnChanges,
     this.orignal = null;
     this.oldTrans = null;
     this.tempTrans = null;
+    this.currTrans = null;
     this._helperBlock.dispose();
     this._helperBlock = null;
   }
@@ -161,10 +163,7 @@ export class AngularDraggableDirective implements OnInit, OnDestroy, OnChanges,
         this.edge.emit(this.boundsCheck());
       }
 
-      this.movingOffset.emit({
-        x: this.tempTrans.x + this.oldTrans.x,
-        y: this.tempTrans.y + this.oldTrans.y
-      });
+      this.movingOffset.emit(this.currTrans.value);
     }
   }
 
@@ -190,6 +189,10 @@ export class AngularDraggableDirective implements OnInit, OnDestroy, OnChanges,
     this.renderer.setStyle(this.el.nativeElement, '-ms-transform', value);
     this.renderer.setStyle(this.el.nativeElement, '-moz-transform', value);
     this.renderer.setStyle(this.el.nativeElement, '-o-transform', value);
+
+    // save current position
+    this.currTrans.x = translateX;
+    this.currTrans.y = translateY;
   }
 
   private pickUp() {
@@ -245,6 +248,11 @@ export class AngularDraggableDirective implements OnInit, OnDestroy, OnChanges,
     }
   }
 
+  /** Get current offset */
+  getCurrentOffset() {
+    return this.currTrans.value;
+  }
+
   private putBack() {
     if (this._zIndex) {
       this.renderer.setStyle(this.el.nativeElement, 'z-index', this._zIndex);
@@ -278,10 +286,7 @@ export class AngularDraggableDirective implements OnInit, OnDestroy, OnChanges,
       }
 
       this.moving = false;
-      this.endOffset.emit({
-        x: this.tempTrans.x + this.oldTrans.x,
-        y: this.tempTrans.y + this.oldTrans.y
-      });
+      this.endOffset.emit(this.currTrans.value);
 
       if (this.trackPosition) {
         this.oldTrans.add(this.tempTrans);

projects/angular2-draggable/src/lib/models/position.ts

@@ -38,6 +38,10 @@ export class Position implements IPosition {
     return new Position(0, 0).set(p);
   }
 
+  get value(): IPosition {
+    return { x: this.x, y: this.y };
+  }
+
   add(p: IPosition) {
     this.x += p.x;
     this.y += p.y;

src/assets/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 2.1.5 (2018-10-15)
+
+#### Bugfix
++ **ngDraggable**: EndOffset event not working properly with SnapToGrid. [#114](https://github.com/xieziyu/angular2-draggable/issues/114)
+
+---
+
 ## 2.1.4 (2018-09-17)
 
 #### Bugfix