spinners-react
Version:
Lightweight SVG/CSS spinners for React
3 lines (2 loc) • 2.97 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 r=function(){return r=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e},r.apply(this,arguments)};function o(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(o=Object.getOwnPropertySymbols(e);s<o.length;s++)t.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(e,o[s])&&(r[o[s]]=e[o[s]])}return r}"function"==typeof SuppressedError&&SuppressedError;var s=r(r({},{speed:100,still:!1,thickness:100}),{secondaryColor:"rgba(0,0,0,0.44)"}),n={color:"#38ad48",enabled:!0,size:50,style:{}},a=function(e){return parseFloat(e.toString()).toString()===e.toString()?"".concat(e,"px"):e.toString()};!function(e,t){void 0===t&&(t={});var r=t.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===r&&o.firstChild?o.insertBefore(s,o.firstChild):o.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-circular-split{0%{stroke-dashoffset:1;stroke-dasharray:5,170}10%{stroke-dashoffset:13;stroke-dasharray:30,145}13%{stroke-dashoffset:-11;stroke-dasharray:5,145}50%{stroke-dasharray:5,0,5,165;stroke-dashoffset:-82}51%{stroke-dasharray:2,0,2,139;stroke-dashoffset:-85}61%{stroke-dasharray:15,0,15,165;stroke-dashoffset:-72}64%{stroke-dasharray:5,20,5,145;stroke-dashoffset:-72}}");var i=function(e){return function(s){var i=s.color,l=void 0===i?n.color:i,c=s.enabled,d=void 0===c?n.enabled:c,f=s.size,p=void 0===f?n.size:f,y=s.style,u=void 0===y?n.style:y,h=o(s,["color","enabled","size","style"]),k=r(r({},h),{style:r({color:l,overflow:"visible",width:a(p)},u)});return d?t.createElement(e,r({},k)):null}}((function(e){var n=e.secondaryColor,a=void 0===n?s.secondaryColor:n,i=e.speed,l=void 0===i?s.speed:i,c=e.still,d=void 0===c?s.still:c,f=e.thickness,p=void 0===f?s.thickness:f,y=o(e,["secondaryColor","speed","still","thickness"]),u=p/100*4,h=d?{}:{animation:"spinners-react-circular-split ".concat(140/l,"s linear infinite")};return t.createElement("svg",r({fill:"none"},y,{viewBox:"0 0 66 66"}),t.createElement("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:a,strokeWidth:u}),t.createElement("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"5, 170",strokeDashoffset:"1",strokeLinecap:"round",strokeWidth:u,style:h,transform:"rotate(-90 33 33)"}))}));e.SpinnerCircularSplit=i}));
//# sourceMappingURL=SpinnerCircularSplit.min.js.map