feat(): Migrated on Angular 2.0.0-rc.1

bundles/ng2-dnd.js

@@ -63,11 +63,13 @@ System.registerDynamic("src/dnd.draggable", ["angular2/core", "./dnd.component",
       configurable: true
     });
     DraggableComponent.prototype._onDragStartCallback = function(event) {
+      this._dragDropService.isDragged = true;
       this._dragDropService.dragData = this.dragData;
       this._dragDropService.onDragSuccessCallback = this.onDragSuccessCallback;
       this._elem.classList.add(this._config.onDragStartClass);
     };
     DraggableComponent.prototype._onDragEndCallback = function(event) {
+      this._dragDropService.isDragged = false;
       this._dragDropService.dragData = null;
       this._dragDropService.onDragSuccessCallback = null;
       this._elem.classList.remove(this._config.onDragStartClass);
@@ -312,6 +314,7 @@ System.registerDynamic("src/dnd.sortable", ["angular2/core", "./dnd.component",
       this._sortableDataService.sortableData = this._sortableContainer.sortableData;
       this._sortableDataService.index = this.index;
       this._sortableDataService.markSortable(this._elem);
+      this._dragDropService.isDragged = true;
       this._dragDropService.dragData = this.dragData;
       this._dragDropService.onDragSuccessCallback = this.onDragSuccessCallback;
     };
@@ -327,6 +330,7 @@ System.registerDynamic("src/dnd.sortable", ["angular2/core", "./dnd.component",
       this._sortableDataService.sortableData = null;
       this._sortableDataService.index = null;
       this._sortableDataService.markSortable(null);
+      this._dragDropService.isDragged = false;
       this._dragDropService.dragData = null;
       this._dragDropService.onDragSuccessCallback = null;
       this.onDragEndCallback.emit(this._dragDropService.dragData);
@@ -546,7 +550,6 @@ System.registerDynamic("src/dnd.component", ["angular2/core", "./dnd.config", ".
       this._elem.ondragstart = function(event) {
         _this._onDragStart(event);
         if (event.dataTransfer != null) {
-          console.log('effectAllowed', _this.effectAllowed);
           event.dataTransfer.effectAllowed = _this.effectAllowed || _this._config.dragEffect.name;
           event.dataTransfer.setData('text', '');
           if (_this._config.dragImage != null) {
@@ -611,7 +614,7 @@ System.registerDynamic("src/dnd.component", ["angular2/core", "./dnd.config", ".
     };
     Object.defineProperty(AbstractComponent.prototype, "_isDropAllowed", {
       get: function() {
-        if (this.dropEnabled) {
+        if (this._dragDropService.isDragged && this.dropEnabled) {
           if (this.dropZones.length === 0 && this._dragDropService.allowedDropZones.length === 0) {
             return true;
           }

package.json

@@ -27,13 +27,19 @@
     "url": "https://github.com/akserg/ng2-dnd/issues"
   },
   "homepage": "https://github.com/akserg/ng2-dnd#readme",
-  "devDependencies": {
-    "angular2": "~2.0.0-beta.17",
+  "dependencies": {
+    "@angular/common": "^2.0.0-rc.1",
+    "@angular/compiler": "^2.0.0-rc.1",
+    "@angular/core": "^2.0.0-rc.1",
+    "@angular/platform-browser": "^2.0.0-rc.1",
+    "@angular/platform-browser-dynamic": "^2.0.0-rc.1",
     "es6-promise": "~3.1.2",
     "es6-shim": "~0.35.0",
     "reflect-metadata": "0.1.2",
     "rxjs": "5.0.0-beta.6",
-    "zone.js": "~0.6.12",
+    "zone.js": "~0.6.12"
+  },
+  "devDependencies": {
     "cz-conventional-changelog": "^1.1.5",
     "jasmine-core": "~2.3.4",
     "karma": "~0.13.15",

src/dnd.component.ts

@@ -71,7 +71,6 @@ export abstract class AbstractComponent {
             this._onDragStart(event);
             //
             if (event.dataTransfer != null) {
-                console.log('effectAllowed', this.effectAllowed);
                 event.dataTransfer.effectAllowed = this.effectAllowed || this._config.dragEffect.name;
                 event.dataTransfer.setData('text', '');
 
@@ -146,7 +145,7 @@ export abstract class AbstractComponent {
     }
 
     private get _isDropAllowed(): boolean {
-        if (this.dropEnabled) {
+        if (this._dragDropService.isDragged && this.dropEnabled) {
             if (this.dropZones.length === 0 && this._dragDropService.allowedDropZones.length === 0) {
                 return true;
             }

src/dnd.draggable.ts

@@ -44,12 +44,14 @@ export class DraggableComponent extends AbstractComponent {
     }
 
     _onDragStartCallback(event: Event) {
+        this._dragDropService.isDragged = true;
         this._dragDropService.dragData = this.dragData;
         this._dragDropService.onDragSuccessCallback = this.onDragSuccessCallback;
         this._elem.classList.add(this._config.onDragStartClass);
     }
 
     _onDragEndCallback(event: Event) {
+        this._dragDropService.isDragged = false;
         this._dragDropService.dragData = null;
         this._dragDropService.onDragSuccessCallback = null;
         this._elem.classList.remove(this._config.onDragStartClass);

src/dnd.service.ts

@@ -12,6 +12,7 @@ export class DragDropService {
     allowedDropZones: Array<string> = [];
     onDragSuccessCallback: EventEmitter<any>;
     dragData: any;
+    isDragged: boolean;
 }
 
 @Injectable()

src/dnd.sortable.ts

@@ -110,6 +110,7 @@ export class SortableComponent extends AbstractComponent {
         this._sortableDataService.index = this.index;
         this._sortableDataService.markSortable(this._elem);
         // Add dragData
+        this._dragDropService.isDragged = true;
         this._dragDropService.dragData = this.dragData;
         this._dragDropService.onDragSuccessCallback = this.onDragSuccessCallback;
         //
@@ -132,6 +133,7 @@ export class SortableComponent extends AbstractComponent {
         this._sortableDataService.index = null;
         this._sortableDataService.markSortable(null);
         // Add dragGata
+        this._dragDropService.isDragged = false;
         this._dragDropService.dragData = null;
         this._dragDropService.onDragSuccessCallback = null;
         //