feat(snapGrid): rename to dragSnapGrid

BREAKING CHANGE:

The snapGrid input has been renamed to dragSnapGrid

Closes #7

Author: Matt Lewis

demo/demo.component.ts

@@ -6,7 +6,7 @@ import {Component} from '@angular/core';
     <div mwlDraggable dropData="foo">
       Drag me!
     </div>
-    <div mwlDraggable dropData="bar" [snapGrid]="{x: 100, y: 100}">
+    <div mwlDraggable dropData="bar" [dragSnapGrid]="{x: 100, y: 100}">
       I snap to a 100x100 grid
     </div>
     <div

src/draggable.directive.ts

@@ -23,7 +23,7 @@ export class Draggable implements OnInit, OnDestroy {
 
   @Input() dragAxis: DragAxis = {x: true, y: true};
 
-  @Input() snapGrid: SnapGrid = {};
+  @Input() dragSnapGrid: SnapGrid = {};
 
   @Input() ghostDragEnabled: boolean = true;
 
@@ -69,12 +69,12 @@ export class Draggable implements OnInit, OnDestroy {
         })
         .map((moveData: Coordinates) => {
 
-          if (this.snapGrid.x) {
-            moveData.x = Math.floor(moveData.x / this.snapGrid.x) * this.snapGrid.x;
+          if (this.dragSnapGrid.x) {
+            moveData.x = Math.floor(moveData.x / this.dragSnapGrid.x) * this.dragSnapGrid.x;
           }
 
-          if (this.snapGrid.y) {
-            moveData.y = Math.floor(moveData.y / this.snapGrid.y) * this.snapGrid.y;
+          if (this.dragSnapGrid.y) {
+            moveData.y = Math.floor(moveData.y / this.dragSnapGrid.y) * this.dragSnapGrid.y;
           }
 
           return moveData;

test/draggable.directive.spec.ts

@@ -13,7 +13,7 @@ describe('draggable directive', () => {
       <div 
         mwlDraggable
         [dragAxis]="dragAxis"
-        [snapGrid]="snapGrid"
+        [dragSnapGrid]="dragSnapGrid"
         [ghostDragEnabled]="ghostDragEnabled"
         (dragStart)="dragStart($event)" 
         (dragging)="dragging($event)"
@@ -28,7 +28,7 @@ describe('draggable directive', () => {
     public dragging: sinon.SinonSpy = sinon.spy();
     public dragEnd: sinon.SinonSpy = sinon.spy();
     public dragAxis: any = {x: true, y: true};
-    public snapGrid: any = {};
+    public dragSnapGrid: any = {};
     public ghostDragEnabled: boolean = true;
 
   }
@@ -123,7 +123,7 @@ describe('draggable directive', () => {
   });
 
   it('should snap all horizontal drags to a grid', () => {
-    fixture.componentInstance.snapGrid = {x: 10};
+    fixture.componentInstance.dragSnapGrid = {x: 10};
     fixture.detectChanges();
     const draggableElement: HTMLElement = fixture.componentInstance.draggable.element.nativeElement;
     triggerDomEvent('mousedown', draggableElement, {clientX: 5, clientY: 10});
@@ -140,7 +140,7 @@ describe('draggable directive', () => {
   });
 
   it('should snap all vertical drags to a grid', () => {
-    fixture.componentInstance.snapGrid = {y: 10};
+    fixture.componentInstance.dragSnapGrid = {y: 10};
     fixture.detectChanges();
     const draggableElement: HTMLElement = fixture.componentInstance.draggable.element.nativeElement;
     triggerDomEvent('mousedown', draggableElement, {clientX: 10, clientY: 5});
@@ -157,7 +157,7 @@ describe('draggable directive', () => {
   });
 
   it('should snap all vertical and horizontal drags to a grid', () => {
-    fixture.componentInstance.snapGrid = {y: 10, x: 10};
+    fixture.componentInstance.dragSnapGrid = {y: 10, x: 10};
     fixture.detectChanges();
     const draggableElement: HTMLElement = fixture.componentInstance.draggable.element.nativeElement;
     triggerDomEvent('mousedown', draggableElement, {clientX: 10, clientY: 5});