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

Comparing version 1.0.0-rc.1 to 1.0.0-rc.2

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

@@ -120,3 +120,5 @@ import { ChangeDetectionStrategy, Component, Injectable, Input, NgModule } from '@angular/core';
                 template: "\n    <ng-container *ngIf=\"(loader.progress$|async) as progress\">\n      <div id=\"loading-bar-spinner\" *ngIf=\"includeSpinner\" [style.color]=\"color\"><div class=\"spinner-icon\"></div></div>\n      <div id=\"loading-bar\" *ngIf=\"includeBar\" [style.color]=\"color\">\n        <div class=\"bar\" [style.background]=\"color\" [style.width]=\"progress + '%'\">\n          <div class=\"peg\"></div>\n        </div>\n      </div>\n    </ng-container>\n  ",
+                preserveWhitespaces: false,
                 changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: ["\n    /* Make clicks pass-through */\n    :host > div {\n      pointer-events: none;\n      -webkit-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: fixed;\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        position: absolute;\n        width: 70px;\n        right: 0;\n        top: 0;\n        height: 2px;\n        opacity: .45;\n        -ms-box-shadow: 1px 0 6px 1px;\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: fixed;\n        z-index: 10002;\n        top: 10px;\n        left: 10px; }\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  "],
             },] },
@@ -123,0 +125,0 @@ ];

@ngx-loading-bar/core.js

@@ -127,3 +127,69 @@ import { ChangeDetectionStrategy, Component, Injectable, Input, NgModule } from '@angular/core';
   `,
+                preserveWhitespaces: false,
                 changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [`
+    /* Make clicks pass-through */
+    :host > div {
+      pointer-events: none;
+      -webkit-pointer-events: none;
+      -webkit-transition: 350ms linear all;
+      transition: 350ms linear all;
+      color: #29d;
+      /* Fancy blur effect */ }
+      :host > div .bar {
+        -webkit-transition: width 350ms;
+        transition: width 350ms;
+        background: #29d;
+        position: fixed;
+        z-index: 10002;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 2px;
+        border-bottom-right-radius: 1px;
+        border-top-right-radius: 1px; }
+      :host > div .peg {
+        position: absolute;
+        width: 70px;
+        right: 0;
+        top: 0;
+        height: 2px;
+        opacity: .45;
+        -ms-box-shadow: 1px 0 6px 1px;
+        -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: fixed;
+        z-index: 10002;
+        top: 10px;
+        left: 10px; }
+        :host > div:first-child .spinner-icon {
+          width: 14px;
+          height: 14px;
+          border: solid 2px transparent;
+          border-top-color: inherit;
+          border-left-color: inherit;
+          border-radius: 50%;
+          -webkit-animation: loading-bar-spinner 400ms linear infinite;
+          animation: loading-bar-spinner 400ms linear infinite; }
+
+    @-webkit-keyframes loading-bar-spinner {
+      0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg); }
+      100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg); } }
+
+    @keyframes loading-bar-spinner {
+      0% {
+        -webkit-transform: rotate(0deg);
+                transform: rotate(0deg); }
+      100% {
+        -webkit-transform: rotate(360deg);
+                transform: rotate(360deg); } }
+  `],
             },] },
@@ -130,0 +196,0 @@ ];

bundles/core.umd.js

@@ -122,3 +122,5 @@ (function (global, factory) {
                 template: "\n    <ng-container *ngIf=\"(loader.progress$|async) as progress\">\n      <div id=\"loading-bar-spinner\" *ngIf=\"includeSpinner\" [style.color]=\"color\"><div class=\"spinner-icon\"></div></div>\n      <div id=\"loading-bar\" *ngIf=\"includeBar\" [style.color]=\"color\">\n        <div class=\"bar\" [style.background]=\"color\" [style.width]=\"progress + '%'\">\n          <div class=\"peg\"></div>\n        </div>\n      </div>\n    </ng-container>\n  ",
+                preserveWhitespaces: false,
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
+                styles: ["\n    /* Make clicks pass-through */\n    :host > div {\n      pointer-events: none;\n      -webkit-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: fixed;\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        position: absolute;\n        width: 70px;\n        right: 0;\n        top: 0;\n        height: 2px;\n        opacity: .45;\n        -ms-box-shadow: 1px 0 6px 1px;\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: fixed;\n        z-index: 10002;\n        top: 10px;\n        left: 10px; }\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  "],
             },] },
@@ -125,0 +127,0 @@ ];

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\"><div class=\"spinner-icon\"></div></div>\n      <div id=\"loading-bar\" *ngIf=\"includeBar\" [style.color]=\"color\">\n        <div class=\"bar\" [style.background]=\"color\" [style.width]=\"progress + '%'\">\n          <div class=\"peg\"></div>\n        </div>\n      </div>\n    </ng-container>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"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"}}]}],"color":[{"__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"}],"ngOnDestroy":[{"__symbolic":"method"}],"set":[{"__symbolic":"method"}],"increment":[{"__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=\"(loader.progress$|async) as progress\">\n      <div id=\"loading-bar-spinner\" *ngIf=\"includeSpinner\" [style.color]=\"color\"><div class=\"spinner-icon\"></div></div>\n      <div id=\"loading-bar\" *ngIf=\"includeBar\" [style.color]=\"color\">\n        <div class=\"bar\" [style.background]=\"color\" [style.width]=\"progress + '%'\">\n          <div class=\"peg\"></div>\n        </div>\n      </div>\n    </ng-container>\n  ","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"styles":["\n    /* Make clicks pass-through */\n    :host > div {\n      pointer-events: none;\n      -webkit-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: fixed;\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        position: absolute;\n        width: 70px;\n        right: 0;\n        top: 0;\n        height: 2px;\n        opacity: .45;\n        -ms-box-shadow: 1px 0 6px 1px;\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: fixed;\n        z-index: 10002;\n        top: 10px;\n        left: 10px; }\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  "]}]}],"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"}}]}],"color":[{"__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"}],"ngOnDestroy":[{"__symbolic":"method"}],"set":[{"__symbolic":"method"}],"increment":[{"__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": "1.0.0-rc.1",
+  "version": "1.0.0-rc.2",
   "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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

66348

increased by21.79%

Worsened metrics

Lines of code

615

decreased by-0.81%

Number of low supply chain risk alerts

2

increased byInfinity%

No dependency changes