UNPKG

spinners-react

Version:

Lightweight SVG/CSS spinners for React

3 lines (2 loc) 2.99 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";var n=function(){return n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)};function r(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}"function"==typeof SuppressedError&&SuppressedError;var o={speed:100,still:!1,thickness:100};n(n({},o),{secondaryColor:"rgba(0,0,0,0.44)"});var i={color:"#38ad48",enabled:!0,size:50,style:{}},s=function(e){return parseFloat(e.toString()).toString()===e.toString()?"".concat(e,"px"):e.toString()};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-dotted-center{0%,15%,85%,to{transform:scale(0)}40%,50%{transform:scale(1)}84%{transform:scale(.45)}}@keyframes spinners-react-dotted-shrink{50%{transform:translate(0)}}");var c=[{x:22,y:-20},{x:29,y:0},{x:22,y:20},{x:0,y:30},{x:-23,y:20},{x:-30,y:0},{x:-23,y:-20},{x:0,y:-30}];function a(e){var i=e.speed,s=void 0===i?o.speed:i,a=e.still,l=void 0===a?o.still:a,d=e.thickness,f=void 0===d?o.thickness:d,p=r(e,["speed","still","thickness"]),y=200/s,u=function(e){return l?{}:{animation:"spinners-react-dotted-shrink ".concat(y,"s cubic-bezier(0, 0.9, 0, 0.9) ").concat(y/20*e,"s infinite")}},m=l?{display:"none"}:{animation:"spinners-react-dotted-center ".concat(y,"s ease-out infinite"),transformOrigin:"center"};return t.createElement("svg",n({fill:"none",viewBox:"0 0 66 66"},p),c.map((function(e,r){return t.createElement("circle",{key:"".concat(e.x,"-").concat(e.y),cx:"33",cy:"33",fill:"currentColor",r:f/100*3,style:n({transform:"translate(".concat(e.x,"px, ").concat(e.y,"px)")},u(r))})})),t.createElement("circle",{cx:"33",cy:"33",fill:"currentColor",r:f/100*6,style:m}))}var l=function(e){return function(o){var c=o.color,a=void 0===c?i.color:c,l=o.enabled,d=void 0===l?i.enabled:l,f=o.size,p=void 0===f?i.size:f,y=o.style,u=void 0===y?i.style:y,m=r(o,["color","enabled","size","style"]),v=n(n({},m),{style:n({color:a,overflow:"visible",width:s(p)},u)});return d?t.createElement(e,n({},v)):null}}(a);e.Component=a,e.SpinnerDotted=l})); //# sourceMappingURL=SpinnerDotted.min.js.map