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.4 to 0.27.5

4

CHANGELOG.md

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

## [0.27.5](https://github.com/Tradeshift/elements/compare/v0.27.4...v0.27.5) (2021-08-04)
**Note:** Version bump only for package @tradeshift/elements.progress-bar
## [0.27.4](https://github.com/Tradeshift/elements/compare/v0.27.2...v0.27.4) (2021-07-28)

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

2

lib/progress-bar.esm.js

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

import{html as t,customElementDefineHelper 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(r){var s,g,l,d,h;function f(){var t=r.call(this)||this;return t.total=100,t.done=0,t.indeterminate=!1,t}return g=r,(s=f).prototype=Object.create(g.prototype),s.prototype.constructor=s,a(s,g),f.prototype.render=function(){return t(o||(r=['\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=r.slice(0)),r.raw=e,o=r),this.indeterminate,this.doneWidthStyle);var r,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);r("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{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};
{
"name": "@tradeshift/elements.progress-bar",
"version": "0.27.4",
"version": "0.27.5",
"repository": {

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

"dependencies": {
"@tradeshift/elements": "^0.27.4"
"@tradeshift/elements": "^0.27.5"
},
"src": "src/progress-bar.js",
"gitHead": "2d1ae43e34709e897379a1a2560591da8e1a9e4a"
"gitHead": "2e357a20b55e8f909d7d8b5d9f42033203356ccf"
}
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