UNPKG

@safe-stars/components

Version:

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

21 lines (19 loc) 1.42 kB
"use strict";const s=require("./index-CtZaCMo8.cjs"),h=require("./if-defined-MmHKu2JE.cjs"),u=s.i` :host { display: block; width: var(--local-width); height: var(--local-height); } img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: inherit; } `;var a=function(o,t,r,n){var c=arguments.length,e=c<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,r,n);else for(var d=o.length-1;d>=0;d--)(l=o[d])&&(e=(c<3?l(e):c>3?l(t,r,e):l(t,r))||e);return c>3&&e&&Object.defineProperty(t,r,e),e};let i=class extends s.i$1{constructor(){super(...arguments),this.src="./path/to/image.jpg",this.alt="Image",this.size=void 0}render(){return this.style.cssText=` --local-width: ${this.size?`var(--wui-icon-size-${this.size});`:"100%"}; --local-height: ${this.size?`var(--wui-icon-size-${this.size});`:"100%"}; `,s.x`<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`}handleImageError(){this.dispatchEvent(new CustomEvent("onLoadError",{bubbles:!0,composed:!0}))}};i.styles=[s.resetStyles,s.colorStyles,u];a([h.n()],i.prototype,"src",void 0);a([h.n()],i.prototype,"alt",void 0);a([h.n()],i.prototype,"size",void 0);i=a([h.customElement("wui-image")],i); //# sourceMappingURL=index-BXulAD-4.cjs.map