https://www.benjaminmoore.com/_next/static/chunks/7596.f1ddb39051dff19b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7596],{96265:function(e,t,r){r.d(t,{u:function(){return i}});var n=r(636);let i={h1:n.H1,h2:n.H2,h3:n.H3,h4:n.H4,subhead:n.qb,bodyLarge:n.f2,body:n.uT,micro1:n.U,micro2:n.SN}},32176:function(e,t,r){r.d(t,{Z:function(){return f}});var n=r(11163);r(67294);var i=r(87379),o=r(23928);let a=i.ZP.div.withConfig({displayName:"colorTilestyles__ColorTileWrapper",componentId:"sc-1bhmjk9-0"})(["background-color:",";padding:",";min-height:120px;height:100%;display:flex;box-sizing:border-box;.colorTileLink{display:flex;flex-direction:column;justify-content:flex-end;> div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-decoration:none;gap:",";}.colorSurface{text-transform:uppercase;}&:focus{","}}"],({backgroundColor:e})=>e,o.Tv,o.JF,o.zu);var l=r(13736),c=r(57660),s=r(52105),d=r(636),p=r(99192),u=r(85893),f=e=>{let{color:t,surface:r}=e,{name:i,number:o,hex:f}=t??{},{locale:g}=(0,n.useRouter)(),x=(0,c.ZP)(`#${f}`),{urlSettings:h}=p.bN()?.globalSettings?.globalDictionaries??{},{color_detail_url:m}=h??{},b=(0,l.DX)(i,o,g,m);return(0,u.jsx)(a,{backgroundColor:`#${f}`,"data-testid":"InspirationColorTile",children:(0,u.jsxs)(s.E,{href:b,$scaleOnHover:!1,className:"colorTileLink",children:[r?(0,u.jsx)(d.SN,{$color:x,$fontWeight:"light",className:"colorSurface",children:r}):null,(0,u.jsx)(d.U,{$color:x,$fontWeight:"bold",dangerouslySetInnerHTML:{__html:i}}),(0,u.jsx)(d.SN,{$color:x,children:o})]})})}},77596:function(e,t,r){r.r(t),r.d(t,{CONTENT_STACK_TESTID:function(){return N},default:function(){return D}});var n=r(8307),i=r(67294),o=r(5959),a=r(636),l=r(87379),c=r(51815),s=r(23928);let d={lg:{1:{width:"774px"},2:{width:"448px"},3:{width:"288px"}},xl:{1:{width:"852px"},2:{width:"524px"},3:{width:"320px"}},xxl:{1:{width:"1142px"},2:{width:"706px"},3:{width:"480px"}}},p=`
2  flex: 0 0 auto;
3  max-width: 100%;
4`,u=(e,t)=>"fixed"===e&&t<4,f=e=>e>=4?2:e,g=e=>

4{let t=Math.max(e,1),r=`calc((100% - (${t} - 1) * ${s.mo}) / ${t})`;return`
5    flex: 1 1 ${r};
6    max-width: ${r};
7  `},x=(e,t)=>1===e?p:g(t),h=({width:e})=>`
8  justify-content: center;
9
10  > * {
11    flex: 0 0 auto;
12    width: ${e};
13    max-width: 100%;
14  }
15`,m=({$cardSize:e,$cardCount:t},r)=>{if(!u(e,t))return"";let n=d[r][t];return n?h(n):""},b=l.ZP.div.withConfig({displayName:"contentStackstyles__ContentStackWrapper",componentId:"sc-1c42gfr-0"})(["display:flex;flex-direction:column;padding:32px 35px;gap:",";background-color:",";.contentStackHeader{display:flex;flex-direction:column;justify-content:center;align-items:",";gap:",";}.contentStackFooter{display:flex;justify-content:",";text-align:",";& a:focus{","}}.contentStackCardContainer{display:flex;flex-direction:column;gap:",";align-items:",";"," > *{","}}","{padding:40px 35px;.contentStackCardContainer{flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:",";justify-content:",";> *{","}}}","{padding:40px 45px;gap:",";.contentStackCardContainer{flex-wrap:nowrap;justify-content:",";> *{","}","}}","{padding:40px 72px;.contentStackCardContainer{","}}","{padding:48px 96px;gap:",";.contentStackCardContainer{","}}"],s.mo,({$backgroundColor:e})=>e,({$headerAlignment:e})=>"Left"===e?"flex-start":"center",s._z,({$footerAlignment:e})=>"Left"===e?"flex-start":"center",({$footerAlignment:e})=>"Left"===e?"left":"center",s.zu,s.Hg,({$cardCount:e})=>1===e?"center":"stretch",({$cardSize:e})=>"Filled"===e?"width: 100%;":"",({$cardCount:e})=>1===e?p:"",c.Ri.md,s.mo,({$cardSize:e,$cardCount:t})=>1===t||u(e,t)?"center":"flex-start",({$cardCount:e})=>x(e,f(e)),c.Ri.lg,s.Hg,({$cardCount:e})=>1===e?"center":"flex-start",({$cardCount:e})=>x(e,e),e=>m(e,"lg"),c.Ri.xl,e=>m(e,"xl"),c.Ri.xxl,s.Z6,e=>m(e,"xxl")),j=l.ZP.div.withConfig({displayName:"contentStackCardstyles__ContentStackCardWrapper",componentId:"sc-1q8unux-0"})(["display:flex;flex-direction:column;gap:",";align-items:center;width:100%;.cardLabelAndIcon{display:flex;flex-direction:column;gap:",";align-items:",";width:inherit;}.cardImageContainer{position:relative;width:inherit;img{width:100%;object-fit:cover;aspect-ratio:1/1;border-radius:4px;}svg{transform:rotate(180deg);}}.cardContent{display:flex;flex-direction:column;gap:",";width:inherit;align-items:",";.cardTitle{display:flex;flex-direction:column;justify-content:center;gap:",";width:inherit;}.cardTitle,.cardDescription{display:flex;p{text-align:",";}}}.horizontalLine{border:0.8px solid ",";width:100%;}","{gap:",";.cardLabelAndIcon,.cardContent{gap:",";}}","{gap:",";.cardLabelAndIcon,.cardContent{gap:",";}.cardContent{.cardTitle{gap:",";}}}"],s.E_,s.E_,({$iconAlignment:e})=>"Left"===e?"flex-start":"center",s.E_,({$cardAlignment:e})=>"Left"===e?"flex-start":"center",s.E_,({$cardAlignment:e})=>"Left"===e?"left":"center",s.A7,c.Ri.lg,s.$W,s.$W,c.Ri.xxl,s.mo,s.mo,s.Tv);var y=r(31348),w=r(36839),O=r(85893);function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function _(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var C=e=>{let{card_alignment:t="Center",card_title:r,card_description:n,icon:o,icon_alignment:l="Center",image:c,index_label:s,view_detail:d,card_size:p="Filled",handleViewDetailsClick:u,fontColor:f}=e??{},g=(0,i.useCallback)(()=>{u?.(e)},[u,e]);return(0,O.jsxs)(j,{$cardAlignment:t,$iconAlignment:l,$cardSize:p,"data-testid":"ContentStackCard",children:[s||o?(0,O.jsxs)("div",{className:"cardLabelAndIcon",children:[s&&(0,O.jsx)(a.qb,{$fontWeight:"medium",children:s}),o&&(0,O.jsx)(y.Z,{className:"cardIcon",imageUrl:o,bgColor:f,width:"56px",height:"48px","aria-hidden":"true"})]}):null,c&&(0,O.jsx)("div",{className:"cardImageContainer",children:(0,O.jsx)(w.Z,_(_({},c),{},{show_view_detail_icon:d,onViewDetailsClick:g,caption:null}))}),r||n?(0,O.jsxs)("div",{className:"cardContent",children:[r&&(0,O.jsxs)("div",{className:"cardTitle",children:[(0,O.jsx)("div",{className:"horizontalLine"}),(0,O.jsx)(a.f2,{$fontWeight:"medium",$color:f,dangerouslySetInnerHTML:{__html:r}}

15),(0,O.jsx)("div",{className:"horizontalLine"})]}),n&&(0,O.jsx)("div",{className:"cardDescription",children:(0,O.jsx)(a.uT,{$color:f,dangerouslySetInnerHTML:{__html:n}})})]}):null]})},k=r(96265),$=r(57660);function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let N="ContentStack";var D=e=>{let{content_data:t}=e,{fields:r}=t??{},{title:n,semantic_header_typography:l,description:c,header_alignment:d,background_color:p=s.ix,cards:u,footer_text:f,footer_text_alignment:g,card_size:x,card_alignment:h,icon_alignment:m}=r??{},j=k.u[l]||a.H3,y=(0,$.ZP)(p),{0:w,1:v}=(0,i.useState)(null),{0:_,1:S}=(0,i.useState)(!1),D=(0,i.useCallback)(e=>{v(P({},e)),S(!0)},[]),T=(0,i.useCallback)(()=>{v(null),S(!1)},[]);return(0,O.jsxs)(b,{"data-testid":N,$headerAlignment:d,$footerAlignment:g,$cardSize:x,$backgroundColor:p,$cardCount:u?.length??0,children:[n&&(0,O.jsxs)("div",{className:"contentStackHeader","data-testid":`${N}_Header`,children:[(0,O.jsx)(j,{$color:y,children:n}),(0,O.jsx)(a.uT,{$color:y,children:c})]}),u?.length>0&&(0,O.jsx)("div",{className:"contentStackCardContainer",children:u?.map((e,t)=>O.jsx(C,P(P({},e),{},{card_size:x,card_alignment:h,icon_alignment:m,handleViewDetailsClick:D,fontColor:y}),t))}),f&&(0,O.jsx)("div",{className:"contentStackFooter","data-testid":`${N}_Footer`,children:(0,O.jsx)(a.uT,{$color:y,dangerouslySetInnerHTML:{__html:f}})}),(0,O.jsx)(o.Z,{isOpen:_,onClose:T,title:w?.card_title,image:w?.image})]})}},31348:function(e,t,r){var n=r(8307),i=r(4730),o=r(87379);r(67294);var a=r(23928),l=r(85893);let c=["imageUrl","bgColor","width","height"];function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}t.Z=e=>{let{imageUrl:t,bgColor:r,width:n,height:o}=e,s=(0,i.Z)(e,c);return t?(0,l.jsx)(p,d(d({},s),{},{$_css:t,$_css2:a.default.colors[r]||r,$_css3:n,$_css4:o})):null};var p=(0,o.ZP)("div").withConfig({displayName:"IconFromImage___StyledDiv",componentId:"sc-1x9q4ee-0"})(["position:relative;overflow:hidden;mask-image:url(",");mask-repeat:no-repeat;mask-position:center;mask-size:contain;background-color:",";width:",";height:",";"],e=>e.$_css,e=>e.$_css2,e=>e.$_css3,e=>e.$_css4)},5959:function(e,t,r){r.d(t,{Z:function(){return y}});var n=r(8307);r(67294);var i=r(87379),o=r(36839),a=r(51815),l=r(23928);let c=i.ZP.div.withConfig({displayName:"imageOverlaystyles__ImageOverlayWrapper",componentId:"sc-ck9l5p-0"})(["display:flex;flex-direction:column;padding:"," 0px;gap:",";box-sizing:border-box;height:calc(100dvh - 24px);width:100%;.titleWrapper{padding-left:",";padding-right:",";display:flex;justify-content:space-between;align-items:center;.closeBtn{padding:",";&:focus{","}}}.imageWrapper{padding:0px ",";}.colorTileWrapper{padding-left:",";}.socialLinksWrapper{padding:0px ",";}","{width:396px;}","{width:488px;}","{width:648px;}"],l.mo,l.mo,l.Hg,l.$W,l.E_,l.zu,l.Hg,l.Hg,l.$W,a.Ri.md,a.Ri.lg,a.Ri.xxl);var s=r(25269),d=r(47730),p=r(32176),u=r(59491),f=r(52105),g=r(61055),x=r(636),h=r(88486),m=r(85893);function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

15t%2?b(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var y=e=>{let{isOpen:t,onClose:r,title:n,image:l,tiles:b,socialLinks:y,shareMessages:w}=e,{close_icon:O}=(0,h.F5)(),v=l?.extra_extra_large_url||l?.extra_large_url||l?.large_url||l?.medium_url||l?.small_url;return(0,m.jsx)(u.Z,{isOpen:t,onRequestClose:r,contentLabel:n,showCloseButton:!1,animationDirection:["bottom","right"],contentCss:(0,i.iv)(["inset:auto 0 0 0;height:auto;border-top-left-radius:8px;border-top-right-radius:8px;width:100%;","{inset:0 0 auto auto;height:100%;width:fit-content;border-top-left-radius:unset;border-top-right-radius:unset;}"],a.Ri.md),children:(0,m.jsxs)(c,{"data-testid":"ImageOverlay",children:[(0,m.jsxs)("div",{className:"titleWrapper",children:[(0,m.jsx)(x.f2,{$fontWeight:"bold",children:n}),(0,m.jsx)(f.Dr,{className:"closeBtn",onClick:r,$scaleOnHover:!1,iconOnly:!0,"aria-label":O,icon:{icon:"close",size:24}})]}),l?(0,m.jsx)("div",{className:"imageWrapper",children:(0,m.jsx)(o.Z,j(j({},l),{},{show_view_detail_icon:!1}))}):null,b?.length?(0,m.jsx)("div",{className:"colorTileWrapper",children:(0,m.jsx)(s.Z,{carouselConfig:d.Iu,children:b.map((e,t)=>(0,m.jsx)(p.Z,{color:e?.color,surface:e?.surface},t))})}):null,(0,m.jsx)("div",{className:"socialLinksWrapper",children:(0,m.jsx)(g.Z,{socialLinks:y,shareMessages:w,downloadImageUrl:v,downloadFileName:n})})]})})}}}]);