https://www.benjaminmoore.com/_next/static/chunks/4752.991c36bc7649f83d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4752],{58988:function(e,t){"use strict";t.E=function(e,t){return e.split(",").map(function(e){var t=(e=e.trim()).match(r),i=t[1],a=t[2],c=t[3]||"",s={};return s.inverse=!!i&&"not"===i.toLowerCase(),s.type=a?a.toLowerCase():"all",c=c.match(/\([^\)]+\)/g)||[],s.expressions=c.map(function(e){var t=e.match(o),r=t[1].toLowerCase().match(n);return{modifier:r[1],feature:r[2],value:t[2]}}),s}).some(function(e){var r=e.inverse,o="all"===e.type||t.type===e.type;if(o&&r||!(o||r))return!1;var n=e.expressions.every(function(e){var r=e.feature,o=e.modifier,n=e.value,i=t[r];if(!i)return!1;switch(r){case"orientation":case"scan":return i.toLowerCase()===n.toLowerCase();case"width":case"height":case"device-width":case"device-height":n=l(n),i=l(i);break;case"resolution":n=s(n),i=s(i);break;case"aspect-ratio":case"device-aspect-ratio":case"device-pixel-ratio":n=c(n),i=c(i);break;case"grid":case"color":case"color-index":case"monochrome":n=parseInt(n,10)||1,i=parseInt(i,10)||0}switch(o){case"min":return i>=n;case"max":return i<=n;default:return i===n}});return n&&!r||!n&&r})};var r=/(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i,o=/\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/,n=/^(?:(min|max)-)?(.+)/,i=/(em|rem|px|cm|mm|in|pt|pc)?$/,a=/(dpi|dpcm|dppx)?$/;function c(e){var t,r=Number(e);return r||(r=(t=e.match(/^(\d+)\s*\/\s*(\d+)$/))[1]/t[2]),r}function s(e){var t=parseFloat(e);switch(String(e).match(a)[1]){case"dpcm":return t/2.54;case"dppx":return 96*t;default:return t}}function l(e){var t=parseFloat(e);switch(String(e).match(i)[1]){case"em":case"rem":return 16*t;case"cm":return 96*t/2.54;case"mm":return 96*t/2.54/10;case"in":return 96*t;case"pt":return 72*t;case"pc":return 72*t/12;default:return t}}},49180:function(e,t,r){"use strict";var o=r(58988).E,n="undefined"!=typeof window?window.matchMedia:null;function i(e,t,r){var i,a=this;function c(e){a.matches=e.matches,a.media=e.media}n&&!r&&(i=n.call(window,e)),i?(this.matches=i.matches,this.media=i.media,i.addListener(c)):(this.matches=o(e,t),this.media=e),this.addListener=function(e){i&&i.addListener(e)},this.removeListener=function(e){i&&i.removeListener(e)},this.dispose=function(){i&&i.removeListener(c)}}e.exports=function(e,t,r){return new i(e,t,r)}},14752:function(e,t,r){"use strict";r.r(t),r.d(t,{COLOR_CHIP_GRID_TESTID:function(){return E},default:function(){return R}});var o=r(67294),n=r(47),i=r(43217),a=r(25269),c=r(47730),s=r(11163),l=r(13736),p=r(57660),d=r(87379),u=r(51815),m=r(23928);let h=m._z,f=m.E_,g=e=>Math.min(Math.max(e,1),6),b=(e,t,r,o)=>`repeat(${e}, calc((100vw - ${r}px * 2 - ${o} * ${t-1}) / ${t}))`,x=(e,t)=>b(t?2:Math.max(e,1),2,35,h),y=(e,t)=>t?b(Math.min(e,2),Math.min(e,2),45,f):b(Math.max(e,1),4,45,f),v=(e,t,r)=>{let o=g(e);return t?b(e,o,r,f):b(Math.max(e,1),6,r,f)},O=(e,t,r)=>e?`${Math.round(6*r/g(t))}px`:`${r}px`,C=d.ZP.section.withConfig({displayName:"colorChipGridstyles__ColorChipGridContainer",componentId:"sc-cddxyw-0"})(["box-sizing:border-box;width:100%;padding-top:",";padding-bottom:32px;background-color:",";display:flex;flex-direction:column;gap:",";.headerSection{display:flex;flex-direction:column;gap:",";align-items:",";text-align:",";padding-left:","px;padding-right:","px;.anchor{&:focus{","}}}.carouselCommonGroup{display:flex;flex-direction:column;gap:",";}.bottomControls{display:flex;align-items:center;justify-content:center;gap:",";padding-top:0px !important;.embla__button{padding:0;background:unset;box-shadow:none;display:flex;align-items:center;justify-content:center;appearance:none;cursor:pointer;border:0;height:48px;width:48px;outline-offset:-2px;&:focus{",";}}}","{padding-top:",";padding-bottom:40px;.headerSection{padding-left:","px;padding-right:","px;}.carouselCommonGroup{gap:",";}}","{gap:",";.headerSection{padding-left:","px;padding-right:","px;}}","{gap:",";padding-top:",";padding-bottom:48px;.headerSection{padding-left:","px;padding-right:","px;}}"],({$topSpacing:e})=>e?"32px":"0",({$bgColor:e})=>e||m.ix,m.mo,m._z,({$alignment:e})=>"center"===e?"center":"flex-start",({$alignment:e})=>"center"===e?"center":"left",35,35,m.zu,h,m.E_,m.zu,u.Ri.md,({$topSpacing:e})=>e?"40px":"0",45,45,f,u.Ri.lg,m.Hg,72,72,u.Ri.xxl,m.Z6,({$topSpacing:e})=>e?"48px":"0",96,96),j=d.ZP.div.withConfig({displayName:"colorChipGridstyles__ChipGrid",componentId:"sc-cddxyw-1"})(["display:grid;gap:",";justify-content:center;grid-template-columns:",";padding-left:","px;padding-right:","px;","{gap:",";grid-template-columns:",";padding-left:","px;padding-right:","px;}","{grid-template-columns:",";padding-left:","px;padding-right:","px;}","{grid-template-columns:",";padding-left:","px;padding-right:","px;}"],h,({$columns:e=2,$filled:t})=>x(e,t),35,35,u.Ri.md,f,({$columns:e=4,$filled:t})=>

1y(e,t),45,45,u.Ri.lg,({$columns:e=6,$filled:t})=>v(e,t,72),72,72,u.Ri.xxl,({$columns:e=6,$filled:t})=>v(e,t,96),96,96),w=d.ZP.div.withConfig({displayName:"colorChipGridstyles__ColorChipWrapper",componentId:"sc-cddxyw-2"})(["position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:","px;height:","px;overflow:hidden;background-color:",";color:",";.chipActions{order:1;display:flex;justify-content:flex-end;min-height:24px;transition:opacity 0.2s ease;.actionButton{padding:12px;&:focus{"," outline-offset:-2px;}}}.chipInfo{order:2;margin-top:auto;a{padding:12px;display:block;width:100%;text-decoration:none;word-break:break-word;color:",";box-sizing:border-box;&:hover{text-decoration:underline;}&:focus{"," outline-offset:-2px;}}}","{min-height:unset;height:",";.chipInfo{a{padding:16px;}}}","{height:",";.chipActions{opacity:0;pointer-events:none;}&:hover .chipActions,&:focus-within .chipActions{opacity:1;pointer-events:auto;}}","{height:",";}","{height:",";}"],128,128,({$bgColor:e})=>e,({$fontColor:e,theme:t})=>t.colors[e],m.zu,({$fontColor:e,theme:t})=>t.colors[e],m.zu,u.Ri.md,({$filled:e})=>e?"160px":"140px",u.Ri.lg,({$filled:e,$columns:t=6})=>O(e,t,140),u.Ri.xl,({$filled:e,$columns:t=6})=>O(e,t,140),u.Ri.xxl,({$filled:e,$columns:t=6})=>O(e,t,176));var _=r(17180),k=r(17270),$=r(636),P=r(99192),D=r(85893);let S="ColorChip";var Z=e=>{let{color:t,enableCartAndList:r=!1,filled:n=!1,columns:i=6}=e,{locale:a}=(0,s.useRouter)(),{globalSettings:c}=(0,P.bN)(),{color_detail_url:d}=c?.globalDictionaries?.urlSettings??{},{name:u,number:m,r:h,g:f,b:g}=t??{},b=(0,p.n2)(h,f,g),x=(0,o.useMemo)(()=>(0,l.DX)(u||"",m||"",a,d||""),[d,a,u,m]);return(0,D.jsxs)(w,{$bgColor:`rgb(${h}, ${f}, ${g})`,$fontColor:b,$filled:n,$columns:i,"data-testid":S,children:[(0,D.jsx)("div",{className:"chipInfo",children:(0,D.jsxs)("a",{href:x,children:[(0,D.jsx)($.U,{$fontWeight:"bold",children:u}),(0,D.jsx)($.U,{children:m})]})}),r&&(0,D.jsxs)("div",{className:"chipActions","data-testid":`${S}_actions`,children:[(0,D.jsx)(_.Z,{colorData:t,fontColor:b,iconSize:24}),(0,D.jsx)(k.Z,{colorData:t,fontColor:b,iconSize:24})]})]})},L=r(71938);let E="ColorChipGrid";var R=(0,L.Z)(e=>{let{content_data:t}=e,{color_data:r,fields:o}=t??{},{jump_section:s,background_color:l,top_spacing:p,header_alignment:d="center",title:m,description:h,link:f,grid_config:g,enable_cart_and_list:b,chip_size:x}=o??{},y=(0,i.Z)(),v=(0,n.ac)({query:u.r3.md}),O=(0,n.ac)({query:u.r3.lg}),w=y&&O;if(!t)return null;let{rows:_=3,columns:k=6}=g??{},P=x?.toLowerCase()==="filled",S=k>(P||!y||w?6:y&&v?4:2),L=!S&&P,R=L?Math.min(k,6):k,T=(r??[]).slice(0,_*k),A=L&&y&&!w?(()=>{let e=Math.ceil(T.length/2),t=[];for(let r=0;r<e;r++)t.push(T[r]),r+e<T.length&&t.push(T[r+e]);return t})():T,N=S?Array.from({length:k},(e,t)=>Array.from({length:_},(e,r)=>T[r*k+t]).filter(Boolean)).filter(e=>e.length>0):[],I=s?.replace(/^#/,"")||void 0,M=!!(m||h||f?.text);return(0,D.jsxs)(C,{id:I,"data-testid":E,$bgColor:l,$topSpacing:p,$alignment:d,"aria-label":m,children:[M&&(0,D.jsxs)("div",{className:"headerSection",children:[m&&(0,D.jsx)($.H3,{$fontWeight:"medium",children:m}),h&&(0,D.jsx)($.uT,{$color:"medium_grey_2",children:h}),f?.text&&f?.url&&(0,D.jsx)("a",{href:f.url,target:f.target,"aria-label":f.alt_text||f.text,className:"anchor",rel:"_blank"===f.target?"noopener noreferrer":void 0,children:(0,D.jsx)($.uT,{$fontWeight:"regular",children:f.text})})]}),S?(0,D.jsx)(a.Z,{carouselConfig:c.g4,hasBottomControls:!0,children:N.map((e,t)=>(0,D.jsx)("div",{className:"carouselCommonGroup",children:e.map((e,r)=>(0,D.jsx)(Z,{color:e,enableCartAndList:b,filled:!1,columns:6},`${e?.number}-${t}-${r}`))},e[0]?.number??t))}):(0,D.jsx)(j,{$columns:R,$filled:L,"data-testid":`${E}_grid`,children:A.map((e,t)=>(0,D.jsx)(Z,{color:e,enableCartAndList:b,filled:L,columns:R},`${e?.number}-${t}`))})]})})},17180:function(e,t,r){"use strict";var o=r(8307),n=r(4730),i=r(67294),a=r(78715),c=r(52105),s=r(53351),l=r(99487),p=r(99192),d=r(45968),u=r(81414),m=r(85893);let h=["colorData","fontColor","iconSize","segmentTrackingData","children"];function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?f(Object(r),!0).forEach(function(t){(0,o.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let b=(0,a.G)();t.Z=e=>{let{colorData:t,fontColor:r,iconSize:o,segmentTrackingData:a,children:f}=e,x=(0,n.Z)(e,h),{name:y,number:v}=t??{},{showAddToCartWizard:O}=(0,l.q6)(),{globalSettings:C}=(0,p.bN)(),{global:j,addToCartWizard:w}=C?.globalDictionaries??{},{add_color_to_cart:_}=j??{},{add_to_cart:k}=w??{},$=(0,i.useMemo)(()=>b(_??"")({colorName:y,colorCode:v}),[_,y,v]),P=(0,i.useCallback)(()=>{try{let e={[d.Z.keys.colorNumber]:v,[d.Z.keys.colorAttributeCode]:a?.color_attribute_code,[d.Z.keys.colorAttributeType]:a?.color_attribute_type,[d.Z.keys.colorAttributeName]:a?.color_attribute_name};(0,u.j)(d.Z.shopColorClicked.eventId,g({[d.Z.keys.colorName]:y},e))}catch(e){}},[y,v,a]),D=(0,i.useCallback)(()=>{O(v),P()},[v,P,O]);return(0,m.jsx)(c.Dr,g(g({disableSegmentClick:!0,className:"actionButton addColorToCartButton",icon:{icon:"cart",size:o??24},iconOnly:!0,$color:r,"aria-label":$,onClick:D,"data-testid":"ColorTile_AddColorToCartButton"},x),{},{children:f??(0,m.jsx)(s.wM,{$color:r,$fontWeight:"medium",children:k})}))}},17270:function(e,t,r){"use strict";var o=r(8307),n=r(4730),i=r(67294),a=r(78715),c=r(43217),s=r(52105),l=r(99192),p=r(62909),d=r(45968),u=r(81414),m=r(85893);let h=["colorData","fontColor","iconSize","segmentTrackingData","children"];function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach(function(t){(0,o.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let b=(0,a.G)();t.Z=e=>{let{colorData:t,fontColor:r,iconSize:o,segmentTrackingData:a,children:f}=e,x=(0,n.Z)(e,h),{name:y,number:v}=t??{},{toggleColor:O,hasColor:C}=(0,p.VP)(),{globalSettings:j}=(0,l.bN)(),w=(0,c.Z)(),{add_color_to_list:_,remove_color_from_list:k}=j?.globalDictionaries?.global??{},$=C(v),P=b($&&w?k??"":_??"")({colorName:y,colorCode:v}),D=$&&w?"shoppingListDeleteFromList":"shoppingListAddToList",S=(0,i.useCallback)(()=>{try{let e={[d.Z.keys.colorNumber]:v,[d.Z.keys.colorAttributeCode]:a?.color_attribute_code,[d.Z.keys.colorAttributeType]:a?.color_attribute_type,[d.Z.keys.colorAttributeName]:a?.color_attribute_name};(0,u.j)(d.Z[$?"removeFromShoppingList":"addToShoppingList"].eventId,g({[d.Z.keys.colorName]:y},e))}catch(e){}},[$,y,v,a]),Z=(0,i.useCallback)(()=>{O(t),S()},[t,S,O]);return(0,m.jsx)(s.Dr,g(g({disableSegmentClick:!0,className:"actionButton addColorToListButton",icon:{icon:D,size:o??24},iconOnly:!0,$color:r,"aria-label":P,onClick:Z,"data-testid":"ColorTile_AddColorToListButton"},x),{},{children:f}))}},71938:function(e,t,r){"use strict";var o=r(8307);r(67294);var n=r(24682),i=r(85893);function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}t.Z=e=>function(t){let{content_data:r}=t,{component_type:c}=r?.fields??{},{cotyTimerLeft:s}=(0,n.f1)();return("coty"!==c||s)&&("teaser"!==c||!s)&&c?null:(0,i.jsx)(e,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach(function(t){(0,o.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({},t))}},92703:function(e,t,r){"use strict";var o=r(50414);function n(){}function i(){}i.resetWarningCache=n,e.exports=function(){function e(e,t,r,n,i,a){if(a!==o){var c=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol

1:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:n};return r.PropTypes=r,r}},45697:function(e,t,r){e.exports=r(92703)()},50414:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},47:function(e,t,r){"use strict";r.d(t,{ac:function(){return Z}});var o=r(67294),n=r(49180),i=r.n(n),a=/[A-Z]/g,c=/^ms-/,s={};function l(e){return"-"+e.toLowerCase()}var p=function(e){if(s.hasOwnProperty(e))return s[e];var t=e.replace(a,l);return s[e]=c.test(t)?"-"+t:t},d=r(45697),u=r.n(d);let m=u().oneOfType([u().string,u().number]),h={all:u().bool,grid:u().bool,aural:u().bool,braille:u().bool,handheld:u().bool,print:u().bool,projection:u().bool,screen:u().bool,tty:u().bool,tv:u().bool,embossed:u().bool},{type:f,...g}={orientation:u().oneOf(["portrait","landscape"]),scan:u().oneOf(["progressive","interlace"]),aspectRatio:u().string,deviceAspectRatio:u().string,height:m,deviceHeight:m,width:m,deviceWidth:m,color:u().bool,colorIndex:u().bool,monochrome:u().bool,resolution:m,type:Object.keys(h)},b={minAspectRatio:u().string,maxAspectRatio:u().string,minDeviceAspectRatio:u().string,maxDeviceAspectRatio:u().string,minHeight:m,maxHeight:m,minDeviceHeight:m,maxDeviceHeight:m,minWidth:m,maxWidth:m,minDeviceWidth:m,maxDeviceWidth:m,minColor:u().number,maxColor:u().number,minColorIndex:u().number,maxColorIndex:u().number,minMonochrome:u().number,maxMonochrome:u().number,minResolution:m,maxResolution:m,...g};var x={...h,...b};let y=e=>`not ${e}`,v=(e,t)=>{let r=p(e);return("number"==typeof t&&(t=`${t}px`),!0===t)?r:!1===t?y(r):`(${r}: ${t})`},O=e=>e.join(" and "),C=e=>{let t=[];return Object.keys(x).forEach(r=>{let o=e[r];null!=o&&t.push(v(r,o))}),O(t)},j=(0,o.createContext)(void 0),w=e=>e.query||C(e),_=e=>{if(e)return Object.keys(e).reduce((t,r)=>(t[p(r)]=e[r],t),{})},k=()=>{let e=(0,o.useRef)(!1);return(0,o.useEffect)(()=>{e.current=!0},[]),e.current},$=e=>{let t=(0,o.useContext)(j),r=()=>_(e)||_(t),[n,i]=(0,o.useState)(r);return(0,o.useEffect)(()=>{let e=r();!function(e,t){if(e===t)return!0;if(!e||!t)return!1;let r=Object.keys(e),o=Object.keys(t),n=r.length;if(o.length!==n)return!1;for(let o=0;o<n;o++){let n=r[o];if(e[n]!==t[n]||!Object.prototype.hasOwnProperty.call(t,n))return!1}return!0}(n,e)&&i(e)},[e,t]),n},P=e=>{let t=()=>w(e),[r,n]=(0,o.useState)(t);return(0,o.useEffect)(()=>{let e=t();r!==e&&n(e)},[e]),r},D=(e,t)=>{let r=()=>i()(e,t||{},!!t),[n,a]=(0,o.useState)(r),c=k();return(0,o.useEffect)(()=>{if(c){let e=r();return a(e),()=>{e&&e.dispose()}}},[e,t]),n},S=e=>{let[t,r]=(0,o.useState)(e.matches);return(0,o.useEffect)(()=>{let t=e=>{r(e.matches)};return e.addListener(t),r(e.matches),()=>{e.removeListener(t)}},[e]),t},Z=(e,t,r)=>{let n=$(t),i=P(e);if(!i)throw Error("Invalid or missing MediaQuery!");let a=D(i,n),c=S(a),s=k();return(0,o.useEffect)(()=>{s&&r&&r(c)},[c]),(0,o.useEffect)(()=>()=>{a&&a.dispose()},[]),c}}}]);