UNPKG

@safe-stars/components

Version:

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

47 lines (44 loc) 2.05 kB
"use strict";const d=require("./index-CtZaCMo8.cjs"),t=require("./if-defined-MmHKu2JE.cjs"),g=d.i` :host { display: block; box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005); background: linear-gradient( 120deg, var(--wui-color-bg-200) 5%, var(--wui-color-bg-200) 48%, var(--wui-color-bg-300) 55%, var(--wui-color-bg-300) 60%, var(--wui-color-bg-300) calc(60% + 10px), var(--wui-color-bg-200) calc(60% + 12px), var(--wui-color-bg-200) 100% ); background-size: 250%; animation: shimmer 3s linear infinite reverse; } :host([variant='light']) { background: linear-gradient( 120deg, var(--wui-color-bg-150) 5%, var(--wui-color-bg-150) 48%, var(--wui-color-bg-200) 55%, var(--wui-color-bg-200) 60%, var(--wui-color-bg-200) calc(60% + 10px), var(--wui-color-bg-150) calc(60% + 12px), var(--wui-color-bg-150) 100% ); background-size: 250%; } @keyframes shimmer { from { background-position: -250% 0; } to { background-position: 250% 0; } } `;var a=function(n,o,e,c){var s=arguments.length,r=s<3?o:c===null?c=Object.getOwnPropertyDescriptor(o,e):c,u;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(n,o,e,c);else for(var l=n.length-1;l>=0;l--)(u=n[l])&&(r=(s<3?u(r):s>3?u(o,e,r):u(o,e))||r);return s>3&&r&&Object.defineProperty(o,e,r),r};let i=class extends d.i$1{constructor(){super(...arguments),this.width="",this.height="",this.borderRadius="m",this.variant="default"}render(){return this.style.cssText=` width: ${this.width}; height: ${this.height}; border-radius: ${`clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px)`}; `,d.x`<slot></slot>`}};i.styles=[g];a([t.n()],i.prototype,"width",void 0);a([t.n()],i.prototype,"height",void 0);a([t.n()],i.prototype,"borderRadius",void 0);a([t.n()],i.prototype,"variant",void 0);i=a([t.customElement("wui-shimmer")],i); //# sourceMappingURL=index-25Apucqb.cjs.map