@tradeshift/elements.progress-bar
Advanced tools
Comparing version 0.27.4 to 0.27.5
@@ -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 @@ |
@@ -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" | ||
} |
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
19142
0
Updated@tradeshift/elements@^0.27.5