https://www.allgemeine-zeitung.de/assets/StorylineGallery-C6J_U1kS.js

1import{V as W,cl as R,cn as z,a1 as B,O,j as T,N,P as s,ak as M,cI as U,aE as Q,_ as q,r as c,o as u,c as S,a as P,aV as K,aW as X,$ as _,t as C,x as J,Q as Y,ab as y,bN as ee,E as te,al as re,cx as ie,cy as oe,aj as le,l as f,w as v,g as $,F as k,h as D,e as ne}from"./index-BpyDjooP.js";import{s as ae,a as se,b as de,v as he}from"./sliderInteractionTracking-BL9K7bDk.js";var ue=Object.defineProperty,ce=Object.getOwnPropertyDescriptor,L=(t,e,r,o)=>{for(var i=o>1?void 0:o?ce(e,r):e,l=t.length-1,n;l>=0;l--)(n=t[l])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&ue(e,r,i),i};let m=class extends W{queryChanged(t){throw Error("queryChanged method must be overridden in the component that uses this mixin")}onPropertyChanged(){this.$route.path===this.routePath&&this.queryChanged(this.$route.query)}onRoutePathChange(){this.routePath=this.$route.path}async mounted(){this.routePath=this.$route.path}setURLParameters(t,e=!1){let{fullPath:r}=this.$router.resolve({query:{...t}});R(this.$router.currentRoute.value.path)&&(r=r.replace(/^\//,z)),this.$router.options.history.location!==r&&(e?this.$router.options.history.replace(r):this.$router.options.history.push(r))}};L([B("$route.query")],m.prototype,"onPropertyChanged",1);L([B("$route.path")],m.prototype,"onRoutePathChange",1);m=L([O({name:"QueryWatcherMixin"})],m);var pe=Object.defineProperty,me=Object.getOwnPropertyDescriptor,w=(t,e,r,o)=>{for(var i=o>1?void 0:o?me(e,r):e,l=t.length-1,n;l>=0;l--)(n=t[l])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&pe(e,r,i),i};let d=class extends T(N){constructor(){super(...arguments),this.emits=["update:modelValue","IsZooming"],this.sliderBackgroundColor="#000000",this.isZooming=!1}get src(){return this.image.src}handleOnZoom(e){this.isZooming=e,this.$emit("onZoom",e)}};w([s({})],d.prototype,"image",2);w([s({})],d.prototype,"modelValue",2);w([s({type:Boolean,default:!0})],d.prototype,"lazyLoad",2);d=w([O({name:"GallerySlide",components:{DnmDivider:M,DnmZoomablePicture:U,DnmIcon:Q}})],d);const ge={class:"gallerySlide"},ye={class:"gallerySlide__infoWrapper"},fe={class:"gallerySlide__description"};function ve(t,e,r,o,i,l){const n=c("DnmZoomablePicture");return u(),S("div",ge,[P(n,{onOnZoom:t.handleOnZoom,image:t.src,alt:t.image.alt,"desktop-background-color":t.sliderBackgroundColor,"restrict-pinch-under-original-size":!0,"lazy-load":t.lazyLoad,class:"gallerySlide__picture","double-tap-to-zoom-in":""},null,8,["onOnZoom","image","alt","desktop-background-color","lazy-load"]),K(_("div",ye,[_("div",fe,C(t.image.description),1)],512),[[X,!t.isZooming]])])}const Se=q(d,[["render",ve],["__scopeId","data-v-bb678f47"]]);var G;try{"__c"in d&&((G=d.__c).componentFileName??(G.componentFileName=Object.create(null)),Object.defineProperty(d.__c,"componentFileName",{value:"app/components/storyline/storylineGallery/GallerySlide.vue"}))}catch(t){console.error("injectFileNamePlugin",t)}function b(t,e){var o,i,l,n,p,g;if(!J())return;const r=String(e);t==="ios"?(n=(l=(i=(o=window.webkit)==null?void 0:o.messageHandlers)==null?void 0:i.mpsSlideshowScrolling)==null?void 0:l.postMessage)==null||n.call(l,r):t==="android"&&((g=(p=window.mpsSlideshowScrolling)==null?void 0:p.postMessage)==null||g.call(p,r))}function we(t,e){if(e!=="ios"&&e!=="android")return()=>{};const r=()=>b(e,!0),o=()=>b(e,!1),i=()=>b(e,!1);return t.addEventListener("touchstart",r,{passive:!0}),t.addEventListener("touchend",o,{passive:!0}),t.addEventListener("touchcancel",i,{passive:!0}),()=>{t.removeEventListener("touchstart",r),t.removeEventListener("touchend",o),t.removeEventListener("touchcancel",i)}}var be=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,h=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ie(e,r):e,l=t.length-1,n;l>=0;l--)(n=t[l])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&be(e,r,i),i};const I="gallery",x="-";let a=class extends T(m,Y,N){constructor(){super(...arguments),this.galleryIndex=0,this.indexToOpenInLightbox=0,this.showLightbox=!1,this.showDescription=!1,this.disableSlider=!1,this.removeSlideshowScrollingListeners=null}get galleryTitle(){return[this.$t("storylineGallery.headline"),this.title].filter(Boolean).join(": ")}get imagesForLightboxSlider(){return this.images.map(e=>({image:this.mapImagePropsToImage(e)}))}get imagesForImageSlider(){return this.images.map(this.mapImagePropsToImage)}mapImagePropsToImage(e){return{src:e.image||"",alt:e.alt||"",damId:e.damId,description:e.description||""}}observationCallBack(){var e;this.imagesForImageSlider&&this.imagesForImageSlider.length&&(ae(this.galleryTitle),(e=this.observer)==null||e.unobserve(this.$el))}rightArrowClickHandle(){se(this.galleryTitle)}leftArrowClickHandle(){de(this.galleryTitle)}sliderChangeHandle(e){he(e+1,this.images.length,this.galleryTitle),this.EventBus.publish("gallery.clicked")}handleImageClick(e){if(this.indexToOpenInLightbox=e,this.outputMedium===y.Embedded){const r=this.$route;this.navigate({...r,query:this.urlQueryWithGalleryParameter()},!0);return}this.openLightBox(),this.EventBus.publish("gallery.clicked")}queryGalleryIndex(e){var o;const r=(o=e[I])==null?void 0:o.toString();if(r){const[i,l]=r.split(x);return{galleryIndex:i,imageIndex:l}}return null}async mounted(){const e=this.queryGalleryIndex(this.$route.query);if(e&&e.galleryIndex===this.galleryIndex.toString(10)){if(this.outputMedium!==y.Embedded){const r=this.$route.query;delete r[I],this.setURLParameters(r,!0)}if(e.imageIndex){const r=parseInt(e.imageIndex,10);!Number.isNaN(r)&&r>=0&&r<this.images.length&&(this.indexToOpenInLightbox=r)}this.openLightBox()}this.registerEPaperSlideshowScrolling()}unmounted(){var e;(e=this.removeSlideshowScrollingListeners)==null||e.call(this),this.removeSlideshowScrollingListeners=null}async registerEPaperSlideshowScrolling(){if(this.outputMedium!==y.Embedded)return;await this.$nextTick();const e=this.$el.querySelector(".swiper-container");e instanceof HTMLElement&&(this.removeSlideshowScrollingListeners=we(e,ee(this.$route.query)))}queryChanged(e){const r=this.queryGalleryIndex(e);this.showLightbox=!!(r&&r.galleryIndex===this.galleryIndex.toString(10))}urlQueryWithGalleryParameter(){const e=this.$route.query;return e[I]=`${this.galleryIndex}${x}${this.indexToOpenInLightbox}`,e}openLightBox(){const e=this.urlQueryWithGalleryParameter();this.setURLParameters(e),this.showLightbox=!0}closeLightBox(){if(this.isBrowser()&&this.outputMedium===y.Embedded){window.close();return}this.$router.back()}handleDescriptionClick(e){this.navigate(e,!0)}handleOnZoom(e){this.disableSlider=e}}

1;h([s({default:()=>[]})],a.prototype,"images",2);h([s({type:String,default:""})],a.prototype,"title",2);h([s({type:String,default:""})],a.prototype,"imageGalleryUrl",2);h([s({type:Boolean,default:!1})],a.prototype,"hideGalleryTitle",2);h([s({type:Boolean,default:!1})],a.prototype,"isAdvertorial",2);h([s({type:Boolean,default:!0})],a.prototype,"lazyLoad",2);h([s({type:Boolean,default:!1})],a.prototype,"isLcp",2);h([s({default:0})],a.prototype,"galleryIndex",2);a=h([O({name:"StorylineGallery",components:{DnmContentWrapper:te,DnmHeadline:re,DnmImageSlider:ie,DnmLightboxSlider:oe,DnmPicture:le,GallerySlide:Se}})],a);function Pe(t,e,r,o,i,l){const n=c("DnmLink"),p=c("DnmHeadline"),g=c("DnmContentWrapper"),A=c("DnmImageSlider"),F=c("GallerySlide"),j=c("DnmLightboxSlider");return u(),S("div",null,[t.hideGalleryTitle?D("",!0):(u(),f(g,{key:0,size:"medium",class:"gallery__headline"},{default:v(()=>[P(p,{"headline-style":"headline3",tag:"h2"},{default:v(()=>[t.imageGalleryUrl?(u(),f(n,{key:0,href:t.imageGalleryUrl,class:"gallery__link","data-testid":"gallery-link"},{default:v(()=>[$(C(t.galleryTitle),1)]),_:1},8,["href"])):(u(),S(k,{key:1},[$(C(t.galleryTitle),1)],64))]),_:1})]),_:1})),t.imagesForImageSlider&&t.imagesForImageSlider.length?(u(),f(A,{key:1,images:t.imagesForImageSlider,onOnRightArrowClick:t.rightArrowClickHandle,onOnLeftArrowClick:t.leftArrowClickHandle,onOnSliderChange:t.sliderChangeHandle,onOnImageClick:t.handleImageClick,onOnInfoLinkClick:t.handleDescriptionClick,"content-wrapper-size":"medium",clickable:"","lazy-load":t.lazyLoad,fetchpriority:t.isLcp?"high":void 0,"fetchpriority-count":4},null,8,["images","onOnRightArrowClick","onOnLeftArrowClick","onOnSliderChange","onOnImageClick","onOnInfoLinkClick","lazy-load","fetchpriority"])):D("",!0),P(j,{"model-value":t.showLightbox,"onUpdate:modelValue":t.closeLightBox,"open-at-index":t.indexToOpenInLightbox,"slider-disabled":t.disableSlider,onOnNextButtonClick:t.rightArrowClickHandle,onOnPreviousButtonClick:t.leftArrowClickHandle},{default:v(()=>

1[(u(!0),S(k,null,ne(t.imagesForLightboxSlider,(Z,H)=>(u(),f(F,{modelValue:t.showDescription,"onUpdate:modelValue":e[0]||(e[0]=V=>t.showDescription=V),image:Z.image,key:H,onOnZoom:t.handleOnZoom},null,8,["modelValue","image","onOnZoom"]))),128))]),_:1},8,["model-value","onUpdate:modelValue","open-at-index","slider-disabled","onOnNextButtonClick","onOnPreviousButtonClick"])])}const $e=q(a,[["render",Pe],["__scopeId","data-v-c7ffff43"]]);var E;try{"__c"in a&&((E=a.__c).componentFileName??(E.componentFileName=Object.create(null)),Object.defineProperty(a.__c,"componentFileName",{value:"app/components/storyline/storylineGallery/StorylineGallery.vue"}))}catch(t){console.error("injectFileNamePlugin",t)}export{$e as default};