/*!
 * KoliBri - The accessible HTML-Standard
 */
import{r as t,h as i,H as s}from"./index-b2c61df0.js";import{w as a,i as e}from"./prop.validators-db70e3c4.js";import{v as n}from"./image-source-d770a708.js";import"./index-db4aa6e4.js";import"./dev.utils-1ca991a2.js";const r=["eager","lazy"];function d(t,s){a(t,"_loading",(t=>"string"==typeof t&&r.includes(t)),new Set(r),s)}const o="@layer kol-component {\n  :host {\n    display: inline-block;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  img {\n    max-height: 100%;\n    max-width: 100%;\n  }\n}",l=o,c=class{constructor(s){t(this,s),this._alt=void 0,this._loading="lazy",this._sizes=void 0,this._src=void 0,this._srcset=void 0,this.state={_alt:"",_loading:"lazy",_src:""}}validateAlt(t){e(this,"_alt",t,{required:!0})}validateLoading(t){d(this,t)}validateSizes(t){e(this,"_sizes",t)}validateSrc(t){n(this,t,{required:!0})}validateSrcset(t){e(this,"_srcset",t)}componentWillLoad(){this.validateAlt(this._alt),this.validateLoading(this._loading),this.validateSizes(this._sizes),this.validateSrc(this._src),this.validateSrcset(this._srcset)}render(){return i(s,{key:"eea8ad6a0b03687005b477fec030de58aa049891",class:"kol-image"},i("img",{key:"d00475bd0c8df6a965ae402879910a430231b4a1",alt:this.state._alt,loading:this.state._loading,sizes:this.state._sizes,src:this.state._src,srcset:this.state._srcset}))}static get watchers(){return{_alt:["validateAlt"],_loading:["validateLoading"],_sizes:["validateSizes"],_src:["validateSrc"],_srcset:["validateSrcset"]}}};c.style={default:l};export{c as kol_image};