@tradeshift/elements.progress-bar - npm Package Compare versions

Comparing version 0.9.0 to 0.10.0

lib/progress-bar.umd.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["@tradeshift/elements"],e):e((t=t||self).ts.elements)}(this,function(t){"use strict";function e(t,e){for(var r=0;r<e.length;r++){var i=e[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function r(t,r,i){return r&&e(t.prototype,r),i&&e(t,i),t}function i(){var t,e,r=(t=['\n\t\t\t\t<div class="progress-bar-wrapper" ?data-indeterminate="','">\n\t\t\t\t\t<div class="progress-bar-total">\n\t\t\t\t\t\t<div style="','" class="progress-bar-done"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t'],e||(e=t.slice(0)),t.raw=e,t);return i=function(){return r},r}t.customElementDefineHelper("ts-progress-bar",function(e){var n,o;function a(){var t=e.call(this)||this;return t.total=100,t.done=0,t.indeterminate=!1,t}return o=e,(n=a).prototype=Object.create(o.prototype),n.prototype.constructor=n,n.__proto__=o,r(a,null,[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS(":host{width:100%}.progress-bar-wrapper{height:8px;height:var(--ts-progress-bar-height);border-radius:100em;overflow:hidden}.progress-bar-total{position:relative;height:100%;width:100%;background-color:#ade5ff;background-color:var(--ts-color-blue-lighter)}.progress-bar-done{position:absolute;border-radius:100em;left:0;top:0;height:100%;background-color:#00aeff;background-color:var(--ts-color-blue)}.progress-bar-wrapper[data-indeterminate] .progress-bar-done{-webkit-animation:infinite-progress 1s linear infinite;animation:infinite-progress 1s linear infinite}@-webkit-keyframes infinite-progress{0%{width:0;margin-left:0;margin-right:100%}20%{width:30%;margin-left:0;margin-right:0}40%{width:30%;margin-left:30%;margin-right:0}60%{width:40%;margin-left:50%;margin-right:0}80%{width:40%;margin-left:70%;margin-right:0}to{width:0;margin-left:100%;margin-right:0}}@keyframes infinite-progress{0%{width:0;margin-left:0;margin-right:100%}20%{width:30%;margin-left:0;margin-right:0}40%{width:30%;margin-left:30%;margin-right:0}60%{width:40%;margin-left:50%;margin-right:0}80%{width:40%;margin-left:70%;margin-right:0}to{width:0;margin-left:100%;margin-right:0}}")]}},{key:"properties",get:function(){return{total:{type:Number,reflect:!0},done:{type:Number,reflect:!0},indeterminate:{type:Boolean,reflect:!0}}}}]),a.prototype.render=function(){return t.html(i(),this.indeterminate,this.doneWidthStyle)},r(a,[{key:"doneWidthStyle",get:function(){if(!this.indeterminate)return"width: "+this.done/this.total*100+"%"}}]),a}(t.TSElement))});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["@tradeshift/elements"],e):e((t=t||self).ts.elements)}(this,(function(t){"use strict";function e(t,e){for(var r=0;r<e.length;r++){var i=e[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function r(t,r,i){return r&&e(t.prototype,r),i&&e(t,i),t}function i(){var t,e,r=(t=['\n\t\t\t\t<div class="progress-bar-wrapper" ?data-indeterminate="','">\n\t\t\t\t\t<div class="progress-bar-total">\n\t\t\t\t\t\t<div style="','" class="progress-bar-done"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t'],e||(e=t.slice(0)),t.raw=e,t);return i=function(){return r},r}t.customElementDefineHelper("ts-progress-bar",function(e){var n,o;function a(){var t=e.call(this)||this;return t.total=100,t.done=0,t.indeterminate=!1,t}return o=e,(n=a).prototype=Object.create(o.prototype),n.prototype.constructor=n,n.__proto__=o,r(a,null,[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS(":host{width:100%}.progress-bar-wrapper{height:8px;height:var(--ts-progress-bar-height);border-radius:100em;overflow:hidden}.progress-bar-total{position:relative;height:100%;width:100%;background-color:#ade5ff;background-color:var(--ts-color-blue-lighter)}.progress-bar-done{position:absolute;border-radius:100em;left:0;top:0;height:100%;background-color:#00aeff;background-color:var(--ts-color-blue)}.progress-bar-wrapper[data-indeterminate] .progress-bar-done{-webkit-animation:infinite-progress 1s linear infinite;animation:infinite-progress 1s linear infinite}@-webkit-keyframes infinite-progress{0%{width:0;margin-left:0;margin-right:100%}20%{width:30%;margin-left:0;margin-right:0}40%{width:30%;margin-left:30%;margin-right:0}60%{width:40%;margin-left:50%;margin-right:0}80%{width:40%;margin-left:70%;margin-right:0}to{width:0;margin-left:100%;margin-right:0}}@keyframes infinite-progress{0%{width:0;margin-left:0;margin-right:100%}20%{width:30%;margin-left:0;margin-right:0}40%{width:30%;margin-left:30%;margin-right:0}60%{width:40%;margin-left:50%;margin-right:0}80%{width:40%;margin-left:70%;margin-right:0}to{width:0;margin-left:100%;margin-right:0}}")]}},{key:"properties",get:function(){return{total:{type:Number,reflect:!0},done:{type:Number,reflect:!0},indeterminate:{type:Boolean,reflect:!0}}}}]),a.prototype.render=function(){return t.html(i(),this.indeterminate,this.doneWidthStyle)},r(a,[{key:"doneWidthStyle",get:function(){if(!this.indeterminate)return"width: "+this.done/this.total*100+"%"}}]),a}(t.TSElement))}));

package.json

 {
   "name": "@tradeshift/elements.progress-bar",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "src": "src/progress-bar.js",
@@ -12,5 +12,5 @@ "main": "lib/progress-bar.umd.js",
   "dependencies": {
-    "@tradeshift/elements": "^0.9.0"
+    "@tradeshift/elements": "^0.10.0"
   },
-  "gitHead": "38dcc12adf17db9db2f4ba90f363fdf685e60125"
+  "gitHead": "66874081004dc1381919ddb2038999687696957f"
 }

No alert changes

Improved metrics

Total package byte prevSize

19742

increased by0.02%

Dependency changes

• + Added@tradeshift/elements@0.10.0(transitive)

• - Removed@tradeshift/elements@0.9.0(transitive)

• Updated@tradeshift/elements@^0.10.0