spinners-react
Version:
Lightweight SVG/CSS spinners for React
3 lines (2 loc) • 2.57 kB
JavaScript
!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-round-outlined{35%,65%{r:2px;stroke-width:4}}");var l=[{r:2},{name:"spinners-react-round-outlined",r:14},{name:"spinners-react-round-outlined",r:28}];var c=function(e){return function(o){var l=o.color,c=void 0===l?i.color:l,a=o.enabled,d=void 0===a?i.enabled:a,u=o.size,p=void 0===u?i.size:u,f=o.style,y=void 0===f?i.style:f,v=r(o,["color","enabled","size","style"]),h=n(n({},v),{style:n({color:c,overflow:"visible",width:s(p)},y)});return d?t.createElement(e,n({},h)):null}}((function(e){var i=e.speed,s=void 0===i?o.speed:i,c=e.still,a=void 0===c?o.still:c,d=e.thickness,u=void 0===d?o.thickness:d,p=r(e,["speed","still","thickness"]),f=u/100*3;return t.createElement("svg",n({fill:"none"},p,{viewBox:"0 0 66 66"}),l.map((function(e,n){return t.createElement("circle",{key:"spinner-round-outlined-r".concat(e.r),cx:"33",cy:"33",fill:"none",r:e.r,stroke:"currentColor",strokeWidth:n?f:4,style:e.name&&!a?{animation:"".concat(e.name," ").concat(140/s,"s ease-in-out infinite")}:{}})})))}));e.SpinnerRoundOutlined=c}));
//# sourceMappingURL=SpinnerRoundOutlined.min.js.map