support new events

CHANGELOG.md

@@ -1,3 +1,9 @@
+<a name="1.0.3"></a>
+## [1.0.3](https://github.com/xieziyu/angular2-draggable/compare/v1.0.2...v1.0.3) (2017-06-13)
+
+### New
++ Support `started` and `stopped` dragging event.
+
 <a name="1.0.2"></a>
 ## [1.0.2](https://github.com/xieziyu/angular2-draggable/compare/v1.0.1...v1.0.2) (2017-05-05)
 

README.md

@@ -70,4 +70,10 @@ When `ngDraggable` is enabled on some element, `ng-draggable` class is automatic
 
 # Events
 
-To be supported soon.
+Support `started` and `stopped` events. The `nativeElement` of the host would be emitted.
+
++ Simple example:
+  + html:
+  ```html
+  <div ngDraggable (started)="onDragBegin($event)" (stopped)="onDragEnd($event)">Drag me!</div>
+  ```

dist/README.md

@@ -70,4 +70,10 @@ When `ngDraggable` is enabled on some element, `ng-draggable` class is automatic
 
 # Events
 
-To be supported soon.
+Support `started` and `stopped` events. The `nativeElement` of the host would be emitted.
+
++ Simple example:
+  + html:
+  ```html
+  <div ngDraggable (started)="onDragBegin($event)" (stopped)="onDragEnd($event)">Drag me!</div>
+  ```

dist/directive/angular-draggable.directive.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, Renderer, OnInit } from '@angular/core';
+import { ElementRef, Renderer, OnInit, EventEmitter } from '@angular/core';
 export declare class AngularDraggableDirective implements OnInit {
     private el;
     private renderer;
@@ -7,6 +7,8 @@ export declare class AngularDraggableDirective implements OnInit {
     private orignal;
     private oldZIndex;
     private oldPosition;
+    started: EventEmitter<any>;
+    stopped: EventEmitter<any>;
     handle: HTMLElement;
     ngDraggable: any;
     constructor(el: ElementRef, renderer: Renderer);