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

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

"use strict";const o=require("./index-CtZaCMo8.cjs"),i=require("./if-defined-MmHKu2JE.cjs");require("./index-BXulAD-4.cjs");require("./index--KmZMQQE.cjs");require("./index-CKpCHYPu.cjs");const p=o.i`
  button {
    column-gap: var(--wui-spacing-s);
    padding: 11px 18px 11px var(--wui-spacing-s);
    width: 100%;
    background-color: var(--wui-color-gray-glass-002);
    border-radius: var(--wui-border-radius-xs);
    color: var(--wui-color-fg-250);
    transition:
      color var(--wui-ease-out-power-1) var(--wui-duration-md),
      background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
    will-change: color, background-color;
  }

  button[data-iconvariant='square'],
  button[data-iconvariant='square-blue'] {
    padding: 6px 18px 6px 9px;
  }

  button > wui-flex {
    flex: 1;
  }

  button > wui-image {
    width: 32px;
    height: 32px;
    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
    border-radius: var(--wui-border-radius-3xl);
  }

  button > wui-icon {
    width: 36px;
    height: 36px;
    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
    will-change: opacity;
  }

  button > wui-icon-box[data-variant='blue'] {
    box-shadow: 0 0 0 2px var(--wui-color-accent-glass-005);
  }

  button > wui-icon-box[data-variant='overlay'] {
    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
  }

  button > wui-icon-box[data-variant='square-blue'] {
    border-radius: var(--wui-border-radius-3xs);
    position: relative;
    border: none;
    width: 36px;
    height: 36px;
  }

  button > wui-icon-box[data-variant='square-blue']::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: inherit;
    border: 1px solid var(--wui-color-accent-glass-010);
    pointer-events: none;
  }

  button > wui-icon:last-child {
    width: 14px;
    height: 14px;
  }

  button:disabled {
    color: var(--wui-color-gray-glass-020);
  }

  button[data-loading='true'] > wui-icon {
    opacity: 0;
  }

  wui-loading-spinner {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
  }
`;var e=function(u,n,a,s){var l=arguments.length,r=l<3?n:s===null?s=Object.getOwnPropertyDescriptor(n,a):s,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(u,n,a,s);else for(var d=u.length-1;d>=0;d--)(c=u[d])&&(r=(l<3?c(r):l>3?c(n,a,r):c(n,a))||r);return l>3&&r&&Object.defineProperty(n,a,r),r};let t=class extends o.i$1{constructor(){super(...arguments),this.tabIdx=void 0,this.variant="icon",this.disabled=!1,this.imageSrc=void 0,this.alt=void 0,this.chevron=!1,this.loading=!1}render(){return o.x`
      <button
        ?disabled=${this.loading?!0:!!this.disabled}
        data-loading=${this.loading}
        data-iconvariant=${i.o(this.iconVariant)}
        tabindex=${i.o(this.tabIdx)}
      >
        ${this.loadingTemplate()} ${this.visualTemplate()}
        <wui-flex gap="3xs">
          <slot></slot>
        </wui-flex>
        ${this.chevronTemplate()}
      </button>
    `}visualTemplate(){if(this.variant==="image"&&this.imageSrc)return o.x`<wui-image src=${this.imageSrc} alt=${this.alt??"list item"}></wui-image>`;if(this.iconVariant==="square"&&this.icon&&this.variant==="icon")return o.x`<wui-icon name=${this.icon}></wui-icon>`;if(this.variant==="icon"&&this.icon&&this.iconVariant){const n=["blue","square-blue"].includes(this.iconVariant)?"accent-100":"fg-200",a=this.iconVariant==="square-blue"?"mdl":"md",s=this.iconSize?this.iconSize:a;return o.x`
        <wui-icon-box
          data-variant=${this.iconVariant}
          icon=${this.icon}
          iconSize=${s}
          background="transparent"
          iconColor=${n}
          backgroundColor=${n}
          size=${a}
        ></wui-icon-box>
      `}return null}loadingTemplate(){return this.loading?o.x`<wui-loading-spinner
        data-testid="wui-list-item-loading-spinner"
        color="fg-300"
      ></wui-loading-spinner>`:o.x``}chevronTemplate(){return this.chevron?o.x`<wui-icon size="inherit" color="fg-200" name="chevronRight"></wui-icon>`:null}};t.styles=[o.resetStyles,o.elementStyles,p];e([i.n()],t.prototype,"icon",void 0);e([i.n()],t.prototype,"iconSize",void 0);e([i.n()],t.prototype,"tabIdx",void 0);e([i.n()],t.prototype,"variant",void 0);e([i.n()],t.prototype,"iconVariant",void 0);e([i.n({type:Boolean})],t.prototype,"disabled",void 0);e([i.n()],t.prototype,"imageSrc",void 0);e([i.n()],t.prototype,"alt",void 0);e([i.n({type:Boolean})],t.prototype,"chevron",void 0);e([i.n({type:Boolean})],t.prototype,"loading",void 0);t=e([i.customElement("wui-list-item")],t);
//# sourceMappingURL=index-BE8Edgdz.cjs.map