@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
JavaScript
;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