ldrs/dist/react/DotPulse.js

Tiny HTML and SVG loaders as web components

import{jsx as e}from"react/jsx-runtime";import{s as i}from"../style-inject.es-BnTDb6vU.js";var t="DotPulse_container__jg553",s="DotPulse_inner__-d4Qn",n="DotPulse_dot__kh4mn";function o({size:i=43,color:o="black",speed:a=1.3}){return e("div",{className:t,style:{"--uib-size":i+"px","--uib-color":o,"--uib-speed":a+"s"},children:e("div",{className:s,children:e("div",{className:n})})})}i('.DotPulse_container__jg553{--uib-dot-size:calc(var(--uib-size)*0.24);align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-dot-size);justify-content:center;width:var(--uib-size)}.DotPulse_inner__-d4Qn{align-items:center;display:flex;height:100%;justify-content:space-between;position:relative;width:100%}.DotPulse_dot__kh4mn,.DotPulse_inner__-d4Qn:after,.DotPulse_inner__-d4Qn:before{background-color:var(--uib-color);border-radius:50%;content:"";display:block;height:var(--uib-dot-size);transform:scale(0);transition:background-color .3s ease;width:var(--uib-dot-size)}.DotPulse_inner__-d4Qn:before{animation:DotPulse_pulse__MpIgy var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.375) infinite}.DotPulse_dot__kh4mn{animation:DotPulse_pulse__MpIgy var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.25) infinite both}.DotPulse_inner__-d4Qn:after{animation:DotPulse_pulse__MpIgy var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.125) infinite}@keyframes DotPulse_pulse__MpIgy{0%,to{transform:scale(0)}50%{transform:scale(1)}}');export{o as default};
//# sourceMappingURL=DotPulse.js.map