https://www.toolheadsconstruction.com/_next/static/chunks/friendly-visual-nav.d080235c2b89450e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33815],{49895:(t,e,i)=>{i.d(e,{A:()=>r});var o=i(6029),n=i(90798);let r=t=>(0,o.jsx)(n.A,{component:"button",...t,sx:[{"*:where(&)":{cursor:"pointer",border:"none",textAlign:"initial",background:"none",color:"inherit",p:0}},...Array.isArray(t.sx)?t.sx:[t.sx]],type:"button"})},98e3:(t,e,i)=>{i.d(e,{A:()=>c});var o=i(6029),n=i(90798),r=i(82203),s=i.n(r),a=i(24858),l=i(7333),d=i(49895);let c=t=>{let e="link"in t||"sync"in t?t:void 0,i=(0,a.A)(e),r=globalThis?.shouldUseNextLink??!1;return t.forceActive&&!e?.hidden||(0,l.A)(e)?i.href?i.isInternal&&r?(0,o.jsx)(s(),{href:i.href,legacyBehavior:!0,children:(0,o.jsx)(n.A,{component:"a",...t,sx:[{color:"inherit",cursor:"pointer"},...Array.isArray(t.sx)?t.sx:[t.sx]]})}):(0,o.jsx)(n.A,{component:"a",...t,sx:[{color:"inherit",cursor:"pointer"},...Array.isArray(t.sx)?t.sx:[t.sx]],href:i.href}):(0,o.jsx)(d.A,{...t,...i}):(0,o.jsx)(n.A,{component:"div",...t,hidden:void 0})}},98675:(t,e,i)=>{i.r(e),i.d(e,{dataSyncKeyChains:()=>C,default:()=>$});var o=i(6029),n=i(90798),r=i(57498),s=i(4096),a=i(21743),l=i(91815),d=i(14745),c=i(70541),u=i(44640),x=i(71470),b=i(24922),m=i(62077),p=i(7333),h=i(98e3),g=i(9918),A=i(96725),f=i(30696);function y(t){let{titleComponent:e="h3"}=t,{variant:i}=(0,f.useFriendlyVariant)();return(0,o.jsxs)(s.default,{component:h.A,position:"relative",base:"primaryContrast2",radius:"grid"===i?"none":"medium",gridColumn:t.doubleWide?"span 2":"span 1",id:t.id,height:{xs:180,md:"100%"},minHeight:{xs:180,md:418},sx:[s.cardArrowShiftHover,s.cardDarkenOverlayHover,(0,c.r1)(c.tE,.2+.1*t.index)],...t.button,children:[t.asset&&(0,o.jsx)(g.A,{media:t.asset,title:"Navigation image",sizes:t.doubleWide?"(min-width: 1200px) 50vw, (min-width: 900px) 67vw, 100vw":"(min-width: 1200px) 25vw, (min-width: 900px) 34vw, 100vw",isBackground:!0,customPlayButton:!1,position:"absolute",top:0,left:0,right:0,bottom:0}),(0,o.jsx)(n.A,{position:"absolute",top:0,left:0,right:0,bottom:0,className:"biz-overlay"}),t.asset&&(0,o.jsx)(n.A,{position:"absolute",left:0,right:0,bottom:0,height:"55%",sx:{background:"linear-gradient(to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.15) 50%, transparent 100%)",pointerEvents:"none"}}),(0,p.A)(t.button)&&t.button.text&&(0,o.jsx)(n.A,{position:"absolute",left:0,right:0,bottom:0,px:(0,x.s)("medium"),pb:(0,x.s)("medium"),alignItems:"center",children:(0,o.jsx)(A.A,{variant:"h5",component:e,color:t.asset?(0,u.c)("light"):void 0,wrap:t=>(0,o.jsxs)(o.Fragment,{children:[t," ",(0,o.jsx)(m.A,{className:"biz-arrow",sx:{verticalAlign:"middle",fontSize:"20px",ml:(0,x.s)("x-small")}})]}),children:t.button.text})})]})}var v=i(68684),w=i(55729),j=i(71024),k=i.n(j);let z=k()(()=>i.e(71912).then(i.bind(i,71912)),{loadableGenerated:{webpack:()=>[71912]}}),O=k()(()=>i.e(19954).then(i.bind(i,19954)),{loadableGenerated:{webpack:()=>[19954]}}),C=[["title"],["subtitle"],["body"],["buttonOne","link"],["buttonOne","text"],["buttonTwo","link"],["buttonTwo","text"],["items","button","link"],["items","button","text"]];function $(t){let{hasBody:e,isDoubleWide:i,numCols:m}=function(t){let e=(0,v.A)(t=>t.breakpoints.up("lg")),i=(0,v.A)(t=>t.breakpoints.up("md")),o=t.items.length,n=(0,p.A)(t.buttonOne)||(0,p.A)(t.buttonTwo),r=!!t.body||n,s=!!t.title||!!t.subtitle||r,a=e?4:i?3:1;return{isDoubleWide:(0,w.useMemo)(()=>(function(t,e,i){let o=e;for(i&&(o-=Math.min(2,e));o<t;)o+=e;let n=o-t;return Array.from({length:t},(o,r)=>{if(4===e)return t-n<=r;if(3!==e)return!1;{let t=+!!i;return t<=r&&r<n+t}})})(o,a,s),[o,a,s]),hasBody:r,numCols:a}}(t),{variant:h}=(0,f.useFriendlyVariant)();return(0,o.jsx)(b.A,{id:t.id,backgroundAsset:t.backgroundAsset,backgroundColor:t.backgroundColor,idx:t.idx,floatingElement:"gradient"===h?(0,o.jsx)(z,{}):void 0,scopeBackground:"illustrative"===h?"contrast":"base",sx:["gradient"===h&&{position:"relative"}],children:(0,o.jsxs)(n.A,{mx:(0,x.m_)("horizontal"),display:"grid",gridAutoFlow:"row dense",gridTemplateColumns:`repeat(${m}, minmax(0, 1fr))`,gap:(0,x.s)("medium"),alignItems:"center",children:[(t.title||t.subtitle||e)&&(0,o.jsxs)(n.A,{gridColumn:{md:"span 2"},position:"relative",alignSelf:"stretch",children:["illustrative"===h&&(0,o.jsx)(l.Ay,{tearStart:"dissolve",tearSize:"large",tearFlip:!0,bgcolor:(0,u.c)("local-background-alt"),height:1e5,zIndex:-1,position:"absolute",top:"50%",left:-2e3,width:4e3}),(0,o.jsxs)(s.default,{showBorder:!0,base:"primaryTint",display:"flex",radius:"grid"===h?"none":"medium",flexDirection:"column",gap:(0,x.s)("small"),justifyContent:"center",p:(0,x.s)("large"),minHeight:{xs:180,md:418},height:"100%",position:"relative",sx:[(0,c.r1)(c.tE,0),"grid"===h&&{m:(0,x.s)("medium"),minHeight:{xs:180,md:`calc(418px - ${(0,x.s)("medium")} * 2)`},overflow:"visible",width:`calc(100% - ${(0,x.s)("medium")} * 2)`,height:`calc(100% - ${(0,x.s)("medium")} * 2)`,pb:{xs:`calc(${(0,x.s)("large")} + 50px)`,md:`calc(${(0,x.s)("large")} + 20px)`},"&::before":{content:'""',position:"absolute",top:`calc(-1 * ${(0,x.s)("medium")})`,left:`calc(-1 * ${(0,x.s)("medium")})`,right:`calc(-1 * ${(0,x.s)("medium")})`,bottom:`calc(-1 * ${(0,x.s)("medium")})`,border:`1px solid ${(0,u.c)("local-text-primary")}`,pointerEvents:"none",zIndex:1}}],children:[(0,o.jsx)(a.A,{g:"FlourishLight",position:"absolute",width:538,left:-20,top:"50%",zIndex:-1,

1color:(0,u.c)("local-background-contrast"),opacity:.1,sx:{transform:"translateY(-40%) rotate(180deg)"}}),(0,o.jsx)(a.A,{g:"FlourishLight",position:"absolute",width:317,left:"50%",top:-40,zIndex:-1,color:(0,u.c)("local-background-contrast"),opacity:.1}),(0,o.jsx)(a.A,{g:"OrganicLeaf1",position:"absolute",width:300,left:"50%",bottom:-250,zIndex:-1,color:(0,u.c)("local-background-contrast"),opacity:.1,sx:{transform:"rotate(45deg)"}}),(0,o.jsx)(a.A,{g:"OrganicLeaf1",position:"absolute",width:150,right:60,top:-70,zIndex:-1,color:(0,u.c)("local-background-contrast"),opacity:.1,sx:{transform:"rotate(-135deg)"}}),(0,o.jsx)(d.A,{size:"h2",smallBody:!0,title:t.title,subtitle:t.subtitle,body:t.body,sx:{"& > *":(0,c.r1)(c.m,0,.1)},titleProps:{"data-text-attribute":"title"},subtitleProps:{"data-text-attribute":"subtitle"},bodyProps:{"data-text-attribute":"body"}}),(0,o.jsx)(r.A,{buttonOne:t.buttonOne,buttonTwo:t.buttonTwo,my:(0,x.s)("small"),buttonOneDataAttribute:"buttonOne",buttonTwoDataAttribute:"buttonTwo"}),"grid"===h&&(0,o.jsx)(n.A,{position:"absolute",top:"calc(100% - 54px)",sx:{clipPath:"inset(0 250px 280px 0)"},left:"calc(100% - 112px)",overflow:"hidden",children:(0,o.jsx)(O,{color:(0,u.c)("local-text-primary"),fillOpacity:.5,circleRadius:4.71622})})]})]}),t.items.map((e,n)=>(0,o.jsx)(y,{doubleWide:i[n],index:n,titleComponent:t.title?"h3":"h2",...e},e.id)),"grid"===h&&(0,o.jsx)(n.A,{position:"absolute",zIndex:-1,bottom:100,left:-110,height:100,children:(0,o.jsx)(O,{color:(0,u.c)("local-text-primary"),fillOpacity:.5,circleRadius:4.71622})})]})})}}}]);