angular-progress-bar - npm Package Compare versions

Comparing version 1.0.1-beta2 to 1.0.1-beta3

bundles/progress-bar.umd.js

@@ -15,7 +15,2 @@ (function (global, factory) {
     function ProgressBarComponent() {
-        this._degraded = false;
-        if (this.degraded != null) {
-            this.keys = Object.keys(this.degraded).sort();
-            this.degraded = true;
-        }
         this.color = "#488aff";
@@ -28,13 +23,14 @@ }
     ProgressBarComponent.prototype.whichColor = function (percent) {
-        var last = this.keys[0];
-        for (var _i = 0, _a = this.keys; _i < _a.length; _i++) {
-            var val = _a[_i];
+        var keys = Object.keys(this.degraded).sort();
+        var last = keys[0];
+        for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+            var val = keys_1[_i];
             if (val < percent) {
                 last = val;
             }
-            else if (val >= percent) {
+            else if (val > percent) {
                 return this.degraded[last];
             }
-            return this.degraded[last];
         }
+        return this.degraded[last];
     };
@@ -46,3 +42,3 @@ ProgressBarComponent.decorators = [
                     template: "<div class=\"progress-outer\">\n" +
-                        "    <div class=\"progress-inner\" [style.width]=\"progress + '%'\" [style.background-color]=\"degraded != null ? color : whichColor(progress)\">\n" +
+                        "    <div class=\"progress-inner\" [style.width]=\"progress + '%'\" [style.background-color]=\"degraded == null ? color : whichColor(progress)\">\n" +
                         "        {{progress}}%\n" +
@@ -49,0 +45,0 @@ "</div>\n" +

bundles/progress-bar.umd.min.js

@@ -1,1 +0,1 @@
-!function(r,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core")):"function"==typeof define&&define.amd?define(["exports","@angular/core"],e):e((r.ng=r.ng||{},r.ng["progress-bar"]={}),r.ng.core)}(this,function(r,e){"use strict";var o=function(){function r(){this._degraded=!1,null!=this.degraded&&(this.keys=Object.keys(this.degraded).sort(),this.degraded=!0),this.color="#488aff"}return r.prototype.whichColor=function(r){for(var e=this.keys[0],o=0,n=this.keys;o<n.length;o++){var t=n[o];if(t<r)e=t;else if(r<=t)return this.degraded[e];return this.degraded[e]}},r.decorators=[{type:e.Component,args:[{selector:"progress-bar",styles:["\n          .progress-outer {\n            width: 96%;\n            margin: 10px 2%;\n            padding: 3px;\n            text-align: center;\n            background-color: #f4f4f4;\n            border: 1px solid #dcdcdc;\n            color: #fff;\n            border-radius: 20px;\n          }\n          .progress-inner {\n            min-width: 15%;\n            white-space: nowrap;\n            overflow: hidden;\n            padding: 5px;\n            border-radius: 20px;\n          }\n    "],template:'<div class="progress-outer">\n    <div class="progress-inner" [style.width]="progress + \'%\'" [style.background-color]="degraded != null ? color : whichColor(progress)">\n        {{progress}}%\n</div>\n</div>'}]}],r.ctorParameters=function(){return[]},r.propDecorators={progress:[{type:e.Input,args:["progress"]}],color:[{type:e.Input,args:["color"]}],degraded:[{type:e.Input,args:["color-degraded"]}]},r}(),n=function(){function r(){}return r.decorators=[{type:e.NgModule,args:[{declarations:[o],exports:[o]}]}],r.ctorParameters=function(){return[]},r}();r.ProgressBarModule=n,Object.defineProperty(r,"__esModule",{value:!0})});
+!function(r,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core")):"function"==typeof define&&define.amd?define(["exports","@angular/core"],e):e((r.ng=r.ng||{},r.ng["progress-bar"]={}),r.ng.core)}(this,function(r,e){"use strict";var o=function(){function r(){this.color="#488aff"}return r.prototype.whichColor=function(r){for(var e=Object.keys(this.degraded).sort(),o=e[0],n=0,t=e;n<t.length;n++){var s=t[n];if(s<r)o=s;else if(r<s)return this.degraded[o]}return this.degraded[o]},r.decorators=[{type:e.Component,args:[{selector:"progress-bar",styles:["\n          .progress-outer {\n            width: 96%;\n            margin: 10px 2%;\n            padding: 3px;\n            text-align: center;\n            background-color: #f4f4f4;\n            border: 1px solid #dcdcdc;\n            color: #fff;\n            border-radius: 20px;\n          }\n          .progress-inner {\n            min-width: 15%;\n            white-space: nowrap;\n            overflow: hidden;\n            padding: 5px;\n            border-radius: 20px;\n          }\n    "],template:'<div class="progress-outer">\n    <div class="progress-inner" [style.width]="progress + \'%\'" [style.background-color]="degraded == null ? color : whichColor(progress)">\n        {{progress}}%\n</div>\n</div>'}]}],r.ctorParameters=function(){return[]},r.propDecorators={progress:[{type:e.Input,args:["progress"]}],color:[{type:e.Input,args:["color"]}],degraded:[{type:e.Input,args:["color-degraded"]}]},r}(),n=function(){function r(){}return r.decorators=[{type:e.NgModule,args:[{declarations:[o],exports:[o]}]}],r.ctorParameters=function(){return[]},r}();r.ProgressBarModule=n,Object.defineProperty(r,"__esModule",{value:!0})});

package.json

 {
   "name": "angular-progress-bar",
-  "version": "1.0.1-beta2",
+  "version": "1.0.1-beta3",
   "description": "An angular progress-bar",
@@ -5,0 +5,0 @@ "main": "bundles/progress-bar.umd.js",

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

@@ -12,4 +12,2 @@ /**
     degraded: any;
-    private keys;
-    private _degraded;
     constructor();
@@ -16,0 +14,0 @@ /**

src/progress-bar/progress-bar.js

@@ -10,7 +10,2 @@ import { Component, Input } from '@angular/core';
     function ProgressBarComponent() {
-        this._degraded = false;
-        if (this.degraded != null) {
-            this.keys = Object.keys(this.degraded).sort();
-            this.degraded = true;
-        }
         this.color = "#488aff";
@@ -23,13 +18,14 @@ }
     ProgressBarComponent.prototype.whichColor = function (percent) {
-        var last = this.keys[0];
-        for (var _i = 0, _a = this.keys; _i < _a.length; _i++) {
-            var val = _a[_i];
+        var keys = Object.keys(this.degraded).sort();
+        var last = keys[0];
+        for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+            var val = keys_1[_i];
             if (val < percent) {
                 last = val;
             }
-            else if (val >= percent) {
+            else if (val > percent) {
                 return this.degraded[last];
             }
-            return this.degraded[last];
         }
+        return this.degraded[last];
     };
@@ -41,3 +37,3 @@ ProgressBarComponent.decorators = [
                     template: "<div class=\"progress-outer\">\n" +
-                        "    <div class=\"progress-inner\" [style.width]=\"progress + '%'\" [style.background-color]=\"degraded != null ? color : whichColor(progress)\">\n" +
+                        "    <div class=\"progress-inner\" [style.width]=\"progress + '%'\" [style.background-color]=\"degraded == null ? color : whichColor(progress)\">\n" +
                         "        {{progress}}%\n" +
@@ -44,0 +40,0 @@ "</div>\n" +

src/progress-bar/progress-bar.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"ProgressBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"progress-bar","styles":["\n          .progress-outer {\n            width: 96%;\n            margin: 10px 2%;\n            padding: 3px;\n            text-align: center;\n            background-color: #f4f4f4;\n            border: 1px solid #dcdcdc;\n            color: #fff;\n            border-radius: 20px;\n          }\n          .progress-inner {\n            min-width: 15%;\n            white-space: nowrap;\n            overflow: hidden;\n            padding: 5px;\n            border-radius: 20px;\n          }\n    "],"template":"<div class=\"progress-outer\">\n    <div class=\"progress-inner\" [style.width]=\"progress + '%'\" [style.background-color]=\"degraded != null ? color : whichColor(progress)\">\n        {{progress}}%\n</div>\n</div>"}]}],"members":{"progress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["progress"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["color"]}]}],"degraded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["color-degraded"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"whichColor":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ProgressBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"progress-bar","styles":["\n          .progress-outer {\n            width: 96%;\n            margin: 10px 2%;\n            padding: 3px;\n            text-align: center;\n            background-color: #f4f4f4;\n            border: 1px solid #dcdcdc;\n            color: #fff;\n            border-radius: 20px;\n          }\n          .progress-inner {\n            min-width: 15%;\n            white-space: nowrap;\n            overflow: hidden;\n            padding: 5px;\n            border-radius: 20px;\n          }\n    "],"template":"<div class=\"progress-outer\">\n    <div class=\"progress-inner\" [style.width]=\"progress + '%'\" [style.background-color]=\"degraded != null ? color : whichColor(progress)\">\n        {{progress}}%\n</div>\n</div>"}]}],"members":{"progress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["progress"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["color"]}]}],"degraded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["color-degraded"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"whichColor":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"ProgressBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"progress-bar","styles":["\n          .progress-outer {\n            width: 96%;\n            margin: 10px 2%;\n            padding: 3px;\n            text-align: center;\n            background-color: #f4f4f4;\n            border: 1px solid #dcdcdc;\n            color: #fff;\n            border-radius: 20px;\n          }\n          .progress-inner {\n            min-width: 15%;\n            white-space: nowrap;\n            overflow: hidden;\n            padding: 5px;\n            border-radius: 20px;\n          }\n    "],"template":"<div class=\"progress-outer\">\n    <div class=\"progress-inner\" [style.width]=\"progress + '%'\" [style.background-color]=\"degraded == null ? color : whichColor(progress)\">\n        {{progress}}%\n</div>\n</div>"}]}],"members":{"progress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["progress"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["color"]}]}],"degraded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["color-degraded"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"whichColor":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ProgressBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"progress-bar","styles":["\n          .progress-outer {\n            width: 96%;\n            margin: 10px 2%;\n            padding: 3px;\n            text-align: center;\n            background-color: #f4f4f4;\n            border: 1px solid #dcdcdc;\n            color: #fff;\n            border-radius: 20px;\n          }\n          .progress-inner {\n            min-width: 15%;\n            white-space: nowrap;\n            overflow: hidden;\n            padding: 5px;\n            border-radius: 20px;\n          }\n    "],"template":"<div class=\"progress-outer\">\n    <div class=\"progress-inner\" [style.width]=\"progress + '%'\" [style.background-color]=\"degraded == null ? color : whichColor(progress)\">\n        {{progress}}%\n</div>\n</div>"}]}],"members":{"progress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["progress"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["color"]}]}],"degraded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["color-degraded"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"whichColor":[{"__symbolic":"method"}]}}}}]

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

-100%

Worsened metrics

Total package byte prevSize

19438

-3.27%

Lines of code

159

-5.92%

No dependency changes