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

Comparing version 1.5.1 to 1.6.0

@ngx-loading-bar/core.es5.js

@@ -125,2 +125,3 @@ import { Component, Injectable, Input, NgModule } from '@angular/core';
         this.fixed = true;
+        this.value = null;
     }
@@ -132,3 +133,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,
@@ -154,2 +155,3 @@ styles: ["\n    /* Make clicks pass-through */\n    :host {\n      position: relative;\n      display: block; }\n      :host.loading-bar-fixed > div .bar {\n        position: fixed; }\n      :host.loading-bar-fixed > div:first-child {\n        position: fixed;\n        top: 10px;\n        left: 10px; }\n      :host.loading-bar-fixed > div .peg {\n        display: block; }\n      :host > div {\n        pointer-events: none;\n        -webkit-transition: 350ms linear all;\n        transition: 350ms linear all;\n        color: #29d;\n        /* Fancy blur effect */ }\n        :host > div .bar {\n          -webkit-transition: width 350ms;\n          transition: width 350ms;\n          background: #29d;\n          position: absolute;\n          z-index: 10002;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 2px;\n          border-bottom-right-radius: 1px;\n          border-top-right-radius: 1px; }\n        :host > div .peg {\n          display: none;\n          position: absolute;\n          width: 70px;\n          right: 0;\n          top: 0;\n          height: 2px;\n          opacity: .45;\n          -webkit-box-shadow: 1px 0 6px 1px;\n                  box-shadow: 1px 0 6px 1px;\n          color: inherit;\n          border-radius: 100%; }\n        :host > div:first-child {\n          display: block;\n          position: absolute;\n          z-index: 10002;\n          top: 5px;\n          left: 0px; }\n          :host > div:first-child .spinner-icon {\n            width: 14px;\n            height: 14px;\n            border: solid 2px transparent;\n            border-top-color: inherit;\n            border-left-color: inherit;\n            border-radius: 50%;\n            -webkit-animation: loading-bar-spinner 400ms linear infinite;\n                    animation: loading-bar-spinner 400ms linear infinite; }\n\n    @-webkit-keyframes loading-bar-spinner {\n      0% {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg); }\n      100% {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg); } }\n\n    @keyframes loading-bar-spinner {\n      0% {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg); }\n      100% {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg); } }\n  "],
     'diameter': [{ type: Input },],
+    'value': [{ type: Input },],
 };
@@ -156,0 +158,0 @@ var LoadingBarModule = /** @class */ (function () {

@ngx-loading-bar/core.js

@@ -122,2 +122,3 @@ import { Component, Injectable, Input, NgModule } from '@angular/core';
         this.fixed = true;
+        this.value = null;
     }
@@ -129,3 +130,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">
@@ -235,2 +236,3 @@ <div [style.width]="diameter" [style.height]="diameter" class="spinner-icon"></div>
     'diameter': [{ type: Input },],
+    'value': [{ type: Input },],
 };
@@ -237,0 +239,0 @@

bundles/core.umd.js

@@ -127,2 +127,3 @@ (function (global, factory) {
         this.fixed = true;
+        this.value = null;
     }
@@ -134,3 +135,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,
@@ -156,2 +157,3 @@ styles: ["\n    /* Make clicks pass-through */\n    :host {\n      position: relative;\n      display: block; }\n      :host.loading-bar-fixed > div .bar {\n        position: fixed; }\n      :host.loading-bar-fixed > div:first-child {\n        position: fixed;\n        top: 10px;\n        left: 10px; }\n      :host.loading-bar-fixed > div .peg {\n        display: block; }\n      :host > div {\n        pointer-events: none;\n        -webkit-transition: 350ms linear all;\n        transition: 350ms linear all;\n        color: #29d;\n        /* Fancy blur effect */ }\n        :host > div .bar {\n          -webkit-transition: width 350ms;\n          transition: width 350ms;\n          background: #29d;\n          position: absolute;\n          z-index: 10002;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 2px;\n          border-bottom-right-radius: 1px;\n          border-top-right-radius: 1px; }\n        :host > div .peg {\n          display: none;\n          position: absolute;\n          width: 70px;\n          right: 0;\n          top: 0;\n          height: 2px;\n          opacity: .45;\n          -webkit-box-shadow: 1px 0 6px 1px;\n                  box-shadow: 1px 0 6px 1px;\n          color: inherit;\n          border-radius: 100%; }\n        :host > div:first-child {\n          display: block;\n          position: absolute;\n          z-index: 10002;\n          top: 5px;\n          left: 0px; }\n          :host > div:first-child .spinner-icon {\n            width: 14px;\n            height: 14px;\n            border: solid 2px transparent;\n            border-top-color: inherit;\n            border-left-color: inherit;\n            border-radius: 50%;\n            -webkit-animation: loading-bar-spinner 400ms linear infinite;\n                    animation: loading-bar-spinner 400ms linear infinite; }\n\n    @-webkit-keyframes loading-bar-spinner {\n      0% {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg); }\n      100% {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg); } }\n\n    @keyframes loading-bar-spinner {\n      0% {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg); }\n      100% {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg); } }\n  "],
     'diameter': [{ type: core.Input },],
+    'value': [{ type: core.Input },],
 };
@@ -158,0 +160,0 @@ var LoadingBarModule = /** @class */ (function () {

core.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":3,"metadata":{"LoadingBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"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"},"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":["\n    /* Make clicks pass-through */\n    :host {\n      position: relative;\n      display: block; }\n      :host.loading-bar-fixed > div .bar {\n        position: fixed; }\n      :host.loading-bar-fixed > div:first-child {\n        position: fixed;\n        top: 10px;\n        left: 10px; }\n      :host.loading-bar-fixed > div .peg {\n        display: block; }\n      :host > div {\n        pointer-events: none;\n        -webkit-transition: 350ms linear all;\n        transition: 350ms linear all;\n        color: #29d;\n        /* Fancy blur effect */ }\n        :host > div .bar {\n          -webkit-transition: width 350ms;\n          transition: width 350ms;\n          background: #29d;\n          position: absolute;\n          z-index: 10002;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 2px;\n          border-bottom-right-radius: 1px;\n          border-top-right-radius: 1px; }\n        :host > div .peg {\n          display: none;\n          position: absolute;\n          width: 70px;\n          right: 0;\n          top: 0;\n          height: 2px;\n          opacity: .45;\n          -webkit-box-shadow: 1px 0 6px 1px;\n                  box-shadow: 1px 0 6px 1px;\n          color: inherit;\n          border-radius: 100%; }\n        :host > div:first-child {\n          display: block;\n          position: absolute;\n          z-index: 10002;\n          top: 5px;\n          left: 0px; }\n          :host > div:first-child .spinner-icon {\n            width: 14px;\n            height: 14px;\n            border: solid 2px transparent;\n            border-top-color: inherit;\n            border-left-color: inherit;\n            border-radius: 50%;\n            -webkit-animation: loading-bar-spinner 400ms linear infinite;\n                    animation: loading-bar-spinner 400ms linear infinite; }\n\n    @-webkit-keyframes loading-bar-spinner {\n      0% {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg); }\n      100% {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg); } }\n\n    @keyframes loading-bar-spinner {\n      0% {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg); }\n      100% {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg); } }\n  "],"host":{"[class.loading-bar-fixed]":"fixed"}}]}],"members":{"includeSpinner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"includeBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fixed":[{"__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"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"diameter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"LoadingBarService"}]}]}},"LoadingBarService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"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":3,"metadata":{"LoadingBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"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"},"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":["\n    /* Make clicks pass-through */\n    :host {\n      position: relative;\n      display: block; }\n      :host.loading-bar-fixed > div .bar {\n        position: fixed; }\n      :host.loading-bar-fixed > div:first-child {\n        position: fixed;\n        top: 10px;\n        left: 10px; }\n      :host.loading-bar-fixed > div .peg {\n        display: block; }\n      :host > div {\n        pointer-events: none;\n        -webkit-transition: 350ms linear all;\n        transition: 350ms linear all;\n        color: #29d;\n        /* Fancy blur effect */ }\n        :host > div .bar {\n          -webkit-transition: width 350ms;\n          transition: width 350ms;\n          background: #29d;\n          position: absolute;\n          z-index: 10002;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 2px;\n          border-bottom-right-radius: 1px;\n          border-top-right-radius: 1px; }\n        :host > div .peg {\n          display: none;\n          position: absolute;\n          width: 70px;\n          right: 0;\n          top: 0;\n          height: 2px;\n          opacity: .45;\n          -webkit-box-shadow: 1px 0 6px 1px;\n                  box-shadow: 1px 0 6px 1px;\n          color: inherit;\n          border-radius: 100%; }\n        :host > div:first-child {\n          display: block;\n          position: absolute;\n          z-index: 10002;\n          top: 5px;\n          left: 0px; }\n          :host > div:first-child .spinner-icon {\n            width: 14px;\n            height: 14px;\n            border: solid 2px transparent;\n            border-top-color: inherit;\n            border-left-color: inherit;\n            border-radius: 50%;\n            -webkit-animation: loading-bar-spinner 400ms linear infinite;\n                    animation: loading-bar-spinner 400ms linear infinite; }\n\n    @-webkit-keyframes loading-bar-spinner {\n      0% {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg); }\n      100% {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg); } }\n\n    @keyframes loading-bar-spinner {\n      0% {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg); }\n      100% {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg); } }\n  "],"host":{"[class.loading-bar-fixed]":"fixed"}}]}],"members":{"includeSpinner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"includeBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fixed":[{"__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"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"diameter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"LoadingBarService"}]}]}},"LoadingBarService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"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"}

loading-bar.component.d.ts

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

package.json

 {
   "name": "@ngx-loading-bar/core",
-  "version": "1.5.1",
+  "version": "1.6.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

Improved metrics

Total package byte prevSize

77304

increased by1.45%

Lines of code

690

increased by1.32%

No dependency changes