ldrs/dist/react/Infinity.js

Tiny HTML and SVG loaders as web components

import{jsx as i,jsxs as e}from"react/jsx-runtime";import{s as t}from"../scaleD-CuhdI9fg.js";import{s as n}from"../style-inject.es-BnTDb6vU.js";var a="Infinity_container__sA6cU",r="Infinity_inner__b30ev",s="Infinity_car__DWiS7",o="Infinity_track__Mox-1";function c({size:n=55,color:c="black",speed:l=1.3,stroke:_=4,strokeLength:f=.15,bgOpacity:h=.1}){const p=parseInt(n+""),d=t(p/50,"M26.7,12.2c3.5,3.4,7.4,7.8,12.7,7.8c5.5,0,9.6-4.4,9.6-9.5C49,5,45.1,1,39.8,1c-5.5,0-9.5,4.2-13.1,7.8l-3.4,3.3c-3.6,3.6-7.6,7.8-13.1,7.8C4.9,20,1,16,1,10.5C1,5.4,5.1,1,10.6,1c5.3,0,9.2,4.5,12.7,7.8L26.7,12.2z");return i("div",{className:a,style:{"--uib-size":n+"px","--uib-color":c,"--uib-speed":l+"s","--uib-dash":String(100*parseFloat(f+"")),"--uib-gap":String(100-100*parseFloat(f+"")),"--uib-bg-opacity":h+""},children:e("svg",{className:r,x:"0px",y:"0px",viewBox:`0 0 ${n} ${p*(2.1/5)}`,height:p*(2.1/5),width:n,preserveAspectRatio:"xMidYMid meet",children:[i("path",{className:o,strokeWidth:_,fill:"none",pathLength:"100",d:d}),i("path",{className:s,strokeWidth:_,fill:"none",pathLength:"100",d:d})]})})}n(".Infinity_container__sA6cU{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.Infinity_container__sA6cU,.Infinity_inner__b30ev{height:calc(var(--uib-size)*.42);width:var(--uib-size)}.Infinity_inner__b30ev{overflow:visible;transform-origin:center}.Infinity_car__DWiS7{fill:none;stroke:var(--uib-color);stroke-dasharray:var(--uib-dash),var(--uib-gap);stroke-dashoffset:0;stroke-linecap:round;animation:Infinity_travel__uAaF1 var(--uib-speed) linear infinite;transition:stroke .5s ease;will-change:stroke-dasharray,stroke-dashoffset}.Infinity_track__Mox-1{stroke:var(--uib-color);opacity:var(--uib-bg-opacity)}@keyframes Infinity_travel__uAaF1{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}");export{c as default};
//# sourceMappingURL=Infinity.js.map