@tradeshift/elements.file-size - npm Package Compare versions

Comparing version 0.5.0 to 0.5.2

lib/file-size.umd.js

@@ -1,235 +0,1 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tradeshift/elements')) :
-  typeof define === 'function' && define.amd ? define(['@tradeshift/elements'], factory) :
-  (global = global || self, factory(global.ts.elements));
-}(this, function (elements) { 'use strict';
-
-  function _defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
-    }
-  }
-
-  function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
-  }
-
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    subClass.__proto__ = superClass;
-  }
-
-  function _taggedTemplateLiteralLoose(strings, raw) {
-    if (!raw) {
-      raw = strings.slice(0);
-    }
-
-    strings.raw = raw;
-    return strings;
-  }
-
-  (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tradeshift/elements')) : typeof define === 'function' && define.amd ? define(['@tradeshift/elements'], factory) : (global = global || self, factory(global.ts.elements));
-  })(undefined, function (elements) {
-
-    function _defineProperties(target, props) {
-      for (var i = 0; i < props.length; i++) {
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-      }
-    }
-
-    function _createClass(Constructor, protoProps, staticProps) {
-      if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-      if (staticProps) _defineProperties(Constructor, staticProps);
-      return Constructor;
-    }
-
-    function _inheritsLoose(subClass, superClass) {
-      subClass.prototype = Object.create(superClass.prototype);
-      subClass.prototype.constructor = subClass;
-      subClass.__proto__ = superClass;
-    }
-
-    function _taggedTemplateLiteralLoose(strings, raw) {
-      if (!raw) {
-        raw = strings.slice(0);
-      }
-
-      strings.raw = raw;
-      return strings;
-    }
-
-    var css = "/* General........................................................ */\n\n:host {\n\tdisplay: block;\n\tline-height: 20px;\n\tline-height: var(--ts-unit);\n\t/* it's a hack for truncated text within flexbox */\n\t/* https://css-tricks.com/flexbox-truncated-text/ */\n\tmin-width: 0;\n}\n\n.text-wrapper {\n\tfont-size: 14px;\n\tfont-size: var(--ts-font-size-default);\n\tcolor: rgb(15, 21, 26);\n\tcolor: var(--ts-color-black);\n}\n\n:host([variant='title']) .text-wrapper {\n\tfont-size: 16px;\n\tfont-size: var(--ts-fontsize-medium);\n\tfont-weight: 600;\n\tfont-weight: var(--ts-fontweight-semibold);\n}\n\n:host([variant='subtitle']) .text-wrapper {\n\tfont-size: 12px;\n\tfont-size: var(--ts-fontsize-mini);\n\tcolor: rgb(80, 107, 119);\n\tcolor: var(--ts-color-slate-lightest);\n}\n\n:host([no-wrap]) .text-wrapper {\n\tposition: relative;\n\tmax-width: 100%;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n:host([type='inverted']) .text-wrapper {\n\tcolor: rgb(255, 255, 255);\n\tcolor: var(--ts-color-white);\n}\n\n:host([type='warning']) .text-wrapper {\n\tcolor: rgb(255, 140, 0);\n\tcolor: var(--ts-color-orange);\n}\n\n:host([type='error']) .text-wrapper,\n:host([type='danger']) .text-wrapper {\n\tcolor: rgb(189, 0, 0);\n\tcolor: var(--ts-color-red);\n}\n\n:host([type='primary']) .text-wrapper,\n:host([type='action']) .text-wrapper {\n\tcolor: rgb(0, 174, 255);\n\tcolor: var(--ts-color-blue);\n}\n\n:host([type='success']) .text-wrapper {\n\tcolor: rgb(80, 198, 16);\n\tcolor: var(--ts-color-green);\n}\n\n:host([type='disabled']) .text-wrapper {\n\tcolor: rgb(203, 215, 220);\n\tcolor: var(--ts-color-gray-light);\n}\n\n:host([type='disabled-checked']) .text-wrapper {\n\tcolor: rgb(154, 178, 188);\n\tcolor: var(--ts-color-gray);\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInR5cG9ncmFwaHkuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9FQUFvRTs7QUFFcEU7Q0FDQyxjQUFjO0NBQ2QsaUJBQTJCO0NBQTNCLDJCQUEyQjtDQUMzQixrREFBa0Q7Q0FDbEQsbURBQW1EO0NBQ25ELFlBQVk7QUFDYjs7QUFFQTtDQUNDLGVBQXNDO0NBQXRDLHNDQUFzQztDQUN0QyxzQkFBNEI7Q0FBNUIsNEJBQTRCO0FBQzdCOztBQUVBO0NBQ0MsZUFBb0M7Q0FBcEMsb0NBQW9DO0NBQ3BDLGdCQUEwQztDQUExQywwQ0FBMEM7QUFDM0M7O0FBRUE7Q0FDQyxlQUFrQztDQUFsQyxrQ0FBa0M7Q0FDbEMsd0JBQXFDO0NBQXJDLHFDQUFxQztBQUN0Qzs7QUFFQTtDQUNDLGtCQUFrQjtDQUNsQixlQUFlO0NBQ2YsbUJBQW1CO0NBQ25CLGdCQUFnQjtDQUNoQix1QkFBdUI7QUFDeEI7O0FBRUE7Q0FDQyx5QkFBNEI7Q0FBNUIsNEJBQTRCO0FBQzdCOztBQUVBO0NBQ0MsdUJBQTZCO0NBQTdCLDZCQUE2QjtBQUM5Qjs7QUFFQTs7Q0FFQyxxQkFBMEI7Q0FBMUIsMEJBQTBCO0FBQzNCOztBQUVBOztDQUVDLHVCQUEyQjtDQUEzQiwyQkFBMkI7QUFDNUI7O0FBRUE7Q0FDQyx1QkFBNEI7Q0FBNUIsNEJBQTRCO0FBQzdCOztBQUVBO0NBQ0MseUJBQWlDO0NBQWpDLGlDQUFpQztBQUNsQzs7QUFFQTtDQUNDLHlCQUEyQjtDQUEzQiwyQkFBMkI7QUFDNUIiLCJmaWxlIjoidHlwb2dyYXBoeS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBHZW5lcmFsLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cblxuOmhvc3Qge1xuXHRkaXNwbGF5OiBibG9jaztcblx0bGluZS1oZWlnaHQ6IHZhcigtLXRzLXVuaXQpO1xuXHQvKiBpdCdzIGEgaGFjayBmb3IgdHJ1bmNhdGVkIHRleHQgd2l0aGluIGZsZXhib3ggKi9cblx0LyogaHR0cHM6Ly9jc3MtdHJpY2tzLmNvbS9mbGV4Ym94LXRydW5jYXRlZC10ZXh0LyAqL1xuXHRtaW4td2lkdGg6IDA7XG59XG5cbi50ZXh0LXdyYXBwZXIge1xuXHRmb250LXNpemU6IHZhcigtLXRzLWZvbnQtc2l6ZS1kZWZhdWx0KTtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWJsYWNrKTtcbn1cblxuOmhvc3QoW3ZhcmlhbnQ9J3RpdGxlJ10pIC50ZXh0LXdyYXBwZXIge1xuXHRmb250LXNpemU6IHZhcigtLXRzLWZvbnRzaXplLW1lZGl1bSk7XG5cdGZvbnQtd2VpZ2h0OiB2YXIoLS10cy1mb250d2VpZ2h0LXNlbWlib2xkKTtcbn1cblxuOmhvc3QoW3ZhcmlhbnQ9J3N1YnRpdGxlJ10pIC50ZXh0LXdyYXBwZXIge1xuXHRmb250LXNpemU6IHZhcigtLXRzLWZvbnRzaXplLW1pbmkpO1xuXHRjb2xvcjogdmFyKC0tdHMtY29sb3Itc2xhdGUtbGlnaHRlc3QpO1xufVxuXG46aG9zdChbbm8td3JhcF0pIC50ZXh0LXdyYXBwZXIge1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdG1heC13aWR0aDogMTAwJTtcblx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG59XG5cbjpob3N0KFt0eXBlPSdpbnZlcnRlZCddKSAudGV4dC13cmFwcGVyIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLXdoaXRlKTtcbn1cblxuOmhvc3QoW3R5cGU9J3dhcm5pbmcnXSkgLnRleHQtd3JhcHBlciB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1vcmFuZ2UpO1xufVxuXG46aG9zdChbdHlwZT0nZXJyb3InXSkgLnRleHQtd3JhcHBlcixcbjpob3N0KFt0eXBlPSdkYW5nZXInXSkgLnRleHQtd3JhcHBlciB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1yZWQpO1xufVxuXG46aG9zdChbdHlwZT0ncHJpbWFyeSddKSAudGV4dC13cmFwcGVyLFxuOmhvc3QoW3R5cGU9J2FjdGlvbiddKSAudGV4dC13cmFwcGVyIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWJsdWUpO1xufVxuXG46aG9zdChbdHlwZT0nc3VjY2VzcyddKSAudGV4dC13cmFwcGVyIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWdyZWVuKTtcbn1cblxuOmhvc3QoW3R5cGU9J2Rpc2FibGVkJ10pIC50ZXh0LXdyYXBwZXIge1xuXHRjb2xvcjogdmFyKC0tdHMtY29sb3ItZ3JheS1saWdodCk7XG59XG5cbjpob3N0KFt0eXBlPSdkaXNhYmxlZC1jaGVja2VkJ10pIC50ZXh0LXdyYXBwZXIge1xuXHRjb2xvcjogdmFyKC0tdHMtY29sb3ItZ3JheSk7XG59XG4iXX0= */";
-
-    function _templateObject2() {
-      var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t\t\t<div class=\"text-wrapper\" title=\"", "\">\n\t\t\t\t\t\t\t<slot @slotchange=\"", "\">", "</slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t  "]);
-
-      _templateObject2 = function _templateObject2() {
-        return data;
-      };
-
-      return data;
-    }
-
-    function _templateObject() {
-      var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t\t\t<div class=\"text-wrapper\">\n\t\t\t\t\t\t\t<slot>", "</slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t  "]);
-
-      _templateObject = function _templateObject() {
-        return data;
-      };
-
-      return data;
-    }
-
-    elements.customElementDefineHelper('ts-typography',
-    /*#__PURE__*/
-    function (_TSElement) {
-      _inheritsLoose(_class, _TSElement);
-
-      function _class() {
-        return _TSElement.apply(this, arguments) || this;
-      }
-
-      var _proto = _class.prototype;
-
-      _proto.textChangeHandler = function textChangeHandler(event) {
-        var slot = event.currentTarget;
-        this.tooltip = this.tooltip || this.text || slot.assignedNodes()[0].data;
-      };
-
-      _proto.render = function render() {
-        return this.noTooltip ? elements.html(_templateObject(), this.text) : elements.html(_templateObject2(), this.tooltip || this.text, this.textChangeHandler, this.text);
-      };
-
-      _createClass(_class, null, [{
-        key: "styles",
-        get: function get() {
-          return [elements.TSElement.styles, elements.unsafeCSS(css)];
-        }
-      }, {
-        key: "properties",
-        get: function get() {
-          return {
-            text: {
-              type: String
-            },
-            tooltip: {
-              type: String
-            },
-            variant: {
-              type: String
-            },
-            type: {
-              type: String
-            },
-            inline: {
-              type: Boolean
-            },
-            noWrap: {
-              type: Boolean,
-              attribute: 'no-wrap'
-            },
-            noTooltip: {
-              type: Boolean,
-              attribute: 'no-tooltip'
-            }
-          };
-        }
-      }]);
-
-      return _class;
-    }(elements.TSElement));
-  });
-
-  var css = ":host {\n\tfont-size: 14px;\n\tfont-size: var(--ts-font-size-default);\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGUtc2l6ZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Q0FDQyxlQUFzQztDQUF0QyxzQ0FBc0M7QUFDdkMiLCJmaWxlIjoiZmlsZS1zaXplLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIjpob3N0IHtcblx0Zm9udC1zaXplOiB2YXIoLS10cy1mb250LXNpemUtZGVmYXVsdCk7XG59XG4iXX0= */";
-
-  function _templateObject() {
-    var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<ts-typography text=\"", "\" variant=\"", "\" type=\"", "\"></ts-typography>\n\t\t\t"]);
-
-    _templateObject = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  elements.customElementDefineHelper('ts-file-size',
-  /*#__PURE__*/
-  function (_TSElement) {
-    _inheritsLoose(_class, _TSElement);
-
-    _createClass(_class, null, [{
-      key: "styles",
-      get: function get() {
-        return [elements.TSElement.styles, elements.unsafeCSS(css)];
-      }
-    }, {
-      key: "properties",
-      get: function get() {
-        return {
-          size: {
-            type: Number
-          },
-          decimalPoint: {
-            type: Number,
-            attribute: 'decimal-point'
-          },
-          variant: {
-            type: String
-          },
-          type: {
-            type: String
-          }
-        };
-      }
-    }]);
-
-    function _class() {
-      var _this;
-
-      _this = _TSElement.call(this) || this;
-      _this.size = 0;
-      _this.decimalPoint = 2;
-      _this.variant = 'subtitle';
-      _this.type = 'default';
-      return _this;
-    }
-
-    var _proto = _class.prototype;
-
-    _proto.render = function render() {
-      return elements.html(_templateObject(), this.formatFileSize, this.variant, this.type);
-    };
-
-    _createClass(_class, [{
-      key: "formatFileSize",
-      get: function get() {
-        var bytes = this.size;
-        var decimalPoint = this.decimalPoint;
-
-        if (bytes === 0) {
-          return '0 Bytes';
-        }
-
-        var k = 1000;
-        var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-        var i = Math.floor(Math.log(bytes) / Math.log(k));
-        return parseFloat((bytes / Math.pow(k, i)).toFixed(decimalPoint)) + ' ' + sizes[i];
-      }
-    }]);
-
-    return _class;
-  }(elements.TSElement));
-
-}));
-//# sourceMappingURL=file-size.umd.js.map
+!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 o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function r(t,r,o){return r&&e(t.prototype,r),o&&e(t,o),t}function o(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function n(t,e){return e||(e=t.slice(0)),t.raw=e,t}function i(){var t=n(['\n\t\t\t\t\t\t<div class="text-wrapper" title="','">\n\t\t\t\t\t\t\t<slot @slotchange="','">',"</slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t  "]);return i=function(){return t},t}function a(){var t=n(['\n\t\t\t\t\t\t<div class="text-wrapper">\n\t\t\t\t\t\t\t<slot>',"</slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t  "]);return a=function(){return t},t}t.customElementDefineHelper("ts-typography",function(e){var r,n;function s(){return e.apply(this,arguments)||this}n=e,(r=s).prototype=Object.create(n.prototype),r.prototype.constructor=r,r.__proto__=n;var l,p,c=s.prototype;return c.textChangeHandler=function(t){var e=t.currentTarget;this.tooltip=this.tooltip||this.text||e.assignedNodes()[0].data},c.render=function(){return this.noTooltip?t.html(a(),this.text):t.html(i(),this.tooltip||this.text,this.textChangeHandler,this.text)},l=s,p=[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS(":host{display:block;line-height:20px;line-height:var(--ts-unit);min-width:0}.text-wrapper{font-size:14px;font-size:var(--ts-font-size-default);color:#0f151a;color:var(--ts-color-black)}:host([variant=title]) .text-wrapper{font-size:16px;font-size:var(--ts-fontsize-medium);font-weight:600;font-weight:var(--ts-fontweight-semibold)}:host([variant=subtitle]) .text-wrapper{font-size:12px;font-size:var(--ts-fontsize-mini);color:#506b77;color:var(--ts-color-slate-lightest)}:host([no-wrap]) .text-wrapper{position:relative;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([type=inverted]) .text-wrapper{color:#fff;color:var(--ts-color-white)}:host([type=warning]) .text-wrapper{color:#ff8c00;color:var(--ts-color-orange)}:host([type=danger]) .text-wrapper,:host([type=error]) .text-wrapper{color:#bd0000;color:var(--ts-color-red)}:host([type=action]) .text-wrapper,:host([type=primary]) .text-wrapper{color:#00aeff;color:var(--ts-color-blue)}:host([type=success]) .text-wrapper{color:#50c610;color:var(--ts-color-green)}:host([type=disabled]) .text-wrapper{color:#cbd7dc;color:var(--ts-color-gray-light)}:host([type=disabled-checked]) .text-wrapper{color:#9ab2bc;color:var(--ts-color-gray)}")]}},{key:"properties",get:function(){return{text:{type:String},tooltip:{type:String},variant:{type:String},type:{type:String},inline:{type:Boolean},noWrap:{type:Boolean,attribute:"no-wrap"},noTooltip:{type:Boolean,attribute:"no-tooltip"}}}}],null&&o(l.prototype,null),p&&o(l,p),s}(t.TSElement));function s(){var t,e,r=(t=['\n\t\t\t\t<ts-typography text="','" variant="','" type="','"></ts-typography>\n\t\t\t'],e||(e=t.slice(0)),t.raw=e,t);return s=function(){return r},r}t.customElementDefineHelper("ts-file-size",function(e){var o,n;function i(){var t=e.call(this)||this;return t.size=0,t.decimalPoint=2,t.variant="subtitle",t.type="default",t}return n=e,(o=i).prototype=Object.create(n.prototype),o.prototype.constructor=o,o.__proto__=n,r(i,null,[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS(":host{font-size:14px;font-size:var(--ts-font-size-default)}")]}},{key:"properties",get:function(){return{size:{type:Number},decimalPoint:{type:Number,attribute:"decimal-point"},variant:{type:String},type:{type:String}}}}]),i.prototype.render=function(){return t.html(s(),this.formatFileSize,this.variant,this.type)},r(i,[{key:"formatFileSize",get:function(){var t=this.size,e=this.decimalPoint;if(0===t)return"0 Bytes";var r=Math.floor(Math.log(t)/Math.log(1e3));return parseFloat((t/Math.pow(1e3,r)).toFixed(e))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][r]}}]),i}(t.TSElement))});

package.json

 {
   "name": "@tradeshift/elements.file-size",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "src": "src/file-size.js",
   "main": "lib/file-size.umd.js",
   "browser": "lib/file-size.umd.js",
+  "module": "lib/file-size.esm.js",
   "files": [
@@ -11,6 +12,6 @@ "lib/*"
   "dependencies": {
-    "@tradeshift/elements": "^0.5.0",
-    "@tradeshift/elements.typography": "^0.5.0"
+    "@tradeshift/elements": "^0.5.2",
+    "@tradeshift/elements.typography": "^0.5.2"
   },
-  "gitHead": "f44043114952b9e1acea6811caff85d6c6970dc8"
+  "gitHead": "f9ad23777c014a17b135524dcd23652745337064"
 }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

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

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of package files

6

increased by20%

Worsened metrics

Total package byte prevSize

27780

decreased by-26.04%

Lines of code

23

decreased by-89.3%

Number of low quality alerts

3

increased by50%

Dependency changes

• Updated@tradeshift/elements@^0.5.2

• Updated@tradeshift/elements.typography@^0.5.2