eldav1d-marvel-ui/dist/cjs/atoms/Loader/Loader.cjs

UI library for (and from) Playing with Marvel API

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react/jsx-runtime"),m=require("../../../constants-CP0vFQvx.cjs"),R=require("react");function S(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const d=S(R);var E={cm:!0,mm:!0,in:!0,px:!0,pt:!0,pc:!0,em:!0,ex:!0,ch:!0,rem:!0,vw:!0,vh:!0,vmin:!0,vmax:!0,"%":!0};function h(e){if(typeof e=="number")return{value:e,unit:"px"};var t,n=(e.match(/^[0-9.]*/)||"").toString();n.includes(".")?t=parseFloat(n):t=parseInt(n,10);var r=(e.match(/[^0-9]*$/)||"").toString();return E[r]?{value:t,unit:r}:(console.warn("React Spinners: ".concat(e," is not a valid css value. Defaulting to ").concat(t,"px.")),{value:t,unit:"px"})}function y(e){var t=h(e);return"".concat(t.value).concat(t.unit)}var b=function(e,t,n){var r="react-spinners-".concat(e,"-").concat(n);if(typeof window>"u"||!window.document)return r;var a=document.createElement("style");document.head.appendChild(a);var o=a.sheet,c=`
    @keyframes `.concat(r,` {
      `).concat(t,`
    }
  `);return o&&o.insertRule(c,0),r},i=function(){return i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},i.apply(this,arguments)},M=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]]);return n},L=b("RingLoader","0% {transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg)} 100% {transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg)}","right"),P=b("RingLoader","0% {transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg)} 100% {transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg)}","left");function D(e){var t=e.loading,n=t===void 0?!0:t,r=e.color,a=r===void 0?"#000000":r,o=e.speedMultiplier,c=o===void 0?1:o,f=e.cssOverride,O=f===void 0?{}:f,p=e.size,u=p===void 0?60:p,_=M(e,["loading","color","speedMultiplier","cssOverride","size"]),v=h(u),l=v.value,s=v.unit,w=i({display:"inherit",width:y(u),height:y(u),position:"relative"},O),g=function(j){return{position:"absolute",top:"0",left:"0",width:"".concat(l).concat(s),height:"".concat(l).concat(s),border:"".concat(l/10).concat(s," solid ").concat(a),opacity:"0.4",borderRadius:"100%",animationFillMode:"forwards",perspective:"800px",animation:"".concat(j===1?L:P," ").concat(2/c,"s 0s infinite linear")}};return n?d.createElement("span",i({style:w},_),d.createElement("span",{style:g(1)}),d.createElement("span",{style:g(2)})):null}const Z=({loadingLabel:e})=>x.jsx(D,{color:m.MARVEL_RED,size:m.LOADER_SIZE,className:"mx-auto my-24",role:"alert","aria-label":e,"aria-busy":"true","aria-live":"polite"});exports.default=Z;
//# sourceMappingURL=Loader.cjs.map