https://cdn.dagelijksestandaard.nl/_next/static/chunks/681-e19ed7b33d612da3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[681],{681:(e,t,a)=>{a.d(t,{default:()=>c});var i=a(95155);a(12115);var l=a(8752);let s=e=>{let{count:t}=e;return(0,i.jsx)("div",{className:"@container flex flex-col gap-5",children:Array.from(Array(t).keys()).map(e=>(0,i.jsxs)("div",{className:"group flex w-full animate-pulse gap-4",children:[(0,i.jsx)("div",{className:"h-[70px] w-[100px] shrink-0 rounded-sm bg-gray-300 object-cover dark:bg-gray-600"}),(0,i.jsxs)("div",{className:"flex w-full flex-col justify-start gap-2",children:[(0,i.jsx)("div",{className:"line-clamp-4 group-hover:text-primary h-3 rounded-md bg-gray-300 text-xl font-bold leading-6 text-black transition-all dark:bg-gray-600 dark:text-white"}),(0,i.jsx)("div",{className:"line-clamp-4 group-hover:text-primary h-3 rounded-md bg-gray-300 text-xl font-bold leading-6 text-black transition-all dark:bg-gray-600 dark:text-white"}),(0,i.jsx)("div",{className:"line-clamp-4 group-hover:text-primary h-3 w-5/12 rounded-md bg-gray-300 text-xl font-bold leading-6 text-black transition-all dark:bg-gray-600 dark:text-white"})]})]},e))})};var r=a(35281),n=a(39789);function c(e){let{hookConfig:t,options:a,labels:c,page:d}=e,{articles:o,paginate:x,loading:h}=(0,r.R)({hookConfig:t,page:d});return(0,i.jsxs)(i.Fragment,{children:[o.length>0&&(0,i.jsxs)("div",{children:[(0,i.jsx)(l.A,{labels:c,options:a,articles:o})," "]}),h&&(0,i.jsx)(s,{count:t.paginationPageSize}),(0,i.jsx)(n.H,{paginate:x,loading:h,labels:c})]})}},8752:(e,t,a)=>{a.d(t,{A:()=>p});var i=a(95155),l=a(59887);a(12115);var s=a(93366),r=a(83907),n=a(27723),c=a(53982),d=a(92158),o=a(42892),x=a(94706);let h=e=>{let{author:t,className:a="",children:l}=e;return t?t.is_public?(0,i.jsx)(x.h,{href:t.author_url,className:a,children:l||t.name}):(0,i.jsx)("span",{className:a,children:l||t.name}):null},m=e=>{let{tag:t,href:a,className:l,children:s}=e,r=t?function(e){if(!e)return;let t={};return e.badge_color&&(t.backgroundColor=e.badge_color),Object.keys(t).length?t:void 0}(t.ui_style):void 0,n=null!=s?s:null==t?void 0:t.title;return a?(0,i.jsx)(x.h,{href:a,className:l,style:r,children:n}):(0,i.jsx)("div",{className:l,style:r,children:n})};function p(e){let{articles:t,labels:a,options:{showDateOf:p=!0,squareAspectRatio:u=!1,mobileMetaLayout:g=!1,showAuthor:_=!1,showTag:y=!0,showCounts:b=!0,commentsBadge:j=!1,showDescription:v=!1,showBorder:w=!0,desktopTitleSize:f=l.R4["18px"],mobileTitleSize:k=l.KL["16px"],isTitleBold:N=!0,titleLines:z=l.lF["2-lines"],globalDateFormat:A,preloadImages:L=!1}}=e,F="".concat(f," ").concat(k," \n  ").concat(N?"font-bold":""," ").concat(z," \n  -mt-1 text-black dark:text-white"),C=v?"w-[142px] md:w-[230px] md:h-[150px] h-[80px]":"md:w-[140px] w-[128px] h-[80px]",P=u?"150px":v?"(max-width: 767px) 142px, 230px":"(max-width: 767px) 128px, 140px";return(0,i.jsx)("div",{className:"@container flex flex-col ".concat(w&&"divide-y divide-gray-200 dark:divide-gray-200/20"),children:t.map((e,t)=>{var w,f,k,N,z,T,S,V,W,D,E;return(0,i.jsxs)("div",{className:"flex items-start gap-2 py-3 articlesList__item sm:gap-4",children:[(null==(w=e.thumbnails)?void 0:w.origin)&&(0,i.jsx)(s.A,{article:e,children:(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsx)(n.ImageWrapper,{src:e.thumbnails.origin,width:200,height:200,priority:0===t&&L,sizes:P,className:"".concat(u?"aspect-1 w-[150px]":C," \n                    rounded-md object-cover object-top "),alt:e.alt_text||e.title}),e.type===l.co.Video&&(0,i.jsx)("div",{className:"absolute z-30 flex items-center justify-center top-0 right-0",children:(0,i.jsx)("div",{className:"flex items-center justify-center bg-red-700 p-1",children:(0,i.jsx)(d.L3N,{className:"lg:h-5 lg:w-5 h-4 w-4 text-white"})})})]})}),(0,i.jsxs)("div",{className:g?"flex min-w-0 flex-1 flex-col gap-2":"flex flex-col flex-1 gap-2",children:[(0,i.jsx)(s.A,{classes:"w-fit",article:e,children:(0,i.jsx)("h4",{className:"hover:text-primary w-fit transition-all dark:hover:text-white ".concat(F),children:(0,i.jsx)(r.h,{article:e})})}),g?(0,i.jsxs)("div",{className:"flex min-w-0 flex-col gap-1 pr-1 text-xs text-black dark:text-white md:text-sm @lg:flex-row @lg:items-center @lg:gap-2",children:[(0,i.jsxs)("div",{className:"flex min-w-0 items-start gap-2 @lg:contents",children:[y&&e.primary_tag?(null==(f=e.primary_tag.ui_style)?void 0:f.badge_color)?(0,i.jsx)(m,{tag:e.primary_tag,href:"/".concat(e.primary_tag.slug),className:"articlesList__item__category w-fit min-w-0 break-words rounded px-1.5 py-0.5 font-semibold uppercase text-white transition-all",children:e.primary_tag.t

1itle}):(0,i.jsx)(x.h,{href:"/".concat(e.primary_tag.slug),className:"articlesList__item__category min-w-0 break-words font-semibold uppercase transition-all text-primary dark:text-white",children:e.primary_tag.title}):null,b&&(0,i.jsx)(s.A,{classes:"ml-auto shrink-0 @lg:order-last",article:e,scrollToComments:!0,children:(0,i.jsxs)("div",{className:j?"articlesList__item__comments flex items-center gap-0.5 bg-primary px-1 py-0.5 font-semibold leading-none text-white transition-all":"flex items-center gap-1 font-semibold transition-all hover:text-primary dark:hover:text-white",children:[(0,i.jsx)(c.gV7,{className:j?"h-[13px] w-[13px]":"h-[20px] w-[25px]"}),(0,i.jsx)("span",{className:j?"text-xs":"text-sm md:text-base",children:e.comments_count})]})})]}),(p||_&&e.author)&&(0,i.jsxs)("div",{className:"flex min-w-0 flex-wrap items-center gap-x-1 text-zinc-600 dark:text-white dark:opacity-70 @lg:contents",children:[y&&e.primary_tag&&(0,i.jsx)("span",{className:"hidden text-zinc-600 dark:text-white dark:opacity-70 @lg:inline",children:"•"}),p&&(0,i.jsx)("span",{className:"whitespace-nowrap",children:(0,i.jsx)(o.W,{isPublishedToday:e.published_today,relativePublishedAt:e.published_at_relative,publishedAt:e.published_at_localized,globalDateFormat:A,children:"".concat(null==(k=e.published_at_localized)?void 0:k.monthShort," ").concat(null==(N=e.published_at_localized)?void 0:N.day,", ").concat(null==(z=e.published_at_localized)?void 0:z.hour,":").concat(null==(T=e.published_at_localized)?void 0:T.minute)})}),_&&e.author&&(0,i.jsxs)(i.Fragment,{children:[p&&(0,i.jsx)("span",{className:"text-zinc-600 dark:text-white dark:opacity-70",children:"•"}),(0,i.jsxs)(h,{className:"articlesList__item__author min-w-0 break-words transition-all hover:text-primary text-zinc-600 dark:text-white dark:opacity-70 dark:hover:text-white",author:e.author,children:[(0,i.jsx)("span",{className:"hidden @lg:inline",children:e.author.name}),(0,i.jsxs)("span",{className:"@lg:hidden",children:[a.by," ",e.author.name]})]})]})]})]}):(0,i.jsxs)("div",{className:"flex items-center gap-1 pr-1 text-xs text-black dark:text-white md:gap-2 md:text-sm",children:[y&&e.primary_tag&&(0,i.jsxs)(i.Fragment,{children:[(null==(S=e.primary_tag.ui_style)?void 0:S.badge_color)?(0,i.jsx)(m,{tag:e.primary_tag,href:"/".concat(e.primary_tag.slug),className:"articlesList__item__category w-fit rounded px-1.5 py-0.5 font-semibold uppercase text-white transition-all",children:e.primary_tag.title}):(0,i.jsx)(x.h,{href:"/".concat(e.primary_tag.slug),className:"font-semibold uppercase transition-all articlesList__item__category text-primary dark:text-white",children:e.primary_tag.title}),(p||_)&&(0,i.jsx)("span",{className:"text-zinc-600 dark:text-white dark:opacity-70",children:"•"})]}),p&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"text-zinc-600 dark:text-white dark:opacity-70",children:(0,i.jsx)(o.W,{isPublishedToday:e.published_today,relativePublishedAt:e.published_at_relative,publishedAt:e.published_at_localized,globalDateFormat:A,children:"".concat(null==(V=e.published_at_localized)?void 0:V.monthShort," ").concat(null==(W=e.published_at_localized)?void 0:W.day,", ").concat(null==(D=e.published_at_localized)?void 0:D.hour,":").concat(null==(E=e.published_at_localized)?void 0:E.minute)})}),_&&(0,i.jsx)("span",{className:"hidden text-zinc-600 dark:text-white dark:opacity-70 md:block",children:"•"})]}),_&&(0,i.jsx)(h,{className:"articlesList__item__author hidden transition-all hover:text-primary text-zinc-600 dark:text-white dark:opacity-70 dark:hover:text-white md:block ",author:e.author,children:(0,i.jsx)("span",{className:"",children:e.author.name})}),b&&(0,i.jsx)(s.A,{classes:"ml-auto",article:e,scrollToComments:!0,children:(0,i.jsxs)("div",{className:j?"articlesList__item__comments flex items-center gap-0.5 bg-primary px-1 py-0.5 font-semibold leading-none text-white transition-all":"flex items-center gap-1 font-semibold transition-all hover:text-primary dark:hover:text-white",children:[(0,i.jsx)(c.gV7,{className:j?"h-[13px] w-[13px]":"h-[20px] w-[25px]"}),(0,i.jsx)("span",{className:j?"text-xs":"text-sm md:text-base",children:e.comments_count})]})})]}),!g&&_&&(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(h,{className:"articlesList__item__author block text-xs transition-all hover:text-primary text-zinc-600 dark:text-white dark:opacity-70 dark:hover:text-white md:hidden md:text-sm",author:e.author,children:[a.by," ",e.author.name]})}),v&&(0,i.jsx)("p",{className:"text-sm text-zinc-400 line-clamp-2 max-md:hidden",children:e.excerpt})]})]},e.id)})})}}}]);