eldav1d-marvel-ui/dist/esm/atoms/Loader/Loader.js

UI library for (and from) Playing with Marvel API

import { jsx as _ } from "react/jsx-runtime";
import { M as E, a as R } from "../../../constants-C4-SM6RM.js";
import * as d from "react";
var S = {
  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 y(e) {
  if (typeof e == "number")
    return {
      value: e,
      unit: "px"
    };
  var r, n = (e.match(/^[0-9.]*/) || "").toString();
  n.includes(".") ? r = parseFloat(n) : r = parseInt(n, 10);
  var t = (e.match(/[^0-9]*$/) || "").toString();
  return S[t] ? {
    value: r,
    unit: t
  } : (console.warn("React Spinners: ".concat(e, " is not a valid css value. Defaulting to ").concat(r, "px.")), {
    value: r,
    unit: "px"
  });
}
function g(e) {
  var r = y(e);
  return "".concat(r.value).concat(r.unit);
}
var h = function(e, r, n) {
  var t = "react-spinners-".concat(e, "-").concat(n);
  if (typeof window > "u" || !window.document)
    return t;
  var a = document.createElement("style");
  document.head.appendChild(a);
  var o = a.sheet, c = `
    @keyframes `.concat(t, ` {
      `).concat(r, `
    }
  `);
  return o && o.insertRule(c, 0), t;
}, i = function() {
  return i = Object.assign || function(e) {
    for (var r, n = 1, t = arguments.length; n < t; n++) {
      r = arguments[n];
      for (var a in r)
        Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
    }
    return e;
  }, i.apply(this, arguments);
}, j = function(e, r) {
  var n = {};
  for (var t in e)
    Object.prototype.hasOwnProperty.call(e, t) && r.indexOf(t) < 0 && (n[t] = e[t]);
  if (e != null && typeof Object.getOwnPropertySymbols == "function")
    for (var a = 0, t = Object.getOwnPropertySymbols(e); a < t.length; a++)
      r.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[a]) && (n[t[a]] = e[t[a]]);
  return n;
}, L = h("RingLoader", "0% {transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg)} 100% {transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg)}", "right"), M = h("RingLoader", "0% {transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg)} 100% {transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg)}", "left");
function Z(e) {
  var r = e.loading, n = r === void 0 ? !0 : r, t = e.color, a = t === void 0 ? "#000000" : t, o = e.speedMultiplier, c = o === void 0 ? 1 : o, p = e.cssOverride, b = p === void 0 ? {} : p, f = e.size, u = f === void 0 ? 60 : f, O = j(e, ["loading", "color", "speedMultiplier", "cssOverride", "size"]), v = y(u), l = v.value, s = v.unit, w = i({ display: "inherit", width: g(u), height: g(u), position: "relative" }, b), m = function(x) {
    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(x === 1 ? L : M, " ").concat(2 / c, "s 0s infinite linear")
    };
  };
  return n ? d.createElement(
    "span",
    i({ style: w }, O),
    d.createElement("span", { style: m(1) }),
    d.createElement("span", { style: m(2) })
  ) : null;
}
const X = ({ loadingLabel: e }) => _(Z, { color: E, size: R, className: "mx-auto my-24", role: "alert", "aria-label": e, "aria-busy": "true", "aria-live": "polite" });
export {
  X as default
};
//# sourceMappingURL=Loader.js.map