New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@tradeshift/elements.spinner

Package Overview
Dependencies
Maintainers
8
Versions
77
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@tradeshift/elements.spinner - npm Package Compare versions

Comparing version 0.27.4 to 0.27.5

4

CHANGELOG.md

@@ -5,2 +5,6 @@ # Change Log

## [0.27.5](https://github.com/Tradeshift/elements/compare/v0.27.4...v0.27.5) (2021-08-04)
**Note:** Version bump only for package @tradeshift/elements.spinner
## [0.27.4](https://github.com/Tradeshift/elements/compare/v0.27.2...v0.27.4) (2021-07-28)

@@ -7,0 +11,0 @@

2

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([' <div class="message">',"</div> "])),this.message):""}}])&&n(g.prototype,u),b&&n(g,b),c}(t);r("ts-spinner",f);export{f as TSSpinner};
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){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(e){var f,h,g,u,b;function c(){var r=e.call(this)||this;return r.color=m,r.size=d,r}return h=e,(f=c).prototype=Object.create(h.prototype),f.prototype.constructor=f,o(f,h),c.prototype.render=function(){return this.visible?r(p||(p=s(['\n\t\t\t<div class="spinner"></div>\n\t\t\t',"\n\t\t"])),this.messageHtml):r(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?r(l||(l=s([' <div class="message">',"</div> "])),this.message):""}}])&&n(g.prototype,u),b&&n(g,b),c}(t);e("ts-spinner",f);export{f as TSSpinner};
{
"name": "@tradeshift/elements.spinner",
"version": "0.27.4",
"version": "0.27.5",
"repository": {

@@ -18,6 +18,6 @@ "type": "git",

"dependencies": {
"@tradeshift/elements": "^0.27.4"
"@tradeshift/elements": "^0.27.5"
},
"src": "src/spinner.js",
"gitHead": "2d1ae43e34709e897379a1a2560591da8e1a9e4a"
"gitHead": "2e357a20b55e8f909d7d8b5d9f42033203356ccf"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc