https://dtvnieuws.nl/_nuxt/CEjFY8Dd.js

1import{$ as e,D as t,E as n,M as r,O as i,P as a,T as o,Vt as s,Wt as c,_t as l,j as u,ot as d,rt as f}from"./B9pVQlp5.js";import{n as p}from"./BsjK2QnX.js";import{t as m}from"./Dgl1JKSl.js";import{t as h}from"./BDNMzG2s.js";var g={props:{icon:String,href:String,extraClasses:String,extraIconClasses:String},computed:{dynamicComponent:function(){return`svgo-${this.icon}`}}};function _(r,a,c,l,u,p){return e(),i(`div`,{class:s([`w-auto text-xs md:text-sm lg:text-sm py-0.5 px-2.5 lg:py-1.5 lg:px-4 rounded-full flex flex-row items-center gap-1.5 font-bold border border-border-primary text-text-light`,c.extraClasses])},[c.icon&&c.icon.length?(e(),i(`span`,{key:0,class:s([`w-2 flex-none`,c.extraIconClasses])},[(e(),n(d(p.dynamicComponent)))],2)):t(``,!0),o(`span`,null,[f(r.$slots,`default`)])],2)}var v=Object.assign(h(g,[[`render`,_]]),{__name:`TagSpan`}),y=[`data-prepr-item-id`],b={class:`w-[130px] aspect-[3/2] lg:w-[214px] lg:aspect-[5/4] rounded-lg lg:rounded-2xl overflow-hidden flex-none`},x={class:`w-full h-full relative`},S={class:`absolute hidden lg:block bottom-0 left-0 right-0 p-[10px]`},C={class:`flex flex-row flex-wrap gap-1 text-white text-sm`},w={class:`absolute lg:hidden bottom-0 left-0 right-0 p-2`},T={class:`flex flex-row flex-wrap gap-1 text-white text-sm`},E={class:`content`},D={key:0,class:`text-surface-accent uppercase text-xs mb-1`},O={class:`text-sm text-text-primary font-heading lg:text-1.3xl font-bold mb-2 group-hover:text-text-brand break-words`},k={class:`hidden lg:block`},A=[`innerHTML`],j=Object.assign(h(a({__name:`ArticleHorizontal`,props:{article:{}},setup(a){return(d,f)=>{var h,g;let _=p,j=v,M=m;return a.article?(e(),i(`div`,{key:0,"data-prepr-item-id":a.article.id},[r(M,{to:`/${(h=a.article)==null?void 0:h.slug}`,type:`ArticleWebPage`,class:s([`flex flex-row gap-2 lg:gap-4 group`,{isHighlight:(g=a.article)==null?void 0:g.highlight}])},{default:l(()=>{var r,s,d,p,m,h,g,v,y,M,N,P,F;return[o(`div`,b,[o(`div`,x,[(r=a.article)!=null&&(r=r.headerImage)!=null&&r.thumbnailUrl?(e(),n(_,{key:0,class:`w-full h-full object-cover`,alt:(s=(d=(p=a.article)==null||(p=p.headerImage)==null?void 0:p.description)==null?(m=a.article)==null||(m=m.headerImage)==null?void 0:m.name:d)==null?``:s,src:(h=a.article)==null||(h=h.headerImage)==null?void 0:h.thumbnailUrl},null,8,[`alt`,`src`])):t(``,!0),o(`div`,S,[o(`div`,C,[(g=a.article)!=null&&g.videoDuration?(e(),n(j,{key:0,icon:`playArrow`,extraClasses:`!bg-surface-accent text-xxs !text-text-invert border-none`},{default:l(()=>{var e;return[u(c((e=a.article)==null?void 0:e.videoDuration),1)]}),_:1})):t(``,!0),(v=a.article)!=null&&v.isLiveBlog?(e(),n(j,{key:1,icon:`sensors`,extraIconClasses:`!w-[14px]`,extraClasses:`bg-surface-accent text-xs border-transparent !text-text-invert`},{default:l(()=>[...f[0]||(f[0]=[u(`Liveblog`,-1)])]),_:1})):t(``,!0)])]),o(`div`,w,[o(`div`,T,[(y=a.article)!=null&&y.videoDuration?(e(),n(j,{key:0,icon:`playArrow`,extraClasses:`!bg-surface-accent !text-text-invert border-none`},{default:l(()=>{var e;return[u(c((e=a.article)==null?void 0:e.videoDuration),1)]}),_:1})):t(``,!0),(M=a.article)!=null&&M.isLiveBlog?(e(),n(j,{key:1,icon:`sensors`,extraIconClasses:`!w-[14px]`,extraClasses:`bg-surface-accent border-transparent !text-text-invert`},{default:l(()=>[...f[1]||(f[1]=[u(`Liveblog`,-1)])]),_:1})):t(``,!0)])])])]),o(`div`,E,[(N=a.article)!=null&&N.subtitle?(e(),i(`p`,D,c(a.article.subtitle),1)):t(``,!0),o(`h3`,O,c((P=a.article)==null?void 0:P.title),1),o(`div`,k,[o(`p`,{class:`text-text-light text-sm mb-2 line-clamp-2`,innerHTML:(F=a.article)==null?void 0:F.summary},null,8,A)])])]}),_:1},8,[`to`,`class`])],8,y)):t(``,!0)}}}),[[`__scopeId`,`data-v-26cc4617`]]),{__name:`CardArticleHorizontal`}),M={props:{article:[Object,Number]}},N=[`data-prepr-item-id`],P={class:`aspect-[3/2] rounded-lg lg:rounded-2xl overflow-hidden flex-none mb-4 image-container`},F={class:`w-full h-full relative`},I={class:`absolute bottom-0 left-0 right-0 p-4`},L={class:`flex flex-row flex-wrap gap-1 text-white text-sm`},R={class:`content`},z={key:0,class:`text-surface-accent-alt uppercase text-sm mb-2`},B={class:`text-sm text-text-primary font-heading lg:text-1.3xl font-bold mb-2 transition-colors group-hover:text-text-brand break-words`},V=[`innerHTML`];function H(a,d,f,h,g,_){var y,b;let x=p,S=v,C=m;return f.article?(e(),i(`div`,{key:0,"data-prepr-item-id":f.article.i

1d},[o(`div`,{class:s([`rounded-lg lg:rounded-2xl`,{isHighlight:(y=f.article)==null?void 0:y.highlight}])},[r(C,{to:`/${(b=f.article)==null?void 0:b.slug}`,type:`ArticleWebPage`,class:`group`},{default:l(()=>{var r,a,s,p,m,h,g,_,v,y,b;return[o(`div`,P,[o(`div`,F,[(r=f.article)!=null&&(r=r.headerImage)!=null&&r.thumbnailUrl?(e(),n(x,{key:0,class:`w-full h-full object-cover transition-transform duration-[2s] group-hover:scale-[1.1]`,alt:(a=(s=f.article)==null||(s=s.headerImage)==null?void 0:s.description)==null?(p=f.article)==null||(p=p.headerImage)==null?void 0:p.name:a,src:(m=f.article)==null||(m=m.headerImage)==null?void 0:m.thumbnailUrl},null,8,[`alt`,`src`])):t(``,!0),o(`div`,I,[o(`div`,L,[(h=f.article)!=null&&h.videoDuration?(e(),n(S,{key:0,icon:`playArrow`,extraClasses:`!bg-surface-accent !text-text-invert border-none`},{default:l(()=>{var e;return[u(c((e=f.article)==null?void 0:e.videoDuration),1)]}),_:1})):t(``,!0),(g=f.article)!=null&&g.isLiveBlog?(e(),n(S,{key:1,icon:`sensors`,extraIconClasses:`!w-[14px]`,extraClasses:`bg-surface-accent text-xs border-transparent !text-text-invert`},{default:l(()=>[...d[0]||(d[0]=[u(`Liveblog`,-1)])]),_:1})):t(``,!0),(_=f.article)!=null&&_.cardTitle?(e(),n(S,{key:2,extraIconClasses:`!w-[14px]`,extraClasses:`bg-black/50 text-xs border-white !text-text-invert`},{default:l(()=>[u(c(f.article.cardTitle),1)]),_:1})):t(``,!0)])])])]),o(`div`,R,[(v=f.article)!=null&&v.subtitle?(e(),i(`p`,z,c(f.article.subtitle),1)):t(``,!0),o(`h3`,B,c((y=f.article)==null?void 0:y.title),1),o(`p`,{class:`line-clamp-4`,innerHTML:(b=f.article)==null?void 0:b.summary},null,8,V)])]}),_:1},8,[`to`])],2)],8,N)):t(``,!0)}var U=Object.assign(h(M,[[`render`,H],[`__scopeId`,`data-v-fec75766`]]),{__name:`CardArticleMedium`});export{j as n,v as r,U as t};