/*!
 * KoliBri - The accessible HTML-Standard
 */
import{r as registerInstance,h,H as Host}from"./index-9ca46203.js";import{A as watchString,C as validateLoading,D as validateImageSource}from"./index-0489af72.js";const defaultStyleCss="@layer kol-component {\n  :host {\n    display: inline-block;\n  }\n  img {\n    max-height: 100%;\n    max-width: 100%;\n  }\n}",KolImageDefaultStyle0=defaultStyleCss,KolImage=class{constructor(t){registerInstance(this,t),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){watchString(this,"_alt",t,{required:!0})}validateLoading(t){validateLoading(this,t)}validateSizes(t){watchString(this,"_sizes",t)}validateSrc(t){validateImageSource(this,t,{required:!0})}validateSrcset(t){watchString(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 h(Host,{key:"7a14433b1a6d00775fdfd5eee2738b5e9502062c",class:"kol-image"},h("img",{key:"a303659a5b92761be4c1afb41f40341937e4e1b0",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"]}}};KolImage.style={default:KolImageDefaultStyle0};export{KolImage as kol_image};