Missing declarations in color-picker module

.gitignore

@@ -14,4 +14,8 @@ node_modules/*
 typings/*
 npm-debug.log
 
-nbproject/*
+nbproject/*
+
+# lib/
+# *.js
+# *.js.map

bower.json

@@ -1,15 +1,16 @@
 {
-    "name": "angular2-color-picker",
-    "version": "1.2.1",
+    "name": "angular4-color-picker",
+    "version": "1.4.0",
     "authors": [
-        "Alberto Pujante <[email protected]>"
+        "Alberto Pujante <[email protected]>",
+        "Russu Vadim <[email protected]>"
     ],
-    "description": "Color Picker Directive for Angular 2 with no dependencies required",
+    "description": "Color Picker Directive for Angular 4 with no dependencies required",
     "main": [
         "lib/color-picker.directive.ts"
     ],
     "ignore": [
         "node_modules"
     ],
     "licence": "MIT"
-}
+}

examples/app/app.component.ts

@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {ColorPickerDirective, ColorPickerService, Rgba} from 'angular2-color-picker';
+import {ColorPickerDirective, ColorPickerService, Rgba} from 'angular4-color-picker';
 
 export class Cmyk {
     constructor(public c: number, public m: number, public y: number, public k: number) { }

examples/app/app.module.ts

@@ -1,6 +1,6 @@
 import {NgModule} from '@angular/core';
 import {BrowserModule} from '@angular/platform-browser';
-import {ColorPickerModule} from 'angular2-color-picker';
+import {ColorPickerModule} from 'angular4-color-picker';
 
 import {AppComponent} from './app.component';
 

examples/app/demo.html

@@ -2,7 +2,7 @@
     <h1>Angular2 Color Picker Directive</h1>
     <h4>A Color Picker Directive for Angular 2 with no dependencies.</h4>
     <h4><b>by Alberto Pujante</b></h4>
-    <a class="btn btn-primary btn-lg" href="https://github.com/Alberplz/angular2-color-picker">View on Github</a>
+    <a class="btn btn-primary btn-lg" href="https://github.com/rvmoldova/angular4-color-picker">View on Github</a>
 
     <hr>
     <div class="row">         
@@ -511,7 +511,7 @@ <h4><b>by Alberto Pujante</b></h4>
         </div>
     </div>
     <hr>
-    <footer class="footer">&copy; Alberto Pujante 2016 | <a href="https://github.com/Alberplz/angular2-color-picker">Angular2 Color Picker</a></footer>
+    <footer class="footer">&copy; Alberto Pujante 2016 | <a href="https://github.com/rvmoldova/angular4-color-picker">Angular2 Color Picker</a></footer>
     <br>
 
 </div>

examples/package.json

@@ -1,5 +1,5 @@
 {
-    "name": "angular2-color-picker-example",
+    "name": "angular4-color-picker-example",
     "version": "1.3.1",
     "description": "Example for Angular2 Color Picker",    
     "scripts": {

examples/systemjs.config.js

@@ -34,7 +34,7 @@
             // other libraries
             'rxjs': 'npm:rxjs',
             'angular2-in-memory-web-api': 'npm:angular2-in-memory-web-api',
-            'angular2-color-picker': 'node_modules/angular2-color-picker',
+            'angular4-color-picker': 'node_modules/angular4-color-picker',
             'ts': 'npm:[email protected]/lib/plugin.js',
             'typescript': 'npm:[email protected]/lib/typescript.js'
         },
@@ -51,7 +51,7 @@
                 main: './index.js',
                 defaultExtension: 'js'
             },
-            'angular2-color-picker': {main: 'index.ts', defaultExtension: 'ts'}
+            'angular4-color-picker': {main: 'index.ts', defaultExtension: 'ts'}
         }
     });
 })(this);

examples_webpack/package.json

@@ -1,7 +1,7 @@
 {
-    "name": "angular2-color-picker-example",
+    "name": "angular4-color-picker-example",
     "version": "1.3.1",
-    "description": "Example for Angular2 Color Picker",
+    "description": "Example for Angular4 Color Picker",
     "scripts": {
         "start": "webpack-dev-server --inline --progress --port 8080",
         "test": "karma start",

examples_webpack/src/app/app.component.html

@@ -2,7 +2,7 @@
     <h1>Angular2 Color Picker Directive</h1>
     <h4>A Color Picker Directive for Angular 2 with no dependencies.</h4>
     <h4><b>by Alberto Pujante</b></h4>
-    <a class="btn btn-primary btn-lg" href="https://github.com/Alberplz/angular2-color-picker">View on Github</a>
+    <a class="btn btn-primary btn-lg" href="https://github.com/rvmoldova/angular4-color-picker">View on Github</a>
 
     <hr>
     <div class="row">         
@@ -511,7 +511,7 @@ <h4><b>by Alberto Pujante</b></h4>
         </div>
     </div>
     <hr>
-    <footer class="footer">&copy; Alberto Pujante 2016 | <a href="https://github.com/Alberplz/angular2-color-picker">Angular2 Color Picker</a></footer>
+    <footer class="footer">&copy; Alberto Pujante 2016 | <a href="https://github.com/rvmoldova/angular4-color-picker">Angular2 Color Picker</a></footer>
     <br>
 
 </div>

examples_webpack/src/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 import '../../public/css/styles.css';
-import {ColorPickerService, Rgba} from 'angular2-color-picker/lib';
+import {ColorPickerService, Rgba} from 'angular4-color-picker/lib';
 
 export class Cmyk {
     constructor(public c: number, public m: number, public y: number, public k: number) { }

examples_webpack/src/app/app.module.ts

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule }  from '@angular/platform-browser';
 import { AppComponent } from './app.component';
-import {ColorPickerModule, ColorPickerService} from 'angular2-color-picker/lib';
+import {ColorPickerModule, ColorPickerService} from 'angular4-color-picker/lib';
 
 @NgModule({
     imports: [

examples_webpack/src/vendor.ts

@@ -12,4 +12,4 @@ import 'rxjs';
 // Other vendors for example jQuery, Lodash or Bootstrap
 // You can import js, ts, css, sass, ...
 
-import 'angular2-color-picker/lib';
+import 'angular4-color-picker/lib';

gulpfile.js

@@ -1,7 +1,6 @@
 var gulp = require('gulp');
 var del = require('del');
 var tsc = require('gulp-typescript');
-var gulpTypings = require("gulp-typings");
 var sourcemaps = require('gulp-sourcemaps');
 var tscConfig = require('./tsconfig.json');
 var sass = require('gulp-sass');
@@ -13,71 +12,71 @@ gulp.task('clean', function () {
     return del.sync('lib/**/*');
 });
 
-gulp.task("typings", function () {
-    return gulp.src("./typings.json").pipe(gulpTypings());
-});
-
 gulp.task('sass', function () {
     return gulp.src('src/**/*.scss')
-            .pipe(sass({outputStyle: 'compressed'}))
-            .pipe(gulp.dest('src'));
+        .pipe(sass({
+            outputStyle: 'compressed'
+        }))
+        .pipe(gulp.dest('src'));
 });
 
 gulp.task('createts', function () {
     return gulp.src(['src/**/*.ts'])
-            .pipe(inlineNg2Template({base: '/src'}))
-            .pipe(gulp.dest('lib'));
+        .pipe(inlineNg2Template({
+            base: '/src'
+        }))
+        .pipe(gulp.dest('lib'));
 });
 
 gulp.task('compile:lib', function () {
-    var r = gulp.src(['typings/index.d.ts', 'lib/**/*.ts'])
-            .pipe(sourcemaps.init())
-            .pipe(tsc(tscConfig.compilerOptions));
+    var r = gulp.src(['lib/**/*.ts'])
+        .pipe(sourcemaps.init())
+        .pipe(tsc(tscConfig.compilerOptions));
 
     r.dts.pipe(gulp.dest('lib'));
     r.js.pipe(uglify()).pipe(gulp.dest('lib'));
 
     return r.pipe(sourcemaps.write('.'))
-            .pipe(gulp.dest('lib'));
+        .pipe(gulp.dest('lib'));
 });
 
 gulp.task('compile:index', function () {
-    var r = gulp.src(['typings/index.d.ts', 'index.ts'])
-            .pipe(sourcemaps.init())
-            .pipe(tsc(tscConfig.compilerOptions));
+    var r = gulp.src(['index.ts'])
+        .pipe(sourcemaps.init())
+        .pipe(tsc(tscConfig.compilerOptions));
 
     r.dts.pipe(gulp.dest('.'));
     r.js.pipe(gulp.dest('.'));
 
     return r.pipe(sourcemaps.write('.'))
-            .pipe(gulp.dest('.'));
+        .pipe(gulp.dest('.'));
 });
 
 gulp.task('clean:postcompile', function () {
     return del.sync('src/templates/default/color-picker.css');
 });
 
 gulp.task('default', function (callback) {
-    runSequence('clean', 'typings', 'sass', 'createts', 'compile:lib', 'compile:index', 'clean:postcompile', callback);
+    runSequence('clean', 'sass', 'createts', 'compile:lib', 'compile:index', 'clean:postcompile', callback);
 });
 
-//copy the library to example/node_modules/angular2-color-picker and examples_webpack/node_modules/angular2-color-picker
+//copy the library to example/node_modules/angular4-color-picker and examples_webpack/node_modules/angular4-color-picker
 gulp.task('copylib', function (callback) {
     runSequence('clean:examples', 'copy:lib', 'copy:index', callback);
 });
 
 gulp.task('copy:lib', function () {
     return gulp.src(['lib/**/*'])
-            .pipe(gulp.dest('examples_webpack/node_modules/angular2-color-picker/lib'))
-            .pipe(gulp.dest('examples/node_modules/angular2-color-picker/lib'));
+        .pipe(gulp.dest('examples_webpack/node_modules/angular4-color-picker/lib'))
+        .pipe(gulp.dest('examples/node_modules/angular4-color-picker/lib'));
 });
 
 gulp.task('copy:index', function () {
     return gulp.src(['index.*'])
-            .pipe(gulp.dest('examples/node_modules/angular2-color-picker'))
-            .pipe(gulp.dest('examples/node_modules/angular2-color-picker'));
+        .pipe(gulp.dest('examples/node_modules/angular4-color-picker'))
+        .pipe(gulp.dest('examples/node_modules/angular4-color-picker'));
 });
 
 gulp.task('clean:examples', function () {
-    return del.sync('examples_webpack/node_modules/angular2-color-picker/**/*', 'examples/node_modules/angular2-color-picker/**/*');
+    return del.sync('examples_webpack/node_modules/angular4-color-picker/**/*', 'examples/node_modules/angular4-color-picker/**/*');
 });

lib/color-picker.module.d.ts

@@ -1,2 +1,4 @@
+import { ModuleWithProviders } from '@angular/core';
 export declare class ColorPickerModule {
+    static forRoot(): ModuleWithProviders;
 }