Fixed AOT issue

.npmignore

@@ -14,6 +14,7 @@ tests
 coverage
 !*.metadata.json
 !bundles/*.js
+*.ngFactory.ts
 
 #################
 ## JetBrains

index.ts

@@ -2,23 +2,26 @@
 // This project is licensed under the terms of the MIT license.
 // https://github.com/akserg/ng2-slim-loading-bar
 
-import {NgModule, ModuleWithProviders} from "@angular/core";
+import { NgModule, ModuleWithProviders } from "@angular/core";
 
-import {SlimLoadingBarComponent} from './src/slim-loading-bar.component';
-import {SlimLoadingBarService} from './src/slim-loading-bar.service';
+import { SlimLoadingBarComponent } from './src/slim-loading-bar.component';
+import { SlimLoadingBarService, slimLoadingBarServiceFactory } from './src/slim-loading-bar.service';
 
 export * from './src/slim-loading-bar.component';
 export * from './src/slim-loading-bar.service';
 
+export let providers = [{ provide: SlimLoadingBarService, useFactory: slimLoadingBarServiceFactory }];
+
 @NgModule({
-  declarations: [SlimLoadingBarComponent],
-  exports: [SlimLoadingBarComponent]
+    declarations: [SlimLoadingBarComponent],
+    exports: [SlimLoadingBarComponent],
+    providers: providers
 })
 export class SlimLoadingBarModule {
-  static forRoot(): ModuleWithProviders {
+    static forRoot(): ModuleWithProviders {
         return {
             ngModule: SlimLoadingBarModule,
-            providers: [SlimLoadingBarService]
+            providers: providers
         };
     }
 }

src/slim-loading-bar.component.ts

@@ -2,44 +2,34 @@
 // This project is licensed under the terms of the MIT license.
 // https://github.com/akserg/ng2-slim-loading-bar
 
-import {Component, Input, OnInit} from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 
-import {SlimLoadingBarService, SlimLoadingBarEvent, SlimLoadingBarEventType} from './slim-loading-bar.service';
-import {isPresent} from './slim-loading-bar.utils';
+import { SlimLoadingBarService, SlimLoadingBarEvent, SlimLoadingBarEventType } from './slim-loading-bar.service';
+import { isPresent } from './slim-loading-bar.utils';
 
 /**
  * A Slim Loading Bar component shows message loading progress bar on the top of web page or parent component.
  */
 @Component({
-    moduleId: module.id.toString(),
     selector: 'ng2-slim-loading-bar',
     template: `
 <div class="slim-loading-bar">
-    <div class="slim-loading-bar-progress" [style.width]="progress" [style.backgroundColor]="color" [style.color]="color"
+    <div class="slim-loading-bar-progress" [style.width]="progress + '%'" [style.backgroundColor]="color" [style.color]="color"
         [style.height]="height" [style.opacity]="show ? '1' : '0'"></div>
 </div>`
 })
 export class SlimLoadingBarComponent implements OnInit {
 
-    private _progress: string = '0%';
-    @Input() set progress(value: string) {
-        if (isPresent(value)) {
-            this._progress = value + '%';
-        }
-    }
-    get progress(): string {
-        return this._progress;
-    }
-
+    @Input() progress: string = '0';
     @Input() color: string = 'firebrick';
     @Input() height: string = '2px';
     @Input() show: boolean = true;
 
-    constructor(private service:SlimLoadingBarService) {}
+    constructor(public service: SlimLoadingBarService) { }
 
     ngOnInit(): any {
-        this.service.observable.subscribe((event:SlimLoadingBarEvent) => {
-            if (event.type === SlimLoadingBarEventType.PROGRESS) {
+        this.service.events.subscribe((event: SlimLoadingBarEvent) => {
+            if (event.type === SlimLoadingBarEventType.PROGRESS && isPresent(event.value)) {
                 this.progress = event.value;
             } else if (event.type === SlimLoadingBarEventType.COLOR) {
                 this.color = event.value;

src/slim-loading-bar.service.ts

@@ -2,10 +2,7 @@
 // This project is licensed under the terms of the MIT license.
 // https://github.com/akserg/ng2-slim-loading-bar
 
-import {Injectable} from '@angular/core';
-
-import {Observable} from 'rxjs/Observable';
-import {Subscriber} from 'rxjs/Subscriber';
+import {Injectable, EventEmitter} from '@angular/core';
 
 import {isPresent} from './slim-loading-bar.utils';
 
@@ -20,6 +17,10 @@ export class SlimLoadingBarEvent {
     constructor(public type:SlimLoadingBarEventType, public value:any) {}
 }
 
+export function slimLoadingBarServiceFactory(): SlimLoadingBarService  {
+    return new SlimLoadingBarService(new EventEmitter<SlimLoadingBarEvent>());
+ }
+
 /**
  * SlimLoadingBar service helps manage Slim Loading bar on the top of screen or parent component
  */
@@ -34,14 +35,7 @@ export class SlimLoadingBarService {
     private _intervalCounterId:any = 0;
     public interval:number = 500; // in milliseconds
 
-    public observable: Observable<SlimLoadingBarEvent>;
-    private subscriber: Subscriber<SlimLoadingBarEvent>;
-
-    constructor() {
-        this.observable = new Observable<SlimLoadingBarEvent>((subscriber:Subscriber<SlimLoadingBarEvent>) => {
-            this.subscriber = subscriber;
-        });
-    }
+    constructor(public events: EventEmitter<SlimLoadingBarEvent>) {}
 
     set progress(value:number) {
         if (isPresent(value)) {
@@ -92,9 +86,9 @@ export class SlimLoadingBarService {
     }
 
     private emitEvent(event: SlimLoadingBarEvent) {
-        if (this.subscriber) {
+        if (this.events) {
             // Push up a new event
-            this.subscriber.next(event);
+            this.events.next(event);
         }
     }
 

webpack.config.js

@@ -13,8 +13,6 @@ const DefinePlugin = require('webpack/lib/DefinePlugin');
 const LoaderOptionsPlugin = require('webpack/lib/LoaderOptionsPlugin');
 
 module.exports = {
-    devtool: 'inline-source-map',
-
     resolve: {
         extensions: ['.ts', '.js']
     },