@safe-stars/components/dist/index-qAKUCMGe.cjs

React component library for buying Telegram Stars in Telegram Mini Apps via Safe Stars.

"use strict";const o=require("./index-CtZaCMo8.cjs"),c=require("./if-defined-MmHKu2JE.cjs"),l=o.i`
  :host {
    display: block;
    width: var(--wui-box-size-md);
    height: var(--wui-box-size-md);
  }

  svg {
    width: var(--wui-box-size-md);
    height: var(--wui-box-size-md);
  }

  rect {
    fill: none;
    stroke: var(--wui-color-accent-100);
    stroke-width: 4px;
    stroke-linecap: round;
    animation: dash 1s linear infinite;
  }

  @keyframes dash {
    to {
      stroke-dashoffset: 0px;
    }
  }
`;var h=function(a,t,r,s){var i=arguments.length,e=i<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,r):s,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(a,t,r,s);else for(var u=a.length-1;u>=0;u--)(n=a[u])&&(e=(i<3?n(e):i>3?n(t,r,e):n(t,r))||e);return i>3&&e&&Object.defineProperty(t,r,e),e};let d=class extends o.i$1{constructor(){super(...arguments),this.radius=36}render(){return this.svgLoaderTemplate()}svgLoaderTemplate(){const t=this.radius>50?50:this.radius,s=36-t,i=116+s,e=245+s,n=360+s*1.75;return o.x`
      <svg viewBox="0 0 110 110" width="110" height="110">
        <rect
          x="2"
          y="2"
          width="106"
          height="106"
          rx=${t}
          stroke-dasharray="${i} ${e}"
          stroke-dashoffset=${n}
        />
      </svg>
    `}};d.styles=[o.resetStyles,l];h([c.n({type:Number})],d.prototype,"radius",void 0);d=h([c.customElement("wui-loading-thumbnail")],d);
//# sourceMappingURL=index-qAKUCMGe.cjs.map