ldrs/dist/react/Hatch.js

Tiny HTML and SVG loaders as web components

import{jsx as t}from"react/jsx-runtime";import{s as a}from"../style-inject.es-BnTDb6vU.js";var r="Hatch_container__-XUk-",e="Hatch_inner__LNKNu",o="Hatch_line__EyY8g";function i({size:a=28,color:i="black",speed:s=3.5,stroke:l=4}){return t("div",{className:r,style:{"--uib-size":a+"","--uib-color":i,"--uib-speed":s+"s","--uib-stroke":l+""},children:t("div",{className:e,children:t("div",{className:o})})})}a('.Hatch_container__-XUk-{--uib-mult:calc(var(--uib-size)/var(--uib-stroke));--uib-stroke-px:calc(var(--uib-stroke)*1px);--uib-size-px:calc(var(--uib-size)*1px);align-items:flex-start;display:inline-flex;flex-shrink:0;height:var(--uib-size-px);justify-content:flex-start;position:relative;width:var(--uib-size-px)}.Hatch_inner__LNKNu{height:100%;position:relative;width:100%}.Hatch_inner__LNKNu:after,.Hatch_inner__LNKNu:before{animation:Hatch_explore__j6ZsG var(--uib-speed) ease infinite;background-color:var(--uib-color);content:"";height:var(--uib-stroke-px);position:absolute;transition:background-color .3s ease;width:var(--uib-stroke-px)}.Hatch_inner__LNKNu:after{animation-delay:calc(var(--uib-speed)*-.5)}.Hatch_line__EyY8g{animation:Hatch_center-line__gLGwb var(--uib-speed) ease infinite;background-color:var(--uib-color);height:var(--uib-stroke-px);left:calc(50% - var(--uib-stroke-px)/2);position:absolute;top:calc(50% - var(--uib-stroke-px)/2);transition:background-color .3s ease;width:var(--uib-stroke-px)}@keyframes Hatch_center-line__gLGwb{0%,25%,50%,75%,to{transform:scaleX(1) scaleY(1)}12.5%,62.5%{transform:scaleX(var(--uib-mult)) scaleY(1)}37.5%,87.5%{transform:scaleX(1) scaleY(var(--uib-mult))}}@keyframes Hatch_explore__j6ZsG{0%,to{left:0;top:0;transform:scaleX(1) scaleY(1) translate(0);transform-origin:top left}12.5%{left:0;top:0;transform:scaleX(var(--uib-mult)) scaleY(1) translate(0);transform-origin:top left}12.5001%{left:auto;right:0;top:0;transform:scaleX(var(--uib-mult)) scaleY(1) translate(0);transform-origin:top right}25%{left:auto;right:0;top:0;transform:scaleX(1) scaleY(1) translate(0);transform-origin:top right}37.5%{left:auto;right:0;top:0;transform:scaleX(1) scaleY(var(--uib-mult)) translate(0);transform-origin:top right}37.5001%{bottom:0;left:auto;right:0;top:auto;transform:scaleX(1) scaleY(var(--uib-mult)) translate(0);transform-origin:bottom right}50%{bottom:0;left:auto;right:0;top:auto;transform:scaleX(1) scaleY(1) translate(0);transform-origin:bottom right}62.5%{bottom:0;left:auto;right:0;top:auto;transform:scaleX(var(--uib-mult)) scaleY(1) translate(0);transform-origin:bottom right}62.5001%{bottom:0;left:0;top:auto;transform:scaleX(var(--uib-mult)) scaleY(1) translate(0);transform-origin:bottom left}75%{bottom:0;left:0;top:auto;transform:scaleX(1) scaleY(1) translate(0);transform-origin:bottom left}87.5%{bottom:0;left:0;top:auto;transform:scaleX(1) scaleY(var(--uib-mult)) translate(0);transform-origin:bottom left}87.5001%{left:0;top:0;transform:scaleX(1) scaleY(var(--uib-mult)) translate(0);transform-origin:top left}}');export{i as default};
//# sourceMappingURL=Hatch.js.map