@tradeshift/elements.spinner - npm Package Compare versions

Comparing version 0.10.0 to 0.11.0

lib/spinner.esm.js

@@ -1,1 +0,1 @@
-import{customElementDefineHelper as e,html as r,TSElement as t,unsafeCSS as i}from"@tradeshift/elements";function n(e,r){for(var t=0;t<r.length;t++){var i=r[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function o(e,r,t){return r&&n(e.prototype,r),t&&n(e,t),e}function s(e,r){return r||(r=e.slice(0)),e.raw=r,e}var a="large",p="blue";function l(){var e=s(['\n\t\t\t\t<div class="message">',"</div>\n\t\t\t"]);return l=function(){return e},e}function d(){var e=s(['\n\t\t\t\t<div class="spinner"></div>\n\t\t\t\t',"\n\t\t\t"]);return d=function(){return e},e}e("ts-spinner",function(e){var n,s;function m(){var r=e.call(this)||this;return r.color=p,r.message="",r.size=a,r.visible=!1,r}return s=e,(n=m).prototype=Object.create(s.prototype),n.prototype.constructor=n,n.__proto__=s,o(m,null,[{key:"styles",get:function(){return[t.styles,i(":host{z-index:4000;z-index:var(--ts-zindex-spin)}:host .spinner{border:8px solid rgba(203,215,220,.5);border:var(--spinner-border-large) solid var(--spinner-border-color);border-top-color:#00aeff;border-top-color:var(--spinner-color-blue);border-radius:50%;width:80px;width:var(--spinner-size-large);height:80px;height:var(--spinner-size-large);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin:0 auto}:host .message{text-align:center;margin:20px;margin:var(--ts-unit);font-size:14px;font-size:var(--ts-font-size-default)}:host([data-size=large]) .spinner{border-width:8px;border-width:var(--spinner-border-large);width:80px;width:var(--spinner-size-large);height:80px;height:var(--spinner-size-large)}:host([data-size=large]) .message{margin:20px;margin:var(--ts-unit);font-size:14px;font-size:var(--ts-fontsize)}:host([data-size=medium]) .spinner{border-width:4px;border-width:var(--spinner-border-medium);width:40px;width:var(--spinner-size-medium);height:40px;height:var(--spinner-size-medium)}:host([data-size=medium]) .message{margin:10px;margin:var(--ts-unit-half);font-size:12px;font-size:var(--ts-fontsize-mini)}:host([data-size=small]) .spinner{border-width:3px;border-width:var(--spinner-border-small);width:20px;width:var(--spinner-size-small);height:20px;height:var(--spinner-size-small)}:host([data-size=small]) .message{margin:5px;margin:var(--ts-unit-quarter);font-size:11px;font-size:var(--ts-fontsize-small)}:host([data-color=blue]) .spinner{border-top-color:#00aeff;border-top-color:var(--spinner-color-blue)}:host([data-color=mono]) .spinner{border-top-color:#506b77;border-top-color:var(--spinner-color-mono)}:host([data-color=white]) .spinner{border-top-color:#fff;border-top-color:var(--spinner-color-white)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}")]}},{key:"properties",get:function(){return{color:{type:String,attribute:"data-color",reflect:!0},message:{type:String,attribute:"data-message"},size:{type:String,attribute:"data-size",reflect:!0},visible:{type:Boolean,attribute:"data-visible"}}}}]),m.prototype.render=function(){return this.visible?r(d(),this.messageHtml):""},o(m,[{key:"messageHtml",get:function(){return this.message?r(l(),this.message):""}}]),m}(t));
+import{customElementDefineHelper as e,html as r,TSElement as t,unsafeCSS as i}from"@tradeshift/elements";function n(e,r){for(var t=0;t<r.length;t++){var i=r[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function o(e,r,t){return r&&n(e.prototype,r),t&&n(e,t),e}function s(e,r){return r||(r=e.slice(0)),e.raw=r,e}var a={LARGE:"large",MEDIUM:"medium",SMALL:"small"},l={BLUE:"blue",MONO:"mono",WHITE:"white"};function p(){var e=s(['\n\t\t\t\t<div class="message">',"</div>\n\t\t\t"]);return p=function(){return e},e}function d(){var e=s(['\n\t\t\t\t<div class="spinner"></div>\n\t\t\t\t',"\n\t\t\t"]);return d=function(){return e},e}e("ts-spinner",function(e){var n,s;function m(){var r=e.call(this)||this;return r.color=l.BLUE,r.message="",r.size=a.LARGE,r.visible=!1,r}return s=e,(n=m).prototype=Object.create(s.prototype),n.prototype.constructor=n,n.__proto__=s,o(m,null,[{key:"styles",get:function(){return[t.styles,i(":host{z-index:4000;z-index:var(--ts-zindex-spin)}:host .spinner{border:8px solid rgba(203,215,220,.5);border:var(--spinner-border-large) solid var(--spinner-border-color);border-top-color:#00aeff;border-top-color:var(--spinner-color-blue);border-radius:50%;width:80px;width:var(--spinner-size-large);height:80px;height:var(--spinner-size-large);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin:0 auto}:host .message{text-align:center;margin:20px;margin:var(--ts-unit);font-size:14px;font-size:var(--ts-font-size-default)}:host([data-size=large]) .spinner{border-width:8px;border-width:var(--spinner-border-large);width:80px;width:var(--spinner-size-large);height:80px;height:var(--spinner-size-large)}:host([data-size=large]) .message{margin:20px;margin:var(--ts-unit);font-size:14px;font-size:var(--ts-fontsize)}:host([data-size=medium]) .spinner{border-width:4px;border-width:var(--spinner-border-medium);width:40px;width:var(--spinner-size-medium);height:40px;height:var(--spinner-size-medium)}:host([data-size=medium]) .message{margin:10px;margin:var(--ts-unit-half);font-size:12px;font-size:var(--ts-fontsize-mini)}:host([data-size=small]) .spinner{border-width:3px;border-width:var(--spinner-border-small);width:20px;width:var(--spinner-size-small);height:20px;height:var(--spinner-size-small)}:host([data-size=small]) .message{margin:5px;margin:var(--ts-unit-quarter);font-size:11px;font-size:var(--ts-fontsize-small)}:host([data-color=blue]) .spinner{border-top-color:#00aeff;border-top-color:var(--spinner-color-blue)}:host([data-color=mono]) .spinner{border-top-color:#506b77;border-top-color:var(--spinner-color-mono)}:host([data-color=white]) .spinner{border-top-color:#fff;border-top-color:var(--spinner-color-white)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}")]}},{key:"properties",get:function(){return{color:{type:String,attribute:"data-color",reflect:!0},message:{type:String,attribute:"data-message"},size:{type:String,attribute:"data-size",reflect:!0},visible:{type:Boolean,attribute:"data-visible"}}}}]),m.prototype.render=function(){return this.visible?r(d(),this.messageHtml):""},o(m,[{key:"messageHtml",get:function(){return this.message?r(p(),this.message):""}}]),m}(t));

lib/spinner.umd.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["@tradeshift/elements"],t):t((e=e||self).ts.elements)}(this,(function(e){"use strict";function t(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function r(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}function n(e,t){return t||(t=e.slice(0)),e.raw=t,e}var i="large",o="blue";function s(){var e=n(['\n\t\t\t\t<div class="message">',"</div>\n\t\t\t"]);return s=function(){return e},e}function a(){var e=n(['\n\t\t\t\t<div class="spinner"></div>\n\t\t\t\t',"\n\t\t\t"]);return a=function(){return e},e}e.customElementDefineHelper("ts-spinner",function(t){var n,l;function p(){var e=t.call(this)||this;return e.color=o,e.message="",e.size=i,e.visible=!1,e}return l=t,(n=p).prototype=Object.create(l.prototype),n.prototype.constructor=n,n.__proto__=l,r(p,null,[{key:"styles",get:function(){return[e.TSElement.styles,e.unsafeCSS(":host{z-index:4000;z-index:var(--ts-zindex-spin)}:host .spinner{border:8px solid rgba(203,215,220,.5);border:var(--spinner-border-large) solid var(--spinner-border-color);border-top-color:#00aeff;border-top-color:var(--spinner-color-blue);border-radius:50%;width:80px;width:var(--spinner-size-large);height:80px;height:var(--spinner-size-large);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin:0 auto}:host .message{text-align:center;margin:20px;margin:var(--ts-unit);font-size:14px;font-size:var(--ts-font-size-default)}:host([data-size=large]) .spinner{border-width:8px;border-width:var(--spinner-border-large);width:80px;width:var(--spinner-size-large);height:80px;height:var(--spinner-size-large)}:host([data-size=large]) .message{margin:20px;margin:var(--ts-unit);font-size:14px;font-size:var(--ts-fontsize)}:host([data-size=medium]) .spinner{border-width:4px;border-width:var(--spinner-border-medium);width:40px;width:var(--spinner-size-medium);height:40px;height:var(--spinner-size-medium)}:host([data-size=medium]) .message{margin:10px;margin:var(--ts-unit-half);font-size:12px;font-size:var(--ts-fontsize-mini)}:host([data-size=small]) .spinner{border-width:3px;border-width:var(--spinner-border-small);width:20px;width:var(--spinner-size-small);height:20px;height:var(--spinner-size-small)}:host([data-size=small]) .message{margin:5px;margin:var(--ts-unit-quarter);font-size:11px;font-size:var(--ts-fontsize-small)}:host([data-color=blue]) .spinner{border-top-color:#00aeff;border-top-color:var(--spinner-color-blue)}:host([data-color=mono]) .spinner{border-top-color:#506b77;border-top-color:var(--spinner-color-mono)}:host([data-color=white]) .spinner{border-top-color:#fff;border-top-color:var(--spinner-color-white)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}")]}},{key:"properties",get:function(){return{color:{type:String,attribute:"data-color",reflect:!0},message:{type:String,attribute:"data-message"},size:{type:String,attribute:"data-size",reflect:!0},visible:{type:Boolean,attribute:"data-visible"}}}}]),p.prototype.render=function(){return this.visible?e.html(a(),this.messageHtml):""},r(p,[{key:"messageHtml",get:function(){return this.message?e.html(s(),this.message):""}}]),p}(e.TSElement))}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["@tradeshift/elements"],t):t((e=e||self).ts.elements)}(this,function(e){"use strict";function t(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function r(e,r,i){return r&&t(e.prototype,r),i&&t(e,i),e}function i(e,t){return t||(t=e.slice(0)),e.raw=t,e}var n={LARGE:"large",MEDIUM:"medium",SMALL:"small"},o={BLUE:"blue",MONO:"mono",WHITE:"white"};function s(){var e=i(['\n\t\t\t\t<div class="message">',"</div>\n\t\t\t"]);return s=function(){return e},e}function a(){var e=i(['\n\t\t\t\t<div class="spinner"></div>\n\t\t\t\t',"\n\t\t\t"]);return a=function(){return e},e}e.customElementDefineHelper("ts-spinner",function(t){var i,l;function p(){var e=t.call(this)||this;return e.color=o.BLUE,e.message="",e.size=n.LARGE,e.visible=!1,e}return l=t,(i=p).prototype=Object.create(l.prototype),i.prototype.constructor=i,i.__proto__=l,r(p,null,[{key:"styles",get:function(){return[e.TSElement.styles,e.unsafeCSS(":host{z-index:4000;z-index:var(--ts-zindex-spin)}:host .spinner{border:8px solid rgba(203,215,220,.5);border:var(--spinner-border-large) solid var(--spinner-border-color);border-top-color:#00aeff;border-top-color:var(--spinner-color-blue);border-radius:50%;width:80px;width:var(--spinner-size-large);height:80px;height:var(--spinner-size-large);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin:0 auto}:host .message{text-align:center;margin:20px;margin:var(--ts-unit);font-size:14px;font-size:var(--ts-font-size-default)}:host([data-size=large]) .spinner{border-width:8px;border-width:var(--spinner-border-large);width:80px;width:var(--spinner-size-large);height:80px;height:var(--spinner-size-large)}:host([data-size=large]) .message{margin:20px;margin:var(--ts-unit);font-size:14px;font-size:var(--ts-fontsize)}:host([data-size=medium]) .spinner{border-width:4px;border-width:var(--spinner-border-medium);width:40px;width:var(--spinner-size-medium);height:40px;height:var(--spinner-size-medium)}:host([data-size=medium]) .message{margin:10px;margin:var(--ts-unit-half);font-size:12px;font-size:var(--ts-fontsize-mini)}:host([data-size=small]) .spinner{border-width:3px;border-width:var(--spinner-border-small);width:20px;width:var(--spinner-size-small);height:20px;height:var(--spinner-size-small)}:host([data-size=small]) .message{margin:5px;margin:var(--ts-unit-quarter);font-size:11px;font-size:var(--ts-fontsize-small)}:host([data-color=blue]) .spinner{border-top-color:#00aeff;border-top-color:var(--spinner-color-blue)}:host([data-color=mono]) .spinner{border-top-color:#506b77;border-top-color:var(--spinner-color-mono)}:host([data-color=white]) .spinner{border-top-color:#fff;border-top-color:var(--spinner-color-white)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}")]}},{key:"properties",get:function(){return{color:{type:String,attribute:"data-color",reflect:!0},message:{type:String,attribute:"data-message"},size:{type:String,attribute:"data-size",reflect:!0},visible:{type:Boolean,attribute:"data-visible"}}}}]),p.prototype.render=function(){return this.visible?e.html(a(),this.messageHtml):""},r(p,[{key:"messageHtml",get:function(){return this.message?e.html(s(),this.message):""}}]),p}(e.TSElement))});

package.json

 {
   "name": "@tradeshift/elements.spinner",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "src": "src/spinner.js",
@@ -12,5 +12,5 @@ "main": "lib/spinner.umd.js",
   "dependencies": {
-    "@tradeshift/elements": "^0.10.0"
+    "@tradeshift/elements": "^0.11.0"
   },
-  "gitHead": "66874081004dc1381919ddb2038999687696957f"
+  "gitHead": "314bbb216eb025fe1c0274273f4934884a5f5075"
 }

No alert changes

Improved metrics

Total package byte prevSize

22498

increased by0.73%

Lines of code

29

increased by7.41%

Dependency changes

• + Added@tradeshift/elements@0.11.0(transitive)

• - Removed@tradeshift/elements@0.10.0(transitive)

• Updated@tradeshift/elements@^0.11.0