/*!
 * KoliBri - The accessible HTML-Standard
 */
import{r as t,h as i,H as s}from"./index-cf24d1fe.js";import{w as e,i as a}from"./prop.validators-5a58fa40.js";import{v as n}from"./image-source-87526275.js";import"./index-5728f164.js";import"./dev.utils-fab45cbc.js";const r=["eager","lazy"];function d(t,s){e(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){a(this,"_alt",t,{required:!0})}validateLoading(t){d(this,t)}validateSizes(t){a(this,"_sizes",t)}validateSrc(t){n(this,t,{required:!0})}validateSrcset(t){a(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:"35060e13dba448cc0f1a193663308482db063a03",class:"kol-image"},i("img",{key:"27dd05459ce46a822b26e9221bb4fd62e9434359",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};