https://static.express.de/__assets/_nuxt/BwwWJMVt.js

1import{n as e}from"./hePW80VL.js";import{C as t,Et as n,I as r,Pt as i,X as a,b as o,d as s,en as c,f as l,ft as u,h as d,in as f,m as p,p as m,q as h,r as g,rn as _,ut as v,x as y}from"./BFmGqvmJ.js";import{t as b}from"./SgBla5Tn.js";import{l as x}from"./CFpCf6Ia.js";import{t as S}from"./sfPJCo6N.js";import{t as C}from"./7E7pkICT.js";import{t as w}from"./BDNMzG2s.js";import{u as T}from"#entry";import{n as E,r as D,t as O}from"./BuP2iF5O.js";import{t as k}from"./B5WFsB29.js";import{t as A}from"./BbA2iiVw.js";import{t as j}from"./BUXVBKAm.js";var M=[`data-layout`],N=t({inheritAttrs:!1,__name:`AbcTeaserCluster`,props:{layout:{default:``},index:{default:1},posSuffix:{default:``},intersectionNotify:{default:`START`},cluster:{},hideTitlesForSecondAndFollowing:{type:Boolean},hasSectionBadges:{type:Boolean},inHomemix:{type:Boolean},baseIndex:{default:0},displayAsDiv:{type:Boolean}},emits:[`intersected`,`clickedTeasable`],setup(e,{emit:t}){let{isExpress:w,isRundschauOnline:N}=S(),P=t,F=e,I=s(()=>e=>E[F.layout]?.imgSizes?.[e]),L=s(()=>F.displayAsDiv?null:{"data-content-teaserCluster":``,"data-k5a-pos":`block${F.index+1}${F.posSuffix?F.posSuffix:``}`}),R=s(()=>F.cluster?.listId===k),z=s(()=>N.value?`plusBackground`:`kPlus`),B=s(()=>R.value?`abc`:F.layout||``),V=s(()=>R.value?F.cluster.teasables?.slice(0,3):F.cluster.teasables),{cssString:H,cssStringMobile:U,sizes:W,sizesMobile:G,indexToTeaserMap:K}=D({pattern:B.value,clusterCustomizer:E}),q=s(()=>F.cluster.teaserClusterEmphasis||`0`),J=s(()=>j.get(q.value).contentInner??``),Y=s(()=>F.hideTitlesForSecondAndFollowing&&F.index!==0),X=n([]),Z=n(!1),Q=s(()=>new Map([[`START`,{index:0,threshold:0}],[`MIDDLE`,{index:Math.ceil(X.value.length/2),threshold:0}],[`END`,{index:X.value.length-1,threshold:1}]]));v(e=>{if(!F.intersectionNotify||!X.value.length)return;Z.value=!1;let{index:t,threshold:n}=Q.value.get(F.intersectionNotify)||{index:0,threshold:0},r=X.value[t]?.$el;if(!r||!(r instanceof HTMLElement))return;let i=x(r,([{isIntersecting:e}])=>{e&&!Z.value&&(P(`intersected`,F.intersectionNotify||`START`),Z.value=!0)},{threshold:n});e(()=>i.stop())});let $=e=>{P(`clickedTeasable`,e)},ee=s(()=>({"--grid-template-areas":H,"--grid-template-columns":W,"--grid-template-areas-mobile":U,"--grid-template-columns-mobile":G}));return(t,n)=>{let s=T,v=C,x=b,S=O,E=A;return h(),d(`section`,r(i(L),{class:[(`emphasisStyles`in t?t.emphasisStyles:i(j)).get(i(q)).content,t.$attrs.class,{"rounded-xl":i(w)}],style:i(ee)}),[e.cluster?.title&&!i(Y)&&!i(R)?(h(),m(s,{key:0,"no-arrow":``,class:c({"page-section-header-margin":!e.cluster.menuHandle&&!(`emphasisStyles`in t?t.emphasisStyles:i(j)).get(i(q)).content,"page-section-header-emphasis-adjustment":!!(`emphasisStyles`in t?t.emphasisStyles:i(j)).get(i(q)).content,"rounded-b-none":e.cluster.menuHandle?.includes(`spotlight`)&&i(w)}),title:e.cluster?.title,"target-path-or-url":e.cluster?.targetUrlPathOrUrl,emphasis:(`emphasisStyles`in t?t.emphasisStyles:i(j)).get(i(q)).title,"emphasis-after":(`emphasisStyles`in t?t.emphasisStyles:i(j)).get(i(q)).titleAfter},null,8,[`class`,`title`,`target-path-or-url`,`emphasis`,`emphasis-after`])):p(``,!0),e.cluster?.title&&!i(Y)&&i(R)?(h(),d(`header`,{key:1,class:c([`bg-primary text-white`,{"rounded-t-xl":i(w)}])},[y(x,{to:`/plus`,class:`flex flex-row items-center gap-2 px-2 py-1 uppercase text-lg font-bold tracking-widest`},{default:u(()=>[y(v,{name:i(z)}

1,null,8,[`name`]),o(` `+f(e.cluster.title),1)]),_:1})],2)):p(``,!0),l(`div`,{class:c([`abcClusterLayout relative`,[`${i(J)}`,{"border border-primary p-4":i(R)}]])},[l(`div`,{"data-layout":i(B),class:c([`layout-grid-gap grid md:gap-y-8 md:gap-x-12 grid-abc items-stretch`,[i(B),i(J),(`emphasisStyles`in t?t.emphasisStyles:i(j)).get(i(q)).content?`abc-gap-adjustments`:``]])},[(h(!0),d(g,null,a(i(V),(t,n)=>(h(),m(S,{ref_for:!0,ref_key:`teasablesRefs`,ref:X,key:t.id,layout:e.layout,"document-id":t.id,lazy:!0,"has-section-badge":!!e.hasSectionBadges,style:_({gridArea:i(K).get(n)?.area}),index:e.baseIndex+n,"override-img-sizes":i(I)(n),"cluster-index":e.index,emphasis:e.cluster.teaserClusterEmphasis,"in-homemix":e.inHomemix,"hide-title":(e.cluster.targetUrlPathOrUrl===`/raetsel`||e.cluster.targetUrlPathOrUrl===`/witz-des-tages`)&&i(w),onClickedArticle:$},null,8,[`layout`,`document-id`,`has-section-badge`,`style`,`index`,`override-img-sizes`,`cluster-index`,`emphasis`,`in-homemix`,`hide-title`]))),128))],10,M),e.cluster?.menuHandle?(h(),m(E,{key:0,"menu-handle":e.cluster?.menuHandle,title:e.cluster?.title||``,url:e.cluster?.targetUrlPathOrUrl,emphasis:(`emphasisStyles`in t?t.emphasisStyles:i(j)).get(i(q)).subnavi,"emphasis-chips":(`emphasisStyles`in t?t.emphasisStyles:i(j)).get(i(q)).subnaviChips,class:c([{"md:px-4":i(J),"sm:px-4":!!(`emphasisStyles`in t?t.emphasisStyles:i(j)).get(i(q)).content},`abcClusterSubChannelMenu`])},null,8,[`menu-handle`,`title`,`url`,`emphasis`,`emphasis-chips`,`class`])):p(``,!0)],2)],16)}}}),P=e({default:()=>F}),F=Object.assign(w(N,[[`__scopeId`,`data-v-9844254e`]]),{__name:`TemplatesAbcTeaserCluster`});export{P as n,F as t};