UNPKG

spinners-react

Version:

Lightweight SVG/CSS spinners for React

3 lines (2 loc) 3.06 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=n(n({},{speed:100,still:!1,thickness:100}),{secondaryColor:"rgba(0,0,0,0.44)"}),i={color:"#38ad48",enabled:!0,size:50,style:{}},c=function(e){return parseFloat(e.toString()).toString()===e.toString()?"".concat(e,"px"):e.toString()},s=function(e){return function(o){var s=o.color,a=void 0===s?i.color:s,l=o.enabled,y=void 0===l?i.enabled:l,d=o.size,p=void 0===d?i.size:d,f=o.style,x=void 0===f?i.style:f,u=r(o,["color","enabled","size","style"]),m=n(n({},u),{style:n({color:a,overflow:"visible",width:c(p)},x)});return y?t.createElement(e,n({},m)):null}};!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-diamond{25%{transform:translate(30px,-30px)}50%{transform:translate(60px)}75%{transform:translate(30px,30px)}}");var a=[{x:3,y:48},{x:18,y:33},{x:18,y:48},{x:18,y:63},{x:33,y:48},{x:33,y:18},{x:33,y:33},{x:33,y:63},{x:33,y:78},{x:48,y:3},{x:48,y:18},{x:48,y:33},{x:48,y:48},{x:48,y:63},{x:48,y:78},{x:48,y:93},{x:63,y:18},{x:63,y:33},{x:63,y:48},{x:63,y:63},{x:63,y:78},{x:78,y:33},{x:78,y:48},{x:78,y:63},{x:93,y:48}];function l(e){var i=e.secondaryColor,c=void 0===i?o.secondaryColor:i,s=e.speed,l=void 0===s?o.speed:s,y=e.still,d=void 0===y?o.still:y,p=e.thickness,f=void 0===p?o.thickness:p,x=r(e,["secondaryColor","speed","still","thickness"]),u={animation:"spinners-react-diamond ".concat(140/l,"s steps(2, end) infinite")};return d&&(u.animation="none"),t.createElement("svg",n({fill:"currentColor"},x,{viewBox:"0 0 96 96"}),a.map((function(e){return t.createElement("circle",{key:"".concat(e.x,"-").concat(e.y),cx:e.x,cy:e.y,fill:c,r:f/100*2.5})})),t.createElement("g",{style:u},a.filter((function(e,t){return t<5})).map((function(e){return t.createElement("circle",{key:"h-".concat(e.x,"-").concat(e.y),cx:e.x,cy:e.y,r:f/100*3.5})}))))}var y=s(l),d=s(l);e.SpinnerDiamond=d,e.SpinnerRomb=y})); //# sourceMappingURL=SpinnerRomb.min.js.map