UNPKG

@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
"use strict";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