@tradeshift/elements.spinner - npm Package Compare versions

Comparing version 0.20.1 to 0.21.0

lib/spinner.esm.js

@@ -1,1 +0,1 @@
-import{html as e,customElementDefineHelper 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){return(o=Object.setPrototypeOf||function(e,r){return e.__proto__=r,e})(e,r)}function s(e,r){return r||(r=e.slice(0)),e.raw=r,e}var a,p,l,d="large",m="blue",f=function(r){var f,h,g,u,b;function c(){var e=r.call(this)||this;return e.color=m,e.size=d,e}return h=r,(f=c).prototype=Object.create(h.prototype),f.prototype.constructor=f,o(f,h),c.prototype.render=function(){return this.visible?e(p||(p=s(['\n\t\t\t<div class="spinner"></div>\n\t\t\t',"\n\t\t"])),this.messageHtml):e(a||(a=s([""])))},g=c,b=[{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",reflect:!0},size:{type:String,attribute:"data-size",reflect:!0},visible:{type:Boolean,attribute:"data-visible",reflect:!0}}}}],(u=[{key:"messageHtml",get:function(){return this.message?e(l||(l=s(['\n\t\t\t<div class="message">',"</div>\n\t\t"])),this.message):""}}])&&n(g.prototype,u),b&&n(g,b),c}(t);r("ts-spinner",f);export{f as TSSpinner};
+import{html as e,customElementDefineHelper 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){return(o=Object.setPrototypeOf||function(e,r){return e.__proto__=r,e})(e,r)}function s(e,r){return r||(r=e.slice(0)),e.raw=r,e}var a,p,l,d="large",m="blue",f=function(r){var f,h,g,u,b;function c(){var e=r.call(this)||this;return e.color=m,e.size=d,e}return h=r,(f=c).prototype=Object.create(h.prototype),f.prototype.constructor=f,o(f,h),c.prototype.render=function(){return this.visible?e(p||(p=s(['\n\t\t\t<div class="spinner"></div>\n\t\t\t',"\n\t\t"])),this.messageHtml):e(a||(a=s([""])))},g=c,b=[{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",reflect:!0},size:{type:String,attribute:"data-size",reflect:!0},visible:{type:Boolean,attribute:"data-visible",reflect:!0}}}}],(u=[{key:"messageHtml",get:function(){return this.message?e(l||(l=s([' <div class="message">',"</div> "])),this.message):""}}])&&n(g.prototype,u),b&&n(g,b),c}(t);r("ts-spinner",f);export{f as TSSpinner};

lib/spinner.umd.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["exports","@tradeshift/elements"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).ts=e.ts||{},e.ts.elements=e.ts.elements||{},e.ts.elements.spinner=e.ts.elements.spinner||{}),e.ts.elements)}(this,(function(e,t){"use strict";function r(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 n(e,t){return(n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function i(e,t){return t||(t=e.slice(0)),e.raw=t,e}var s,o,a,l="large",p="blue",d=function(e){var d,m,f,u,h;function g(){var t=e.call(this)||this;return t.color=p,t.size=l,t}return m=e,(d=g).prototype=Object.create(m.prototype),d.prototype.constructor=d,n(d,m),g.prototype.render=function(){return this.visible?t.html(o||(o=i(['\n\t\t\t<div class="spinner"></div>\n\t\t\t',"\n\t\t"])),this.messageHtml):t.html(s||(s=i([""])))},f=g,h=[{key:"styles",get:function(){return[t.TSElement.styles,t.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",reflect:!0},size:{type:String,attribute:"data-size",reflect:!0},visible:{type:Boolean,attribute:"data-visible",reflect:!0}}}}],(u=[{key:"messageHtml",get:function(){return this.message?t.html(a||(a=i(['\n\t\t\t<div class="message">',"</div>\n\t\t"])),this.message):""}}])&&r(f.prototype,u),h&&r(f,h),g}(t.TSElement);t.customElementDefineHelper("ts-spinner",d),e.TSSpinner=d,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["exports","@tradeshift/elements"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).ts=e.ts||{},e.ts.elements=e.ts.elements||{},e.ts.elements.spinner=e.ts.elements.spinner||{}),e.ts.elements)}(this,(function(e,t){"use strict";function r(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 i(e,t){return(i=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function n(e,t){return t||(t=e.slice(0)),e.raw=t,e}var s,o,a,l="large",p="blue",d=function(e){var d,m,f,u,h;function g(){var t=e.call(this)||this;return t.color=p,t.size=l,t}return m=e,(d=g).prototype=Object.create(m.prototype),d.prototype.constructor=d,i(d,m),g.prototype.render=function(){return this.visible?t.html(o||(o=n(['\n\t\t\t<div class="spinner"></div>\n\t\t\t',"\n\t\t"])),this.messageHtml):t.html(s||(s=n([""])))},f=g,h=[{key:"styles",get:function(){return[t.TSElement.styles,t.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",reflect:!0},size:{type:String,attribute:"data-size",reflect:!0},visible:{type:Boolean,attribute:"data-visible",reflect:!0}}}}],(u=[{key:"messageHtml",get:function(){return this.message?t.html(a||(a=n([' <div class="message">',"</div> "])),this.message):""}}])&&r(f.prototype,u),h&&r(f,h),g}(t.TSElement);t.customElementDefineHelper("ts-spinner",d),e.TSSpinner=d,Object.defineProperty(e,"__esModule",{value:!0})}));

package.json

 {
   "name": "@tradeshift/elements.spinner",
-  "version": "0.20.1",
+  "version": "0.21.0",
   "repository": {
@@ -18,6 +18,6 @@ "type": "git",
   "dependencies": {
-    "@tradeshift/elements": "^0.20.1"
+    "@tradeshift/elements": "^0.21.0"
   },
   "src": "src/spinner.js",
-  "gitHead": "1afcbd3f095801151a1312274b8c777a181c2dc8"
+  "gitHead": "e65c700d13b84dd3625fc58c9ac3cb4471fb32ea"
 }

No alert changes

Improved metrics

Total package byte prevSize

23972

increased by0.77%

Dependency changes

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

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

• Updated@tradeshift/elements@^0.21.0