@safe-stars/components
Version:
React component library for buying Telegram Stars in Telegram Mini Apps via Safe Stars.
73 lines (60 loc) • 2.02 kB
JavaScript
;const c=require("./index-DFmTudTt.cjs"),h=require("./if-defined-CdwTRez8.cjs"),f=c.i`
:host {
display: flex;
}
:host([data-size='sm']) > svg {
width: 12px;
height: 12px;
}
:host([data-size='md']) > svg {
width: 16px;
height: 16px;
}
:host([data-size='lg']) > svg {
width: 24px;
height: 24px;
}
:host([data-size='xl']) > svg {
width: 32px;
height: 32px;
}
svg {
animation: rotate 2s linear infinite;
}
circle {
fill: none;
stroke: var(--local-color);
stroke-width: 4px;
stroke-dasharray: 1, 124;
stroke-dashoffset: 0;
stroke-linecap: round;
animation: dash 1.5s ease-in-out infinite;
}
:host([data-size='md']) > svg > circle {
stroke-width: 6px;
}
:host([data-size='sm']) > svg > circle {
stroke-width: 8px;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 124;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 124;
stroke-dashoffset: -35;
}
100% {
stroke-dashoffset: -125;
}
}
`;var l=function(o,t,s,r){var n=arguments.length,e=n<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,s):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,s,r);else for(var d=o.length-1;d>=0;d--)(a=o[d])&&(e=(n<3?a(e):n>3?a(t,s,e):a(t,s))||e);return n>3&&e&&Object.defineProperty(t,s,e),e};let i=class extends c.i$1{constructor(){super(...arguments),this.color="accent-100",this.size="lg"}render(){return this.style.cssText=`--local-color: ${this.color==="inherit"?"inherit":`var(--wui-color-${this.color})`}`,this.dataset.size=this.size,c.x`<svg viewBox="25 25 50 50">
<circle r="20" cy="50" cx="50"></circle>
</svg>`}};i.styles=[c.resetStyles,f];l([h.n()],i.prototype,"color",void 0);l([h.n()],i.prototype,"size",void 0);i=l([h.customElement("wui-loading-spinner")],i);
//# sourceMappingURL=index-nsshSdaj.cjs.map