https://www.collen.com/_next/static/chunks/8532.7e0499118a0ead5c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8532],{510:(e,s,t)=>{"use strict";t.d(s,{A:()=>d});var a=t(7876),n=t(4124),i=t(8816),r=t(8750),l=t.n(r),c=t(8773);function d({layout_option:e,heading:s,description:t,tag:r,category:d,link:o,editable:_,date_tag:h}){return(0,a.jsxs)("div",{className:`${l().innerBanner} container`,..._,children:["base"===e&&(0,a.jsx)("div",{className:`${l().header} ${l().header_base}`,children:(0,a.jsxs)("div",{className:l().content,children:[(0,a.jsx)("h1",{className:`h1 ${l().heading}`,children:s}),t&&(0,a.jsx)("div",{className:l().description,children:(0,a.jsx)(i.A,{content:t})})]})}),"sectors"===e&&(0,a.jsx)("div",{className:l().header,children:(0,a.jsxs)("div",{className:l().content,children:[(0,a.jsx)("h1",{className:`h1 ${l().heading}`,children:s}),(0,a.jsxs)("div",{className:l().tags,children:[r&&(0,a.jsx)("p",{className:l().tag,children:r}),d&&(0,a.jsx)("p",{className:l().tag,children:d})]})]})}),"project_details"===e&&(0,a.jsx)("div",{className:`${l().header} ${l().header_projects__details}`,children:(0,a.jsxs)("div",{className:l().content,children:[(0,a.jsx)("h1",{className:`h1 ${l().heading}`,children:s}),(0,a.jsxs)("div",{className:l().tags,children:[d&&d?.map&&d.map((e,s)=>(0,a.jsx)("span",{className:l().tag,children:e},s)),r&&(0,a.jsx)("span",{className:l().tag,children:r})]}),(0,a.jsx)("div",{className:l().description,children:(0,a.jsx)("p",{className:l().p,children:t})})]})}),"careers"===e&&(0,a.jsx)("div",{className:l().header,children:(0,a.jsxs)("div",{className:l().content,children:[(0,a.jsx)("h1",{className:`h1 ${l().heading}`,children:s}),o&&(0,a.jsx)("div",{className:l().links,children:o.map((e,s)=>(0,a.jsx)(n.A,{className:l().link,href:e},s))})]})}),"career_detail"===e&&(0,a.jsx)("div",{className:`${l().header} ${l().header_careers}`,children:(0,a.jsxs)("div",{className:l().content_1,children:[(0,a.jsx)("h1",{className:`h1 ${l().heading}`,children:s}),(0,a.jsxs)("div",{className:l().tags,children:[r&&(0,a.jsx)("p",{className:l().tag,children:r}),h&&(0,a.jsx)("p",{className:l().tag,children:(0,c.p6)(h,"DD.MM.YYYY")})]})]})}),"latest_detail"===e&&(0,a.jsx)("div",{className:`${l().header} ${l().header_latest}`,children:(0,a.jsxs)("div",{className:l().content_1,children:[(0,a.jsx)("h1",{className:`h1 ${l().heading}`,children:s}),(0,a.jsxs)("div",{className:l().tags,children:[r&&(0,a.jsx)("p",{className:l().tag,children:r}),h&&(0,a.jsx)("p",{className:l().tag,children:(0,c.p6)(h,"DD.MM.YYYY")})]})]})})]})}},1137:e=>{e.exports={dropdown:"styles_dropdown__ViLnl"}},1633:e=>{e.exports={projectsListing:"styles_projectsListing__KnL99",callToAction:"styles_callToAction__aNnMJ"}},1898:(e,s,t)=>{"use strict";t.d(s,{A:()=>c});var a=t(4232),n=t(1946),i=t(8847),r=t.n(i);let l={};function c(e){let[s,t]=(0,a.useState)([]);return(0,a.useEffect)(()=>{(async()=>{if("production"!==n.c){if(!(await l.Stories.render.preload()).default.datasources.includes(e))return;let s=(await l.Storyblok.render.preload()).default;return t((await s.get("cdn/datasource_entries",{datasource:e})).data.datasource_entries)}let s=await fetch(`/_api/${e}-datasource.json`);t(await s.json())})()},[]),s}"production"!==n.c&&(l.Stories=r()(()=>Promise.resolve().then(t.bind(t,9789)),{loadableGenerated:{webpack:()=>[9789]},ssr:!1}),l.Storyblok=r()(()=>t.e(3523).then(t.bind(t,3523)),{loadableGenerated:{webpack:()=>[3523]},ssr:!1}))},2436:(e,s,t)=>{"use strict";t.d(s,{A:()=>d});var a=t(1946),n=t(8773),i=t(8847),r=t.n(i),l=t(4232);let c={};function d(e){let[s,t]=(0,l.useState)([]);return(0,l.useEffect)(()=>{(async()=>{if("production"!==a.c){let s=(await c.Stories.render.preload()).default;if(void 0===s[e])return;let a=s[e],i=(await c.Storyblok.render.preload()).default,r=(await i.get("cdn/stories",{version:"draft",...a})).data.stories;if(void 0!==a.fields)for(let e in r){let s={};for(let t of a.fields)n.JD.set(s,t,n.JD.get(r[e],t)||null);r[e]=s}return t(r)}let s=await fetch(`/_api/${e}.json`);t(await s.json())})()},[e]),[s]}"production"!==a.c&&(c.Stories=r()(()=>Promise.resolve().then(t.bind(t,9789)),{loadableGenerated:{webpack:()=>[9789]},ssr:!1}),c.Storyblok=r()(()=>t.e(3523).then(t.bind(t,3523)),{loadableGenerated:{webpack:()=>[3523]},ssr:!1}))},3299:e=>{e.exports={projectIntro:"styles_projectIntro__xwJoJ",imageWrapper:"styles_imageWrapper__Rszzt",description:"styles_description__U6r_h",imageWrapperMini:"styles_imageWrapperMini__oOSgb",heading:"styles_heading__yDCbG",headingMini:"styles_headingMini__TMsXt",contentMain:"styles_contentMain__pMMwX",categories:"styles_categories__4UjiO",category:"styles_category__9trnX"}},3441:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var a=t(7876),n=t(1137),i=t.n(n),r=t(5474);function l({options:e,className:s,onChange:t,value:n,icon:l}){return(0,a.jsxs)("div",{className:`${i().dropdown} ${s}`,children:[(0,a.jsxs)("select",{className:i().select,onChange:e=>t(e.target.value),value:n||void 0,children:[(0,a.jsx)("option",{disabled:!0,hidden:!0}),e&&e.map((e,s)=>"object"==typeof e?(0,a.jsx)("option",{value:e.value,children:e.name},s):(0,a.jsx)("option",{value:e,children:e},s))]}),(0,a.jsx)(r.A,{name:l||"right-arrow"})]})}},4448:e=>{e.exports={callToAction:"styles_callToAction__IqyxJ",grid:"styles_grid__kUjrE",image:"styles_image__QZBa3",team_member_image:"styles_team_member_image__f_xhx",description:"styles_description__6o__3",text_1:"styles_text_1__851Na",slim:"styles_slim__mhe60",text_2:"styles_text_2__AWA9c",links:"styles_links__QxEnH",button:"styles_button__ZQ3G3",grid_1:"styles_grid_1__Fqrh4",grid_2:"styles_grid_2__ARPLC",wide:"styles_wide__j_L9V",wideGrid:"styles_wideGrid__DoUFi",wideText:"styles_wideText__S2f0h"}},5827:()=>{},6087:(e,s,t)=>{"use strict";t.d(s,{A:()=>N});var a=t(7876),n=t(4232),i=t(6584),r=t.n(i),l=t(2436),c=t(1898),d=t(3441),o=t(4124),_=t(3299),h=t.n(_),j=t(9291);function m({item:e}

1){let s=(0,n.useRef)(null),[t,i]=(0,n.useState)();return(0,n.useEffect)(()=>{s&&s.current&&(s.current.innerText.length>109?i(`${s.current.innerText.slice(0,109)}...`):i())},[e.content.description]),(0,a.jsx)("div",{className:h().projectIntro,children:(0,a.jsxs)(o.A,{className:h().link,href:e.full_slug,children:[e.content.image&&(0,a.jsx)("div",{className:h().imageWrapper,children:(0,a.jsx)(j.A,{src:e.content.image,width:550,height:330,quality:70})}),(0,a.jsxs)("div",{className:h().contentMain,children:[(0,a.jsx)("h2",{className:h().heading,children:e.name}),(0,a.jsx)("div",{ref:s,style:t?{display:"none"}:null,children:(0,a.jsx)("p",{className:h().description,children:e.content.description})}),t&&(0,a.jsx)("p",{className:h().description,children:t}),e.content.category&&e.content.category?.map&&(0,a.jsx)("div",{className:h().categories,children:e.content.category.map((e,s)=>(0,a.jsx)("span",{className:h().category,children:e},s))})]})]})})}var p=t(8701),u=t(9099),x=t(5827),g=t.n(x);function y({handleLoadMore:e,label:s}){return(0,a.jsx)("button",{onClick:()=>e(),className:`button--tertiary ${g().button}`,title:s,children:s})}function N({heading:e,editable:s}){let t=(0,p.P3)(),i=(0,u.useRouter)(),[o]=(0,l.A)("projects"),[_,h]=(0,n.useState)(7),[j,x]=(0,n.useState)(),[g,N]=(0,n.useState)();(0,n.useEffect)(()=>{if(!i.isReady)return;let e=[];j&&e.push(`sector=${j}`),g&&e.push(`location=${g}`),i.push({pathname:t.slug,query:e.join("&")},void 0,{shallow:!0})},[i.isReady,j,g]),(0,n.useEffect)(()=>{i.isReady&&(x(i.query.sector),N(i.query.location))},[i.isReady]);let v=(0,c.A)("project-sectors"),f=(0,c.A)("project-locations"),w=["All Sectors",...v.map(e=>e.name)],b=[{name:"Any Location",value:"Any Location"},...f],A=o.filter(e=>!j||e.content.category.includes(j)).filter(e=>!g||e.content.location===g);return(0,a.jsxs)("div",{className:`container ${r().ProjectsListing}`,...s,children:[(0,a.jsxs)("div",{className:r().header,children:[(0,a.jsx)("div",{className:r().content,children:(0,a.jsx)("h1",{children:e})}),(0,a.jsxs)("form",{className:r().dropdowns,children:[(0,a.jsx)(d.A,{options:w,className:r().dropdown,onChange:e=>x("All Sectors"!==e?e:""),value:j}),(0,a.jsx)(d.A,{options:b,className:r().dropdown,onChange:e=>N("Any Location"!==e?e:""),value:g})]})]}),A&&A.length?(0,a.jsx)("div",{className:r().grid,children:A.slice(0,_).map((e,s)=>(0,a.jsx)(m,{item:e},s))}):(0,a.jsx)("div",{className:r().results,children:o.length?"No Results Found":null}),o&&_<A.length?(0,a.jsx)(y,{handleLoadMore:()=>h(_+5),label:"Load More"}):null]})}},6584:e=>{e.exports={ProjectsListing:"styles_ProjectsListing__Dboc7",header:"styles_header__EGuU2",grid:"styles_grid__bx9zA",dropdowns:"styles_dropdowns__OoXU4",dropdown:"styles_dropdown__R6WYE",results:"styles_results__wFoGO"}},7228:(e,s,t)=>{"use strict";t.d(s,{A:()=>o});var a=t(7876),n=t(4124),i=t(8816),r=t(4448),l=t.n(r),c=t(9291),d=t(8701);function o({slim_style:e,wide_style:s,team_member:t,heading:r,description:o,image:_,link:h,editable:j}){let m=(0,d.P3)(),p=m?.content?.link?.[0];return(0,a.jsx)("div",{className:`callToActionSection ${l().callToAction} ${s?l().wide:""}`,...j,children:_&&_.filename&&(0,a.jsxs)("div",{className:`${l().grid} ${!t?l().grid_1:l().grid_2} ${s?l().wideGrid:"container"}`,children:[o&&(0,a.jsxs)("div",{className:`${l().description} ${e?l().slim:null} ${s?l().wideText:null} ${!t?l().text_1:l().text_2}`,children:[(0,a.jsx)(i.A,{content:r,nodes:{paragraph:e=>(0,a.jsx)("h2",{children:e})}}),(0,a.jsx)(i.A,{content:o}),(h?.[0]||p)&&(0,a.jsx)("div",{className:l().links,children:h?.[0]?h.map((e,s)=>(0,a.jsx)(n.A,{className:`button button--secondary ${l().button}`,href:e},s)):(0,a.jsx)(n.A,{className:`button button--secondary ${l().button}`,href:p})})]}),_&&(0,a.jsx)("div",{className:t?l().team_member_image:l().image,children:(0,a.jsx)(c.A,{src:_,quality:100})})]})})}},8532:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>c});var a=t(7876),n=t(7228);t(510);var i=t(6087),r=t(1633),l=t.n(r);function c({call_to_action:e,projects_listing:s}){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:l().projectsListing,children:s[0]&&(0,a.jsx)(i.A,{...s[0]})}),(0,a.jsx)("div",{className:l().callToAction,children:e[0]&&(0,a.jsx)(n.A,{...e[0]})})]})}},8750:e=>{e.exports={innerBanner:"styles_innerBanner__4HG9z",header_projects:"styles_header_projects__5NZho",heading:"styles_heading__LryLC",content:"styles_content__Ehq1L",dropdowns:"styles_dropdowns__k2oIh",header_projects__listing:"styles_header_projects__listing__N5A5s",header_projects__details:"styles_header_projects__details__WjT5Z",header_careers:"styles_header_careers__4BVAf",tags:"styles_tags__xTMhr",header_latest:"styles_header_latest__4OCun",tag:"styles_tag__PjxxH",content_1:"styles_content_1__DwQnU",list:"styles_list__7Fe0k",list__item:"styles_list__item__jhheB",description:"styles_description__S

1BccM",links:"styles_links__gS8Ui",link:"styles_link__FD6JG"}}}]);