https://www.toolheadsconstruction.com/_next/static/chunks/friendly-blog-page.2acf2abc6652162e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83681],{370:(t,e,i)=>{i.d(e,{G:()=>o});let r=t=>"string"!=typeof t||t.endsWith("!important")?`${t}px !important`:`${t} !important`,o=(t,e)=>{let i={};return Object.entries(t).forEach(t=>{let[o,n]=t;o.startsWith("@media")||("fontSize"===o?i[e]=r(n):i[o]=n)}),Object.entries(t).forEach(t=>{let[o,n]=t;o.startsWith("@media")&&(i[o]={...n,..."fontSize"in n&&{[e]:r(n.fontSize)}})}),i}},3999:(t,e,i)=>{i.d(e,{A:()=>n});var r=i(38213),o=i(6029);let n=(0,r.A)((0,o.jsx)("path",{d:"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"}),"ArrowBack")},14316:(t,e,i)=>{i.r(e),i.d(e,{default:()=>E});var r=i(6029),o=i(90798),n=i(32559),l=i(3999),a=i(90931),s=i(30696),c=i(36837),d=i(81364),p=i(27011),x=i(35003),h=i(97018),m=i(24286),g=i(47642),u=i(370),f=i(90982),b=i(14745),y=i(44640),A=i(71470),v=i(24922),w=i(91815),j=i(33707);function k(t){return(0,r.jsx)(j.A,{...t})}var W=i(48879),C=i(92158),S=i(71024);let z=i.n(S)()(()=>i.e(21406).then(i.bind(i,21406)),{loadableGenerated:{webpack:()=>[21406]}});function E(t){let{posts:e,categories:i,blogHomePage:j}=(0,m.A)("friendly"),S=(0,f.wE)(e.find(e=>e.id===t.id)),E=(0,f.HM)(e,t),I=(0,a.A)(),{variant:q,defaultBackgroundStyle:F}=(0,s.useFriendlyVariant)(),{sectionStickyTop:R}=(0,g.A)(),B=i.filter(e=>t.categoryIds?.includes(e.id)),$=(0,y.c)("local-background-alt"),D=E.length>0&&t.showAdditionalReads,{ref:T,height:O}=(0,C.A)(),N="grid"===q?void 0:"24px",H="grid"===q?0:"24px",L="illustrative"===q?{xs:"calc(206px + var(--tear-padding))",sm:"calc(300px + var(--tear-padding))",md:"calc(400px + var(--tear-padding))",lg:"calc(530px + var(--tear-padding))"}:{xs:206,sm:300,md:400,lg:530};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(v.A,{id:t.id,idx:t.idx,backgroundColor:t.backgroundColor,backgroundAsset:t.backgroundAsset,display:"flex",flexDirection:"column",gap:(0,A.s)("large"),texture:"gradient"!==q?"texture":void 0,...t.featuredAsset?{pt:0}:{},floatingElement:"gradient"===q?(0,r.jsx)(z,{height:O??0}):void 0,children:[t.featuredAsset&&(0,r.jsx)(o.A,{sx:{width:"100%",aspectRatio:{xs:1,sm:"247/344",md:"351/490"},height:L,maxHeight:L,maxWidth:{md:"100%"}},children:"illustrative"===q?(0,r.jsx)(w.Ay,{tearEnd:"basic",tearSize:1,sx:{overflow:"clip",maxHeight:L},children:(0,r.jsx)(p.A,{media:t.featuredAsset,title:t.title||"Blog post image",sizes:x.e,style:{width:"100%",aspectRatio:"16/9",objectFit:"cover"}})}):(0,r.jsx)(p.A,{media:t.featuredAsset,title:t.title||"Blog post image",sizes:x.e,style:{width:"100%",aspectRatio:"16/9",objectFit:"cover"}})}),(0,r.jsxs)(o.A,{ref:T,display:"flex",flexDirection:{xs:"column",lg:"row"},gap:(0,A.s)("large"),alignItems:"flex-start",position:"relative",sx:{...A.VE},children:[(0,r.jsxs)(o.A,{flex:1,minWidth:0,children:[!t.isBlogComposerPreview&&(0,r.jsx)(d.A,{link:j.urlPath,children:(0,r.jsx)(o.A,{sx:{width:"100%",mb:(0,A.s)("medium")},children:(0,r.jsxs)(o.A,{component:"span",display:"inline-flex",alignItems:"center",gap:(0,A.s)("small"),sx:{cursor:"pointer",fontWeight:600,fontSize:15,letterSpacing:"0.02em",lineHeight:1.25},children:[(0,r.jsx)(l.A,{fontSize:"small"}),(0,r.jsx)(n.A,{variant:"body2",component:"span",sx:{fontWeight:"inherit",fontSize:"inherit",letterSpacing:"inherit"},children:"Back to blog"})]})})}),(0,r.jsx)(o.A,{display:"flex",flexDirection:"column",gap:(0,A.s)("small"),children:(0,r.jsx)(b.A,{size:"h2",title:t.title,titleProps:{component:"h1"},subtitle:t.subtitle,underline:"grid"===q,body:S,sx:{width:"100% !important"}})}),B.length>0&&(0,r.jsx)(o.A,{display:"flex",flexWrap:"wrap",gap:(0,A.s)("small"),mt:(0,A.s)("medium"),children:B.map(t=>(0,r.jsx)(o.A,{component:"span",sx:{display:"inline-flex",alignItems:"center",px:1.75,py:.75,typography:"caption",fontWeight:600,letterSpacing:"0.07em",textTransform:"uppercase",lineHeight:1.25,color:(0,y.c)("local-text-primary"),borderRadius:999*("grid"!==q),border:"1px solid",borderColor:"illustrative"===q?`color-mix(in srgb, ${(0,y.c)("local-text-primary")} 42%, transparent)`:(0,y.c)("local-text-primary"),..."grid"===q&&{bgcolor:`color-mix(in srgb, ${(0,y.c)("local-text-primary")} 6%, transparent)`},..."gradient"===q&&{bgcolor:`color-mix(in srgb, ${(0,y.c)("local-text-primary")} 7%, transparent)`},..."illustrative"===q&&{bgcolor:`color-mix(in srgb, ${(0,y.c)("local-text-primary")} 5%, transparent)`}},children:t.name},t.id))}),t.content&&(0,r.jsx)(o.A,{sx:{mt:(0,A.s)("large"),width:"100%",overflow:"visible",position:"relative","& *:has(.ql-video)":{width:"100%"}},children:(0,r.jsx)(h.default,{variant:"subtitle1",component:"div",sx:{fontSize:17,'& [style*="font-size: var(--ql-h1)"]':{...(0,u.G)(I.typography.h4,"--ql-h1"),fontWeight:"bold"},'& [style*="font-size: var(--ql-h2)"]':{...I.typography.h5,"--ql-h2":"20px !important",fontWeight:"bold"},'& [style*="font-size: var(--ql-h3)"]':{...I.typography.h6,"--ql-h3":"18px !important",fontWeight:"bold"},"& a:not(.ql-button)":{textDecoration:"underline",color:"inherit"},"button.ql-button, a.ql-button, .ql-button":{...I.components?.MuiButton?.styleOverrides?.root,...I.components?.MuiButton?.styleOverrides?.contained,cursor:"pointer",display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",lineHeight:1.25,textAlign:"center",textDecoration:"none !important",color:`${(0,y.c)("local-text-on-button")} !important`,border:"none",verticalAlign:"middle","&:hover":{color:`${(0,y.c)("local-text-on-button-hover")} !important`,backgroundColor:`${(0,y.c)("local-background-button-hover")} !important`,boxShadow:"none"}},img:{maxWidth:"100%",height:"auto",...N&&{display:"block",my:(0,A.s)("medium"),objectFit:"cover",borderRadius:N,boxShadow:"0 8px 32px rgba(0, 0, 0, 0.06)"}},"& figure, & p:has(> img)":{flex:1,display:"flex",justifyContent:"center",alignItems:"center","> img":{maxWidth:"100%",maxHeight:"70vh"}},"& .ql-video":{width:"100%",maxWidth:"1280px",aspectRatio:"16/9",display:"block",margin:"0 auto",position:"relative",overflow:"hidden",borderRadius:H},"& .ql-video iframe":{position:"absolute",inset:0,width:"100%",height:"100%",border:"none"},"& iframe.ql-video":{width:"100%",maxWidth:"1280px",aspectRatio:"16/9",display:"block",margin:"0 auto",border:"none",borderRadius:H},blockquote:{margin:0,my:(0,A.s)("medium"),px:(0,A.s)("2x-large"),py:(0,A.s)("medium"),display:"flex",flexDirection:"column",gap:(0,A.s)("small"),border:"none",...I.typography.h3,color:(0,y.c)("local-text-primary"),fontStyle:"normal","& p":{...I.typography.h3,margin:0,color:"inherit"}}},children:t.content})})]}),(0,r.jsx)(c.Ay,{iconBgColor:$,iconColor:(0,y.c)("local-text-primary"),stickyTop:R,containerSx:{position:{xs:"static",lg:"sticky"},top:{lg:R},width:{xs:"100%",lg:"fit-content"},minWidth:0,maxWidth:"100%",display:{xs:"block",lg:"flex"},alignSelf:{xs:"stretch",lg:"flex-start"}},contentSx:{flexDirection:{xs:"row",lg:"column"},flexWrap:"wrap",justifyContent:"center"}})]})]}

1),D&&(0,r.jsx)(v.A,{scopeBackground:"colored"===F?"contrast":"tint",children:(0,r.jsxs)(o.A,{sx:{...A.VE},children:[(0,r.jsx)(n.A,{variant:"h4",component:"h2",mb:(0,A.s)("large"),children:"You might also like"}),(0,r.jsx)(o.A,{display:"grid",gridTemplateColumns:{xs:"1fr",sm:"repeat(2, 1fr)",md:"repeat(3, 1fr)"},gap:(0,A.s)("large"),children:E.filter(t=>t.section===W.b.FRIENDLY_BLOG_CONTENT).slice(0,6).map(t=>(0,r.jsx)(k,{...t},t.id))})]})})]})}},36837:(t,e,i)=>{i.d(e,{Ay:()=>p,Fx:()=>c,g6:()=>d});var r=i(6029),o=i(90798),n=i(12209),l=i(81364),a=i(13654),s=i(45070);let c=[n.F.FACEBOOK,n.F.TWITTER,n.F.LINKEDIN],d=t=>{let e=window.location.href,i=encodeURIComponent(e);switch(t){case n.F.FACEBOOK:return`https://www.facebook.com/sharer/sharer.php?u=${i}`;case n.F.TWITTER:return`https://twitter.com/intent/tweet?url=${i}`;case n.F.LINKEDIN:return`https://www.linkedin.com/shareArticle?url=${i}`;default:return e}};function p(t){let{iconBgColor:e,iconColor:i,stickyTop:n,containerSx:p,containerStyles:x,contentSx:h}=t;return(0,r.jsx)(o.A,{sx:{position:{md:"sticky"},top:{md:n},alignSelf:"flex-start",height:"fit-content",width:{xs:"100%",md:"fit-content"},...p},style:x,children:(0,r.jsx)(o.A,{sx:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"center",flexDirection:{xs:"row",md:"column"},gap:1.5,width:"100%",...h},children:c.map(t=>(0,r.jsx)(l.A,{link:d(t),"aria-label":(0,a.c7)(t),children:(0,r.jsx)(o.A,{sx:{":hover":{opacity:.8},cursor:"pointer",display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"center",bgcolor:e,borderRadius:"50%",width:{xs:33,sm:56},height:{xs:33,sm:56},div:{width:{xs:16,sm:18},height:{xs:16,sm:18},fontSize:{xs:13,sm:18}},svg:{width:{xs:18,sm:24},height:{xs:18,sm:24}},span:{width:"auto"}},children:(0,r.jsx)(s.A,{iconColor:i,icon:(0,a.Jc)(t)})})},t))})})}}}]);