Update NgGrid to angular2 release candidate. Closes #75

Author: BTMorton

README.md

@@ -158,7 +158,7 @@ The `NgGrid` and `NgGridItem` can be configured by binding directly to the direc
 
 ```html
 <div [ngGrid]="{'resizeable': false, 'margins': [5, 10]}">
-	<div *ngFor="#box of boxes" [(ngGridItem)]="box.config">
+	<div *ngFor="let box of boxes" [(ngGridItem)]="box.config">
 		<div class="title">{{box.title}}</div>
 		<p>{{box.text}}</p>
 	</div>

gulpfile.js

@@ -28,23 +28,11 @@ var PATHS = {
 		test: 'test/*.ts',
 		typings: 'src/*.d.ts'
 	},
-	libs: [
-		'bower_components/bootstrap/dist/css/bootstrap.min.css',
-		'bower_components/bootstrap/dist/css/bootstrap-theme.min.css',
-		'node_modules/angular2/bundles/angular2.js',
-		'node_modules/angular2/bundles/angular2-polyfills.min.js',
-		'node_modules/systemjs/dist/system.js',
-		'node_modules/systemjs/dist/system-polyfills.js',
-		'node_modules/es6-shim/es6-shim.min.js',
-		'node_modules/reflect-metadata/Reflect.js',
-		'node_modules/rxjs/bundles/Rx.min.js'
-	],
-	rx: 'node_modules/rxjs/**/*.js',
 	typings: [
-		'node_modules/angular2/typings/**/*.d.ts',
+		'typings/browser.d.ts',
 	],
 	testTypings: [
-		'node_modules/angular2/typings/**/*.d.ts',
+		'typings/browser.d.ts',
 		'dist/*.d.ts'
 	],
 };
@@ -107,15 +95,18 @@ gulp.task('css', function () {
 	return gulp.src(PATHS.src.css).pipe(gulp.dest('dist'));
 });
 
-gulp.task('rx', function () {
-	return gulp.src(PATHS.rx, {base: 'node_modules/'}).pipe(gulp.dest('dist/'));
+gulp.task('libs', function () {
+	return merge([
+		gulp.src('node_modules/').pipe(symlink('dist/node_modules')),
+		gulp.src('bower_components/').pipe(symlink('dist/bower_components'))
+	]);
 });
 
-gulp.task('libs', ['rx'], function () {
-	return gulp.src(PATHS.libs).pipe(gulp.dest('dist/lib'));
+gulp.task('clean', function(done) {
+	return del(['dist'], done);
 });
 
-gulp.task('build', function() {
+gulp.task('build', ['clean'], function() {
 	return gulp.start('libs', 'html', 'css', 'ts');
 });
 

package.json

@@ -39,10 +39,12 @@
     "dist/NgGrid*"
   ],
   "peerDependencies": {
-    "angular2": "^2.0.0-beta.16"
+    "@angular/core": "^2.0.0-rc.0"
   },
   "devDependencies": {
-    "angular2": "^2.0.0-beta.16",
+    "@angular/common": "^2.0.0-rc.0",
+    "@angular/core": "^2.0.0-rc.0",
+    "@angular/platform-browser-dynamic": "^2.0.0-rc.0",
     "del": "^1.2.1",
     "es6-promise": "^3.0.2",
     "es6-shim": "^0.35.0",
@@ -65,7 +67,7 @@
     "rxjs": "^5.0.0-beta.6",
     "systemjs": "^0.19.4",
     "typescript": "^1.6.2",
-    "zone.js": "^0.6.6"
+    "zone.js": "^0.6.12"
   },
   "dependencies": {}
 }

src/NgGrid.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, Renderer, EventEmitter, DynamicComponentLoader, KeyValueDiffers, OnInit, OnDestroy, DoCheck, ViewContainerRef } from 'angular2/core';
+import { ElementRef, Renderer, EventEmitter, DynamicComponentLoader, KeyValueDiffers, OnInit, OnDestroy, DoCheck, ViewContainerRef } from '@angular/core';
 export interface NgGridConfig {
     margins?: number[];
     draggable?: boolean;

src/NgGrid.ts

@@ -1,4 +1,4 @@
-import { Component, Directive, ElementRef, Renderer, EventEmitter, DynamicComponentLoader, Host, ViewEncapsulation, Type, ComponentRef, KeyValueDiffer, KeyValueDiffers, OnInit, OnDestroy, DoCheck, ViewContainerRef, Output } from 'angular2/core';
+import { Component, Directive, ElementRef, Renderer, EventEmitter, DynamicComponentLoader, Host, ViewEncapsulation, Type, ComponentRef, KeyValueDiffer, KeyValueDiffers, OnInit, OnDestroy, DoCheck, ViewContainerRef, Output } from '@angular/core';
 
 //	Default config
 export interface NgGridConfig {
@@ -82,7 +82,7 @@ export class NgGrid implements OnInit, DoCheck, OnDestroy {
 	private _setHeight: number = 250;
 	private _posOffset: { left: number, top: number } = null;
 	private _adding: boolean = false;
-	private _placeholderRef: ComponentRef = null;
+	private _placeholderRef: ComponentRef<NgGridPlaceholder> = null;
 	private _fixToGrid: boolean = false;
 	private _autoResize: boolean = false;
 	private _differ: KeyValueDiffer;

src/app.ts

@@ -1,6 +1,6 @@
-import { Component, ViewEncapsulation, enableProdMode } from 'angular2/core';
-import { CORE_DIRECTIVES, FORM_DIRECTIVES } from 'angular2/common';
-import { bootstrap } from 'angular2/platform/browser';
+import { Component, ViewEncapsulation, enableProdMode } from '@angular/core';
+import { CORE_DIRECTIVES, FORM_DIRECTIVES } from '@angular/common';
+import { bootstrap } from '@angular/platform-browser-dynamic';
 import { NgGrid, NgGridConfig, NgGridItem, NgGridItemConfig, NgGridItemEvent } from "./NgGrid";
 
 // Annotation section

src/index.html

@@ -2,12 +2,11 @@
 <html>
 	<head>
 		<title>Angular 2 Grid Demo</title>
-		<link rel="stylesheet" href="lib/bootstrap.min.css" />
-		<script src="lib/es6-shim.min.js"></script>
-		<script src="lib/angular2-polyfills.min.js"></script>
-		<script src="lib/system.js"></script>
-		<script src="lib/Rx.min.js"></script>
-		<script src="lib/angular2.js"></script>
+		<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
+		<script src="node_modules/es6-shim/es6-shim.min.js"></script>
+		<script src="node_modules/zone.js/dist/zone.js"></script>
+		<script src="node_modules/reflect-metadata/Reflect.js"></script>
+		<script src="node_modules/systemjs/dist/system.js"></script>
 	</head>
 	<body>
 		<my-app></my-app>
@@ -16,9 +15,17 @@
 			System.config({
 				defaultJSExtensions: true,
 				packages: {
-					'angular2': {
-						defaultExtension: false
-					}
+					'@angular/common': { main: 'index.js', defaultExtension: 'js' },
+					'@angular/core': { main: 'index.js', defaultExtension: 'js' },
+					'@angular/platform-browser-dynamic': { main: 'index.js', defaultExtension: 'js' },
+					'@angular/platform-browser': { main: 'index.js', defaultExtension: 'js' },
+					'@angular/compiler': { main: 'index.js', defaultExtension: 'js' },
+					'rxjs': { defaultExtension: 'js' },
+					'app': { defaultExtension: 'js' }
+				},
+				map: {
+					'@angular': 'node_modules/@angular',
+					'rxjs': 'node_modules/rxjs'
 				}
 			});
 			System.import('app');

tsconfig.json

@@ -11,6 +11,8 @@
 	},
 	"exclude": [
 		"bower",
-		"node_modules"
+		"node_modules",
+		"typings/main",
+		"typings/main.d.ts"
 	]
 }

tsd.json

@@ -0,0 +1,6 @@
+{
+  "ambientDependencies": {
+    "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654",
+    "jasmine": "registry:dt/jasmine#2.2.0+20160412134438"
+  }
+}