https://www.deutsche-maerchenstrasse.com/dist/js/ndspatterns/simplelightbox/simplelightbox-DUM3fcSx.js

1import{l as e,r as t}from"../../helpers-ePuekpbm.js";import{t as n}from"../../customSettings-B2PH6rrP.js";import{lazyImageLoader as r}from"../../ndsbase/lazyimages-VXUM_Z79.js";import{t as i}from"../../simpleslider-Bkm4FdoE.js";import{initPlayer as a}from"../audioplayer/audioplayer-zAGQMDoq.js";import{initCookiesNotAllowedHint as o}from"../external-content/cookies-not-allowed-hint-CQdkmGR3.js";var s=t({},{showGallery:!0,showImageCopyright:!1},n.simplelightbox),c={selector:`.js-simplelightbox`,linkSelector:`.js-simplelightbox-link`,footerClassName:`js-simplelightbox-footer`,contentSelector:`.js-simplelightbox-content`,contentWrapSelector:`.js-simplelightbox-content-wrap`,parentSelectors:`.media-gallery, .timeline-horizontal, .timeline-horizontal-variant1`,titleSelector:`.js-simplelightbox-title`,descriptionSelector:`.js-simplelightbox-description`,infosSelector:`.js-simplelightbox-infos`,transcriptSelector:`.js-simplelightbox-transcript`,copyrightSelector:`.js-simplelightbox-copyright`,closeSelector:`.js-simplelightbox-close`,htmlSelector:`.js-simplelightbox-html`,sliderSelector:`.js-simplelightbox-slider`,sliderTrackSelector:`.js-simpleslider-track`,showGallery:s.showGallery,showImageCopyright:s.showImageCopyright,touch:!!(`ontouchstart`in window||window.DocumentTouch&&document instanceof window.DocumentTouch)},l=new class{constructor(e){this.options=e,this.defineDOMElements(),this.handleLightBoxEvents(),this.lastFocused=!1,this.youtubePlaybackState=new WeakMap,this.handleLightboxKeydown=this.handleLightboxKeydown.bind(this)}handleLightBoxEvents(){this.lightBoxElem.addEventListener(`transitionend`,()=>{this.lightBoxElem.classList.contains(`active`)||this.clearLightbox(),this.lightBoxElem.classList.remove(`is-animatable`)},!1)}defineDOMElements(){this.lightBoxElem=document.querySelector(this.options.selector),this.lightBoxContentElem=document.querySelector(this.options.contentSelector),this.lightBoxContentWrapElem=document.querySelector(this.options.contentWrapSelector),this.lightBoxTitleElem=document.querySelector(this.options.titleSelector),this.lightBoxDescriptionElem=document.querySelector(this.options.descriptionSelector),this.lightBoxTranscriptElem=document.querySelector(this.options.transcriptSelector),this.lightBoxCopyrightElem=document.querySelector(this.options.copyrightSelector),this.sliderElem=document.querySelector(this.options.sliderSelector),this.infosElem=document.querySelector(this.options.infosSelector)}add(e){let t=e.getAttribute(`href`);return e.setAttribute(`data-url`,t),this.handleKeyEvents(e),this.options.touch?this.handleTouchEvents(e):this.handleMouseEvents(e),this}handleTouchEvents(e){let t=!1;e.addEventListener(`click`,t=>{t.preventDefault(),!t.target.closest(`.js-lightbox-prevent`)&&!e.isOpen&&this.openLightbox(e)}),e.addEventListener(`touchstart`,()=>{t=!1},{passive:!0}),e.addEventListener(`touchmove`,()=>{t=!0},{passive:!0}),e.addEventListener(`touchend`,n=>{!t&&!e.isOpen&&!n.target.closest(`.js-lightbox-prevent`)&&this.openLightbox(e),t=!1},{passive:!0})}handleMouseEvents(e){e.addEventListener(`click`,t=>{t.preventDefault(),t.target.closest(`.js-lightbox-prevent`)||this.openLightbox(e)})}handleKeyEvents(e){e.addEventListener(`keydown`,t=>{t.code===`Enter`&&(t.preventDefault(),t.target.closest(`.js-lightbox-prevent`)||this.openLightbox(e))})}initSlider(e,t){let n=this.sliderElem.cloneNode(!0),s=n.querySelector(this.options.sliderTrackSelector);n.classList.remove(`hidden`),n.removeAttribute(`inert`),this.lightBoxContentElem.appendChild(n),t.forEach((e,t)=>{e.setAttribute(`data-index`,t);let n=document.createElement(`div`);n.className=`js-simpleslider-item`,n.setAttribute(`data-index`,t),n.dataset.title=e.dataset.title||``,n.dataset.description=e.dataset.description||``,n.dataset.copyright=e.dataset.copyright||``,n.dataset.transcriptUrl=e.dataset.transcriptUrl||``,n.dataset.transcriptTitle=e.dataset.transcriptTitle||``,n.classList.add(`simpleslider__item`),t===0&&n.classList.add(`is-active`),this.addItem(e,n),s.appendChild(n)});let c=parseInt(e.dataset.index);this.sliderInstance=new i(n,{infinite:!0,initSwipe:!1,storeSession:!1,onInitCallback:()=>{n.querySelectorAll(`.js-simpleslider-item .js-audioplayer`).forEach(function(e){a(e)}),this.sliderInstance.goToSlide(c)},afterSlideCallback:()=>{let e=n.querySelectorAll(`.js-simpleslider-item iframe`),t=n.querySelectorAll(`.js-simpleslider-item video`),i=n.querySelector(`.js-simpleslider-item.is-active`),a=i.dataset.type;if(this.setLightboxInfos(i),e.forEach(function(e){e.classList.contains(`js-youtube-iframe`)&&(this.sendYoutubeCommand(e,`pauseVideo`),this.youtubePlaybackState.set(e,!1)),e.getAttribute(`data-cookie-tool`)!==`usercentrics`&&e.setAttribute(`src`,``)}.bind(this)),t.forEach(function(e){e.pause()}),a===`iframe`){if(!i.querySelector(`iframe`).classList.contains(`js-youtube-iframe`))i.querySelector(`iframe`).setAttribute(`src`,i.querySelector(`iframe`).dataset.src);else{o();let e=i.querySelector(`.js-lazybg`);e&&r.loadBgImage(e)}}if(a===`video`&&i.querySelector(`video`).play(),a===`html`){let e=i.querySelector(`iframe`);e&&e.dataset.src&&e.setAttribute(`src`,e.dataset.src)}}}),this.lightBoxElem.classList.add(`is-animatable`),this.lightBoxElem.classList.add(`active`,`visible`),this.sliderInstance.init()}openLightbox(t){this.lastFocused=t,t.isOpen=!0;let n=t.dataset.gallery?t.dataset.gallery:``,r=[];if(n)r=document.querySelectorAll(this.options.linkSelector+`[data-gallery="`+n+`"]`);else{let e=``;e=t.closest(this.options.parentSelectors),e&&(r=e.querySelectorAll(this.options.linkSelector))}this.options.showGallery&&r.length>1?(this.lightBoxElem.classList.add(`is-animatable`),this.lightBoxElem.classList.add(`active`,`visible`),this.initSlider(t,r,n)):(this.addItem(t,this.lightBoxContentElem,!0),this.setLightboxInfos(t),this.lightBoxElem.classList.add(`is-animatable`),this.lightBoxElem.classList.add(`active`,`visible`)),document.addEventListener(`ke

1ydown`,this.handleLightboxKeydown,!0),document.body.classList.add(`is-lightbox-open`),t.classList.contains(`js-simplelightbox-dont-handle-noscroll`)||document.querySelector(`body`).classList.add(`noscroll`),this.initEventListenerClose(t),this.lightBoxElem.removeAttribute(`inert`),this.lightBoxElem.setAttribute(`tabindex`,`-1`),e(this.lightBoxElem,this.lightBoxContentWrapElem),this.lightBoxElem.focus()}initEventListenerClose=e=>{Array.prototype.slice.call(this.lightBoxElem.querySelectorAll(this.options.closeSelector)).forEach(t=>{t.addEventListener(`click`,t=>{t.preventDefault(),this.lightBoxElem.classList.contains(`is-animatable`)||this.closeLightbox(e)}),t.addEventListener(`keydown`,t=>{(t.code===`Enter`||t.code===`Space`)&&(t.preventDefault(),this.lightBoxElem.classList.contains(`is-animatable`)||this.closeLightbox(e))})})};isLightboxActive(){return this.lightBoxElem&&this.lightBoxElem.classList.contains(`active`)&&this.lightBoxElem.classList.contains(`visible`)}isTypingTarget(e){if(!e||!(e instanceof HTMLElement))return!1;let{tagName:t}=e;return t===`INPUT`||t===`TEXTAREA`||t===`SELECT`||e.isContentEditable}getActiveSliderItem(){return!this.sliderInstance||!this.sliderInstance.trackElem?null:this.sliderInstance.trackElem.querySelector(`.js-simpleslider-item.is-active`)}getActiveMediaContainer(){return this.getActiveSliderItem()||this.lightBoxContentElem}sendYoutubeCommand(e,t){e&&e.contentWindow&&e.contentWindow.postMessage(JSON.stringify({event:`command`,func:t,args:[]}),`*`)}toggleActiveSlideYoutube(){let e=this.getActiveMediaContainer();if(!e)return!1;let t=e.querySelector(`iframe.js-youtube-iframe`);if(!t)return!1;let n=this.youtubePlaybackState.get(t)===!0,r=n?`pauseVideo`:`playVideo`;return this.sendYoutubeCommand(t,r),this.youtubePlaybackState.set(t,!n),!0}toggleActiveSlideVideo(){let e=this.getActiveMediaContainer();if(!e)return!1;let t=e.querySelector(`video`);return t?(t.paused?t.play():t.pause(),!0):!1}toggleActiveSlideAudio(){let e=this.getActiveMediaContainer();if(!e)return!1;let t=e.querySelector(`.js-audioplayer-play`);return t?(t.click(),!0):!1}toggleActiveSlideMedia(){return this.toggleActiveSlideVideo()||this.toggleActiveSlideYoutube()?!0:this.toggleActiveSlideAudio()}handleLightboxKeydown(e){if(this.isLightboxActive()){if(e.key===`Escape`||e.keyCode===27){e.preventDefault(),this.closeLightbox(this.lastFocused||e.target);return}if(!this.isTypingTarget(e.target)){if(e.key===`ArrowLeft`){this.sliderInstance&&(e.preventDefault(),this.sliderInstance.navPrev(void 0,`user`));return}if(e.key===`ArrowRight`){this.sliderInstance&&(e.preventDefault(),this.sliderInstance.navNext(void 0,`user`));return}(e.code===`Space`||e.key===` `)&&this.toggleActiveSlideMedia()&&(e.preventDefault(),e.stopPropagation())}}}setLightboxInfos(e){this.infosElem&&(!e.dataset.title&&!e.dataset.description&&!e.dataset.copyright&&!e.dataset.transcriptUrl?this.infosElem.classList.add(`is-hidden`):this.infosElem.classList.remove(`is-hidden`)),this.lightBoxTitleElem.innerText=e.dataset.title?e.dataset.title:``,this.lightBoxDescriptionElem.innerText=e.dataset.description?e.dataset.description:``,this.lightBoxCopyrightElem.innerHTML=e.dataset.copyright?e.dataset.copyright:``,e.dataset.transcriptUrl?(this.lightBoxTranscriptElem.querySelector(`.js-simplelightbox-transcript-btn`).setAttribute(`href`,e.dataset.transcriptUrl),this.lightBoxTranscriptElem.querySelector(`.js-simplelightbox-transcript-btn`).removeAttribute(`aria-disabled`),e.dataset.transcriptTitle&&e.dataset.transcriptTitle!==``&&(this.lightBoxTranscriptElem.querySelector(`.js-simplelightbox-transcript-btn .btn__text`).innerHTML=e.dataset.transcriptTitle),this.lightBoxTranscriptElem.classList.remove(`hidden`)):this.lightBoxTranscriptElem.classList.add(`hidden`)}addItem(e,t,n){switch(e.dataset.type){case`image`:this.addImage(e,t);break;case`video`:this.addVideo(e,t,n);break;case`iframe`:this.addIframe(e,t,n);break;case`html`:this.addHtml(e,t,!0);break;case`audio`:this.addAudio(e,t);break;case`widget`:this.addWidget(e,t)}}addImage(e,t){let n=e.dataset.url.trim(),r=e.dataset.alt,i=e.dataset.title,a=e.querySelector(`.copyright`),o=document.createElement(`figure`),s=document.createElement(`img`);s.setAttribute(`src`,n),s.setAttribute(`alt`,r),s.setAttribute(`title`,i),n.split(`.`).pop()===`svg`&&s.classList.add(`simplelightbox__svg`),o.appendChild(s),o.classList.add(`simplelightbox__figure`),this.options.showImageCopyright&&a&&o.appendChild(a.cloneNode(!0)),t.innerHTML=o.outerHTML}addHtml(e,t){let n=e.querySelector(this.options.htmlSelector);if(n){t.innerHTML=n.innerHTML;let e=t.querySelector(`iframe`);if(e){let t=e.getAttribute(`src`);t&&e.setAttribute(`data-src`,t)}}}addAudio(e,t){let n=e.querySelector(this.options.htmlSelector);if(n){t.innerHTML=n.innerHTML;let e=t.querySelector(`.js-audioplayer`),r=e.querySelector(`.js-audioplayer

1-play`);e&&(a(e),r.click())}}addVideo(e,t,n){this.addHtml(e,t),n?t.querySelector(`video`).play():t.setAttribute(`data-type`,`video`)}addIframe(e,t,n){this.addHtml(e,t);let i=t.querySelector(`iframe`);if(n){if(!i.classList.contains(`js-youtube-iframe`))i.setAttribute(`src`,i.dataset.src);else{o();let e=t.querySelector(`.js-lazybg`);e&&r.loadBgImage(e)}}else t.setAttribute(`data-type`,`iframe`)}addWidget(e,t){this.addHtml(e,t),o()}closeLightbox=e=>{this.lightBoxElem.classList.add(`is-animatable`),this.lightBoxElem.classList.remove(`active`),this.lightBoxElem.setAttribute(`inert`,``),document.removeEventListener(`keydown`,this.handleLightboxKeydown,!0),document.body.classList.remove(`is-lightbox-open`),e.classList.contains(`js-simplelightbox-dont-handle-noscroll`)||document.querySelector(`body`).classList.remove(`noscroll`),e.isOpen=!1,this.lastFocused&&this.lastFocused.focus()};clearLightbox=()=>{this.lightBoxElem.classList.remove(`visible`),this.lightBoxContentElem.innerHTML=``,this.lightBoxTitleElem.innerHTML=``}}(c);(e=>(typeof e==`string`&&(e=document.querySelectorAll(e)),[].slice.call(e).map(e=>l.add(e))))(c.linkSelector);export{l as simpleLightBox};