ldrs/dist/react/Cardio.js

Tiny HTML and SVG loaders as web components

import{jsx as e,jsxs as i}from"react/jsx-runtime";import{s as r}from"../scaleD-CuhdI9fg.js";import{s as a}from"../style-inject.es-BnTDb6vU.js";var t="Cardio_container__57f0-",o="Cardio_inner__gZ6Jd",s="Cardio_car__Ksvnu",n="Cardio_track__37D3K";function d({size:a=50,color:d="black",speed:_=1.5,stroke:c=4,bgOpacity:l=.1}){const f=parseInt(a+""),p=r(f/40,"M0.5,17.2h8.2l3-4.7l5.9,12l7.8-24l5.9,16.7v0h8.2");return e("div",{className:t,style:{"--uib-size":a+"px","--uib-color":d,"--uib-speed":_+"s","--uib-stroke":c+"","--uib-bg-opacity":l+""},children:i("svg",{className:o,x:"0px",y:"0px",viewBox:`0 0 ${a} ${.625*f}`,height:.625*f,width:a,preserveAspectRatio:"xMidYMid meet",children:[e("path",{className:n,strokeWidth:c,fill:"none",pathLength:"100",d:p}),e("path",{className:s,strokeWidth:c,fill:"none",pathLength:"100",d:p})]})})}a(".Cardio_container__57f0-{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.Cardio_container__57f0-,.Cardio_inner__gZ6Jd{height:calc(var(--uib-size)*.625);width:var(--uib-size)}.Cardio_inner__gZ6Jd{overflow:visible;transform-origin:center}.Cardio_car__Ksvnu{stroke:var(--uib-color);stroke-dasharray:100;stroke-dashoffset:0;animation:Cardio_travel__cdFQH var(--uib-speed) ease-in-out infinite,Cardio_fade__UJtXU var(--uib-speed) ease-out infinite;transition:stroke .5s ease;will-change:stroke-dasharray,stroke-dashoffset}.Cardio_car__Ksvnu,.Cardio_track__37D3K{stroke-linecap:round;stroke-linejoin:round}.Cardio_track__37D3K{stroke:var(--uib-color);opacity:var(--uib-bg-opacity)}@keyframes Cardio_travel__cdFQH{0%{stroke-dashoffset:100}75%{stroke-dashoffset:0}}@keyframes Cardio_fade__UJtXU{0%{opacity:0}20%,55%{opacity:1}to{opacity:0}}");export{d as default};
//# sourceMappingURL=Cardio.js.map