1 line
3.6 KiB
JSON
1 line
3.6 KiB
JSON
{"ast":null,"code":"\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _emotion = require(\"emotion\");\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _templateObject2() {\n var data = _taggedTemplateLiteral([\"\\n 0% {\\n stroke-dasharray: 1,200;\\n stroke-dashoffset: 0;\\n }\\n 50% {\\n stroke-dasharray: 89,200;\\n stroke-dashoffset: -35px;\\n }\\n 100% {\\n stroke-dasharray: 89,200;\\n stroke-dashoffset: -124px;\\n }\\n\"]);\n\n _templateObject2 = function _templateObject2() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject() {\n var data = _taggedTemplateLiteral([\"\\n from {\\n transform: rotate(0deg);\\n }\\n to {\\n transform: rotate(360deg);\\n }\\n\"]);\n\n _templateObject = function _templateObject() {\n return data;\n };\n\n return data;\n}\n\nfunction _taggedTemplateLiteral(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n\n return Object.freeze(Object.defineProperties(strings, {\n raw: {\n value: Object.freeze(raw)\n }\n }));\n}\n\nvar rotate360 = (0, _emotion.keyframes)(_templateObject());\nvar spinnerDash = (0, _emotion.keyframes)(_templateObject2());\nvar _default = {\n wrapper: function wrapper(state) {\n return _objectSpread({\n position: 'relative'\n }, state);\n },\n overlay: function overlay(state, props) {\n return {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0px',\n left: '0px',\n display: 'flex',\n textAlign: 'center',\n fontSize: '1.2em',\n color: '#FFF',\n background: 'rgba(0, 0, 0, 0.7)',\n zIndex: 800,\n transition: \"opacity \".concat(props.fadeSpeed, \"ms ease-in\"),\n opacity: state === 'entering' || state === 'entered' ? 1 : 0\n };\n },\n content: function content() {\n return {\n margin: 'auto'\n };\n },\n spinner: function spinner(state) {\n return {\n position: 'relative',\n margin: '0px auto 10px auto',\n width: '50px',\n maxHeight: '100%',\n '&:before': {\n content: '\"\"',\n display: 'block',\n paddingTop: '100%'\n },\n '& svg': {\n animation: \"\".concat(rotate360, \" 2s linear infinite\"),\n height: '100%',\n transformOrigin: 'center center',\n width: '100%',\n position: 'absolute',\n top: '0',\n bottom: '0',\n left: '0',\n right: '0',\n margin: 'auto',\n '& circle': {\n animation: \"\".concat(spinnerDash, \" 1.5s ease-in-out infinite\"),\n strokeDasharray: '1,200',\n strokeDashoffset: 0,\n strokeLinecap: 'round',\n stroke: '#FFF'\n }\n }\n };\n }\n};\nexports.default = _default;","map":null,"metadata":{},"sourceType":"script"} |