{"version":3,"names":["StLazyImg","componentDidLoad","globalThis","imageLoader","initialize","render","h","Host","class","this","cssClass","imgSrcWebp","type","imgSrc","alt","imgAlt","role"],"sources":["./src/components/media/kdx-lazy-img/kdx-lazy-img.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'kdx-lazy-img',\r\n  shadow: false,\r\n})\r\nexport class StLazyImg {\r\n\r\n  @Prop() imgSrc: string;\r\n  @Prop() imgAlt: string;\r\n  @Prop() imgSrcWebp: string;\r\n  @Prop() cssClass: string = '';\r\n\r\n  componentDidLoad() {\r\n    globalThis.imageLoader?.initialize();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <picture>\r\n            <source class={`img-load-lazy ${this.cssClass}`} data-srcset={this.imgSrcWebp} type=\"image/webp\" />\r\n            <source class={`img-load-lazy ${this.cssClass}`} data-srcset={this.imgSrc} /> \r\n            <img class={`img-load-lazy ${this.cssClass}`} data-src={this.imgSrc} alt={this.imgAlt} role={!this.imgAlt ? 'presentation' : ''} />\r\n          </picture>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n}\r\n"],"mappings":"wDAMaA,EAAS,M,6GAKO,E,CAE3BC,mBACEC,WAAWC,aAAaC,Y,CAG1BC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,eACIA,EAAA,UAAQE,MAAO,iBAAiBC,KAAKC,WAAU,cAAeD,KAAKE,WAAYC,KAAK,eACpFN,EAAA,UAAQE,MAAO,iBAAiBC,KAAKC,WAAU,cAAeD,KAAKI,SACnEP,EAAA,OAAKE,MAAO,iBAAiBC,KAAKC,WAAU,WAAYD,KAAKI,OAAQC,IAAKL,KAAKM,OAAQC,MAAOP,KAAKM,OAAS,eAAiB,M"}