https://www.arcadis.com/dist-client/chunks/Hero.248234f58fd9962b7dd8.js

1"use strict";(globalThis.webpackChunkarcadis_optimizely_web_design=globalThis.webpackChunkarcadis_optimizely_web_design||[]).push([[803],{3104(e,a,s){s.r(a),s.d(a,{default:()=>u});var l=s(6070),t=s(5177),r=s(5913),n=s(8704),d=s(3080),i=s(1955),m=s(9797),o=s(9807),c=s(758),x=s(1584);const u=({block:e,animatedOpening:a,spacing:s="standard",className:u,...g})=>{if(!e)return null;const{variant:f="evergreen",description:h,heading:p,media:v,ctAs:N,cards:y=[],brow:j,palette:w}=e,b=v?.[0],_=N?.[0],C=[];y&&C.push(...y);const[S,H]=(0,c.useState)(!1),[T,L]=(0,c.useState)(!1),M=(0,c.useRef)(null);(0,c.useEffect)(()=>{const e=M.current;if(!e)return;const a=e.querySelector("video");if(!a)return;const s=()=>{H(!0)};return a.addEventListener("ended",s),()=>{a.removeEventListener("ended",s)}},[]);const I=()=>{H(!1),L(!0),M.current?.querySelector("video")?.play()};switch(f){case"full-screen-informative":return(0,l.jsxs)(i._V,{className:(0,o.cn)("grid",u),...g,children:[(0,l.jsx)("div",{className:(0,o.cn)("isolate overflow-hidden",{"mx-gutter mb-gutter 2xl:mx-gutter-2xl mt-18 rounded-lg md:mx-12 md:my-24":"standard"===s,"motion-safe:animate-frame":a}),children:(0,l.jsx)(r.A,{containerClassName:"aspect-16/9",media:b,videoClassName:"absolute inset-0",imageClassName:"absolute inset-0",playOnce:!0,role:"informative"})}),p&&(0,l.jsxs)(i._V,{spacing:"standard",className:"mx-auto max-w-3xl text-center",children:[p&&(0,l.jsx)(d.sS,{dangerouslySetInnerHTML:{__html:p}}),h&&(0,l.jsx)("div",{dangerouslySetInnerHTML:{__html:h}})]})]});case"media-feature":const e=v?.find(e=>"Video"===e.mediaType||"ExternalVideo"===e.mediaType),c=v?.find(e=>"Image"===e.mediaType),N="undefined"!=typeof window&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,y=!e,H=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:(0,o.cn)("text-type-default col-start-1 row-start-1 flex flex-col items-center self-center justify-self-start px-6 md:px-10",{"motion-safe:animate-fade-in motion-safe:animate-frame-offset-margin":a}),children:(0,l.jsxs)("div",{className:"mx-auto hidden max-w-3xl md:block",children:[p&&(0,l.jsx)(d.H1,{dangerouslySetInnerHTML:{__html:p}}),h&&(0,l.jsx)("div",{dangerouslySetInnerHTML:{__html:h}})]})}),e&&(0,l.jsx)(x.$,{asChild:!0,variant:"tertiary",size:"icon",className:(0,o.cn)("bg-surface-primary-default absolute right-4 bottom-4 rounded-full"),children:(0,l.jsx)("div",{children:(0,l.jsx)("div",{"aria-label":"toggle play/pause",className:(0,o.cn)("play-pause-button")})})})]}),L=!y&&!S&&(!N||T),k=(0,l.jsx)(r.A,{containerClassName:"aspect-16/9",media:c,videoClassName:"absolute inset-0",imageClassName:"absolute inset-0",role:"decorative",overlay:!0,overlayClassName:"grid",overlayChildren:H});return(0,l.jsxs)(i._V,{headerUnderlay:!0,className:(0,o.cn)("grid",u),...g,children:[(0,l.jsxs)(i._V,{spacing:"standard",className:"md:hidden",children:[p&&(0,l.jsx)(d.H1,{dangerouslySetInnerHTML:{__html:p}}),h&&(0,l.jsx)("div",{dangerouslySetInnerHTML:{__html:h}})]}),(0,l.jsxs)("div",{className:(0,o.cn)("isolate grid overflow-hidden",{"mx-gutter 2xl:mx-gutter-2xl rounded-lg md:mx-12":"standard"===s,"motion-safe:animate-frame":a}),children:[!y&&(0,l.jsx)("div",{ref:M,className:(0,o.cn)("col-start-1 row-start-1",{hidden:!L}),children:(0,l.jsx)(r.A,{containerClassName:"aspect-16/9",media:e,videoClassName:"absolute inset-0",imageClassName:"absolute inset-0",playOnce:!0,role:"informative"})}),!L&&(y?k:(0,l.jsx)("button",{type:"button",onClick:I,"aria-label":"Play video",className:"col-start-1 row-start-1 w-full cursor-pointer border-none bg-transparent p-0",children:k}))]})]});case"full-screen-simple":return(0,l.jsx)(i._V,{className:(0,o.cn)("grid min-h-svh",u),...g,children:(0,l.jsx)("div",{className:(0,o.cn)("isolate grid overflow-hidden",{"mx-gutter mb-gutter 2xl:mx-gutter-2xl mt-18 rounded-lg md:mx-12 md:my-24":"standard"===s,"motion-safe:animate-frame":a}),children:(0,l.jsx)(r.A,{containerClassName:"col-start-1 row-start-1 relative",media:b,videoClassName:"absolute inset-0",imageClassName:"absolute inset-0",overlay:!0,overlayClassName:"grid",overlayChildren:(0,l.jsx)("div",{className:(0,o.cn)("text-type-default col-start-1 row-start-1 flex flex-col items-center self-start justify-self-center px-6 pt-18 pb-6 text-center md:px-10 md:pt-32 md:pb-10",{"motion-safe:animate-fade-in motion-safe:animate-frame-offset-margin":a}),children:(0,l.jsxs)("div",{className:"mx-auto max-w-3xl",children:[p&&(0,l.jsx)(d.sS,{dangerouslySetInnerHTML:{__html:p}}),h&&(0,l.jsx)("div",{dangerouslySetInnerHTML:{__html:h}})]})})})})});case"full-screen-feature":return(0,l.jsx)(i._V,{className:(0,o.cn)("grid min-h-svh",u),...g,children:(0,l.jsx)("div",{className:(0,o.cn)("isolate grid overflow-hidden",{"mx-gutter mb-gutter 2xl:mx-gutter-2xl mt-18 rounded-lg md:mx-12 md:my-24":"standard"===s}),children:(0,l.jsx)(r.A,{containerClassName:"col-start-1 row-start-1 relative",media:b,videoClassName:"absolute inset-0",imageClassName:"absolute inset-0",overlay:!0,overlayClassName:"grid",overlayChildren:(0,l.jsx)("div",{className:"text-type-default relative mt-auto flex min-w-0 flex-col p-6 pt-18 md:px-12 md:pt-32 md:pb-24",children:(0,l.jsxs)("div",{className:"mx-auto flex w-full max-w-3xl min-w-0 flex-col gap-6 lg:flex-row lg:items-center lg:gap-27",children:[p&&(0,l.jsx)(d.sS,{className:"break-words",dangerouslySetInnerHTML:{__html:p}}),(0,l.jsxs)("div",{className:"flex flex-col gap-4 lg:max-w-92",children:[h&&(0,l.jsx)(n.gH,{dangerouslySetInnerHTML:{__html:h},className:"lg:text-bm"}),_&&(console.log("primaryCta",_),console.log("palette",w),(0,l.jsx)(t.N,{linkModel:_,variant:w?"default":"hero",className:"w-fit"}))]})]})})})})});case"full-bleed-feature":return(0,l.jsx)(i._V,{className:(0,o.cn)("grid min-h-svh",u),...g,children:(0,l.jsx)("div",{className:(0,o.cn)("isolate grid overflow-hidden"),children:(0,l.jsx)(r.A,{containerClassName:"col-start-1 row-start-1 relative",media:b,videoClassName:"absolute inset-0",imageClassName:"absolute inset-0",overlay:!0,overlayClassName:"grid",overlayChildren:(0,l.jsxs)("div",{className:(0,o.cn)("text-type-default relative mt-auto flex min-w-0 flex-col gap-12 p-6 pt-18 md:gap-40 md:px-12 md:pt-32 md:pb-12","Video"===b?.mediaType&&"mb-11 md:mb-8"),children:[(0,l.jsxs)("div",{className:"mx-auto flex w-full max-w-3xl min-w-0 flex-col gap-4 md:flex-row md:items-center md:gap-27",children:[(0,l.jsxs)("div",{className:"gap-gutter flex grow flex-col md:max-w-2/3",children:[j&&(0,l.jsx)(d.G7,{children:j}),p&&(0,l.jsx)(d.sS,{className:"break-words",dangerouslySetInnerHTML:{__html:p}})]}),h&&(0,l.jsx)(n.gH,{dangerouslySetInnerHTML:{__html:h},className:"md:max-w-107"})]}),C&&C.length>0&&(0,l.jsx)("div",{className:"md:self-end",children:(0,l.jsx)(m.r,{blocks:C,spacing:"none"})})]})})})});case"evergreen":case"evergreen-space":case"timely":const V="timely"===f?d.H1:d.sS;return(0,l.jsx)(i._V,{headerUnderlay:!0,spacingX:"standard",className:(0,o.cn)("text-type-default","evergreen-space"===f&&"md:pb-24",u),...g,children:(0,l.jsxs)("div",{className:"flex flex-col gap-2 md:min-h-62.5 lg:flex-row lg:items-end",children:[p&&(0,l.jsx)(V,{className:(0,o.cn)("flex grow items-end pt-12 break-words"),dangerouslySetInnerHTML:{__html:p}}),h&&(0,l.jsx)(n.gH,{className:(0,o.cn)("md:max-w-140","evergreen"===f&&"md:pb-3"),dangerouslySetInnerHTML:{__html:h}})]})});default:console.warn(`unknown variant: ${f}`)}}}}]);
2//# sourceMappingURL=Hero.248234f58fd9962b7dd8.js.map