/*!
 * (C) Ionic http://ionicframework.com - MIT License
 */
import{r as t,c as i,h as s,d as e,g as o}from"./p-C8IsBmNU.js";import{b as r}from"./p-BiTKUjko.js";import{c as n}from"./p-COLHV2ym.js";import"./p-vXpMhGrs.js";const h=class{constructor(s){t(this,s),this.ionImgWillLoad=i(this,"ionImgWillLoad",7),this.ionImgDidLoad=i(this,"ionImgDidLoad",7),this.ionError=i(this,"ionError",7),this.inheritedAttributes={},this.onLoad=()=>{this.ionImgDidLoad.emit()},this.onError=()=>{this.ionError.emit()}}srcChanged(){this.addIO()}componentWillLoad(){this.inheritedAttributes=r(this.el,["draggable"])}componentDidLoad(){this.addIO()}addIO(){void 0!==this.src&&("undefined"!=typeof window&&"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"isIntersecting"in window.IntersectionObserverEntry.prototype?(this.removeIO(),this.io=new IntersectionObserver((t=>{t[t.length-1].isIntersecting&&(this.load(),this.removeIO())})),this.io.observe(this.el)):setTimeout((()=>this.load()),200))}load(){this.loadError=this.onError,this.loadSrc=this.src,this.ionImgWillLoad.emit()}removeIO(){this.io&&(this.io.disconnect(),this.io=void 0)}render(){const{loadSrc:t,alt:i,onLoad:o,loadError:r,inheritedAttributes:h}=this,{draggable:d}=h,c=n(this);return s(e,{key:"70377d0128ad109580598f5c0a19cdee1d1f8f2a",class:{[c]:!0}},s("img",{key:"022467667337d04384d19d78378b5cf499e1b6c9",decoding:"async",src:t,alt:i,onLoad:o,onError:r,part:"image",draggable:a(d)}))}get el(){return o(this)}static get watchers(){return{src:["srcChanged"]}}},a=t=>{switch(t){case"true":return!0;case"false":return!1;default:return}};h.style=":host{display:block;-o-object-fit:contain;object-fit:contain}img{display:block;width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}";export{h as ion_img}