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

Comparing version 0.2.8-alpha.0 to 0.2.8

lib/progress-bar.cjs.js

@@ -1,65 +0,1 @@
-'use strict';
-
-var elements = require('@tradeshift/elements');
-
-function _taggedTemplateLiteralLoose(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-
-  strings.raw = raw;
-  return strings;
-}
-
-var css = "/* General........................................................ */\n:host {\n\twidth: 100%;\n}\n\n.progress-bar-wrapper {\n\theight: calc(0.25 * 20px);\n\theight: var(--ts-progress-bar-height);\n\tborder-radius: 100em;\n\toverflow: hidden;\n}\n\n.progress-bar-total {\n\tposition: relative;\n\theight: 100%;\n\twidth: 100%;\n\tbackground-color: rgb(173, 229, 255);\n\tbackground-color: var(--ts-color-blue-lighter);\n}\n\n.progress-bar-done {\n\tposition: absolute;\n\tborder-radius: 100em;\n\tleft: 0;\n\ttop: 0;\n\theight: 100%;\n\tbackground-color: rgb(0, 174, 255);\n\tbackground-color: var(--ts-color-blue);\n}\n\n.progress-bar-wrapper[data-indeterminate] .progress-bar-done {\n\tanimation: infinite-progress 1s linear infinite;\n}\n\n@keyframes infinite-progress {\n\t0% {\n\t\twidth: 0;\n\t\tmargin-left: 0;\n\t\tmargin-right: 100%;\n\t}\n\t20% {\n\t\twidth: 30%;\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\t40% {\n\t\twidth: 30%;\n\t\tmargin-left: 30%;\n\t\tmargin-right: 0;\n\t}\n\t60% {\n\t\twidth: 40%;\n\t\tmargin-left: 50%;\n\t\tmargin-right: 0;\n\t}\n\t80% {\n\t\twidth: 40%;\n\t\tmargin-left: 70%;\n\t\tmargin-right: 0;\n\t}\n\t100% {\n\t\twidth: 0;\n\t\tmargin-left: 100%;\n\t\tmargin-right: 0;\n\t}\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0VBQW9FO0FBQ3BFO0NBQ0MsV0FBVztBQUNaOztBQUVBO0NBQ0MseUJBQXFDO0NBQXJDLHFDQUFxQztDQUNyQyxvQkFBb0I7Q0FDcEIsZ0JBQWdCO0FBQ2pCOztBQUVBO0NBQ0Msa0JBQWtCO0NBQ2xCLFlBQVk7Q0FDWixXQUFXO0NBQ1gsb0NBQThDO0NBQTlDLDhDQUE4QztBQUMvQzs7QUFFQTtDQUNDLGtCQUFrQjtDQUNsQixvQkFBb0I7Q0FDcEIsT0FBTztDQUNQLE1BQU07Q0FDTixZQUFZO0NBQ1osa0NBQXNDO0NBQXRDLHNDQUFzQztBQUN2Qzs7QUFFQTtDQUNDLCtDQUErQztBQUNoRDs7QUFFQTtDQUNDO0VBQ0MsUUFBUTtFQUNSLGNBQWM7RUFDZCxrQkFBa0I7Q0FDbkI7Q0FDQTtFQUNDLFVBQVU7RUFDVixjQUFjO0VBQ2QsZUFBZTtDQUNoQjtDQUNBO0VBQ0MsVUFBVTtFQUNWLGdCQUFnQjtFQUNoQixlQUFlO0NBQ2hCO0NBQ0E7RUFDQyxVQUFVO0VBQ1YsZ0JBQWdCO0VBQ2hCLGVBQWU7Q0FDaEI7Q0FDQTtFQUNDLFVBQVU7RUFDVixnQkFBZ0I7RUFDaEIsZUFBZTtDQUNoQjtDQUNBO0VBQ0MsUUFBUTtFQUNSLGlCQUFpQjtFQUNqQixlQUFlO0NBQ2hCO0FBQ0QiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIEdlbmVyYWwuLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLiAqL1xuOmhvc3Qge1xuXHR3aWR0aDogMTAwJTtcbn1cblxuLnByb2dyZXNzLWJhci13cmFwcGVyIHtcblx0aGVpZ2h0OiB2YXIoLS10cy1wcm9ncmVzcy1iYXItaGVpZ2h0KTtcblx0Ym9yZGVyLXJhZGl1czogMTAwZW07XG5cdG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5wcm9ncmVzcy1iYXItdG90YWwge1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRzLWNvbG9yLWJsdWUtbGlnaHRlcik7XG59XG5cbi5wcm9ncmVzcy1iYXItZG9uZSB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0Ym9yZGVyLXJhZGl1czogMTAwZW07XG5cdGxlZnQ6IDA7XG5cdHRvcDogMDtcblx0aGVpZ2h0OiAxMDAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10cy1jb2xvci1ibHVlKTtcbn1cblxuLnByb2dyZXNzLWJhci13cmFwcGVyW2RhdGEtaW5kZXRlcm1pbmF0ZV0gLnByb2dyZXNzLWJhci1kb25lIHtcblx0YW5pbWF0aW9uOiBpbmZpbml0ZS1wcm9ncmVzcyAxcyBsaW5lYXIgaW5maW5pdGU7XG59XG5cbkBrZXlmcmFtZXMgaW5maW5pdGUtcHJvZ3Jlc3Mge1xuXHQwJSB7XG5cdFx0d2lkdGg6IDA7XG5cdFx0bWFyZ2luLWxlZnQ6IDA7XG5cdFx0bWFyZ2luLXJpZ2h0OiAxMDAlO1xuXHR9XG5cdDIwJSB7XG5cdFx0d2lkdGg6IDMwJTtcblx0XHRtYXJnaW4tbGVmdDogMDtcblx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdH1cblx0NDAlIHtcblx0XHR3aWR0aDogMzAlO1xuXHRcdG1hcmdpbi1sZWZ0OiAzMCU7XG5cdFx0bWFyZ2luLXJpZ2h0OiAwO1xuXHR9XG5cdDYwJSB7XG5cdFx0d2lkdGg6IDQwJTtcblx0XHRtYXJnaW4tbGVmdDogNTAlO1xuXHRcdG1hcmdpbi1yaWdodDogMDtcblx0fVxuXHQ4MCUge1xuXHRcdHdpZHRoOiA0MCU7XG5cdFx0bWFyZ2luLWxlZnQ6IDcwJTtcblx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdH1cblx0MTAwJSB7XG5cdFx0d2lkdGg6IDA7XG5cdFx0bWFyZ2luLWxlZnQ6IDEwMCU7XG5cdFx0bWFyZ2luLXJpZ2h0OiAwO1xuXHR9XG59XG4iXX0= */";
-
-function _templateObject() {
-  const data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div\n\t\t\t\t\tclass=\"progress-bar-wrapper\"\n\t\t\t\t\t?data-indeterminate=\"", "\"\n\t\t\t\t>\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"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-elements.customElementDefineHelper('ts-progress-bar', class extends elements.TSElement {
-  static get styles() {
-    return [elements.TSElement.styles, elements.unsafeCSS(css)];
-  }
-
-  static get properties() {
-    return {
-      total: {
-        type: Number,
-        reflect: true
-      },
-      done: {
-        type: Number,
-        reflect: true
-      },
-      indeterminate: {
-        type: Boolean,
-        reflect: true
-      }
-    };
-  }
-
-  constructor() {
-    super();
-    this.total = 100;
-    this.done = 0;
-    this.indeterminate = false;
-  }
-
-  get doneWidthStyle() {
-    if (!this.indeterminate) {
-      return "width: " + this.done / this.total * 100 + "%";
-    }
-  }
-
-  render() {
-    return elements.html(_templateObject(), this.indeterminate, this.doneWidthStyle);
-  }
-
-});
-//# sourceMappingURL=progress-bar.cjs.js.map
+"use strict";var elements=require("@tradeshift/elements");function _taggedTemplateLiteralLoose(t,e){return e||(e=t.slice(0)),t.raw=e,t}var css=":host{width:100%}.progress-bar-wrapper{height:5px;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{animation:infinite-progress 1s linear infinite}@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}}";function _templateObject(){const t=_taggedTemplateLiteralLoose(['\n\t\t\t\t<div\n\t\t\t\t\tclass="progress-bar-wrapper"\n\t\t\t\t\t?data-indeterminate="','"\n\t\t\t\t>\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']);return _templateObject=function(){return t},t}elements.customElementDefineHelper("ts-progress-bar",class extends elements.TSElement{static get styles(){return[elements.TSElement.styles,elements.unsafeCSS(css)]}static get properties(){return{total:{type:Number,reflect:!0},done:{type:Number,reflect:!0},indeterminate:{type:Boolean,reflect:!0}}}constructor(){super(),this.total=100,this.done=0,this.indeterminate=!1}get doneWidthStyle(){if(!this.indeterminate)return"width: "+this.done/this.total*100+"%"}render(){return elements.html(_templateObject(),this.indeterminate,this.doneWidthStyle)}});

package.json

 {
   "name": "@tradeshift/elements.progress-bar",
-  "version": "0.2.8-alpha.0",
+  "version": "0.2.8",
   "src": "src/progress-bar.js",
   "main": "lib/progress-bar.cjs.js",
-  "module": "lib/progress-bar.umd.js",
   "browser": "lib/progress-bar.umd.js",
@@ -12,5 +11,5 @@ "files": [
   "dependencies": {
-    "@tradeshift/elements": "^0.2.8-alpha.0"
+    "@tradeshift/elements": "^0.2.8"
   },
-  "gitHead": "685e31b86c299ea046930d20f1dffaf3a80ae13c"
+  "gitHead": "aaa800e79562e0e747635b18cb89517dcf10e254"
 }

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

2

decreased by-33.33%

Worsened metrics

Total package byte prevSize

18823

decreased by-22.45%

Number of package files

5

decreased by-16.67%

Lines of code

114

decreased by-34.48%

Number of low quality alerts

3

increased by50%

Dependency changes

• Updated@tradeshift/elements@^0.2.8