https://www.echo-online.de/assets/MultimediaOverviewPage-NKpLuMGp.js

1import{G as M,j as L,N as $,Q as z,A as E,B as q,aa as O,bZ as H,Y as U,a5 as R,P as x,O as A,E as S,al as K,aT as Q,ak as T,a6 as Y,_ as N,r as s,o as v,c as P,l as D,w as d,g as W,t as G,a as i,F as Z,e as J,h as y,b9 as I,au as X,S as ee,bc as te,$ as oe}from"./index-D-iuxWOd.js";import{M as ae}from"./MultimediaOverviewPageLayout-BEMLtkoV.js";import{B as j}from"./BlockDivider-DABsdPv0.js";import{L as re}from"./LatestImageGalleries-BRHluyTX.js";import{L as se}from"./LatestPodcasts-DYtGFW9k.js";import{a as ie,b as ne}from"./adSlotProperties-BXGkrmq8.js";import{L as le}from"./LargeTeaserWithSlider-C_7eVV3g.js";import{T as de}from"./TeaserMapper-D0iPVvbm.js";import{c as ce}from"./sliderInteractionTracking-DrZBjYMs.js";import{L as me}from"./LatestVideos-CzgxzpGz.js";import"./InfoContent-BAwSpf2H.js";import"./BlockVisibilityTracker.component-qQ6l5Y2Y.js";import"./TeaserSlider-N8pI_jyn.js";import"./VideoSponsoringAd-Dj_QGhNg.js";var pe=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,m=(t,e,o,r)=>{for(var a=r>1?void 0:r?ve(e,o):e,c=t.length-1,n;c>=0;c--)(n=t[c])&&(a=(r?n(e,o,a):n(a))||a);return r&&a&&pe(e,o,a),a};const k=M("mostObservedBlock"),ue=M("edition");let l=class extends L($,z){constructor(){super(...arguments),this.BlockComponentId="mostObservedBlock"}get showComponent(){return this.mostObservedArticles.length>0}async mounted(){this.mostObservedArticles.length<=0&&await this.retrieveMostObservedArticles()}observationCallBack(){var e;if(this.showComponent){const o={eventAction:E.Impression,type:"onImpression"};this.trackEvents(o),(e=this.observer)==null||e.unobserve(this.$el)}}trackEvents({eventAction:e,type:o}){const r={data:{event:"Slider",eventCategory:"Teaser",eventLabel:this.headline,eventAction:e},type:o};q.publishTrackingEvent(r)}get headline(){return this.$t("mostObservedBlock.headline")}async serverPrefetch(){await this.retrieveMostObservedArticles()}beforeMount(){this.threshold=.3}unmounted(){this.RemoveDuplicates.removeComponentFromUniqueArticles(this.BlockComponentId),this.clearState()}async retrieveMostObservedArticles(){const e=new de(this.edition),o=this.getData(O.VideoNexx),r=this.getData(O.Podigee),a=this.getData(O.Gallery),n=(await Promise.all([o,a,r])).filter(_=>!!_),p=e.map(n);await this.RemoveDuplicates.enqueue(0,this.BlockComponentId,p),this.setStories(p)}async getData(e){var r;const o=await this.getPartialContent({name:"piano",parameters:{widget:H.MostClickedMultimedia24h,contextUrl:`${this.origin}${this.$route.path}`,parameters:[["contentType",e]]}});return(r=o==null?void 0:o.queryPiano)==null?void 0:r[0]}handleTeaserClick(e,o){ce(o+1,this.mostObservedArticles.length,e==null?void 0:e.url,this.headline),e!=null&&e.url&&this.navigate(e.url)}};m([x({type:Boolean,required:!1,default:!1})],l.prototype,"hideDivider",2);m([ue.Getter("getEdition")],l.prototype,"edition",2);m([U("getOrigin")],l.prototype,"origin",2);m([R("getPartialContent")],l.prototype,"getPartialContent",2);

1m([k.Getter("getStories")],l.prototype,"mostObservedArticles",2);m([k.Action("setStories")],l.prototype,"setStories",2);m([k.Action("clearState")],l.prototype,"clearState",2);l=m([A({name:"MostObservedBlock",components:{LargeTeaserWithSlider:le,DnmContentWrapper:S,DnmHeadline:K,DnmTeaser:Q,DnmDivider:T,DnmBlockWrapper:Y,BlockDivider:j}})],l);const _e={ref:"trackedBlock"};function ge(t,e,o,r,a,c){const n=s("DnmDivider"),p=s("DnmTeaser"),_=s("BlockDivider"),g=s("DnmContentWrapper"),h=s("DnmBlockWrapper");return v(),P("div",_e,[t.showComponent?(v(),D(h,{key:0,class:"mostObservedBlock__section","data-testid":"most-observed-block"},{title:d(()=>[W(G(t.headline),1)]),default:d(()=>[i(g,{class:"mostObservedBlock__content",size:"large"},{default:d(()=>[i(_,null,{separator:d(()=>[i(n,{class:"mostObservedBlock__divider","divider-type":"dashed-thin"})]),default:d(()=>[(v(!0),P(Z,null,J(t.mostObservedArticles,(b,f)=>(v(),P("div",{key:f,class:"mostObservedBlock__teasers"},[i(p,{onOnClick:B=>t.handleTeaserClick(b,f),article:b,class:"mostObservedBlock__teaser","size-desktop":"large","size-mobile":"large","hide-author":""},null,8,["onOnClick","article"])]))),128))]),_:1})]),_:1}),t.hideDivider?y("",!0):(v(),D(g,{key:0,size:"extraLarge"},{default:d(()=>[i(n,{class:"latestVideos__divider","divider-type":"solid-thin"})]),_:1}))]),_:1})):y("",!0)],512)}const he=N(l,[["render",ge],["__scopeId","data-v-e374c466"]]);var w;try{"__c"in l&&((w=l.__c).componentFileName??(w.componentFileName=Object.create(null)),Object.defineProperty(l.__c,"componentFileName",{value:"app/components/mostObservedBlock/MostObservedBlock.vue"}))}catch(t){console.error("injectFileNamePlugin",t)}var be=Object.defineProperty,fe=Object.getOwnPropertyDescriptor,Oe=(t,e,o,r)=>{for(var a=r>1?void 0:r?fe(e,o):e,c=t.length-1,n;c>=0;c--)(n=t[c])&&(a=(r?n(e,o,a):n(a))||a);return r&&a&&be(e,o,a),a};let u=class extends L($){constructor(){super(...arguments),this.adSlot=I}get traffectiveBillboardCountAdProperties(){return ie({testId:"ad-traffective-banner2",enableCounting:!0})}get traffectiveMobilePosAdSlotProperties(){return ne({testId:"ad-traffective-topmobile2",enableCounting:!0})}handleGalleryButtonClick(){this.navigate(this.galleryUrl)}get galleryUrl(){var e;return((e=X.bildergalerien)==null?void 0:e.path)||"/bildergalerien"}get videosHeadline(){return this.$t("multimediaOverviewPage.videoHeadline").toString()}};u=Oe([A({name:"MultimediaOverviewPage",components:{AdSlot:I,BlockDivider:j,DnmButton:ee,DnmContentWrapper:S,DnmDivider:T,LatestPodcasts:se,MultimediaOverviewPageLayout:ae,LatestImageGalleries:re,MostObservedBlock:he,LatestVideos:me,LazyLoad:te}})],u);const Pe={class:"multimediaOverviewPage__adSlotWrapper"};function De(t,e,o,r,a,c){const n=s("DnmDivider"),p=s("DnmContentWrapper"),_=s("MostObservedBlock"),g=s("LatestVideos"),h=s("LazyLoad"),b=s("DnmButton"),f=s("LatestImageGalleries"),B=s("LatestPodcasts"),V=s("BlockDivider"),F=s("MultimediaOverviewPageLayout");return v(),D(F,{"hide-search-input":""},{default:d(()=>[i(V,null,{separator:d(()=>[i(p,{size:"extraLarge"},{default:d(()=>[i(n,{class:"imageGalleryOverviewPage__divider","divider-type":"solid-thin"})]),_:1})]),default:d(()=>[i(_,{"hide-divider":""}),i(g,{title:t.videosHeadline,"with-button":""},null,8,["title"]),oe("div",Pe,[i(h,{component:t.adSlot,"component-data":t.traffectiveBillboardCountAdProperties,class:"multimediaOverviewPage__adSlot"},null,8,["component","component-data"]),i(h,{component:t.adSlot,"component-data":t.traffectiveMobilePosAdSlotProperties,class:"multimediaOverviewPage__adSlot"},null,8,["component","component-data"])]),i(f,{"block-title":t.$t("multimediaOverviewPage.bildergalerien.title")},{actions:d(()=>[i(b,{onOnClick:t.handleGalleryButtonClick,url:t.galleryUrl,"data-testid":"latest-image-galleries-button"},{default:d(()=>[W(G(t.$t("multimediaOverviewPage.bildergalerien.buttonText")),1)]),_:1},8,["onOnClick","url"])]),_:1},8,["block-title"]),i(B,{headline:t.$t("multimediaOverviewPage.latestPodcastsHeadline"),"show-button":""},null,8,["headline"])]),_:1})]),_:1})}const Ve=N(u,[["render",De],["__scopeId","data-v-81ab24ba"]]);var C;try{"__c"in u&&((C=u.__c).componentFileName??(C.componentFileName=Object.create(null)),Object.defineProperty(u.__c,"componentFileName",{value:"app/pages/contentPage/multimediaOverviewPage/MultimediaOverviewPage.vue"}))}catch(t){console.error("injectFileNamePlugin",t)}export{Ve as default};