"use strict";(self.webpackChunkceet_carroya_frontend_portal=self.webpackChunkceet_carroya_frontend_portal||[]).push([[8955],{78955:function(t,i,s){s.r(i),s.d(i,{cy_img:function(){return r}});var e=s(63343);const n=window.IntersectionObserver&&"loading"in HTMLImageElement.prototype;n||(window.lazySizesConfig=window.lazySizesConfig||{},window.lazySizesConfig.lazyClass="lazy",s.e(6110).then(s.bind(s,96110)).then((function(t){return t.l})).then((()=>{s.e(4079).then(s.bind(s,74079)).then((function(t){return t.l})).then((()=>{}))})));const l=n,r=class{constructor(t){(0,e.r)(this,t),this.src=null,this.srcset=null,this.sizes=null,this.alt=null,this.fallback=null,this.loading="eager",this.height=null,this.width=null,this.visible=!1}async componentDidLoad(){await this.loadContent()}fallbackTrigger(t){`${this.fallback}`.trim()&&!`${t.currentTarget.src}`.includes(this.fallback)&&(t.currentTarget.src=this.fallback,t.currentTarget.srcset=this.fallback)}buildNative(t){return(0,e.h)("img",{"data-render":t,class:"cy-img",role:"presentation",loading:this.loading,width:this.width,height:this.height,alt:this.alt,sizes:this.sizes,srcSet:this.srcset,src:this.src,onError:this.fallbackTrigger.bind(this)})}buildIntersection(t){return this.visible?(0,e.h)("img",{"data-render":t,class:"cy-img",role:"presentation",loading:this.loading,width:this.width,height:this.height,alt:this.alt,sizes:this.sizes,srcSet:this.srcset,src:this.src,onError:this.fallbackTrigger.bind(this)}):null}buildPolyfill(t){return(0,e.h)("img",{"data-render":t,class:"cy-img lazy",role:"presentation",loading:this.loading,width:this.width,height:this.height,alt:this.alt,"data-sizes":this.sizes,"data-srcset":this.srcset,"data-src":this.src,onError:this.fallbackTrigger.bind(this)})}buildDefault(){return(0,e.h)("img",{class:"cy-img",role:"presentation",width:this.width,height:this.height,alt:this.alt,sizes:this.sizes,srcSet:this.srcset,src:this.src,onError:this.fallbackTrigger.bind(this)})}render(){const t=!!("lazy"===this.loading&&l&&this.height&&this.width),i="lazy"===this.loading&&l&&!t,s="lazy"===this.loading&&!l,n=`${"lazy"===this.loading&&t?"lazy+native":""}${"lazy"===this.loading&&i?"lazy+intersection":""}${"lazy"===this.loading&&s?"lazy+polyfill":""}`,r={"lazy+native":()=>this.buildNative(n),"lazy+intersection":()=>this.buildIntersection(n),"lazy+polyfill":()=>this.buildPolyfill(n)}[n]||(()=>this.buildDefault());return(0,e.h)(e.H,null,r())}async loadContent(){const t=!!("lazy"===this.loading&&l&&this.height&&this.width),i="lazy"===this.loading&&l;!t&&i&&l&&e.B.isBrowser?(this.visible=!1,this.waitUntilVisibleImg((()=>{this.visible=!0}))):this.visible=!0}waitUntilVisibleImg(t){l&&e.B.isBrowser?(this.intersectionObserverImg&&(this.intersectionObserverImg.disconnect(),this.intersectionObserverImg=null),this.intersectionObserverImg=new IntersectionObserver((i=>{i.forEach((i=>{i.isIntersecting&&(this.intersectionObserverImg.disconnect(),this.intersectionObserverImg=null,t())}))}),{rootMargin:"50px"}),this.intersectionObserverImg.observe(this.el)):t()}disconnectedCallback(){this.intersectionObserverImg&&(this.intersectionObserverImg.disconnect(),this.intersectionObserverImg=null)}get el(){return(0,e.g)(this)}static get watchers(){return{srcset:["loadContent"],sizes:["loadContent"],src:["loadContent"],fallback:["loadContent"],loading:["loadContent"]}}};r.style=":host{display:block}.cy-img{display:block;height:auto;max-width:100%}"}}]);