From acc8e97e602ef49d3c05b7d2421c2ca68fec5ae6 Mon Sep 17 00:00:00 2001
From: Alberto Pujante <alberplz@gmail.com>
Date: Sun, 1 May 2016 17:47:20 +0200
Subject: [PATCH] 1.0.3

Updated for Angular2 beta 17
Breaking change: DynamicComponentLoader.loadNextToLocation now takes a
ViewContainerRef instead of an ElementRef
---
 app/color-picker/color-picker.directive.ts | 13 ++++++++-----
 bower.json                                 |  2 +-
 index.html                                 |  8 ++++----
 package.json                               | 10 +++++-----
 tsconfig.json                              |  2 --
 typings.json                               |  4 ++--
 6 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/app/color-picker/color-picker.directive.ts b/app/color-picker/color-picker.directive.ts
index d8e8df5..a182f11 100644
--- a/app/color-picker/color-picker.directive.ts
+++ b/app/color-picker/color-picker.directive.ts
@@ -1,7 +1,10 @@
-import {Component, DynamicComponentLoader, Directive, Input, Output, ElementRef, EventEmitter, OnInit} from 'angular2/core';
+import {Component, DynamicComponentLoader, Directive, Input, Output, ViewContainerRef, ElementRef, EventEmitter, OnInit} from 'angular2/core';
 import {ColorPickerService} from './color-picker.service';
 import {Rgba, Hsla, Hsva, SliderPosition, SliderDimension} from './classes';
 
+const styleUrls: string[] = ['app/color-picker/color-picker.css'];
+const templateUrl: string = 'app/color-picker/color-picker.html';
+
 @Directive({
     selector: '[colorPicker]',
     host: {
@@ -23,7 +26,7 @@ export class ColorPickerDirective implements OnInit {
     private dialog: any;
     private created: boolean;
 
-    constructor(private dcl: DynamicComponentLoader, private el: ElementRef, private service: ColorPickerService) {
+    constructor(private dcl: DynamicComponentLoader, private vcRef: ViewContainerRef, private el: ElementRef, private service: ColorPickerService) {
         this.created = false;
     }
 
@@ -37,7 +40,7 @@ export class ColorPickerDirective implements OnInit {
     onClick() {
         if (!this.created) {
             this.created = true;
-            this.dcl.loadNextToLocation(DialogComponent, this.el)
+            this.dcl.loadNextToLocation(DialogComponent, this.vcRef)
                 .then((res) => {
                     res.instance.setDialog(this, this.el, this.colorPicker, this.cpPosition, this.cpPositionOffset,
                         this.cpPositionRelativeToArrow, this.cpOutputFormat, this.cpCancelButton, this.cpCancelButtonClass, this.cpCancelButtonText, this.cpHeight);
@@ -148,8 +151,8 @@ export class SliderDirective {
 
 @Component({
     selector: 'color-picker',
-    templateUrl: 'app/color-picker/color-picker.html',
-    styleUrls: ['app/color-picker/color-picker.css'],
+    templateUrl: templateUrl,
+    styleUrls: styleUrls,
     directives: [SliderDirective, TextDirective]
 })
 export class DialogComponent implements OnInit {
diff --git a/bower.json b/bower.json
index ceef400..70c5a7f 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
     "name": "angular2-color-picker",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "authors": [
         "Alberto Pujante <alberplz@gmail.com>"
     ],
diff --git a/index.html b/index.html
index 35350ab..e8d4399 100644
--- a/index.html
+++ b/index.html
@@ -8,13 +8,13 @@
         <!-- IE required polyfills, in this exact order -->
         <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.0/es6-shim.min.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.26/system-polyfills.js"></script>
-        <script src="https://npmcdn.com/angular2@2.0.0-beta.15/es6/dev/src/testing/shims_for_IE.js"></script>
+        <script src="https://npmcdn.com/angular2@2.0.0-beta.17/es6/dev/src/testing/shims_for_IE.js"></script>
         
-        <script src="https://code.angularjs.org/2.0.0-beta.15/angular2-polyfills.js"></script>
+        <script src="https://code.angularjs.org/2.0.0-beta.17/angular2-polyfills.js"></script>
         <script src="https://code.angularjs.org/tools/system.js"></script>
         <script src="https://npmcdn.com/typescript@1.8.10/lib/typescript.js"></script>
-        <script src="https://code.angularjs.org/2.0.0-beta.15/Rx.js"></script>       
-        <script src="https://code.angularjs.org/2.0.0-beta.15/angular2.dev.js"></script>
+        <script src="https://code.angularjs.org/2.0.0-beta.17/Rx.js"></script>       
+        <script src="https://code.angularjs.org/2.0.0-beta.17/angular2.dev.js"></script>
         
         <!-- IE required polyfills, in this exact order -->
         <!--<script src="node_modules/es6-shim/es6-shim.min.js"></script>
diff --git a/package.json b/package.json
index bde6c15..026ffc4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "angular2-color-picker",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "scripts": {
         "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
         "lite": "lite-server",
@@ -11,17 +11,17 @@
     },
     "license": "MIT",
     "dependencies": {
-        "angular2": "2.0.0-beta.15",
+        "angular2": "2.0.0-beta.17",
         "systemjs": "0.19.26",
         "es6-shim": "^0.35.0",
         "reflect-metadata": "0.1.2",
-        "rxjs": "5.0.0-beta.2",
-        "zone.js": "0.6.10"
+        "rxjs": "5.0.0-beta.6",
+        "zone.js": "0.6.12"
     },
     "devDependencies": {
         "concurrently": "^2.0.0",
         "lite-server": "^2.2.0",
         "typescript": "^1.8.10",
-        "typings": "^0.7.12"
+        "typings": "^0.8.1"
     }
 }
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 2b333ad..9e42aa7 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,5 +1,4 @@
 {
-    
     "compilerOptions": {
         "target": "es5",
         "module": "system",
@@ -15,5 +14,4 @@
         "typings/main",
         "typings/main.d.ts"
     ]
-    
 }
\ No newline at end of file
diff --git a/typings.json b/typings.json
index 5b1e995..74e172f 100644
--- a/typings.json
+++ b/typings.json
@@ -1,6 +1,6 @@
 {
     "ambientDependencies": {
-        "es6-shim": "github:DefinitelyTyped/DefinitelyTyped/es6-shim/es6-shim.d.ts#7de6c3dd94feaeb21f20054b9f30d5dabc5efabd",
-        "jasmine": "github:DefinitelyTyped/DefinitelyTyped/jasmine/jasmine.d.ts#5c182b9af717f73146399c2485f70f1e2ac0ff2b"
+        "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654",
+        "jasmine": "registry:dt/jasmine#2.2.0+20160412134438"
     }
 }
\ No newline at end of file