perf(): Migrated to Angular 2.4.4

config/webpack.test.js

@@ -29,7 +29,7 @@ module.exports = {
         rules: [{
             enforce: 'pre',
             test: /\.ts$/,
-            loader: 'tslint',
+            loader: 'tslint-loader',
             exclude: [helpers.root('node_modules')]
         }, {
             enforce: 'pre',
@@ -77,7 +77,7 @@ module.exports = {
                  *
                  * See: https://github.com/wbuchwalter/tslint-loader
                  */
-                tslint: {
+                'tslint-loader': {
                     emitErrors: false,
                     failOnHint: false,
                     resourcePath: 'src'

package.json

@@ -32,16 +32,16 @@
   "typings": "index.d.ts",
   "homepage": "https://github.com/akserg/ng2-dnd#readme",
   "peerDependencies": {
-    "@angular/core": "^2.0.0"
+    "@angular/core": "^2.4.4"
   },
   "devDependencies": {
-    "@angular/common": "^2.4.3",
-    "@angular/compiler": "^2.4.3",
-    "@angular/compiler-cli": "^2.4.3",
-    "@angular/core": "^2.4.3",
-    "@angular/platform-browser": "^2.4.3",
-    "@angular/platform-browser-dynamic": "^2.4.3",
-    "@angular/platform-server": "^2.4.3",
+    "@angular/common": "^2.4.4",
+    "@angular/compiler": "^2.4.4",
+    "@angular/compiler-cli": "^2.4.4",
+    "@angular/core": "^2.4.4",
+    "@angular/platform-browser": "^2.4.4",
+    "@angular/platform-browser-dynamic": "^2.4.4",
+    "@angular/platform-server": "^2.4.4",
     "@types/hammerjs": "2.0.33",
     "@types/jasmine": "2.5.37",
     "@types/node": "6.0.46",
@@ -60,17 +60,17 @@
     "karma-mocha-reporter": "^2.1.0",
     "karma-remap-coverage": "~0.1.2",
     "karma-sourcemap-loader": "^0.3.7",
-    "karma-webpack": "^1.8.0",
+    "karma-webpack": "^2.0.1",
     "loader-utils": "~0.2.16",
     "reflect-metadata": "0.1.8",
     "rxjs": "^5.0.3",
     "semantic-release": "4.3.5",
     "source-map-loader": "0.1.5",
     "ts-helpers": "1.1.2",
     "tslint": "~4.0.0",
-    "tslint-loader": "3.2.1",
+    "tslint-loader": "3.3.0",
     "typescript": "2.0.10",
-    "webpack": "2.1.0-beta.25",
+    "webpack": "2.2.0",
     "zone.js": "^0.7.6"
   },
   "config": {

tests/dnd.component.factory.ts

@@ -7,7 +7,7 @@ export function triggerEvent(elem:HTMLElement, eventName:string, eventType:strin
 }
 
 @Component({
-  selector: 'container',
+  selector: 'test-container',
   template: `
 <div id='dragIdOne' dnd-draggable [dropZones]="['zone-one']" (onDragSuccess)="dragOneSuccessCallback($event)"></div>
 <div id='dragIdTwo' dnd-draggable [dropZones]="['zone-two']" (onDragSuccess)="dragTwoSuccessCallback($event)"></div>
@@ -59,7 +59,7 @@ export class Container {
 }
 
 @Component({
-  selector: 'container2',
+  selector: 'test-container-two',
   template: `
 <div id='dragId' dnd-draggable [dragEnabled]="dragEnabled" [dragData]="dragData" [dropZones]="['test1']" (onDragSuccess)="dragSuccessCallback($event)"></div>
 <div id='dropId' dnd-droppable [dropZones]="['test1']" (onDropSuccess)="dropSuccessCallback($event)"></div>
@@ -84,7 +84,7 @@ export class Container2 {
 }
 
 @Component({
-  selector: 'container3',
+  selector: 'test-container-three',
   template: `
 <div>
     <ul class="list-group" dnd-sortable-container [sortableData]="sortableList">
@@ -98,7 +98,7 @@ export class Container3 {
 }
 
 @Component({
-  selector: 'container4',
+  selector: 'test-container-four',
   template: `
 <div>
     <div id='single'>

webpack.config.js

@@ -36,7 +36,7 @@ module.exports = {
         rules: [{
             enforce: 'pre',
             test: /\.ts$/,
-            loader: 'tslint',
+            loader: 'tslint-loader',
             exclude: [helpers.root('node_modules')]
         }, {
             test: /\.ts$/,