@tradeshift/elements.cover - npm Package Compare versions

Comparing version 0.4.1 to 0.4.3

lib/cover.umd.js

@@ -1,1 +0,90 @@
-!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 i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function i(){var t,e,n=(t=['\n\t\t\t\t<div class="cover ','"></div>\n\t\t\t'],e||(e=t.slice(0)),t.raw=e,t);return i=function(){return n},n}t.customElementDefineHelper("ts-cover",function(n){var o,r,s,a,l;function v(){var t=n.call(this)||this;return t.visible=!1,t}return r=n,(o=v).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r,s=v,l=[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS(".cover{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;visibility:hidden;background-color:#0f151a;background-color:var(--ts-color-black);z-index:10000;z-index:var(--ts-zindex-max)}.ts-fadeIn{visibility:visible;opacity:.8;transition:visibility .1s linear .1s,opacity .2s;transition:visibility var(--ts-transition-now) linear var(--ts-transition-now),opacity var(--ts-transition-fast)}.ts-fadeOut{visibility:hidden;opacity:0;transition:visibility .1s linear .2s,opacity .2s;transition:visibility var(--ts-transition-now) linear var(--ts-transition-fast),opacity var(--ts-transition-fast)}:host(.ts-aside-cover)>div{pointer-events:auto;z-index:1999;z-index:var(--ts-zindex-aside-cover)}:host(.ts-dialog-cover)>div{pointer-events:auto;z-index:2999;z-index:var(--ts-zindex-dialog-cover)}:host(.ts-spin-cover)>div{pointer-events:auto;z-index:3999;z-index:var(--ts-zindex-spin-cover)}")]}},{key:"properties",get:function(){return{visible:{type:Boolean,attribute:"data-visible",reflect:!0}}}}],(a=null)&&e(s.prototype,a),l&&e(s,l),v.prototype.render=function(){return t.html(i(),this.visible?"ts-fadeIn":"ts-fadeOut")},v}(t.TSElement))});
+(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;
+  }
+
+  var css = "/* General........................................................ */\n\n.cover {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tpointer-events: none;\n\toverflow: hidden;\n\tvisibility: hidden;\n\tbackground-color: rgb(15, 21, 26);\n\tbackground-color: var(--ts-color-black);\n\tz-index: 10000;\n\tz-index: var(--ts-zindex-max);\n}\n\n.ts-fadeIn {\n\tvisibility: visible;\n\topacity: 0.8;\n\ttransition: visibility 0.1s linear 0.1s, opacity 0.2s;\n\ttransition: visibility var(--ts-transition-now) linear var(--ts-transition-now), opacity var(--ts-transition-fast);\n}\n\n.ts-fadeOut {\n\tvisibility: hidden;\n\topacity: 0;\n\ttransition: visibility 0.1s linear 0.2s, opacity 0.2s;\n\ttransition: visibility var(--ts-transition-now) linear var(--ts-transition-fast), opacity var(--ts-transition-fast);\n}\n\n:host(.ts-aside-cover) > div {\n\t\tpointer-events: auto;\n\t\tz-index: 1999;\n\t\tz-index: var(--ts-zindex-aside-cover);\n\t}\n\n:host(.ts-dialog-cover) > div {\n\t\tpointer-events: auto;\n\t\tz-index: 2999;\n\t\tz-index: var(--ts-zindex-dialog-cover);\n\t}\n\n:host(.ts-spin-cover) > div {\n\t\tpointer-events: auto;\n\t\tz-index: 3999;\n\t\tz-index: var(--ts-zindex-spin-cover);\n\t}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvdmVyLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxvRUFBb0U7O0FBRXBFO0NBQ0Msa0JBQWtCO0NBQ2xCLE1BQU07Q0FDTixRQUFRO0NBQ1IsU0FBUztDQUNULE9BQU87Q0FDUCxvQkFBb0I7Q0FDcEIsZ0JBQWdCO0NBQ2hCLGtCQUFrQjtDQUNsQixpQ0FBdUM7Q0FBdkMsdUNBQXVDO0NBQ3ZDLGNBQTZCO0NBQTdCLDZCQUE2QjtBQUM5Qjs7QUFFQTtDQUNDLG1CQUFtQjtDQUNuQixZQUFZO0NBQ1oscURBQWtIO0NBQWxILGtIQUFrSDtBQUNuSDs7QUFFQTtDQUNDLGtCQUFrQjtDQUNsQixVQUFVO0NBQ1YscURBQW1IO0NBQW5ILG1IQUFtSDtBQUNwSDs7QUFHQztFQUNDLG9CQUFvQjtFQUNwQixhQUFxQztFQUFyQyxxQ0FBcUM7Q0FDdEM7O0FBSUE7RUFDQyxvQkFBb0I7RUFDcEIsYUFBc0M7RUFBdEMsc0NBQXNDO0NBQ3ZDOztBQUlBO0VBQ0Msb0JBQW9CO0VBQ3BCLGFBQW9DO0VBQXBDLG9DQUFvQztDQUNyQyIsImZpbGUiOiJjb3Zlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBHZW5lcmFsLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cblxuLmNvdmVyIHtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDA7XG5cdHJpZ2h0OiAwO1xuXHRib3R0b206IDA7XG5cdGxlZnQ6IDA7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHR2aXNpYmlsaXR5OiBoaWRkZW47XG5cdGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRzLWNvbG9yLWJsYWNrKTtcblx0ei1pbmRleDogdmFyKC0tdHMtemluZGV4LW1heCk7XG59XG5cbi50cy1mYWRlSW4ge1xuXHR2aXNpYmlsaXR5OiB2aXNpYmxlO1xuXHRvcGFjaXR5OiAwLjg7XG5cdHRyYW5zaXRpb246IHZpc2liaWxpdHkgdmFyKC0tdHMtdHJhbnNpdGlvbi1ub3cpIGxpbmVhciB2YXIoLS10cy10cmFuc2l0aW9uLW5vdyksIG9wYWNpdHkgdmFyKC0tdHMtdHJhbnNpdGlvbi1mYXN0KTtcbn1cblxuLnRzLWZhZGVPdXQge1xuXHR2aXNpYmlsaXR5OiBoaWRkZW47XG5cdG9wYWNpdHk6IDA7XG5cdHRyYW5zaXRpb246IHZpc2liaWxpdHkgdmFyKC0tdHMtdHJhbnNpdGlvbi1ub3cpIGxpbmVhciB2YXIoLS10cy10cmFuc2l0aW9uLWZhc3QpLCBvcGFjaXR5IHZhcigtLXRzLXRyYW5zaXRpb24tZmFzdCk7XG59XG5cbjpob3N0KC50cy1hc2lkZS1jb3Zlcikge1xuXHQmID4gZGl2IHtcblx0XHRwb2ludGVyLWV2ZW50czogYXV0bztcblx0XHR6LWluZGV4OiB2YXIoLS10cy16aW5kZXgtYXNpZGUtY292ZXIpO1xuXHR9XG59XG5cbjpob3N0KC50cy1kaWFsb2ctY292ZXIpIHtcblx0JiA+IGRpdiB7XG5cdFx0cG9pbnRlci1ldmVudHM6IGF1dG87XG5cdFx0ei1pbmRleDogdmFyKC0tdHMtemluZGV4LWRpYWxvZy1jb3Zlcik7XG5cdH1cbn1cblxuOmhvc3QoLnRzLXNwaW4tY292ZXIpIHtcblx0JiA+IGRpdiB7XG5cdFx0cG9pbnRlci1ldmVudHM6IGF1dG87XG5cdFx0ei1pbmRleDogdmFyKC0tdHMtemluZGV4LXNwaW4tY292ZXIpO1xuXHR9XG59XG4iXX0= */";
+
+  function _templateObject() {
+    var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div class=\"cover ", "\"></div>\n\t\t\t"]);
+
+    _templateObject = function _templateObject() {
+      return data;
+    };
+
+    return data;
+  }
+  elements.customElementDefineHelper('ts-cover',
+  /*#__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 {
+          visible: {
+            type: Boolean,
+            attribute: 'data-visible',
+            reflect: true
+          }
+        };
+      }
+    }]);
+
+    function _class() {
+      var _this;
+
+      _this = _TSElement.call(this) || this;
+      _this.visible = false;
+      return _this;
+    }
+
+    var _proto = _class.prototype;
+
+    _proto.render = function render() {
+      return elements.html(_templateObject(), this.visible ? 'ts-fadeIn' : 'ts-fadeOut');
+    };
+
+    return _class;
+  }(elements.TSElement));
+
+}));
+//# sourceMappingURL=cover.umd.js.map

package.json

 {
   "name": "@tradeshift/elements.cover",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "src": "src/cover.js",
@@ -11,5 +11,5 @@ "main": "lib/cover.umd.js",
   "dependencies": {
-    "@tradeshift/elements": "^0.4.1"
+    "@tradeshift/elements": "^0.4.3"
   },
-  "gitHead": "bab44d5b8d45f044a44212ad79952b9c531d1dba"
+  "gitHead": "3f6c7ea8cf0ecebfd09474e8ec0c90a071fae043"
 }

New alerts

New author

Supply chain risk

A 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

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

Fixed alerts

Trivial Package

Supply chain risk

Packages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.

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

Improved metrics

Total package byte prevSize

15124

increased by53.39%

Number of package files

4

increased by33.33%

Lines of code

86

increased by975%

Number of low quality alerts

2

decreased by-33.33%

Worsened metrics

Number of low supply chain risk alerts

2

increased by100%

Dependency changes

• Updated@tradeshift/elements@^0.4.3