xic-presale/assets/index-DUZ-8KUm.js

28 lines
1.6 KiB
JavaScript
Executable File

import{i as d,r as p,v as u,a as b,b as f}from"./index-B6fu-u6K.js";import{n as h,c as m}from"./if-defined-D6swbWyQ.js";const v=d`
:host {
display: block;
width: var(--local-width);
height: var(--local-height);
}
:host([data-object-fit='cover']) img {
object-fit: cover;
object-position: center center;
}
:host([data-object-fit='contain']) img {
object-fit: contain;
object-position: center center;
}
img {
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
}
`;var r=function(s,i,o,c){var n=arguments.length,t=n<3?i:c===null?c=Object.getOwnPropertyDescriptor(i,o):c,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(s,i,o,c);else for(var l=s.length-1;l>=0;l--)(a=s[l])&&(t=(n<3?a(t):n>3?a(i,o,t):a(i,o))||t);return n>3&&t&&Object.defineProperty(i,o,t),t};let e=class extends b{constructor(){super(...arguments),this.src="./path/to/image.jpg",this.alt="Image",this.size=void 0,this.objectFit="cover"}render(){return this.objectFit&&(this.dataset.objectFit=this.objectFit),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%"};
`,f`<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`}handleImageError(){this.dispatchEvent(new CustomEvent("onLoadError",{bubbles:!0,composed:!0}))}};e.styles=[p,u,v];r([h()],e.prototype,"src",void 0);r([h()],e.prototype,"alt",void 0);r([h()],e.prototype,"size",void 0);r([h()],e.prototype,"objectFit",void 0);e=r([m("wui-image")],e);