1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1168],{61168:function(e,a,l){l.r(a),l.d(a,{InteractiveGrid:function(){return g}});var r=l(85893),n=l(67294),o=l(86010),t=l(25675),s=l.n(t),i=l(36093),c=l(11625);let m={darkblue:"bg-[#00618A]",blue:"bg-[#009DE0]",teal:"bg-[#269CA3]",darkteal:"bg-[#1F6F73]"},d=e=>{var a,l;let{items:t}=e,[d,p]=(0,n.useState)(0),u=d>0,h=d<t.length-1,x=()=>{u&&p(e=>e-1)},b=()=>{h&&p(e=>e+1)},g=t[d],v=Boolean(g.link.externalLink),f=g.link.externalLink||(null===(a=g.link.pageLink)||void 0===a?void 0:a.url);return(0,r.jsxs)("div",{className:"relative w-full pt-12",children:[(0,r.jsxs)("div",{className:" absolute top-0 right-0 z-20 flex h-[44px] items-center gap-4 pr-[8px] ",children:[(0,r.jsx)("button",{onClick:x,disabled:!u,"aria-label":"Previous slide",className:(0,o.Z)("flex h-[32px] w-[32px] items-center justify-center rounded-full p-[6px]","bg-[rgba(255,255,255,0.9)]",u?"cursor-pointer opacity-100":"cursor-default opacity-[0.6]"),children:(0,r.jsx)(i.qZ,{name:"ChevronBig",size:11,className:(0,o.Z)("rotate-[90deg]","stroke-2","stroke-linecap-round","stroke-linejoin-round",u?"stroke-[#282D34]":"stroke-[#808C9D]")})}),(0,r.jsx)("button",{onClick:b,disabled:!h,"aria-label":"Next slide",className:(0,o.Z)("flex items-center justify-center rounded-full","h-[32px] w-[32px] p-[6px]","bg-[rgba(255,255,255,0.9)]",h?"cursor-pointer opacity-100":"cursor-default opacity-[0.6]"),children:(0,r.jsx)(i.qZ,{name:"ChevronBig",size:11,className:(0,o.Z)("rotate-[270deg]","stroke-2","stroke-linecap-round","stroke-linejoin-round",h?"stroke-[#282D34]":"stroke-[#808C9D]")})})]}),(0,r.jsxs)("a",{href:f,target:v?"_blank":void 0,rel:v?"noopener noreferrer":void 0,className:(0,o.Z)("relative block w-full overflow-hidden rounded-[8px] text-white",!g.backgroundImage&&m[g.backgroundColor],"aspect-[379/237] p-5 sm:p-8"),children:[(null===(l=g.backgroundImage)||void 0===l?void 0:l.url)&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s(),{src:g.backgroundImage.url,alt:g.title,fill:!0,sizes:"(min-width: 768px) 66vw, 100vw",priority:!0,loader:c.b,className:"object-cover"}),(0,r.jsx)("div",{className:" absolute inset-0 bg-gradient-to-b from-black/50 to-black/40 transition-opacity duration-200 "})]}),(0,r.jsxs)("div",{className:"absolute inset-0 flex flex-col p-5 sm:p-8",children:[(0,r.jsx)("div",{className:"text-[16px] font-normal leading-[150%] text-white line-clamp-4",children:g.title}),(0,r.jsxs)("div",{className:"mt-auto flex items-end justify-between",children:[(0,r.jsx)("div",{className:"translate-y-1.5 text-[22px] font-black leading-[130%] text-white",children:g.number}),v?(0,r.jsx)(i.qZ,{name:"ExternalLink",size:17,className:"fill-white"}):(0,r.jsx)(i.qZ,{name:"ArrowRight",size:17,className:"fill-white"})]})]})]},g.id),(0,r.jsx)("div",{className:"mt-4 flex w-full justify-center gap-2",children:t.map((e,a)=>(0,r.jsx)("div",{onClick:()=>p(a),className:(0,o.Z)("h-2.5 w-2.5 cursor-pointer rounded-full",a===d?"border-0 bg-[#009DE0]":"border border-[#9DA6B4] bg-white")},a))})]})};var p=l(80151);let u={darkblue:"\n bg-primary-700\n hover:bg-primary-800\n active:bg-primary-900\n ",blue:"\n bg-primary-400\n hover:bg-primary\n active:bg-primary-600\n ",teal:"\n bg-teal-400\n hover:bg-teal\n active:bg-teal-600\n ",darkteal:"\n bg-teal-700\n hover:bg-teal-800\n active:bg-teal-900\n "},h=e=>Boolean(e.externalLink),x={2:{rows:2,columns:1,shapes:["horizontal","horizontal"]},3:{rows:2,columns:2,shapes:["vertical","normal","normal"]},4:{rows:2,columns:3,shapes:["vertical","normal","normal","horizontal"]},5:{rows:2,columns:3,shapes:["normal","normal","vertical","normal","normal"]},6:{rows:2,columns:3,shapes:["normal","normal","normal","normal","normal","normal"]},7:{rows:3,columns:3,shapes:["horizontal","normal","normal","normal","normal","normal","horizontal"]},8:{rows:3,columns:3,shapes:["normal","normal","normal","normal","normal","normal","horizontal","normal"]},9:{rows:3,columns:3,shapes:["normal","normal","normal","normal","normal","normal","normal","normal","normal"]},10:{rows:4,columns:3,shapes:["horizontal","normal","normal","normal","normal","normal","normal","normal","normal","horizontal"]}},b={2:"h-[474px]",3:"h-[474px]",4:"h-[474px]",5:"h-[474px]",6:"h-[474px]",7:"h-[711px]",8:"h-[711px]",9:"h-[711px]",10:"h-[948px]"},g=e=>{let{items:a,dataTestId:l="interactive-grid",className:n,withinMediumSubjectPage:t=!1}=e,m=a.length,g=x[m],{isMobile:v}=(0,p.iP)();return v?(0,r.jsx)("div",{className:"col-span-12 w-full",children:(0,r.jsx)(d,{items:a})}):g?(0,r.jsx)("div",{"data-testid":l,className:(0,o.Z)("grid gap-0 overflow-hidden rounded-lg","col-span-12 w-full",!t&&"md:col-span-8 md:col-start-3",b[m],n),style:{gridTemplateRows:"repeat(".concat(g.rows,", 1fr)"),gridTemplateColumns:"repeat(".concat(g.columns,", 1fr)")},children:a.map((e,a)=>{var n,t;let m=e.shape||g.shapes[a]||"normal",d=null!==(n=e.backgroundImage)&&void 0!==n&&!!n.url,p=h(e.link),x=e.link.externalLink||(null===(t=e.link.pageLink)||void 0===t?void 0:t.url);return(0,r.jsxs)("a",{href:x,"data-testid":"".concat(l,"-tile-").concat(e.id),target:p?"_blank":void 0,rel:p?"noopener noreferrer":void 0,className:(0,o.Z)("group relative block overflow-hidden text-white",u[e.backgroundColor],{"col
1-span-1 row-span-2":"vertical"===m,"col-span-2 row-span-1":"horizontal"===m,"col-span-1 row-span-1":"normal"===m}),children:[d&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s(),{src:e.backgroundImage.url,alt:e.title,fill:!0,sizes:"(min-width: 768px) 66vw, 100vw",priority:!0,loader:c.b,className:"object-cover"}),(0,r.jsx)("div",{className:" absolute inset-0 bg-gradient-to-b from-black/50 to-black/40 transition-opacity duration-200 group-hover:opacity-80 "}),(0,r.jsx)("div",{className:" pointer-events-none absolute inset-0 bg-black/30 opacity-0 transition-opacity duration-75 group-active:opacity-100 "})]}),(0,r.jsxs)("div",{className:"relative z-10 flex h-full flex-col justify-between p-[32px]",children:[(0,r.jsx)("div",{className:"text-lg font-bold text-white line-clamp-5",children:e.title}),(0,r.jsxs)("div",{className:"flex items-end justify-between",children:[(0,r.jsx)("div",{className:"text-3xl font-black leading-[130%] tracking-[1%] text-white",children:e.number}),(0,r.jsx)("div",{className:" relative -top-[8px] transform transition-transform duration-300 group-hover:translate-x-[5px] ",children:p?(0,r.jsx)(i.qZ,{name:"ExternalLink",className:(0,o.Z)("fill-white"),size:22}):(0,r.jsx)(i.qZ,{name:"ArrowRight",className:(0,o.Z)("fill-white"),size:22})})]})]})]},e.id)})}):(console.warn("Unsupported grid variant: ".concat(a.length)),null)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.