https://www.hochheimer-zeitung.de/assets/ImageGalleryDetailPage-Dkge7NjH.js

1import{G as O,j as T,N as $,bH as E,aa as L,P as I,O as N,a6 as z,_ as j,r as s,o as u,l as H,w as p,$ as g,t as h,a as o,h as f,Q as M,b8 as F,ba as x,k as V,K as U,u as q,aA as P,cA as K,I as w,i as J,b9 as Q,bt as X,ad as Y,S as Z,E as ee,al as te,aE as ae,bu as ne,cB as re,cC as le,J as ie,ac as oe,c as b,g as S,ae as se}from"./index-D-iuxWOd.js";import{s as ce}from"./sliderInteractionTracking-DrZBjYMs.js";import{S as de}from"./StorylineIntro-CCxz8JSS.js";import{m as me}from"./BlockDivider-DABsdPv0.js";import{S as pe}from"./StorylineHeader-B7Ul6szC.js";import ye from"./StorylineGallery-C69LgEdD.js";import{L as ge}from"./LargeTeaserWithSlider-C_7eVV3g.js";import{P as ue,f as he,R as fe}from"./index-BXk4ke_e.js";import"./TeaserSlider-N8pI_jyn.js";var ve=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,v=(t,e,a,n)=>{for(var r=n>1?void 0:n?_e(e,a):e,l=t.length-1,i;l>=0;l--)(i=t[l])&&(r=(n?i(e,a,r):i(r))||r);return n&&r&&ve(e,a,r),r};const De=O("edition");let c=class extends T($){constructor(){super(...arguments),this.recommendedArticles=[],this.maxTeasers=9}get showComponent(){return this.recommendedArticles.length>0}async mounted(){await this.retrieveRecommendedGalleries()}async retrieveRecommendedGalleries(){const e=ue.mostClickedMultimedia7Days,a={...this.edition.piano.widgets[e]};this.currentGalleryId&&(a.neighbors=[this.currentGalleryId]);const n=E(a,{contentType:L.Gallery});this.recommendedArticles=await he([n],fe.default,this.edition,this.maxTeasers)}};v([De.Getter("getEdition")],c.prototype,"edition",2);v([I({type:String,required:!1,default:void 0})],c.prototype,"currentGalleryId",2);c=v([N({name:"RecommendedGalleries",components:{LargeTeaserWithSlider:ge,DnmBlockWrapper:z}})],c);const Pe={"data-testid":"recommended-galleries-similar-sections-headline"};function we(t,e,a,n,r,l){const i=s("LargeTeaserWithSlider"),m=s("DnmBlockWrapper");return t.showComponent?(u(),H(m,{key:0,class:"recommendedGalleries","data-testid":"recommended-galleries"},{title:p(()=>[g("span",Pe,h(t.$t("recommendedGalleries.headline")),1)]),default:p(()=>[o(i,{articles:t.recommendedArticles,"max-items":t.maxTeasers,"should-display-slider":t.recommendedArticles.length>1,class:"recommendedGalleries__block","data-testid":"recommended-galleries-big-teaser-with-slider","extra-card":""},null,8,["articles","max-items","should-display-slider"])]),_:1})):f("",!0)}const be=j(c,[["render",we]]);var G;try{"__c"in c&&((G=c.__c).componentFileName??(G.componentFileName=Object.create(null)),Object.defineProperty(c.__c,"componentFileName",{value:"app/components/recommendedGalleries/RecommendedGalleries.vue"}))}catch(t){console.error("injectFileNamePlugin",t)}var Se=Object.defineProperty,Ge=Object.getOwnPropertyDescriptor,_=(t,e,a,n)=>{for(var r=n>1?void 0:n?Ge(e,a):e,l=t.length-1,i;l>=0;l--)(i=t[l])&&(r=(n?i(e,a,r):i(r))||r);return n&&r&&Se(e,a,r),r};const Ce=O("contentPage");let d=class extends T(M,$){constructor(){super(...arguments),this.adSlotNames=F,this.adserverDeviceSize=x,this.imageGalleryOverviewUrl="/bildergalerien",this.context=V(()=>{var i;const e=U(),a=e.getters["contentPage/currentPageTitle"],n=e.getters.getOrigin,r={description:((i=this.galleryData)==null?void 0:i.description)||"",origin:n,data:this.content,title:a()},l=me(r,e);return q(l),{}})}get galleryType(){var e,a;return((a=(e=this.content)==null?void 0:e.context)==null?void 0:a.__typename)||""}get paywall(){return this.content&&typeof this.content.context=="object"&&this.content.context&&"fields"in this.content.context&&typeof this.content.context.fields=="object"&&this.content.context.fields&&"paywall"in this.content.context.fields&&typeof this.content.context.fields.paywall=="string"&&this.content.context.fields.paywall||""}get galleryData(){var n,r,l,i,m,y;const e=(n=this.content)==null?void 0:n.context,a=(r=this.content)==null?void 0:r.resolution;return!e||!("fields"in e)?null:{id:(e==null?void 0:e.id)||void 0,description:((l=e==null?void 0:e.fields)==null?void 0:l.body)||void 0,href:e.href||void 0,images:this.getImages(e.relatedImages)||void 0,published:e.publishDate||void 0,sectionLink:((i=a==null?void 0:a.section)==null?void 0:i.href)||void 0,sectionName:((m=a==null?void 0:a.section)==null?void 0:m.name)||void 0,title:((y=e==null?void 0:e.fields)==null?void 0:y.title)||void 0,updated:e.changeDate||void 0}}get shouldDisplayPaywall(){return this.currentPaywallType===P.PLUS||this.currentPaywallType===P.METERED}get isGalleryModified(){return this.content.context?K(this.content.context):!1}get modifiedDate(){return this.content.context?w(this.content.context).toISOString():""}get publishedDate(){return this.content.context?w(this.content.context,!0).toISOString():""}get galleryTitle(){var e,a;return(e=this.galleryData)!=null&&e.title?[this.$t("gallery.headline"),(a=this.galleryData)==null?void 0:a.title].join(": "):this.$t("gallery.headline")}getImages(e){if(!e)return[];const a=[];return e.forEach(n=>{var r;

1if(n&&n.content&&"fields"in n.content){const{fields:l}=n.content;a.push({image:(r=l==null?void 0:l.landscape)==null?void 0:r.href_full,alt:(l==null?void 0:l.caption)||void 0,description:l!=null&&l.credit?`${n==null?void 0:n.caption} (${J.t("enrichedImage.photoCredit")} ${l.credit})`:(n==null?void 0:n.caption)||void 0,type:"PictureProps"})}}),a}observationCallBack(){var e,a;ce(((e=this.galleryData)==null?void 0:e.title)||""),(a=this.observer)==null||a.unobserve(this.$el)}navigateToGalleryOverview(){this.navigate(this.imageGalleryOverviewUrl,!1)}};_([I({required:!0})],d.prototype,"content",2);_([Ce.Getter("currentPaywallType")],d.prototype,"currentPaywallType",2);d=_([N({name:"ImageGalleryDetailPage",components:{AdSlot:Q,DnmArticleDate:X,DnmArticleHeader:Y,DnmButton:Z,DnmContentWrapper:ee,DnmHeadline:te,DnmIcon:ae,DnmIconLink:ne,DnmImageSlider:re,DnmLightboxSlider:le,DnmParagraph:ie,StorylineGallery:ye,StorylineHeader:pe,StorylineIntro:de,ComposerPosition:oe,RecommendedGalleries:be}})],d);const Oe={class:"gallery__mainContent"},Te={class:"gallery__paywallGrid"},$e={class:"gallery__paywallGridElement"},Ie={key:0,class:"gallery__paywallContainer gallery__paywallGridElement"};function Ne(t,e,a,n,r,l){const i=s("DnmLink"),m=s("StorylineHeader"),y=s("StorylineGallery"),k=s("ComposerPosition"),D=s("AdSlot"),A=s("StorylineIntro"),B=s("DnmButton"),R=s("DnmContentWrapper"),W=s("RecommendedGalleries");return t.galleryData?(u(),b("article",{key:0,class:se(["gallery",{"--stack":!t.isWebApp}])},[o(m,{title:t.galleryTitle,"story-type":t.galleryType,paywall:t.paywall,"data-testid":"gallery-header"},{category:p(()=>[o(i,{href:t.galleryData.sectionLink,"data-testid":"gallery-sectionLink"},{default:p(()=>[S(h(t.galleryData.sectionName),1)]),_:1},8,["href"])]),_:1},8,["title","story-type","paywall"]),g("main",Oe,[g("div",Te,[g("div",$e,[o(y,{images:t.galleryData.images,title:t.galleryTitle,class:"gallery__mainContent__imageGallery","data-testid":"gallery-storyline-gallery","hide-gallery-title":""},null,8,["images","title"])]),t.shouldDisplayPaywall?(u(),b("div",Ie,[o(k,{"position-name":t.currentPaywallType==="metered"?"meteredPaywallComposerPosition":"paywallComposerPosition"},null,8,["position-name"])])):f("",!0)]),o(D,{"ad-slot":t.adSlotNames.traffectiveRectangle1,"device-size":t.adserverDeviceSize.desktop,"no-stack":"",class:"gallery__rectangle","data-testid":"ad-traffective-rectangle"},null,8,["ad-slot","device-size"]),o(A,{"hide-author":!0,"lead-text":t.galleryData.description,"manual-update-date":t.modifiedDate,published:t.publishedDate,"data-testid":"storyline-intro"},null,8,["lead-text","manual-update-date","published"]),o(R,null,{default:p(()=>[o(B,{onOnClick:t.navigateToGalleryOverview,url:t.imageGalleryOverviewUrl,class:"gallery__button","data-testid":"gallery-footer-button"},{default:p(()=>[S(h(t.$t("gallery.overviewNavigationButton")),1)]),_:1},8,["onOnClick","url"])]),_:1})]),o(D,{"ad-slot":t.adSlotNames.traffectiveMobilePos,"device-size":t.adserverDeviceSize.mobile,"enable-counting":!0,class:"gallery__adSlotMobile","data-testid":"ad-traffective-mobilepos"},null,8,["ad-slot","device-size"]),o(W,{"current-gallery-id":t.galleryData.id},null,8,["current-gallery-id"])],2)):f("",!0)}const Fe=j(d,[["render",Ne],["__scopeId","data-v-9cf17033"]]);var C;try{"__c"in d&&((C=d.__c).componentFileName??(C.componentFileName=Object.create(null)),Object.defineProperty(d.__c,"componentFileName",{value:"app/pages/contentPage/imageGalleryDetailPage/ImageGalleryDetailPage.vue"}))}catch(t){console.error("injectFileNamePlugin",t)}export{Fe as default};