@polygon.io/core/dist/components/Loading/LoadingProgressCircle.js

A set of themeable UI components for React

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault"),_typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=_interopRequireWildcard(require("styled-components")),_AnimatedSvg=_interopRequireDefault(require("./AnimatedSvg"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d["default"]=a,c&&c.set(a,d),d}var __jsx=_react["default"].createElement,animation1=(0,_styledComponents.keyframes)(["0%{opacity:1;}97.222222%{opacity:1;}100%{opacity:0;}"]),animation2=(0,_styledComponents.keyframes)(["0%{stroke-dashoffset:151;}2.777778%{stroke-dashoffset:154.5;}97.222222%{stroke-dashoffset:226;}100%{stroke-dashoffset:226;}"]),animation3=(0,_styledComponents.keyframes)(["0%{stroke-dasharray:75.4;}97.222222%{stroke-dasharray:75.4;}100%{stroke-dasharray:75.4;}"]),StyledSvg=_styledComponents["default"].svg.withConfig({displayName:"LoadingProgressCircle__StyledSvg",componentId:"sc-s3b6kl-0"})(["ellipse{animation-name:",",",",",";animation-duration:",";animation-fill-mode:forwards;animation-timing-function:linear;animation-direction:normal;animation-iteration-count:1;}"],animation1,animation2,animation3,function(a){var b=a.duration;return"".concat(b,"ms")}),LoadingProgressCircle=function(a){var b=a.duration,c=a.size,d=a.absolute,e=(0,_styledComponents.useTheme)(),f=e.color.indicator.incomplete;return __jsx(_AnimatedSvg["default"],{size:c,absolute:d},__jsx(StyledSvg,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",shapeRendering:"geometricPrecision",textRendering:"geometricPrecision",height:"100%",duration:b},__jsx("ellipse",{rx:"12",ry:"12",transform:"matrix(.923735 0 0 0.923735 12 12)",fill:"none",stroke:f,strokeWidth:"2",strokeLinecap:"round",strokeDashoffset:"151",strokeDasharray:"75.4"})))};LoadingProgressCircle.defaultProps={size:void 0,absolute:!1,duration:3e3};var _default=LoadingProgressCircle;exports["default"]=_default;