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

UI library for (and from) Playing with Marvel API

{"version":3,"file":"Loader.cjs","sources":["../../../../node_modules/react-spinners/esm/helpers/unitConverter.js","../../../../node_modules/react-spinners/esm/helpers/animation.js","../../../../node_modules/react-spinners/esm/RingLoader.js","../../../../lib/atoms/Loader/Loader.tsx"],"sourcesContent":["var cssUnit = {\n    cm: true,\n    mm: true,\n    in: true,\n    px: true,\n    pt: true,\n    pc: true,\n    em: true,\n    ex: true,\n    ch: true,\n    rem: true,\n    vw: true,\n    vh: true,\n    vmin: true,\n    vmax: true,\n    \"%\": true,\n};\n/**\n * If size is a number, append px to the value as default unit.\n * If size is a string, validate against list of valid units.\n * If unit is valid, return size as is.\n * If unit is invalid, console warn issue, replace with px as the unit.\n *\n * @param {(number | string)} size\n * @return {LengthObject} LengthObject\n */\nexport function parseLengthAndUnit(size) {\n    if (typeof size === \"number\") {\n        return {\n            value: size,\n            unit: \"px\",\n        };\n    }\n    var value;\n    var valueString = (size.match(/^[0-9.]*/) || \"\").toString();\n    if (valueString.includes(\".\")) {\n        value = parseFloat(valueString);\n    }\n    else {\n        value = parseInt(valueString, 10);\n    }\n    var unit = (size.match(/[^0-9]*$/) || \"\").toString();\n    if (cssUnit[unit]) {\n        return {\n            value: value,\n            unit: unit,\n        };\n    }\n    console.warn(\"React Spinners: \".concat(size, \" is not a valid css value. Defaulting to \").concat(value, \"px.\"));\n    return {\n        value: value,\n        unit: \"px\",\n    };\n}\n/**\n * Take value as an input and return valid css value\n *\n * @param {(number | string)} value\n * @return {string} valid css value\n */\nexport function cssValue(value) {\n    var lengthWithunit = parseLengthAndUnit(value);\n    return \"\".concat(lengthWithunit.value).concat(lengthWithunit.unit);\n}\n","export var createAnimation = function (loaderName, frames, suffix) {\n    var animationName = \"react-spinners-\".concat(loaderName, \"-\").concat(suffix);\n    if (typeof window == \"undefined\" || !window.document) {\n        return animationName;\n    }\n    var styleEl = document.createElement(\"style\");\n    document.head.appendChild(styleEl);\n    var styleSheet = styleEl.sheet;\n    var keyFrames = \"\\n    @keyframes \".concat(animationName, \" {\\n      \").concat(frames, \"\\n    }\\n  \");\n    if (styleSheet) {\n        styleSheet.insertRule(keyFrames, 0);\n    }\n    return animationName;\n};\n","var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport * as React from \"react\";\nimport { parseLengthAndUnit, cssValue } from \"./helpers/unitConverter\";\nimport { createAnimation } from \"./helpers/animation\";\nvar right = createAnimation(\"RingLoader\", \"0% {transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg)} 100% {transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg)}\", \"right\");\nvar left = createAnimation(\"RingLoader\", \"0% {transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg)} 100% {transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg)}\", \"left\");\nfunction RingLoader(_a) {\n    var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? \"#000000\" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 60 : _f, additionalprops = __rest(_a, [\"loading\", \"color\", \"speedMultiplier\", \"cssOverride\", \"size\"]);\n    var _g = parseLengthAndUnit(size), value = _g.value, unit = _g.unit;\n    var wrapper = __assign({ display: \"inherit\", width: cssValue(size), height: cssValue(size), position: \"relative\" }, cssOverride);\n    var style = function (i) {\n        return {\n            position: \"absolute\",\n            top: \"0\",\n            left: \"0\",\n            width: \"\".concat(value).concat(unit),\n            height: \"\".concat(value).concat(unit),\n            border: \"\".concat(value / 10).concat(unit, \" solid \").concat(color),\n            opacity: \"0.4\",\n            borderRadius: \"100%\",\n            animationFillMode: \"forwards\",\n            perspective: \"800px\",\n            animation: \"\".concat(i === 1 ? right : left, \" \").concat(2 / speedMultiplier, \"s 0s infinite linear\"),\n        };\n    };\n    if (!loading) {\n        return null;\n    }\n    return (React.createElement(\"span\", __assign({ style: wrapper }, additionalprops),\n        React.createElement(\"span\", { style: style(1) }),\n        React.createElement(\"span\", { style: style(2) })));\n}\nexport default RingLoader;\n","import { MARVEL_RED, LOADER_SIZE } from '@/utils/constants';\nimport { RingLoader } from 'react-spinners';\n\nexport interface ILoaderProps {\n  /**\n   * The label for loading state accessibility\n   * @param {string} loadingLabel\n   */\n  loadingLabel: string;\n}\n\nconst Loader = ({ loadingLabel }: ILoaderProps) => (\n  <RingLoader\n    color={MARVEL_RED}\n    size={LOADER_SIZE}\n    className='mx-auto my-24'\n    role='alert'\n    aria-label={loadingLabel}\n    aria-busy='true'\n    aria-live='polite'\n  />\n);\n\nexport default Loader;\n"],"names":["cssUnit","parseLengthAndUnit","size","value","valueString","unit","cssValue","lengthWithunit","createAnimation","loaderName","frames","suffix","animationName","styleEl","styleSheet","keyFrames","__assign","t","s","i","n","p","__rest","e","right","left","RingLoader","_a","_b","loading","_c","color","_d","speedMultiplier","_e","cssOverride","_f","additionalprops","_g","wrapper","style","React","Loader","loadingLabel","_jsx","MARVEL_RED","LOADER_SIZE"],"mappings":"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","x_google_ignoreList":[0,1,2]}