import{r as t,h as s}from"./p-3ba9c73c.js";import{R as i}from"./p-6b3481e9.js";const e=class{constructor(s){t(this,s),this.resolveLocation=i.NOOP,this.url=""}componentWillLoad(){this.template&&(this.template.location.startsWith("BCE://")?this.resolveLocation(this.template.location).then(t=>this.url=t):this.url=this.template.location)}render(){return this.template&&this.url&&s("img",{src:this.url})}static get style(){return"bce-element-image{display:block;max-width:1200px;text-align:center}bce-element-image img{margin:1rem 0;width:100%;max-height:32rem}\@media screen and (min-width:1024px){bce-element-image{text-align:left;width:auto}}"}};export{e as bce_element_image};