New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@tradeshift/elements.progress-bar

Package Overview
Dependencies
Maintainers
8
Versions
100
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 0.27.6 to 0.28.0

4

CHANGELOG.md

@@ -5,2 +5,6 @@ # Change Log

# [0.28.0](https://github.com/Tradeshift/elements/compare/v0.27.6...v0.28.0) (2021-09-10)
**Note:** Version bump only for package @tradeshift/elements.progress-bar
## [0.27.6](https://github.com/Tradeshift/elements/compare/v0.27.5...v0.27.6) (2021-08-10)

@@ -7,0 +11,0 @@

2

lib/progress-bar.esm.js

@@ -1,1 +0,1 @@

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

@@ -1,1 +0,1 @@

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

@@ -18,6 +18,6 @@ "type": "git",

"dependencies": {
"@tradeshift/elements": "^0.27.6"
"@tradeshift/elements": "^0.28.0"
},
"src": "src/progress-bar.js",
"gitHead": "ff4923309b40e373d6a3b0d6dc06a393441e12c2"
"gitHead": "636e5d745d01dbc469541bd8d5bc3bf4434d177f"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc