ngx-progressbar - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

bundles/ngx-progressbar.umd.js

 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs/Subject'), require('rxjs/Observable'), require('rxjs/add/observable/timer'), require('rxjs/add/operator/switchMap'), require('rxjs/add/operator/do'), require('rxjs/add/operator/takeWhile'), require('@angular/http'), require('rxjs/add/operator/finally'), require('@angular/common')) :
-	typeof define === 'function' && define.amd ? define(['exports', '@angular/core', 'rxjs/Subject', 'rxjs/Observable', 'rxjs/add/observable/timer', 'rxjs/add/operator/switchMap', 'rxjs/add/operator/do', 'rxjs/add/operator/takeWhile', '@angular/http', 'rxjs/add/operator/finally', '@angular/common'], factory) :
-	(factory((global.ng = global.ng || {}, global.ng.ngxProgressbar = global.ng.ngxProgressbar || {}),global.ng.core,global.Rx,global.Rx,global.Rx.Observable,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.ng.http,global.Rx.Observable.prototype,global.ng.common));
-}(this, (function (exports,_angular_core,rxjs_Subject,rxjs_Observable,rxjs_add_observable_timer,rxjs_add_operator_switchMap,rxjs_add_operator_do,rxjs_add_operator_takeWhile,_angular_http,rxjs_add_operator_finally,_angular_common) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs/Subject'), require('rxjs/BehaviorSubject'), require('rxjs/Observable'), require('rxjs/add/observable/timer'), require('rxjs/add/operator/switchMap'), require('rxjs/add/operator/do'), require('rxjs/add/operator/takeWhile'), require('@angular/http'), require('rxjs/add/operator/finally'), require('@angular/common')) :
+	typeof define === 'function' && define.amd ? define(['exports', '@angular/core', 'rxjs/Subject', 'rxjs/BehaviorSubject', 'rxjs/Observable', 'rxjs/add/observable/timer', 'rxjs/add/operator/switchMap', 'rxjs/add/operator/do', 'rxjs/add/operator/takeWhile', '@angular/http', 'rxjs/add/operator/finally', '@angular/common'], factory) :
+	(factory((global.ng = global.ng || {}, global.ng.ngxProgressbar = global.ng.ngxProgressbar || {}),global.ng.core,global.Rx,global.Rx,global.Rx,global.Rx.Observable,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.ng.http,global.Rx.Observable.prototype,global.ng.common));
+}(this, (function (exports,_angular_core,rxjs_Subject,rxjs_BehaviorSubject,rxjs_Observable,rxjs_add_observable_timer,rxjs_add_operator_switchMap,rxjs_add_operator_do,rxjs_add_operator_takeWhile,_angular_http,rxjs_add_operator_finally,_angular_common) { 'use strict';
 
@@ -33,5 +33,12 @@ var __extends = (undefined && undefined.__extends) || (function () {
         /**
+         * Initial state
+         */
+        this.initState = {
+            active: false,
+            value: 0
+        };
+        /**
          * Progress state
          */
-        this.state = new rxjs_Subject.Subject();
+        this.state = new rxjs_BehaviorSubject.BehaviorSubject(this.initState);
         /**
@@ -427,3 +434,3 @@ * Trickling stream
                 selector: 'ng-progress',
-                template: "\n  <ng-progress-bar\n    [speed]=\"speed\"\n    [positionUsing]=\"positionUsing\"\n    [ease]=\"ease\"\n    [showSpinner]=\"showSpinner\"\n    [direction]=\"direction\"\n    [color]=\"color\"\n    [thick]=\"thick\"\n    [state]=\"progress.state | async\"\n  ></ng-progress-bar>",
+                template: "\n  <ng-progress-bar\n    [speed]=\"speed\"\n    [positionUsing]=\"positionUsing\"\n    [ease]=\"ease\"\n    [showSpinner]=\"showSpinner\"\n    [direction]=\"direction\"\n    [color]=\"color\"\n    [thick]=\"thick\"\n    [state]=\"ngProgress.state | async\"\n  ></ng-progress-bar>",
                 styles: ["\n  :host {\n    z-index: 999999;\n    pointer-events: none;\n    position: relative;\n  }"],
@@ -430,0 +437,0 @@ changeDetection: _angular_core.ChangeDetectionStrategy.OnPush

bundles/ngx-progressbar.umd.min.js

@@ -1,2 +0,2 @@
-!function(global,factory){"object"==typeof exports&&"undefined"!=typeof module?factory(exports,require("@angular/core"),require("rxjs/Subject"),require("rxjs/Observable"),require("rxjs/add/observable/timer"),require("rxjs/add/operator/switchMap"),require("rxjs/add/operator/do"),require("rxjs/add/operator/takeWhile"),require("@angular/http"),require("rxjs/add/operator/finally"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","rxjs/Subject","rxjs/Observable","rxjs/add/observable/timer","rxjs/add/operator/switchMap","rxjs/add/operator/do","rxjs/add/operator/takeWhile","@angular/http","rxjs/add/operator/finally","@angular/common"],factory):factory((global.ng=global.ng||{},global.ng.ngxProgressbar=global.ng.ngxProgressbar||{}),global.ng.core,global.Rx,global.Rx,global.Rx.Observable,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.ng.http,global.Rx.Observable.prototype,global.ng.common)}(this,function(exports,_angular_core,rxjs_Subject,rxjs_Observable,rxjs_add_observable_timer,rxjs_add_operator_switchMap,rxjs_add_operator_do,rxjs_add_operator_takeWhile,_angular_http,rxjs_add_operator_finally,_angular_common){"use strict";var __extends=function(){var extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d,b){d.__proto__=b}||function(d,b){for(var p in b)b.hasOwnProperty(p)&&(d[p]=b[p])};return function(d,b){function __(){this.constructor=d}extendStatics(d,b),d.prototype=null===b?Object.create(b):(__.prototype=b.prototype,new __)}}(),clamp=function(n,min,max){return n<min?min:n>max?max:n},NgProgress=function(){function NgProgress(){var _this=this;this.state=new rxjs_Subject.Subject,this.trickling=new rxjs_Subject.Subject,this.progress=0,this.maximum=1,this.minimum=.08,this.speed=200,this.trickleSpeed=300,this.trickling.switchMap(function(){return rxjs_Observable.Observable.timer(0,_this.trickleSpeed).takeWhile(function(){return _this.isStarted()}).do(function(){return _this.inc()})}).subscribe()}return NgProgress.prototype.start=function(){this.isStarted()||this.set(this.minimum),this.trickling.next()},NgProgress.prototype.done=function(){this.isStarted()&&(this.set(.3+.5*Math.random()),this.set(this.maximum))},NgProgress.prototype.inc=function(amount){var n=this.progress;this.isStarted()?("number"!=typeof amount&&(amount=n>=0&&n<.2?.1:n>=.2&&n<.5?.04:n>=.5&&n<.8?.02:n>=.8&&n<.99?.005:0),n=clamp(n+amount,0,.994),this.set(n)):this.start()},NgProgress.prototype.set=function(n){var _this=this;if(this.progress=clamp(n,this.minimum,this.maximum),this.updateState(this.progress,!0),n===this.maximum){var hide_1=function(){_this.progress>=_this.maximum&&(_this.progress=0,_this.updateState(_this.progress,!1))},complete=function(){_this.progress>=_this.maximum&&(_this.updateState(_this.progress,!1),setTimeout(hide_1,_this.speed))};setTimeout(complete,this.speed)}},NgProgress.prototype.isStarted=function(){return this.progress>0&&this.progress<this.maximum},NgProgress.prototype.updateState=function(progress,isActive){this.state.next({active:isActive,value:progress})},NgProgress}();NgProgress.decorators=[{type:_angular_core.Injectable}],NgProgress.ctorParameters=function(){return[]};var NgProgressBrowserXhr=function(_super){function NgProgressBrowserXhr(ngProgress){var _this=_super.call(this)||this;return _this.ngProgress=ngProgress,_this.currentRequest=0,_this}return __extends(NgProgressBrowserXhr,_super),NgProgressBrowserXhr.prototype.build=function(){var _this=this,xhr=_super.prototype.build.call(this);return xhr.onload=function(evt){return _this.done()},xhr.onerror=function(evt){return _this.done()},xhr.onabort=function(evt){return _this.done()},xhr.onloadstart=function(event){_this.currentRequest++,_this.ngProgress.isStarted()||_this.ngProgress.start()},xhr},NgProgressBrowserXhr.prototype.done=function(){0===--this.currentRequest&&this.ngProgress.done()},NgProgressBrowserXhr}(_angular_http.BrowserXhr);NgProgressBrowserXhr.decorators=[{type:_angular_core.Injectable}],NgProgressBrowserXhr.ctorParameters=function(){return[{type:NgProgress}]};var NgProgressInterceptor=function(){function NgProgressInterceptor(ngProgress){this.ngProgress=ngProgress}return NgProgressInterceptor.prototype.intercept=function(req,next){var _this=this;return this.ngProgress.start(),next.handle(req).finally(function(){_this.ngProgress.done()})},NgProgressInterceptor}();NgProgressInterceptor.decorators=[{type:_angular_core.Injectable}],NgProgressInterceptor.ctorParameters=function(){return[{type:NgProgress}]};var ProgressBarComponent=function(){function ProgressBarComponent(){}return ProgressBarComponent.prototype.barStyles=function(){var styles={transition:"all "+this.speed+"ms "+this.ease,backgroundColor:this.color},n=this.state.value?this.toPercentage(this.state.value):{leftToRightIncreased:-100,leftToRightReduced:0,rightToLeftIncreased:100,rightToLeftReduced:0}[this.direction];switch(this.positionUsing){case"translate3d":styles=Object.assign({},styles,{transform:"translate3d("+n+"%,0,0)","-webkit-transform":"translate3d("+n+"%,0,0)","-moz-transform":"translate3d("+n+"%,0,0)","-o-transform":"translate3d("+n+"%,0,0)","-ms-transform":"translate3d("+n+"%,0,0)"});break;case"translate":styles=Object.assign({},styles,{transform:"translate("+n+"%,0)","-webkit-transform":"translate("+n+"%,0)","-moz-transform":"translate("+n+"%,0)","-o-transform":"translate("+n+"%,0)","-ms-transform":"translate("+n+"%,0)"});break;default:styles=Object.assign({},styles,{marginLeft:n+"%"})}return styles},ProgressBarComponent.prototype.shadowStyles=function(){return{boxShadow:"0 0 10px "+this.color+", 0 0 5px "+this.color}},ProgressBarComponent.prototype.toPercentage=function(n){return 100*{leftToRightIncreased:-1+n,leftToRightReduced:-n,rightToLeftIncreased:1-n,rightToLeftReduced:n}[this.direction]},ProgressBarComponent.prototype.spinnerClasses=function(){return{leftToRightIncreased:"clockwise",leftToRightReduced:"anti-clockwise",rightToLeftIncreased:"anti-clockwise",rightToLeftReduced:"clockwise"}[this.direction]},ProgressBarComponent}();ProgressBarComponent.decorators=[{type:_angular_core.Component,args:[{selector:"ng-progress-bar",template:'\n  <div class="ng-progress" *ngIf="state" [class.active]="state.active" [class.thick]="thick">\n    <div class="bar" [ngStyle]="barStyles()">\n      <div class="bar-shadow" [ngStyle]="shadowStyles()"></div>\n    </div>\n    <div *ngIf="showSpinner" class="spinner" [ngClass]="spinnerClasses()">\n      <div class="spinner-icon" [style.borderTopColor]="color" [style.borderLeftColor]="color"></div>\n    </div>\n  </div>',styles:["\n  .ng-progress {\n    z-index: 999999;\n    top: 0;\n    left: 0;\n    width: 100%;\n    position: fixed;\n    zoom: 1;\n    filter: alpha(opacity=0);\n    opacity: 0;\n    transition: opacity 200ms linear;\n  }\n\n  .active {\n    filter: alpha(opacity=100);\n    opacity: 1;\n    transition: none;\n  }\n\n  .bar {\n    position: absolute;\n    width: 100%;\n    height: 2px;\n  }\n\n  .thick .bar {\n    height: 3px;\n  }\n\n  .bar-shadow {\n    display: block;\n    position: absolute;\n    right: 0;\n    top: -3px;\n    width: 100px;\n    height: 100%;\n    opacity: 1.0;\n    -webkit-transform: rotate(3deg);\n    -ms-transform: rotate(3deg);\n    -moz-transform: rotate(3deg);\n    transform: rotate(3deg);\n  }\n\n\n  .thick .bar-shadow {\n    top: -4px;\n    -webkit-transform: rotate(4deg);\n    -ms-transform: rotate(4deg);\n    -moz-transform: rotate(4deg);\n    transform: rotate(4deg);\n  }\n\n  .thick .spinner-icon {\n    width: 24px;\n    height: 24px;\n    border: solid 3px transparent;\n  }\n\n  /* Remove these to get rid of the spinner */\n  .spinner {\n    display: block;\n    position: fixed;\n    z-index: 1031;\n    top: 15px;\n    right: 15px;\n  }\n\n  .spinner-icon {\n    width: 18px;\n    height: 18px;\n    box-sizing: border-box;\n\n    border: solid 2px transparent;\n    border-radius: 50%;\n\n    -webkit-animation: nprogress-spinner 400ms linear infinite;\n    -moz-animation: nprogress-spinner 400ms linear infinite;\n    animation: nprogress-spinner 400ms linear infinite;\n  }\n\n  .anti-clockwise .spinner-icon {\n    -webkit-animation-direction: reverse;\n    -moz-animation-direction: rotate(0deg);\n    animation-direction: reverse;\n  }\n\n  @-webkit-keyframes nprogress-spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n      -moz-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      -moz-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes nprogress-spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n      -moz-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      -moz-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }"],changeDetection:_angular_core.ChangeDetectionStrategy.OnPush}]}],ProgressBarComponent.ctorParameters=function(){return[]},ProgressBarComponent.propDecorators={state:[{type:_angular_core.Input}],positionUsing:[{type:_angular_core.Input}],ease:[{type:_angular_core.Input}],speed:[{type:_angular_core.Input}],showSpinner:[{type:_angular_core.Input}],direction:[{type:_angular_core.Input}],thick:[{type:_angular_core.Input}],color:[{type:_angular_core.Input}]};var ProgressComponent=function(){function ProgressComponent(ngProgress){this.ngProgress=ngProgress,this.ease="linear",this.positionUsing="margin",this.showSpinner=!0,this.direction="leftToRightIncreased",this.color="#CC181E",this.thick=!1,this.maximum=1,this.minimum=.08,this.speed=200,this.trickleSpeed=300}return ProgressComponent.prototype.ngOnChanges=function(changes){var minChng=changes.minimum,maxChng=changes.maximum,spdChng=changes.speed,tklSpdChng=changes.trickleSpeed,tglChng=changes.toggle;if(minChng&&void 0!==minChng.currentValue&&minChng.currentValue!==minChng.previousValue){if(minChng.currentValue<0||minChng.currentValue>1)throw"Input [minimum] must be between 0 and 1";this.ngProgress.minimum=minChng.currentValue}if(maxChng&&void 0!==maxChng.currentValue&&maxChng.currentValue!==maxChng.previousValue){if(maxChng.currentValue<0||maxChng.currentValue>1)throw"Input [maximum] must be between 0 and 1";this.ngProgress.maximum=maxChng.currentValue}spdChng&&void 0!==spdChng.currentValue&&spdChng.currentValue!==spdChng.previousValue&&(this.ngProgress.speed=spdChng.currentValue),tklSpdChng&&void 0!==tklSpdChng.currentValue&&tklSpdChng.currentValue!==tklSpdChng.previousValue&&(this.ngProgress.trickleSpeed=tklSpdChng.currentValue),tglChng&&void 0!==tglChng.currentValue&&tglChng.currentValue!==tglChng.previousValue&&(tglChng.currentValue?this.ngProgress.start():this.ngProgress.done())},ProgressComponent}();ProgressComponent.decorators=[{type:_angular_core.Component,args:[{selector:"ng-progress",template:'\n  <ng-progress-bar\n    [speed]="speed"\n    [positionUsing]="positionUsing"\n    [ease]="ease"\n    [showSpinner]="showSpinner"\n    [direction]="direction"\n    [color]="color"\n    [thick]="thick"\n    [state]="progress.state | async"\n  ></ng-progress-bar>',styles:["\n  :host {\n    z-index: 999999;\n    pointer-events: none;\n    position: relative;\n  }"],changeDetection:_angular_core.ChangeDetectionStrategy.OnPush}]}],ProgressComponent.ctorParameters=function(){return[{type:NgProgress}]},ProgressComponent.propDecorators={ease:[{type:_angular_core.Input}],positionUsing:[{type:_angular_core.Input}],showSpinner:[{type:_angular_core.Input}],direction:[{type:_angular_core.Input}],color:[{type:_angular_core.Input}],thick:[{type:_angular_core.Input}],maximum:[{type:_angular_core.Input}],minimum:[{type:_angular_core.Input}],speed:[{type:_angular_core.Input}],trickleSpeed:[{type:_angular_core.Input}],toggle:[{type:_angular_core.Input}]};var NgProgressModule=function(){function NgProgressModule(){}return NgProgressModule}();NgProgressModule.decorators=[{type:_angular_core.NgModule,args:[{declarations:[ProgressComponent,ProgressBarComponent],exports:[ProgressComponent],imports:[_angular_common.CommonModule],providers:[NgProgress]}]}],NgProgressModule.ctorParameters=function(){return[]},exports.NgProgress=NgProgress,exports.NgProgressBrowserXhr=NgProgressBrowserXhr,exports.NgProgressInterceptor=NgProgressInterceptor,exports.NgProgressModule=NgProgressModule,exports.ɵb=ProgressBarComponent,exports.ɵa=ProgressComponent,Object.defineProperty(exports,"__esModule",{value:!0})});
+!function(global,factory){"object"==typeof exports&&"undefined"!=typeof module?factory(exports,require("@angular/core"),require("rxjs/Subject"),require("rxjs/BehaviorSubject"),require("rxjs/Observable"),require("rxjs/add/observable/timer"),require("rxjs/add/operator/switchMap"),require("rxjs/add/operator/do"),require("rxjs/add/operator/takeWhile"),require("@angular/http"),require("rxjs/add/operator/finally"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","rxjs/Subject","rxjs/BehaviorSubject","rxjs/Observable","rxjs/add/observable/timer","rxjs/add/operator/switchMap","rxjs/add/operator/do","rxjs/add/operator/takeWhile","@angular/http","rxjs/add/operator/finally","@angular/common"],factory):factory((global.ng=global.ng||{},global.ng.ngxProgressbar=global.ng.ngxProgressbar||{}),global.ng.core,global.Rx,global.Rx,global.Rx,global.Rx.Observable,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.Rx.Observable.prototype,global.ng.http,global.Rx.Observable.prototype,global.ng.common)}(this,function(exports,_angular_core,rxjs_Subject,rxjs_BehaviorSubject,rxjs_Observable,rxjs_add_observable_timer,rxjs_add_operator_switchMap,rxjs_add_operator_do,rxjs_add_operator_takeWhile,_angular_http,rxjs_add_operator_finally,_angular_common){"use strict";var __extends=function(){var extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d,b){d.__proto__=b}||function(d,b){for(var p in b)b.hasOwnProperty(p)&&(d[p]=b[p])};return function(d,b){function __(){this.constructor=d}extendStatics(d,b),d.prototype=null===b?Object.create(b):(__.prototype=b.prototype,new __)}}(),clamp=function(n,min,max){return n<min?min:n>max?max:n},NgProgress=function(){function NgProgress(){var _this=this;this.initState={active:!1,value:0},this.state=new rxjs_BehaviorSubject.BehaviorSubject(this.initState),this.trickling=new rxjs_Subject.Subject,this.progress=0,this.maximum=1,this.minimum=.08,this.speed=200,this.trickleSpeed=300,this.trickling.switchMap(function(){return rxjs_Observable.Observable.timer(0,_this.trickleSpeed).takeWhile(function(){return _this.isStarted()}).do(function(){return _this.inc()})}).subscribe()}return NgProgress.prototype.start=function(){this.isStarted()||this.set(this.minimum),this.trickling.next()},NgProgress.prototype.done=function(){this.isStarted()&&(this.set(.3+.5*Math.random()),this.set(this.maximum))},NgProgress.prototype.inc=function(amount){var n=this.progress;this.isStarted()?("number"!=typeof amount&&(amount=n>=0&&n<.2?.1:n>=.2&&n<.5?.04:n>=.5&&n<.8?.02:n>=.8&&n<.99?.005:0),n=clamp(n+amount,0,.994),this.set(n)):this.start()},NgProgress.prototype.set=function(n){var _this=this;if(this.progress=clamp(n,this.minimum,this.maximum),this.updateState(this.progress,!0),n===this.maximum){var hide_1=function(){_this.progress>=_this.maximum&&(_this.progress=0,_this.updateState(_this.progress,!1))},complete=function(){_this.progress>=_this.maximum&&(_this.updateState(_this.progress,!1),setTimeout(hide_1,_this.speed))};setTimeout(complete,this.speed)}},NgProgress.prototype.isStarted=function(){return this.progress>0&&this.progress<this.maximum},NgProgress.prototype.updateState=function(progress,isActive){this.state.next({active:isActive,value:progress})},NgProgress}();NgProgress.decorators=[{type:_angular_core.Injectable}],NgProgress.ctorParameters=function(){return[]};var NgProgressBrowserXhr=function(_super){function NgProgressBrowserXhr(ngProgress){var _this=_super.call(this)||this;return _this.ngProgress=ngProgress,_this.currentRequest=0,_this}return __extends(NgProgressBrowserXhr,_super),NgProgressBrowserXhr.prototype.build=function(){var _this=this,xhr=_super.prototype.build.call(this);return xhr.onload=function(evt){return _this.done()},xhr.onerror=function(evt){return _this.done()},xhr.onabort=function(evt){return _this.done()},xhr.onloadstart=function(event){_this.currentRequest++,_this.ngProgress.isStarted()||_this.ngProgress.start()},xhr},NgProgressBrowserXhr.prototype.done=function(){0===--this.currentRequest&&this.ngProgress.done()},NgProgressBrowserXhr}(_angular_http.BrowserXhr);NgProgressBrowserXhr.decorators=[{type:_angular_core.Injectable}],NgProgressBrowserXhr.ctorParameters=function(){return[{type:NgProgress}]};var NgProgressInterceptor=function(){function NgProgressInterceptor(ngProgress){this.ngProgress=ngProgress}return NgProgressInterceptor.prototype.intercept=function(req,next){var _this=this;return this.ngProgress.start(),next.handle(req).finally(function(){_this.ngProgress.done()})},NgProgressInterceptor}();NgProgressInterceptor.decorators=[{type:_angular_core.Injectable}],NgProgressInterceptor.ctorParameters=function(){return[{type:NgProgress}]};var ProgressBarComponent=function(){function ProgressBarComponent(){}return ProgressBarComponent.prototype.barStyles=function(){var styles={transition:"all "+this.speed+"ms "+this.ease,backgroundColor:this.color},n=this.state.value?this.toPercentage(this.state.value):{leftToRightIncreased:-100,leftToRightReduced:0,rightToLeftIncreased:100,rightToLeftReduced:0}[this.direction];switch(this.positionUsing){case"translate3d":styles=Object.assign({},styles,{transform:"translate3d("+n+"%,0,0)","-webkit-transform":"translate3d("+n+"%,0,0)","-moz-transform":"translate3d("+n+"%,0,0)","-o-transform":"translate3d("+n+"%,0,0)","-ms-transform":"translate3d("+n+"%,0,0)"});break;case"translate":styles=Object.assign({},styles,{transform:"translate("+n+"%,0)","-webkit-transform":"translate("+n+"%,0)","-moz-transform":"translate("+n+"%,0)","-o-transform":"translate("+n+"%,0)","-ms-transform":"translate("+n+"%,0)"});break;default:styles=Object.assign({},styles,{marginLeft:n+"%"})}return styles},ProgressBarComponent.prototype.shadowStyles=function(){return{boxShadow:"0 0 10px "+this.color+", 0 0 5px "+this.color}},ProgressBarComponent.prototype.toPercentage=function(n){return 100*{leftToRightIncreased:-1+n,leftToRightReduced:-n,rightToLeftIncreased:1-n,rightToLeftReduced:n}[this.direction]},ProgressBarComponent.prototype.spinnerClasses=function(){return{leftToRightIncreased:"clockwise",leftToRightReduced:"anti-clockwise",rightToLeftIncreased:"anti-clockwise",rightToLeftReduced:"clockwise"}[this.direction]},ProgressBarComponent}();ProgressBarComponent.decorators=[{type:_angular_core.Component,args:[{selector:"ng-progress-bar",template:'\n  <div class="ng-progress" *ngIf="state" [class.active]="state.active" [class.thick]="thick">\n    <div class="bar" [ngStyle]="barStyles()">\n      <div class="bar-shadow" [ngStyle]="shadowStyles()"></div>\n    </div>\n    <div *ngIf="showSpinner" class="spinner" [ngClass]="spinnerClasses()">\n      <div class="spinner-icon" [style.borderTopColor]="color" [style.borderLeftColor]="color"></div>\n    </div>\n  </div>',styles:["\n  .ng-progress {\n    z-index: 999999;\n    top: 0;\n    left: 0;\n    width: 100%;\n    position: fixed;\n    zoom: 1;\n    filter: alpha(opacity=0);\n    opacity: 0;\n    transition: opacity 200ms linear;\n  }\n\n  .active {\n    filter: alpha(opacity=100);\n    opacity: 1;\n    transition: none;\n  }\n\n  .bar {\n    position: absolute;\n    width: 100%;\n    height: 2px;\n  }\n\n  .thick .bar {\n    height: 3px;\n  }\n\n  .bar-shadow {\n    display: block;\n    position: absolute;\n    right: 0;\n    top: -3px;\n    width: 100px;\n    height: 100%;\n    opacity: 1.0;\n    -webkit-transform: rotate(3deg);\n    -ms-transform: rotate(3deg);\n    -moz-transform: rotate(3deg);\n    transform: rotate(3deg);\n  }\n\n\n  .thick .bar-shadow {\n    top: -4px;\n    -webkit-transform: rotate(4deg);\n    -ms-transform: rotate(4deg);\n    -moz-transform: rotate(4deg);\n    transform: rotate(4deg);\n  }\n\n  .thick .spinner-icon {\n    width: 24px;\n    height: 24px;\n    border: solid 3px transparent;\n  }\n\n  /* Remove these to get rid of the spinner */\n  .spinner {\n    display: block;\n    position: fixed;\n    z-index: 1031;\n    top: 15px;\n    right: 15px;\n  }\n\n  .spinner-icon {\n    width: 18px;\n    height: 18px;\n    box-sizing: border-box;\n\n    border: solid 2px transparent;\n    border-radius: 50%;\n\n    -webkit-animation: nprogress-spinner 400ms linear infinite;\n    -moz-animation: nprogress-spinner 400ms linear infinite;\n    animation: nprogress-spinner 400ms linear infinite;\n  }\n\n  .anti-clockwise .spinner-icon {\n    -webkit-animation-direction: reverse;\n    -moz-animation-direction: rotate(0deg);\n    animation-direction: reverse;\n  }\n\n  @-webkit-keyframes nprogress-spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n      -moz-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      -moz-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes nprogress-spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n      -moz-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      -moz-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }"],changeDetection:_angular_core.ChangeDetectionStrategy.OnPush}]}],ProgressBarComponent.ctorParameters=function(){return[]},ProgressBarComponent.propDecorators={state:[{type:_angular_core.Input}],positionUsing:[{type:_angular_core.Input}],ease:[{type:_angular_core.Input}],speed:[{type:_angular_core.Input}],showSpinner:[{type:_angular_core.Input}],direction:[{type:_angular_core.Input}],thick:[{type:_angular_core.Input}],color:[{type:_angular_core.Input}]};var ProgressComponent=function(){function ProgressComponent(ngProgress){this.ngProgress=ngProgress,this.ease="linear",this.positionUsing="margin",this.showSpinner=!0,this.direction="leftToRightIncreased",this.color="#CC181E",this.thick=!1,this.maximum=1,this.minimum=.08,this.speed=200,this.trickleSpeed=300}return ProgressComponent.prototype.ngOnChanges=function(changes){var minChng=changes.minimum,maxChng=changes.maximum,spdChng=changes.speed,tklSpdChng=changes.trickleSpeed,tglChng=changes.toggle;if(minChng&&void 0!==minChng.currentValue&&minChng.currentValue!==minChng.previousValue){if(minChng.currentValue<0||minChng.currentValue>1)throw"Input [minimum] must be between 0 and 1";this.ngProgress.minimum=minChng.currentValue}if(maxChng&&void 0!==maxChng.currentValue&&maxChng.currentValue!==maxChng.previousValue){if(maxChng.currentValue<0||maxChng.currentValue>1)throw"Input [maximum] must be between 0 and 1";this.ngProgress.maximum=maxChng.currentValue}spdChng&&void 0!==spdChng.currentValue&&spdChng.currentValue!==spdChng.previousValue&&(this.ngProgress.speed=spdChng.currentValue),tklSpdChng&&void 0!==tklSpdChng.currentValue&&tklSpdChng.currentValue!==tklSpdChng.previousValue&&(this.ngProgress.trickleSpeed=tklSpdChng.currentValue),tglChng&&void 0!==tglChng.currentValue&&tglChng.currentValue!==tglChng.previousValue&&(tglChng.currentValue?this.ngProgress.start():this.ngProgress.done())},ProgressComponent}();ProgressComponent.decorators=[{type:_angular_core.Component,args:[{selector:"ng-progress",template:'\n  <ng-progress-bar\n    [speed]="speed"\n    [positionUsing]="positionUsing"\n    [ease]="ease"\n    [showSpinner]="showSpinner"\n    [direction]="direction"\n    [color]="color"\n    [thick]="thick"\n    [state]="ngProgress.state | async"\n  ></ng-progress-bar>',styles:["\n  :host {\n    z-index: 999999;\n    pointer-events: none;\n    position: relative;\n  }"],changeDetection:_angular_core.ChangeDetectionStrategy.OnPush}]}],ProgressComponent.ctorParameters=function(){return[{type:NgProgress}]},ProgressComponent.propDecorators={ease:[{type:_angular_core.Input}],positionUsing:[{type:_angular_core.Input}],showSpinner:[{type:_angular_core.Input}],direction:[{type:_angular_core.Input}],color:[{type:_angular_core.Input}],thick:[{type:_angular_core.Input}],maximum:[{type:_angular_core.Input}],minimum:[{type:_angular_core.Input}],speed:[{type:_angular_core.Input}],trickleSpeed:[{type:_angular_core.Input}],toggle:[{type:_angular_core.Input}]};var NgProgressModule=function(){function NgProgressModule(){}return NgProgressModule}();NgProgressModule.decorators=[{type:_angular_core.NgModule,args:[{declarations:[ProgressComponent,ProgressBarComponent],exports:[ProgressComponent],imports:[_angular_common.CommonModule],providers:[NgProgress]}]}],NgProgressModule.ctorParameters=function(){return[]},exports.NgProgress=NgProgress,exports.NgProgressBrowserXhr=NgProgressBrowserXhr,exports.NgProgressInterceptor=NgProgressInterceptor,exports.NgProgressModule=NgProgressModule,exports.ɵb=ProgressBarComponent,exports.ɵa=ProgressComponent,Object.defineProperty(exports,"__esModule",{value:!0})});
 //# sourceMappingURL=ngx-progressbar.umd.min.js.map

index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":3,"metadata":{"NgProgress":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"start":[{"__symbolic":"method"}],"done":[{"__symbolic":"method"}],"inc":[{"__symbolic":"method"}],"set":[{"__symbolic":"method"}],"isStarted":[{"__symbolic":"method"}],"updateState":[{"__symbolic":"method"}]}},"NgProgressBrowserXhr":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/http","name":"BrowserXhr"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgProgress"}]}],"build":[{"__symbolic":"method"}],"done":[{"__symbolic":"method"}]}},"NgProgressInterceptor":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgProgress"}]}],"intercept":[{"__symbolic":"method"}]}},"NgProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"providers":[{"__symbolic":"reference","name":"NgProgress"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-progress","template":"\n  <ng-progress-bar\n    [speed]=\"speed\"\n    [positionUsing]=\"positionUsing\"\n    [ease]=\"ease\"\n    [showSpinner]=\"showSpinner\"\n    [direction]=\"direction\"\n    [color]=\"color\"\n    [thick]=\"thick\"\n    [state]=\"progress.state | async\"\n  ></ng-progress-bar>","styles":["\n  :host {\n    z-index: 999999;\n    pointer-events: none;\n    position: relative;\n  }"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"ease":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"positionUsing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showSpinner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"thick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maximum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minimum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"speed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"trickleSpeed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgProgress"}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-progress-bar","template":"\n  <div class=\"ng-progress\" *ngIf=\"state\" [class.active]=\"state.active\" [class.thick]=\"thick\">\n    <div class=\"bar\" [ngStyle]=\"barStyles()\">\n      <div class=\"bar-shadow\" [ngStyle]=\"shadowStyles()\"></div>\n    </div>\n    <div *ngIf=\"showSpinner\" class=\"spinner\" [ngClass]=\"spinnerClasses()\">\n      <div class=\"spinner-icon\" [style.borderTopColor]=\"color\" [style.borderLeftColor]=\"color\"></div>\n    </div>\n  </div>","styles":["\n  .ng-progress {\n    z-index: 999999;\n    top: 0;\n    left: 0;\n    width: 100%;\n    position: fixed;\n    zoom: 1;\n    filter: alpha(opacity=0);\n    opacity: 0;\n    transition: opacity 200ms linear;\n  }\n\n  .active {\n    filter: alpha(opacity=100);\n    opacity: 1;\n    transition: none;\n  }\n\n  .bar {\n    position: absolute;\n    width: 100%;\n    height: 2px;\n  }\n\n  .thick .bar {\n    height: 3px;\n  }\n\n  .bar-shadow {\n    display: block;\n    position: absolute;\n    right: 0;\n    top: -3px;\n    width: 100px;\n    height: 100%;\n    opacity: 1.0;\n    -webkit-transform: rotate(3deg);\n    -ms-transform: rotate(3deg);\n    -moz-transform: rotate(3deg);\n    transform: rotate(3deg);\n  }\n\n\n  .thick .bar-shadow {\n    top: -4px;\n    -webkit-transform: rotate(4deg);\n    -ms-transform: rotate(4deg);\n    -moz-transform: rotate(4deg);\n    transform: rotate(4deg);\n  }\n\n  .thick .spinner-icon {\n    width: 24px;\n    height: 24px;\n    border: solid 3px transparent;\n  }\n\n  /* Remove these to get rid of the spinner */\n  .spinner {\n    display: block;\n    position: fixed;\n    z-index: 1031;\n    top: 15px;\n    right: 15px;\n  }\n\n  .spinner-icon {\n    width: 18px;\n    height: 18px;\n    box-sizing: border-box;\n\n    border: solid 2px transparent;\n    border-radius: 50%;\n\n    -webkit-animation: nprogress-spinner 400ms linear infinite;\n    -moz-animation: nprogress-spinner 400ms linear infinite;\n    animation: nprogress-spinner 400ms linear infinite;\n  }\n\n  .anti-clockwise .spinner-icon {\n    -webkit-animation-direction: reverse;\n    -moz-animation-direction: rotate(0deg);\n    animation-direction: reverse;\n  }\n\n  @-webkit-keyframes nprogress-spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n      -moz-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      -moz-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes nprogress-spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n      -moz-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      -moz-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"positionUsing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ease":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"speed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showSpinner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"thick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"barStyles":[{"__symbolic":"method"}],"shadowStyles":[{"__symbolic":"method"}],"toPercentage":[{"__symbolic":"method"}],"spinnerClasses":[{"__symbolic":"method"}]}}},"origins":{"NgProgress":"./src/services/progress.service","NgProgressBrowserXhr":"./src/services/browser-xhr.provider","NgProgressInterceptor":"./src/services/interceptor.provider","NgProgressModule":"./src/modules/progress.module","ɵa":"./src/components/progress.component","ɵb":"./src/components/progress-bar.component"},"importAs":"ngx-progressbar"}
+{"__symbolic":"module","version":3,"metadata":{"NgProgress":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"start":[{"__symbolic":"method"}],"done":[{"__symbolic":"method"}],"inc":[{"__symbolic":"method"}],"set":[{"__symbolic":"method"}],"isStarted":[{"__symbolic":"method"}],"updateState":[{"__symbolic":"method"}]}},"NgProgressBrowserXhr":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/http","name":"BrowserXhr"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgProgress"}]}],"build":[{"__symbolic":"method"}],"done":[{"__symbolic":"method"}]}},"NgProgressInterceptor":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgProgress"}]}],"intercept":[{"__symbolic":"method"}]}},"NgProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"providers":[{"__symbolic":"reference","name":"NgProgress"}]}]}],"members":{}},"NgProgressState":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-progress","template":"\n  <ng-progress-bar\n    [speed]=\"speed\"\n    [positionUsing]=\"positionUsing\"\n    [ease]=\"ease\"\n    [showSpinner]=\"showSpinner\"\n    [direction]=\"direction\"\n    [color]=\"color\"\n    [thick]=\"thick\"\n    [state]=\"ngProgress.state | async\"\n  ></ng-progress-bar>","styles":["\n  :host {\n    z-index: 999999;\n    pointer-events: none;\n    position: relative;\n  }"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"ease":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"positionUsing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showSpinner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"thick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maximum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minimum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"speed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"trickleSpeed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgProgress"}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-progress-bar","template":"\n  <div class=\"ng-progress\" *ngIf=\"state\" [class.active]=\"state.active\" [class.thick]=\"thick\">\n    <div class=\"bar\" [ngStyle]=\"barStyles()\">\n      <div class=\"bar-shadow\" [ngStyle]=\"shadowStyles()\"></div>\n    </div>\n    <div *ngIf=\"showSpinner\" class=\"spinner\" [ngClass]=\"spinnerClasses()\">\n      <div class=\"spinner-icon\" [style.borderTopColor]=\"color\" [style.borderLeftColor]=\"color\"></div>\n    </div>\n  </div>","styles":["\n  .ng-progress {\n    z-index: 999999;\n    top: 0;\n    left: 0;\n    width: 100%;\n    position: fixed;\n    zoom: 1;\n    filter: alpha(opacity=0);\n    opacity: 0;\n    transition: opacity 200ms linear;\n  }\n\n  .active {\n    filter: alpha(opacity=100);\n    opacity: 1;\n    transition: none;\n  }\n\n  .bar {\n    position: absolute;\n    width: 100%;\n    height: 2px;\n  }\n\n  .thick .bar {\n    height: 3px;\n  }\n\n  .bar-shadow {\n    display: block;\n    position: absolute;\n    right: 0;\n    top: -3px;\n    width: 100px;\n    height: 100%;\n    opacity: 1.0;\n    -webkit-transform: rotate(3deg);\n    -ms-transform: rotate(3deg);\n    -moz-transform: rotate(3deg);\n    transform: rotate(3deg);\n  }\n\n\n  .thick .bar-shadow {\n    top: -4px;\n    -webkit-transform: rotate(4deg);\n    -ms-transform: rotate(4deg);\n    -moz-transform: rotate(4deg);\n    transform: rotate(4deg);\n  }\n\n  .thick .spinner-icon {\n    width: 24px;\n    height: 24px;\n    border: solid 3px transparent;\n  }\n\n  /* Remove these to get rid of the spinner */\n  .spinner {\n    display: block;\n    position: fixed;\n    z-index: 1031;\n    top: 15px;\n    right: 15px;\n  }\n\n  .spinner-icon {\n    width: 18px;\n    height: 18px;\n    box-sizing: border-box;\n\n    border: solid 2px transparent;\n    border-radius: 50%;\n\n    -webkit-animation: nprogress-spinner 400ms linear infinite;\n    -moz-animation: nprogress-spinner 400ms linear infinite;\n    animation: nprogress-spinner 400ms linear infinite;\n  }\n\n  .anti-clockwise .spinner-icon {\n    -webkit-animation-direction: reverse;\n    -moz-animation-direction: rotate(0deg);\n    animation-direction: reverse;\n  }\n\n  @-webkit-keyframes nprogress-spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n      -moz-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      -moz-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes nprogress-spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n      -moz-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      -moz-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"positionUsing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ease":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"speed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showSpinner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"thick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"barStyles":[{"__symbolic":"method"}],"shadowStyles":[{"__symbolic":"method"}],"toPercentage":[{"__symbolic":"method"}],"spinnerClasses":[{"__symbolic":"method"}]}}},"origins":{"NgProgress":"./src/services/progress.service","NgProgressBrowserXhr":"./src/services/browser-xhr.provider","NgProgressInterceptor":"./src/services/interceptor.provider","NgProgressModule":"./src/modules/progress.module","NgProgressState":"./src/models/progress.state","ɵa":"./src/components/progress.component","ɵb":"./src/components/progress-bar.component"},"importAs":"ngx-progressbar"}

modules/ngx-progressbar.es5.js

@@ -13,2 +13,3 @@ var __extends = (this && this.__extends) || (function () {
 import { Subject } from 'rxjs/Subject';
+import { BehaviorSubject } from 'rxjs/BehaviorSubject';
 import { Observable } from 'rxjs/Observable';
@@ -38,5 +39,12 @@ import 'rxjs/add/observable/timer';
         /**
+         * Initial state
+         */
+        this.initState = {
+            active: false,
+            value: 0
+        };
+        /**
          * Progress state
          */
-        this.state = new Subject();
+        this.state = new BehaviorSubject(this.initState);
         /**
@@ -432,3 +440,3 @@ * Trickling stream
                 selector: 'ng-progress',
-                template: "\n  <ng-progress-bar\n    [speed]=\"speed\"\n    [positionUsing]=\"positionUsing\"\n    [ease]=\"ease\"\n    [showSpinner]=\"showSpinner\"\n    [direction]=\"direction\"\n    [color]=\"color\"\n    [thick]=\"thick\"\n    [state]=\"progress.state | async\"\n  ></ng-progress-bar>",
+                template: "\n  <ng-progress-bar\n    [speed]=\"speed\"\n    [positionUsing]=\"positionUsing\"\n    [ease]=\"ease\"\n    [showSpinner]=\"showSpinner\"\n    [direction]=\"direction\"\n    [color]=\"color\"\n    [thick]=\"thick\"\n    [state]=\"ngProgress.state | async\"\n  ></ng-progress-bar>",
                 styles: ["\n  :host {\n    z-index: 999999;\n    pointer-events: none;\n    position: relative;\n  }"],
@@ -435,0 +443,0 @@ changeDetection: ChangeDetectionStrategy.OnPush

modules/ngx-progressbar.js

 import { ChangeDetectionStrategy, Component, Injectable, Input, NgModule } from '@angular/core';
 import { Subject } from 'rxjs/Subject';
+import { BehaviorSubject } from 'rxjs/BehaviorSubject';
 import { Observable } from 'rxjs/Observable';
@@ -27,5 +28,12 @@ import 'rxjs/add/observable/timer';
         /**
+         * Initial state
+         */
+        this.initState = {
+            active: false,
+            value: 0
+        };
+        /**
          * Progress state
          */
-        this.state = new Subject();
+        this.state = new BehaviorSubject(this.initState);
         /**
@@ -540,3 +548,3 @@ * Trickling stream
     [thick]="thick"
-    [state]="progress.state | async"
+    [state]="ngProgress.state | async"
   ></ng-progress-bar>`,
@@ -543,0 +551,0 @@ styles: [`

package.json

 {
     "name": "ngx-progressbar",
-    "version": "2.1.0",
+    "version": "2.1.1",
     "description": "A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!",
@@ -5,0 +5,0 @@ "main": "./bundles/ngx-progressbar.umd.js",

src/components/progress-bar.component.d.ts

@@ -0,14 +1,15 @@
+import { NgProgressState } from '../models/progress.state';
 export declare class ProgressBarComponent {
-    state: any;
-    positionUsing: any;
-    ease: any;
-    speed: any;
-    showSpinner: any;
-    direction: any;
-    thick: any;
-    color: any;
+    state: NgProgressState;
+    positionUsing: string;
+    ease: string;
+    speed: number;
+    showSpinner: boolean;
+    direction: string;
+    thick: string;
+    color: string;
     /** Styles for progressbar */
     barStyles(): {
         transition: string;
-        backgroundColor: any;
+        backgroundColor: string;
     };
@@ -15,0 +16,0 @@ /** Styles for progressbar tail */

src/progressbar.d.ts

@@ -5,1 +5,2 @@ export { NgProgress } from './services/progress.service';
 export { NgProgressModule } from './modules/progress.module';
+export { NgProgressState } from './models/progress.state';

src/services/progress.service.d.ts

 import { Subject } from 'rxjs/Subject';
+import { NgProgressState } from '../models/progress.state';
+import { BehaviorSubject } from 'rxjs/BehaviorSubject';
 import 'rxjs/add/observable/timer';
@@ -7,4 +9,6 @@ import 'rxjs/add/operator/switchMap';
 export declare class NgProgress {
+    /** Initial state */
+    initState: NgProgressState;
     /** Progress state */
-    state: Subject<{}>;
+    state: BehaviorSubject<NgProgressState>;
     /** Trickling stream */
@@ -11,0 +15,0 @@ trickling: Subject<{}>;

No alert changes

Improved metrics

Total package byte prevSize

214475

increased by1.75%

Number of package files

22

increased by4.76%

Lines of code

1749

increased by1.98%

No dependency changes