@ngx-loading-bar/core - npm Package Compare versions

Comparing version 2.0.0-alpha.1 to 2.0.0

bundles/ngx-loading-bar-core.umd.js

@@ -81,3 +81,2 @@ (function (global, factory) {
 ];
-LoadingBarService.ctorParameters = function () { return []; };
 var LoadingBarComponent = /** @class */ (function () {
@@ -89,2 +88,3 @@ function LoadingBarComponent(loader) {
         this.fixed = true;
+        this.value = null;
     }
@@ -96,3 +96,3 @@ return LoadingBarComponent;
                 selector: 'ngx-loading-bar',
-                template: "\n    <ng-container *ngIf=\"(loader.progress$|async) as progress\">\n      <div id=\"loading-bar-spinner\" *ngIf=\"includeSpinner\" [style.color]=\"color\">\n        <div [style.width]=\"diameter\" [style.height]=\"diameter\" class=\"spinner-icon\"></div>\n      </div>\n      <div id=\"loading-bar\" *ngIf=\"includeBar\" [style.color]=\"color\">\n        <div class=\"bar\" [style.background]=\"color\" [style.height]=\"height\" [style.width]=\"progress + '%'\">\n          <div class=\"peg\" [style.height]=\"height\"></div>\n        </div>\n      </div>\n    </ng-container>\n  ",
+                template: "\n    <ng-container *ngIf=\"(value !== null ? value : loader.progress$|async) as progress\">\n      <div id=\"loading-bar-spinner\" *ngIf=\"includeSpinner\" [style.color]=\"color\">\n        <div [style.width]=\"diameter\" [style.height]=\"diameter\" class=\"spinner-icon\"></div>\n      </div>\n      <div id=\"loading-bar\" *ngIf=\"includeBar\" [style.color]=\"color\">\n        <div class=\"bar\" [style.background]=\"color\" [style.height]=\"height\" [style.width]=\"progress + '%'\">\n          <div class=\"peg\" [style.height]=\"height\"></div>\n        </div>\n      </div>\n    </ng-container>\n  ",
                 preserveWhitespaces: false,
@@ -115,2 +115,3 @@ styles: [":host{position:relative;display:block}:host.loading-bar-fixed>div .bar{position:fixed}:host.loading-bar-fixed>div:first-child{position:fixed;top:10px;left:10px}:host.loading-bar-fixed>div .peg{display:block}:host>div{pointer-events:none;-webkit-transition:350ms linear all;transition:350ms linear all;color:#29d}:host>div .bar{-webkit-transition:width 350ms;transition:width 350ms;background:#29d;position:absolute;z-index:10002;top:0;left:0;width:100%;height:2px;border-bottom-right-radius:1px;border-top-right-radius:1px}:host>div .peg{display:none;position:absolute;width:70px;right:0;top:0;height:2px;opacity:.45;-webkit-box-shadow:1px 0 6px 1px;box-shadow:1px 0 6px 1px;color:inherit;border-radius:100%}:host>div:first-child{display:block;position:absolute;z-index:10002;top:5px;left:0}:host>div:first-child .spinner-icon{width:14px;height:14px;border:2px solid transparent;border-top-color:inherit;border-left-color:inherit;border-radius:50%;-webkit-animation:.4s linear infinite loading-bar-spinner;animation:.4s linear infinite loading-bar-spinner}@-webkit-keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}"],
     "diameter": [{ type: core.Input },],
+    "value": [{ type: core.Input },],
 };
@@ -135,3 +136,2 @@ var LoadingBarModule = /** @class */ (function () {
 ];
-LoadingBarModule.ctorParameters = function () { return []; };
 
@@ -138,0 +138,0 @@ exports.LoadingBarModule = LoadingBarModule;

bundles/ngx-loading-bar-core.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs"),require("rxjs/operators"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ngx-loading-bar/core",["exports","@angular/core","rxjs","rxjs/operators","@angular/common"],t):t((e["ngx-loading-bar"]=e["ngx-loading-bar"]||{},e["ngx-loading-bar"].core={}),e.ng.core,e.rxjs,e.Rx.Observable.prototype,e.ng.common)}(this,function(e,t,i,n,r){"use strict";var o=function(){function e(){this.progress$=(new i.Subject).pipe(n.debounceTime(0)),this._pendingRequests=0,this._value=0}return e.prototype.start=function(e){void 0===e&&(e=2),++this._pendingRequests,0!==this._value&&1!==this._pendingRequests||this.set(1===this._pendingRequests&&0<this._value?this._value:e)},e.prototype.complete=function(){var e=this;0===this._pendingRequests&&0===this._value||(0<this._pendingRequests&&--this._pendingRequests,(0===this._pendingRequests||0===this._pendingRequests&&0<this._value)&&(100!==this._value&&this.set(100),setTimeout(function(){return e.set(0)},500)))},e.prototype.set=function(e){var t=this;0===e&&0<this._pendingRequests&&(e=2),this._value=e,this.progress$.next(e),0!==this._pendingRequests&&(clearTimeout(this._incTimeout),0<this._value&&this._value<100&&(this._incTimeout=setTimeout(function(){return t.increment()},250)))},e.prototype.increment=function(e){void 0===e&&(e=0),0<e&&this.set(this._value+e);var t=this._value;e=0<=t&&t<25?3*Math.random()+3:25<=t&&t<65?3*Math.random():65<=t&&t<90?2*Math.random():90<=t&&t<99?.5:0,this.set(this._value+e)},e.prototype.ngOnDestroy=function(){this.progress$.complete()},e}();o.decorators=[{type:t.Injectable}],o.ctorParameters=function(){return[]};var s=function(e){this.loader=e,this.includeSpinner=!0,this.includeBar=!0,this.fixed=!0};s.decorators=[{type:t.Component,args:[{selector:"ngx-loading-bar",template:'\n    <ng-container *ngIf="(loader.progress$|async) as progress">\n      <div id="loading-bar-spinner" *ngIf="includeSpinner" [style.color]="color">\n        <div [style.width]="diameter" [style.height]="diameter" class="spinner-icon"></div>\n      </div>\n      <div id="loading-bar" *ngIf="includeBar" [style.color]="color">\n        <div class="bar" [style.background]="color" [style.height]="height" [style.width]="progress + \'%\'">\n          <div class="peg" [style.height]="height"></div>\n        </div>\n      </div>\n    </ng-container>\n  ',preserveWhitespaces:!1,styles:[":host{position:relative;display:block}:host.loading-bar-fixed>div .bar{position:fixed}:host.loading-bar-fixed>div:first-child{position:fixed;top:10px;left:10px}:host.loading-bar-fixed>div .peg{display:block}:host>div{pointer-events:none;-webkit-transition:350ms linear all;transition:350ms linear all;color:#29d}:host>div .bar{-webkit-transition:width 350ms;transition:width 350ms;background:#29d;position:absolute;z-index:10002;top:0;left:0;width:100%;height:2px;border-bottom-right-radius:1px;border-top-right-radius:1px}:host>div .peg{display:none;position:absolute;width:70px;right:0;top:0;height:2px;opacity:.45;-webkit-box-shadow:1px 0 6px 1px;box-shadow:1px 0 6px 1px;color:inherit;border-radius:100%}:host>div:first-child{display:block;position:absolute;z-index:10002;top:5px;left:0}:host>div:first-child .spinner-icon{width:14px;height:14px;border:2px solid transparent;border-top-color:inherit;border-left-color:inherit;border-radius:50%;-webkit-animation:.4s linear infinite loading-bar-spinner;animation:.4s linear infinite loading-bar-spinner}@-webkit-keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}"],host:{"[class.loading-bar-fixed]":"fixed"}}]}],s.ctorParameters=function(){return[{type:o}]},s.propDecorators={includeSpinner:[{type:t.Input}],includeBar:[{type:t.Input}],fixed:[{type:t.Input}],color:[{type:t.Input}],height:[{type:t.Input}],diameter:[{type:t.Input}]};var a=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[o]}},e}();a.decorators=[{type:t.NgModule,args:[{imports:[r.CommonModule],declarations:[s],exports:[s]}]}],a.ctorParameters=function(){return[]},e.LoadingBarModule=a,e.LoadingBarComponent=s,e.LoadingBarService=o,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs"),require("rxjs/operators"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ngx-loading-bar/core",["exports","@angular/core","rxjs","rxjs/operators","@angular/common"],t):t((e["ngx-loading-bar"]=e["ngx-loading-bar"]||{},e["ngx-loading-bar"].core={}),e.ng.core,e.rxjs,e.Rx.Observable.prototype,e.ng.common)}(this,function(e,t,i,n,o){"use strict";var r=function(){function e(){this.progress$=(new i.Subject).pipe(n.debounceTime(0)),this._pendingRequests=0,this._value=0}return e.prototype.start=function(e){void 0===e&&(e=2),++this._pendingRequests,0!==this._value&&1!==this._pendingRequests||this.set(1===this._pendingRequests&&0<this._value?this._value:e)},e.prototype.complete=function(){var e=this;0===this._pendingRequests&&0===this._value||(0<this._pendingRequests&&--this._pendingRequests,(0===this._pendingRequests||0===this._pendingRequests&&0<this._value)&&(100!==this._value&&this.set(100),setTimeout(function(){return e.set(0)},500)))},e.prototype.set=function(e){var t=this;0===e&&0<this._pendingRequests&&(e=2),this._value=e,this.progress$.next(e),0!==this._pendingRequests&&(clearTimeout(this._incTimeout),0<this._value&&this._value<100&&(this._incTimeout=setTimeout(function(){return t.increment()},250)))},e.prototype.increment=function(e){void 0===e&&(e=0),0<e&&this.set(this._value+e);var t=this._value;e=0<=t&&t<25?3*Math.random()+3:25<=t&&t<65?3*Math.random():65<=t&&t<90?2*Math.random():90<=t&&t<99?.5:0,this.set(this._value+e)},e.prototype.ngOnDestroy=function(){this.progress$.complete()},e}();r.decorators=[{type:t.Injectable}];var s=function(e){this.loader=e,this.includeSpinner=!0,this.includeBar=!0,this.fixed=!0,this.value=null};s.decorators=[{type:t.Component,args:[{selector:"ngx-loading-bar",template:'\n    <ng-container *ngIf="(value !== null ? value : loader.progress$|async) as progress">\n      <div id="loading-bar-spinner" *ngIf="includeSpinner" [style.color]="color">\n        <div [style.width]="diameter" [style.height]="diameter" class="spinner-icon"></div>\n      </div>\n      <div id="loading-bar" *ngIf="includeBar" [style.color]="color">\n        <div class="bar" [style.background]="color" [style.height]="height" [style.width]="progress + \'%\'">\n          <div class="peg" [style.height]="height"></div>\n        </div>\n      </div>\n    </ng-container>\n  ',preserveWhitespaces:!1,styles:[":host{position:relative;display:block}:host.loading-bar-fixed>div .bar{position:fixed}:host.loading-bar-fixed>div:first-child{position:fixed;top:10px;left:10px}:host.loading-bar-fixed>div .peg{display:block}:host>div{pointer-events:none;-webkit-transition:350ms linear all;transition:350ms linear all;color:#29d}:host>div .bar{-webkit-transition:width 350ms;transition:width 350ms;background:#29d;position:absolute;z-index:10002;top:0;left:0;width:100%;height:2px;border-bottom-right-radius:1px;border-top-right-radius:1px}:host>div .peg{display:none;position:absolute;width:70px;right:0;top:0;height:2px;opacity:.45;-webkit-box-shadow:1px 0 6px 1px;box-shadow:1px 0 6px 1px;color:inherit;border-radius:100%}:host>div:first-child{display:block;position:absolute;z-index:10002;top:5px;left:0}:host>div:first-child .spinner-icon{width:14px;height:14px;border:2px solid transparent;border-top-color:inherit;border-left-color:inherit;border-radius:50%;-webkit-animation:.4s linear infinite loading-bar-spinner;animation:.4s linear infinite loading-bar-spinner}@-webkit-keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}"],host:{"[class.loading-bar-fixed]":"fixed"}}]}],s.ctorParameters=function(){return[{type:r}]},s.propDecorators={includeSpinner:[{type:t.Input}],includeBar:[{type:t.Input}],fixed:[{type:t.Input}],color:[{type:t.Input}],height:[{type:t.Input}],diameter:[{type:t.Input}],value:[{type:t.Input}]};var a=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[r]}},e}();a.decorators=[{type:t.NgModule,args:[{imports:[o.CommonModule],declarations:[s],exports:[s]}]}],e.LoadingBarModule=a,e.LoadingBarComponent=s,e.LoadingBarService=r,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ngx-loading-bar-core.umd.min.js.map

esm2015/ngx-loading-bar-core.js

@@ -111,4 +111,2 @@ import { Injectable, Component, Input, NgModule } from '@angular/core';
 ];
-/** @nocollapse */
-LoadingBarService.ctorParameters = () => [];
 
@@ -128,2 +126,3 @@ /**
         this.fixed = true;
+        this.value = null;
     }
@@ -135,3 +134,3 @@ }
                 template: `
-    <ng-container *ngIf="(loader.progress$|async) as progress">
+    <ng-container *ngIf="(value !== null ? value : loader.progress$|async) as progress">
       <div id="loading-bar-spinner" *ngIf="includeSpinner" [style.color]="color">
@@ -165,2 +164,3 @@ <div [style.width]="diameter" [style.height]="diameter" class="spinner-icon"></div>
     "diameter": [{ type: Input },],
+    "value": [{ type: Input },],
 };
@@ -190,4 +190,2 @@
 ];
-/** @nocollapse */
-LoadingBarModule.ctorParameters = () => [];
 
@@ -194,0 +192,0 @@ /**

esm5/ngx-loading-bar-core.js

@@ -80,3 +80,2 @@ import { Injectable, Component, Input, NgModule } from '@angular/core';
 ];
-LoadingBarService.ctorParameters = function () { return []; };
 var LoadingBarComponent = /** @class */ (function () {
@@ -88,2 +87,3 @@ function LoadingBarComponent(loader) {
         this.fixed = true;
+        this.value = null;
     }
@@ -95,3 +95,3 @@ return LoadingBarComponent;
                 selector: 'ngx-loading-bar',
-                template: "\n    <ng-container *ngIf=\"(loader.progress$|async) as progress\">\n      <div id=\"loading-bar-spinner\" *ngIf=\"includeSpinner\" [style.color]=\"color\">\n        <div [style.width]=\"diameter\" [style.height]=\"diameter\" class=\"spinner-icon\"></div>\n      </div>\n      <div id=\"loading-bar\" *ngIf=\"includeBar\" [style.color]=\"color\">\n        <div class=\"bar\" [style.background]=\"color\" [style.height]=\"height\" [style.width]=\"progress + '%'\">\n          <div class=\"peg\" [style.height]=\"height\"></div>\n        </div>\n      </div>\n    </ng-container>\n  ",
+                template: "\n    <ng-container *ngIf=\"(value !== null ? value : loader.progress$|async) as progress\">\n      <div id=\"loading-bar-spinner\" *ngIf=\"includeSpinner\" [style.color]=\"color\">\n        <div [style.width]=\"diameter\" [style.height]=\"diameter\" class=\"spinner-icon\"></div>\n      </div>\n      <div id=\"loading-bar\" *ngIf=\"includeBar\" [style.color]=\"color\">\n        <div class=\"bar\" [style.background]=\"color\" [style.height]=\"height\" [style.width]=\"progress + '%'\">\n          <div class=\"peg\" [style.height]=\"height\"></div>\n        </div>\n      </div>\n    </ng-container>\n  ",
                 preserveWhitespaces: false,
@@ -114,2 +114,3 @@ styles: [":host{position:relative;display:block}:host.loading-bar-fixed>div .bar{position:fixed}:host.loading-bar-fixed>div:first-child{position:fixed;top:10px;left:10px}:host.loading-bar-fixed>div .peg{display:block}:host>div{pointer-events:none;-webkit-transition:350ms linear all;transition:350ms linear all;color:#29d}:host>div .bar{-webkit-transition:width 350ms;transition:width 350ms;background:#29d;position:absolute;z-index:10002;top:0;left:0;width:100%;height:2px;border-bottom-right-radius:1px;border-top-right-radius:1px}:host>div .peg{display:none;position:absolute;width:70px;right:0;top:0;height:2px;opacity:.45;-webkit-box-shadow:1px 0 6px 1px;box-shadow:1px 0 6px 1px;color:inherit;border-radius:100%}:host>div:first-child{display:block;position:absolute;z-index:10002;top:5px;left:0}:host>div:first-child .spinner-icon{width:14px;height:14px;border:2px solid transparent;border-top-color:inherit;border-left-color:inherit;border-radius:50%;-webkit-animation:.4s linear infinite loading-bar-spinner;animation:.4s linear infinite loading-bar-spinner}@-webkit-keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}"],
     "diameter": [{ type: Input },],
+    "value": [{ type: Input },],
 };
@@ -134,5 +135,4 @@ var LoadingBarModule = /** @class */ (function () {
 ];
-LoadingBarModule.ctorParameters = function () { return []; };
 
 export { LoadingBarModule, LoadingBarComponent, LoadingBarService };
 //# sourceMappingURL=ngx-loading-bar-core.js.map

loading-bar.component.d.ts

@@ -10,3 +10,4 @@ import { LoadingBarService } from './loading-bar.service';
     diameter: any;
+    value: any;
     constructor(loader: LoadingBarService);
 }

ngx-loading-bar-core.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"LoadingBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"declarations":[{"__symbolic":"reference","name":"LoadingBarComponent"}],"exports":[{"__symbolic":"reference","name":"LoadingBarComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"LoadingBarModule"},"providers":[{"__symbolic":"reference","name":"LoadingBarService"}]}}}},"LoadingBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ngx-loading-bar","template":"\n    <ng-container *ngIf=\"(loader.progress$|async) as progress\">\n      <div id=\"loading-bar-spinner\" *ngIf=\"includeSpinner\" [style.color]=\"color\">\n        <div [style.width]=\"diameter\" [style.height]=\"diameter\" class=\"spinner-icon\"></div>\n      </div>\n      <div id=\"loading-bar\" *ngIf=\"includeBar\" [style.color]=\"color\">\n        <div class=\"bar\" [style.background]=\"color\" [style.height]=\"height\" [style.width]=\"progress + '%'\">\n          <div class=\"peg\" [style.height]=\"height\"></div>\n        </div>\n      </div>\n    </ng-container>\n  ","preserveWhitespaces":false,"styles":[":host{position:relative;display:block}:host.loading-bar-fixed>div .bar{position:fixed}:host.loading-bar-fixed>div:first-child{position:fixed;top:10px;left:10px}:host.loading-bar-fixed>div .peg{display:block}:host>div{pointer-events:none;-webkit-transition:350ms linear all;transition:350ms linear all;color:#29d}:host>div .bar{-webkit-transition:width 350ms;transition:width 350ms;background:#29d;position:absolute;z-index:10002;top:0;left:0;width:100%;height:2px;border-bottom-right-radius:1px;border-top-right-radius:1px}:host>div .peg{display:none;position:absolute;width:70px;right:0;top:0;height:2px;opacity:.45;-webkit-box-shadow:1px 0 6px 1px;box-shadow:1px 0 6px 1px;color:inherit;border-radius:100%}:host>div:first-child{display:block;position:absolute;z-index:10002;top:5px;left:0}:host>div:first-child .spinner-icon{width:14px;height:14px;border:2px solid transparent;border-top-color:inherit;border-left-color:inherit;border-radius:50%;-webkit-animation:.4s linear infinite loading-bar-spinner;animation:.4s linear infinite loading-bar-spinner}@-webkit-keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}"],"host":{"[class.loading-bar-fixed]":"fixed"}}]}],"members":{"includeSpinner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"includeBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"fixed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"diameter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"LoadingBarService"}]}]}},"LoadingBarService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"start":[{"__symbolic":"method"}],"complete":[{"__symbolic":"method"}],"set":[{"__symbolic":"method"}],"increment":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"LoadingBarModule":"./core.module","LoadingBarComponent":"./loading-bar.component","LoadingBarService":"./loading-bar.service"},"importAs":"@ngx-loading-bar/core"}
+{"__symbolic":"module","version":4,"metadata":{"LoadingBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"declarations":[{"__symbolic":"reference","name":"LoadingBarComponent"}],"exports":[{"__symbolic":"reference","name":"LoadingBarComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"LoadingBarModule"},"providers":[{"__symbolic":"reference","name":"LoadingBarService"}]}}}},"LoadingBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ngx-loading-bar","template":"\n    <ng-container *ngIf=\"(value !== null ? value : loader.progress$|async) as progress\">\n      <div id=\"loading-bar-spinner\" *ngIf=\"includeSpinner\" [style.color]=\"color\">\n        <div [style.width]=\"diameter\" [style.height]=\"diameter\" class=\"spinner-icon\"></div>\n      </div>\n      <div id=\"loading-bar\" *ngIf=\"includeBar\" [style.color]=\"color\">\n        <div class=\"bar\" [style.background]=\"color\" [style.height]=\"height\" [style.width]=\"progress + '%'\">\n          <div class=\"peg\" [style.height]=\"height\"></div>\n        </div>\n      </div>\n    </ng-container>\n  ","preserveWhitespaces":false,"styles":[":host{position:relative;display:block}:host.loading-bar-fixed>div .bar{position:fixed}:host.loading-bar-fixed>div:first-child{position:fixed;top:10px;left:10px}:host.loading-bar-fixed>div .peg{display:block}:host>div{pointer-events:none;-webkit-transition:350ms linear all;transition:350ms linear all;color:#29d}:host>div .bar{-webkit-transition:width 350ms;transition:width 350ms;background:#29d;position:absolute;z-index:10002;top:0;left:0;width:100%;height:2px;border-bottom-right-radius:1px;border-top-right-radius:1px}:host>div .peg{display:none;position:absolute;width:70px;right:0;top:0;height:2px;opacity:.45;-webkit-box-shadow:1px 0 6px 1px;box-shadow:1px 0 6px 1px;color:inherit;border-radius:100%}:host>div:first-child{display:block;position:absolute;z-index:10002;top:5px;left:0}:host>div:first-child .spinner-icon{width:14px;height:14px;border:2px solid transparent;border-top-color:inherit;border-left-color:inherit;border-radius:50%;-webkit-animation:.4s linear infinite loading-bar-spinner;animation:.4s linear infinite loading-bar-spinner}@-webkit-keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}"],"host":{"[class.loading-bar-fixed]":"fixed"}}]}],"members":{"includeSpinner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"includeBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"fixed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"diameter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"LoadingBarService"}]}]}},"LoadingBarService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"start":[{"__symbolic":"method"}],"complete":[{"__symbolic":"method"}],"set":[{"__symbolic":"method"}],"increment":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"LoadingBarModule":"./core.module","LoadingBarComponent":"./loading-bar.component","LoadingBarService":"./loading-bar.service"},"importAs":"@ngx-loading-bar/core"}

package.json

 {
   "name": "@ngx-loading-bar/core",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0",
   "description": "Automatic page loading / progress bar for Angular",
@@ -5,0 +5,0 @@ "keywords": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

71724

increased by1.05%

Lines of code

544

increased by0.18%

Number of low quality alerts

2

decreased by-33.33%

No dependency changes