https://www.iamsterdam.com/_next/static/chunks/6236.de0384cf4e29b385.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6236],{16455:e=>{e.exports={container_xs:"ImagePlaceholder_container_xs__eMCkf",container_sm:"ImagePlaceholder_container_sm__uS3e1",container_md:"ImagePlaceholder_container_md__pPtsF",container_lg:"ImagePlaceholder_container_lg__p0dDq",container_xl:"ImagePlaceholder_container_xl__e_xWC",spacing:"ImagePlaceholder_spacing__v1Kr2",divider:"ImagePlaceholder_divider__0GSRK",logoSubtext:"ImagePlaceholder_logoSubtext__3AyFs",caption_text:"ImagePlaceholder_caption_text__9xKfD",tag_text:"ImagePlaceholder_tag_text__GKeYI",intro:"ImagePlaceholder_intro__6okqw",body:"ImagePlaceholder_body__4JeqV",body__bold:"ImagePlaceholder_body__bold__OZKKB",ul:"ImagePlaceholder_ul__xgkKJ",paragraph:"ImagePlaceholder_paragraph__UrN_i",paragraph__heavy:"ImagePlaceholder_paragraph__heavy__98BFO",header_2_unresponsive:"ImagePlaceholder_header_2_unresponsive___UjKB",header_2_unresponsive__heavy:"ImagePlaceholder_header_2_unresponsive__heavy__K4X1_",header_6:"ImagePlaceholder_header_6__GyNqP",image_placeholder:"ImagePlaceholder_image_placeholder__V2kMh",header_5:"ImagePlaceholder_header_5__5v13A",header_4:"ImagePlaceholder_header_4__zIy4q",header_3:"ImagePlaceholder_header_3__Wsnzp",header_2:"ImagePlaceholder_header_2__mTsiY",header_2__heavy:"ImagePlaceholder_header_2__heavy__nsXX_",header_1:"ImagePlaceholder_header_1__WBP2B",header_1__heavy:"ImagePlaceholder_header_1__heavy__slDB1",body__large:"ImagePlaceholder_body__large__JHLfV",body__large__bold:"ImagePlaceholder_body__large__bold__4sL1V",capitalize:"ImagePlaceholder_capitalize__W9ZzM",break_word:"ImagePlaceholder_break_

1word__zcGkd"}},20840:(e,a,r)=>{"use strict";r.d(a,{A:()=>t});var l=r(46512);let t=(0,r(57419).Ht)(l.Ay,e=>(a,r,l)=>(l.revalidateOnFocus=!1,l.revalidateIfStale=!1,l.revalidateOnReconnect=!1,l.refreshInterval=0,e(a,r,l)))},36922:(e,a,r)=>{"use strict";r.d(a,{A:()=>d});var l=r(95155),t=r(12758),i=r(16455),s=r.n(i),n=r(87358);let o=e=>{let{height:a}=e;return n.env.DEBUG&&console.warn("[components/ImagePlaceholder]: Image is missing, see IAMS-405."),(0,l.jsx)("div",{className:s().image_placeholder,style:{height:"".concat(a,"px")},children:"Image missing"})};o.propTypes={height:t.number.isRequired};let d=o},47866:(e,a,r)=>{"use strict";r.d(a,{A:()=>c});var l=r(95155),t=r(36922),i=r(97536),s=r(64710),n=r(68901);let o={small:{width:100,height:100},medium:{width:384,height:218},large:{width:280,height:280},xl:{width:440,height:440}},d={small:"overflow-hidden rounded-lg size-25 flex-shrink-0",medium:"overflow-hidden rounded-lg w-full max-w-[385px]",large:"overflow-hidden rounded-lg w-full aspect-video",xl:"overflow-hidden rounded-lg w-full aspect-square"},c=e=>{let{title:a,image:r,date:c,author:h,size:_="medium",className:u}=e,m=d[_],g=o[_];return(0,l.jsxs)("article",{"data-size":_,className:(0,n.A)(u,"group flex max-w-full flex-col gap-4 data-[size=small]:flex-row"),children:[(0,l.jsx)("div",{className:m,children:r?(0,l.jsx)(s.default,{src:r.src,alt:r.alt||"",width:g.width,height:g.height,hideAuthor:!0,className:"h-full transition-transform duration-500 group-hover:scale-110",title:r.title,copyright:r.copyright}):(0,l.jsx)(t.A,{height:g.height})}),(0,l.jsxs)("div",{className:"flex flex-col justify-center gap-1",children:[(0,l.jsxs)("div",{className:"flex items-start justify-between",children:[(0,l.jsx)("h3",{className:"text-header-5 underline-animate",children:(0,l.jsx)("span",{children:a})}),"small"!==_&&(0,l.jsx)(i.A,{name:"arrowRight",className:"self-center",iconClassName:"ml-auto size-4"})]}),c&&(0,l.jsx)("p",{className:"text-grey-darker order-first text-sm",children:c}),h&&(0,l.jsx)("div",{className:"text-grey-darker",children:h})]})]})}},54175:(e,a,r)=>{"use strict";r.d(a,{r:()=>l});let l=e=>e?"string"==typeof e?e.split(",").map(e=>e.trim()).filter(Boolean):e:[]},71512:(e,a,r)=>{"use strict";r.d(a,{A:()=>t});var l=r(12115);let t=e=>{let[a,r]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{let a=(e=>{let a=getComputedStyle(document.documentElement).getPropertyValue("--breakpoint-".concat(e)).trim();return a?a.endsWith("rem")?16*parseFloat(a):a.endsWith("px")?parseFloat(a):null:null})(e);if(!a)return;let l=window.matchMedia("(min-width: ".concat(a,"px)"));if(!l.addEventListener)return;r(l.matches);let t=e=>{r(e.matches)};return l.addEventListener("change",t),()=>{l.removeEventListener("change",t)}},[e]),a}},72199:(e,a,r)=>{"use strict";r.d(a,{A:()=>n});var l=r(95155),t=r(88889);let i=Symbol("ellipsis-start"),s=Symbol("ellipsis-end"),n=e=>{let{currentPage:a,totalPages:r,onPageChange:n,ariaLabel:o="Pagination",ariaLabelNext:d="Next page",ariaLabelPrev:c="Previous page",prevLabel:h="Previous",nextLabel:_="Next"}=e,u=((e,a,r)=>{if(a<=0)return[];if(e=Math.max(1,Math.min(e,a)),a<=r)return Array.from({length:a},(e,a)=>a+1);let l=[];if(e<=r-2){for(let e=1;e<=r;e++)l.push(e);return l.push(s),l.push(a),l}if(e>=a-(r-2)){l.push(1),l.push(i);for(let e=a-r+1;e<=a;e++)l.push(e);return l}let t=Math.floor((r-2)/2),n=e-t,o=e+t;l.push(1),l.push(i);for(let e=n;e<=o;e++)l.push(e);return l.push(s),l.push(a),l})(a,r,4),m=e=>{e!==a&&e>=1&&e<=r&&n(e)};return(0,l.jsxs)("nav",{"aria-label":o,className:"flex items-center gap-4",children:[(0,l.jsx)("button",{"aria-label":c,disabled:1===a,onClick:()=>m(a-1),type:"button",className:"focus-ring flex cursor-pointer items-center gap-2 rounded-full p-2 transition-[opacity,background-color] hover:underline focus-visible:ring-2 disabled:cursor-not-allowed disabled:no-underline disabled:opacity-30",children:h}),u.map(e=>{if(e===s||e===i)return(0,l.jsx)("span",{"aria-hidden":"true","data-ellipsis":e===i?"start":"end",className:"flex size-8 items-center justify-center max-sm:hidden",children:"…"},String(e));let n=e===a,o=1===e,d=e===r;return(0,l.jsx)("button",{"aria-label":"Page ".concat(e),"data-active":!!n||void 0,disabled:n,onClick:()=>m(e),className:(0,t.A)("focus-ring border-grey-border flex size-8 cursor-pointer items-center justify-center rounded-full border-2 transition-colors duration-500 hover:border-black focus-visible:ring-2 data-active:cursor-default data-active:border-black data-active:bg-black data-active:text-white",!n&&(o||d)?"max-sm:hidden":""),children:e},"page-".concat(e))}),(0,l.jsx)("button",{"aria-label":d,disabled:a===r,onClick:()=>m(a+1),type:"button",className:"focus-ring flex cursor-pointer items-center gap-2 rounded-full p-2 transition-[opacity,background-color] hover:underline focus-visible:ring-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:no-underline disabled:opacity-30 data-active:no-underline",children:_})]})}},73732:(e,a,r)=>{"use strict";r.d(a,{A:()=>g});var l=r(86835),t=r(84639),i=r(72473),s=r(8018),n=r(80731),o=r(63766),d=r(35056),c=r(50569),h=r(55334),_=r(47251);let u={nl:s.nl,en:n.b,pt:o.pt,es:d.es,it:c.it,de:h.de,fr:_.fr},m=["en"],g=function(e){var a;let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"nl",s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"PPPP";if(!e||!(0,l.f)(new Date(e)))return null;let n=new Date(e).getTimezoneOffset(),o=(0,t.z)(new Date(e),n);m.includes(r)&&s.includes("EEEEEE")&&(s=s.replace("EEEEEE","EEE"));let d=(0,i.GP)(new Date(o),s,{locale:null!=(a=u[r])?a:u.en});return s.includes("MMM")&&(d=d.replace(/\.(?=\s|$)/g,"")),d}},96236:(e,a,r)=>{"use strict";r.r(a),r.d(a,{default:()=>P});var l=r(95155),t=r(12115),i=r(27329),s=r(20840),n=r(71512),o=r(47866),d=r(32380),c=r(25822),h=r(72199),_=r(19584),u=r(54175),m=r(73732),g=r(39171),p=r(16723);let f=async e=>{let{sort:a="published",locale:r,tags:l=[],parentId:t=null,limit:i=9,articleType:s="all"}=e,n=new URLSearchParams({sort:a,locale:r,limit:String(Math.min(i,100)),articleType:s});

1t&&!l.length&&n.append("parentId",t),l.forEach(e=>n.append("tags",e));try{let e=await (0,p.n)("/articles?".concat(n.toString()));if(!e.ok)throw Error("Failed to fetch articles: ".concat(e.status," ").concat(e.statusText));let a=await e.json();return Array.isArray(a)?a:[]}catch(e){throw console.error("Error fetching articles:",e),Error("Failed to fetch articles: ".concat(e instanceof Error?e.message:"Unknown error"))}},x={PUBLISHED:"published",POPULAR:"popular"},v={ALL:"all"},b={MOBILE:6,DESKTOP:9},P=e=>{let{id:a,title:r,parentId:p,tags:P,articleType:y=v.ALL,locale:I}=e,w=(0,t.useRef)(null),{t:j}=(0,i.Bd)(),E=(0,n.A)("lg"),[N,A]=(0,t.useState)(1),[k,S]=(0,t.useState)(x.PUBLISHED),L="articles-".concat(a),M=(0,u.r)(P),z=E?b.DESKTOP:b.MOBILE,B=M.length>0?null:p,{isLoading:D,data:O=[],error:C}=(0,s.A)("articles/".concat(I,"/").concat(p,"/").concat(M.join(","),"/").concat(k,"/").concat(z,"/").concat(y),()=>f({parentId:B,tags:M,sort:k,locale:I,limit:10*z,articleType:y}));if(C)return null;let K=Math.max(1,Math.ceil(O.length/z)),U=Math.min(N,K),F=(U-1)*z,R=O.slice(F,F+z),q=[{label:j("published"),value:x.PUBLISHED},{label:j("popular"),value:x.POPULAR}];return(0,l.jsxs)("section",{ref:w,id:L,className:"main-container flex flex-col gap-6 md:gap-10",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-4 md:flex-row md:items-center md:justify-between",children:[(0,l.jsx)("h2",{className:"text-header-3",children:r}),(0,l.jsx)("div",{className:"flex items-center gap-4",children:(0,l.jsx)(d.A,{id:"filter-page-sort-".concat(L),name:"sort",label:"".concat(j("sortBy"),":"),placeholder:j("sortResultsOn"),options:q,value:k,onChange:e=>{S(e),A(1)}})})]}),D?(0,l.jsx)("div",{className:"flex items-center justify-center",children:(0,l.jsx)(_.A,{size:"small"})}):R.length?(0,l.jsx)("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-10 lg:grid-cols-3",children:R.map(e=>{let{id:a,slug:r,title:t,publishOn:i,image:s}=e,n=i&&(0,m.A)(i,I,"PPP");return(0,l.jsx)(c.default,{href:(0,g.T)(r),className:"focus-ring rounded-lg focus-visible:ring-2",children:(0,l.jsx)(o.A,{size:"small",title:t,image:s,date:n||void 0})},a)})}):(0,l.jsx)("div",{className:"flex min-h-80 items-center justify-center",children:(0,l.jsx)("p",{className:"text-body font-bold",children:j("noArticlesFound")})}),K>1&&(0,l.jsx)(h.A,{currentPage:U,totalPages:K,onPageChange:e=>{if(e!==U){var a;A(e),null==(a=w.current)||a.scrollIntoView({behavior:"smooth"})}}})]})}}}]);