https://www.eurovision.de/resources/assets/ndrlightbox-a3fb9763923c25dcdba66cd2fa5e85b6e1915165.chunk.js

1"use strict";(self.webpackChunkndr_unified=self.webpackChunkndr_unified||[]).push([[666],{4965(e,t,n){n.r(t),n.d(t,{ndrlightbox:()=>r});var i=n(4704),l=n(6415);let o;class r{constructor(){this.template='<div id="nlb-mainelement"><div id="nlb-textinfo"><div id="nlb-caption"></div><div id="nlb-copyright"></div></div></div><button id="nlb-close"><span class="srlabel">Größere Bildansicht schließen</span><span class="icon icon-x"></span></button>',this.animationdelay=250,this.galleryindex=-1,this.opener="",o=this}initResizeListener(){window.addEventListener("resize",()=>{document.querySelector("#nlb")?.classList.contains("on")&&this.checkCaptionPosition()})}checkCaptionPosition(){const e=document.querySelector("#nlb").clientHeight,t=document.querySelector("#nlb-mainelement").getBoundingClientRect(),n=document.querySelector("#nlb-textinfo").clientHeight;e-t.bottom<n?(document.querySelector("#nlb-textinfo").classList.add("fixedbottom"),document.querySelector("#nlb-textinfo").style.maxWidth=t.width+"px"):(document.querySelector("#nlb-textinfo").classList.remove("fixedbottom"),document.querySelector("#nlb-textinfo").style.maxWidth="auto"),t.x<10?document.querySelector("#nlb-textinfo").classList.add("forcepadding"):document.querySelector("#nlb-textinfo").classList.remove("forcepadding")}show(e,t,n){document.querySelector("#nlb")||this.addHTML(),-1==this.galleryindex&&document.querySelector("#nlb-close").focus(),this.opener=e.querySelector(".zoomimage");let o=e.querySelector(".image-container").cloneNode(!0);t=o.classList.contains("portrait")||o.classList.contains("hochkant")?"hochkant":o.classList.contains("quadratisch")?"quadratisch":o.classList.contains("square")?"square":"",document.querySelector("#nlb-mainelement").querySelector(".image-container")?.remove(),document.querySelector("#nlb-mainelement").appendChild(o),document.querySelector("#nlb-mainelement").setAttribute("class",t),n&&(document.querySelector("#nlb-mainelement").style.maxWidth=n),document.querySelector("#nlb-caption").innerText=null!=e.querySelector(".caption")?e.querySelector(".caption").innerText:"";var r=e.querySelector("img").getAttribute("title").match(/\| (.*)$/);if(r){var s=r[0];document.querySelector("#nlb-copyright").innerText="Bildrechte: "+s.replace(/\| /,"")}(0,i.iconColors)(),(0,l.resizeImages)(),document.querySelector("#nlb").classList.add("on"),document.body.style.overflow="hidden",this.checkCaptionPosition(),document.addEventListener("keyup",this.escapeHandler)}escapeHandler(e){"Escape"!==e.key&&"Esc"!==e.key&&27!==e.keyCode||o.close()}close(){document.querySelector("#nlb").classList.remove("on"),document.body.style.overflow="auto",document.removeEventListener("keydown",this.escapeHandler),setTimeout(()=>{document.querySelector("#nlb").remove()},this.animationdelay),this.opener?.focus()}buildgallery(e,t,n){this.galleryindex=t||0,this.show(e[this.galleryindex]),setTimeout(()=>{document.querySelector(".nlb-gallerybtn")?.remove();let t=document.createElement("a"),n=document.createElement("a");t.setAttribute("href","#"),t.setAttribute("class","nlb-gallerybtn fwd"),t.innerHTML='<span class="icon icon-chev-right"></span>',n.setAttribute("href","#"),n.setAttribute("class","nlb-gallerybtn back"),n.innerHTML='<span class="icon icon-chev-left"></span>',document.querySelector("#nlb").appendChild(n),document.querySelector("#nlb").appendChild(t),t.addEventListener("click",t=>{t.stopPropagation(),t.preventDefault(),this.nextGalleryImage(e)}),n.addEventListener("click",t=>{t.stopPropagation(),t.preventDefault(),this.previouseGalleryImage(e)}),document.addEventListener("keyup",t=>{"ArrowRight"===t.key||"Right"===t.key||39===t.keyCode?this.nextGalleryImage(e):"ArrowLeft"!==t.key&&"Left"!==t.key&&37!==t.keyCode||this.previouseGalleryImage(e)}),(0,i.iconColors)(),t.focus()},1)}nextGalleryImage(e){this.galleryindex<e.length-1?this.galleryindex++:this.galleryindex=0,this.show(e[this.galleryindex])}previouseGalleryImage(e){this.galleryindex>0?this.galleryindex--:this.galleryindex=e.length-1,this.show(e[this.galleryindex])}addHTML(){let e=document.createElement("div");e.setAttribute("id","nlb"),e.innerHTML=this.template,document.body.append(e),e.querySelector("#nlb-close").addEventListener("click",e=>{e.stopPropagation(),this.close()}),e.addEventListener("click",e=>{this.close()}),this.initResizeListener()}}}}]);