fix: examples and add typings to package.json

Author: crisbeto

README.md

@@ -15,8 +15,8 @@ npm install angular-svg-round-progressbar --save
 Afterwards you need to import the `RoundProgressModule` in your module:
 
 ```typescript
-import { NgModule } from '@angular/core';
-import { RoundProgressModule } from 'angular-svg-round-progressbar';
+import {NgModule} from '@angular/core';
+import {RoundProgressModule} from 'angular-svg-round-progressbar';
 
 @NgModule({
   imports: [RoundProgressModule]
@@ -55,16 +55,16 @@ If you're using SystemJS as your module loader, there is also a UMD bundle at `.
 <round-progress
     [current]="current"
     [max]="max"
-    [color]="#45ccce"
-    [background]="#eaeaea"
+    [color]="'#45ccce'"
+    [background]="'#eaeaea'"
     [radius]="125"
     [stroke]="20"
     [semicircle]="true"
     [rounded]="true"
     [clockwise]="false"
     [responsive]="false"
     [duration]="800"
-    [animation]="easeInOutQuart"
+    [animation]="'easeInOutQuart'"
     [animationDelay]="0"
     (onRender)="doSomethingWithCurrentValue($event)"></round-progress>
 ```
@@ -76,8 +76,8 @@ service. Whenever an option isn't defined on a `round-progress` element, it's va
 from the defaults.
 
 ```typescript
-import { NgModule } from '@angular/core';
-import { RoundProgressModule, RoundProgressConfig } from 'round-progress';
+import {NgModule} from '@angular/core';
+import {RoundProgressModule, RoundProgressConfig} from 'round-progress';
 
 @NgModule({
   imports: [RoundProgressModule]

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-svg-round-progressbar",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Angular module that uses SVG to create a circular progressbar",
   "scripts": {},
   "repository": {
@@ -24,15 +24,17 @@
     "dist/**/*"
   ],
   "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "dependencies": {
     "@angular/compiler": "^2.0.0",
     "@angular/common": "^2.0.0",
     "@angular/core": "^2.0.0",
     "core-js": "^2.4.1",
     "rxjs": "^5.0.0-beta.12",
-    "zone.js": "^0.6.23"
+    "zone.js": "^0.7.2"
   },
   "devDependencies": {
+    "@angular/compiler-cli": "^2.0.0",
     "@angular/forms": "^2.0.0",
     "@angular/platform-browser": "^2.0.0",
     "@angular/platform-browser-dynamic": "^2.0.2",
@@ -52,6 +54,6 @@
     "systemjs": "0.19.38",
     "ts-node": "^2.0.0",
     "tslint": "^3.13.0",
-    "typescript": "^2.1.0"
+    "typescript": "~2.0.10"
   }
 }

src/round-progress.component.ts

@@ -63,7 +63,6 @@ import {RoundProgressEase} from './round-progress.ease';
   ]
 })
 export class RoundProgressComponent implements OnChanges {
-  @ViewChild('path') private _path;
   private _lastAnimationId: number = 0;
 
   constructor(
@@ -175,6 +174,7 @@ export class RoundProgressComponent implements OnChanges {
     }
   }
 
+  @ViewChild('path')         _path;
   @Input() current:          number;
   @Input() max:              number;
   @Input() radius:           number = this._defaults.get('radius');