https://schiavellofurniture.com/_next/static/chunks/app/furniture/products/%5Bslug%5D/page-8c0c6f72b866d441.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4416],{35594:function(e,t,l){"use strict";var n,i=l(4410),r=["title","titleId"];function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)({}).hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(null,arguments)}t.Z=function(e){var t=e.title,l=e.titleId,s=function(e,t){if(null==e)return{};var l,n,i=function(e,t){if(null==e)return{};var l={};for(var n in e)if(({}).hasOwnProperty.call(e,n)){if(t.includes(n))continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)l=r[n],t.includes(l)||({}).propertyIsEnumerable.call(e,l)&&(i[l]=e[l])}return i}(e,r);return i.createElement("svg",a({viewBox:"0 0 14 15",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":l},s),t?i.createElement("title",{id:l},t):null,n||(n=i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.05 3.342h7.9v8.262L7 9.06l-3.95 2.545V3.342Zm.9.9v5.711L7 7.988l3.05 1.965V4.242h-6.1Z",fill:"currentColor"})))}},99585:function(e,t,l){Promise.resolve().then(l.bind(l,74521)),Promise.resolve().then(l.bind(l,96659)),Promise.resolve().then(l.bind(l,10336))},74521:function(e,t,l){"use strict";l.d(t,{default:function(){return p}});var n=l(57437),i=l(56800),r=l.n(i),a=l(53959),s=l(9140),o=l(83815),c=l(75722),d=l(91035),u=l(81564),m=l(94538),f=e=>{let{category:t}=e;return(0,n.jsx)(n.Fragment,{children:t.content.map(e=>{let{__typename:t,id:l,...i}=e;if("TitleWithDescriptionSectionRecord"===t){let{title:e,description:t,descriptionFontVariant:r,hasGreyBackground:a}=i;return(0,n.jsx)(u.Z,{title:e,description:t,descriptionFontVariant:r,hasGreyBackground:a},l)}if("ProductStylesSectionRecord"===t){let{title:e,productStyles:t}=i;return t.length?(0,n.jsx)("section",{children:(0,n.jsxs)(a.Z,{noPaddingMobile:!0,className:"pt-20 lg:pb-20",children:[(0,n.jsx)(o.Z,{heading:e,className:"mb-6"}),(0,n.jsx)("ul",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:t.map((e,t)=>{let l=3===t;return(0,n.jsx)("li",{className:r()({"lg:col-span-full lg:block lg:w-full":l}),children:(0,n.jsx)(s.Z,{title:e.title,image:e.linkCardImage.url,link:"".concat(m.cN.Resources,"/?Category=1&Products.Styles=1&Products.Styles.items=").concat(e.title),isLong:l})},t)})})]})},l):null}if("FeaturedProductSectionRecord"===t)return(0,n.jsx)(c.Z,{content:i,className:"xxs:pb-0 lg:pb-20"},l);if("FeaturedProductsGridSectionRecord"===t){let{title:e,descriptionStructured:t,products:r}=i;return(0,n.jsx)(d.Z,{title:e,descriptionStructured:t,items:r,headingClassName:"xxs:mb-2"},l)}})})},g=l(80973),p=e=>{let{category:t}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(g.Z,{preHeading:"Category",content:t}),(0,n.jsx)(f,{category:t})]})}},96659:function(e,t,l){"use strict";l.d(t,{default:function(){return e3}});var n,i,r,a,s,o,c,d,u=l(57437),m=l(41959),f=l(56800),g=l.n(f),p=l(43527),x=l(78198),h=l(2265),v=l(43153),b=l(59867),y=l(92226),j=l(29744),w=l(20825),N=l(82603),C=l(5710),Z=l(32534),k=l(93426),S=l(80042),O=l.n(S),T=l(70018),I=l(4410),L=["title","titleId"];function _(){return(_=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)({}).hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(null,arguments)}var E=function(e){var t=e.title,l=e.titleId,i=function(e,t){if(null==e)return{};var l,n,i=function(e,t){if(null==e)return{};var l={};for(var n in e)if(({}).hasOwnProperty.call(e,n)){if(t.includes(n))continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)l=r[n],t.includes(l)||({}).propertyIsEnumerable.call(e,l)&&(i[l]=e[l])}return i}(e,L);return I.createElement("svg",_({viewBox:"0 0 14 9",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":l},i),t?I.createElement("title",{id:l},t):null,n||(n=I.createElement("path",{d:"M14 9H0V1.915C0 .695 1.38-.015 2.372.695L14 9Z",fill:"currentColor"})))},P=["title","titleId"];function R(){return(R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)({}).hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(null,arguments)}var A=function(e){var t=e.title,l=e.titleId,n=function(e,t){if(null==e)return{};var l,n,i=function(e,t){if(null==e)return{};var l={};for(var n in e)if(({}).hasOwnProperty.call(e,n)){if(t.includes(n))continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)l=r[n],t.includes(l)||({}).propertyIsEnumerable.call(e,l)&&(i[l]=e[l])}return i}(e,P);return I.createElement("svg",R({xmlns:"http://www.w3.org/2000/svg",width:14,height:9,fill:"none","aria-labelledby":l},n),t?I.createElement("title",{id:l},t):null,i||(i=I.createElement("path",{d:"M14 0H0v7.085c0 1.22 1.38 1.93 2.372 1.22L14 0Z",fill:"currentColor"})))},M=e=>{let{position:t="top",hideTooltip:l,description:n,descriptionStructured:i,normalizeTooltipLinks:r=!1,tooltipClassName:a,className:s,children:o}=e;return(0,u.jsxs)("div",{className:g()("group relative inline-block",s),children:[o,!l&&(0,u.jsx)("div",{className:g()("pointer-events-none absolute -right-6 opacity-0 shadow-tooltip transition-opacity group-hover:pointer-events-auto group-hover:opacity-100","before:absolute before:left-0 before:right-0 before:content-['']",a,{"bottom-[calc(100%+8px)] before:-bottom-3 before:h-3":"top"===t,"top-[calc(100%+8px)] before:-top-3 before:h-3":"bottom"===t}),children:(0,u.jsxs)("div",{className:"text-caption w-[240px] rounded-sm bg-grey-300 p-4",children:["top"===t&&(0,u.jsx)(A,{className:"absolute right-4.5 top-[calc(100%-1px)] h-2.5 w-3.5 text-grey-300"}),"bottom"===t&&(0,u.jsx)(E,{className:"absolute bottom-[calc(100%-1px)] right-4 h-2.5 w-3.5 text-grey-300"}),n||null,i&&(0,u.jsx)(T.Z,{content:i,normalizeTooltipLinks:r})]})})]})},H=l(15787),z=l(90371),F=["title","titleId"];function D(){return(D=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)({}).hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(null,arguments)}var U=function(e){var t=e.title,l=e.titleId,n=function(e,t){if(null==e)return{};var l,n,i=function(e,t){if(null==e)return{};var l={};for(var n in e)if(({}).hasOwnProperty.call(e,n)){if(t.includes(n))continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)l=r[n],t.includes(l)||({}).propertyIsEnumerable.call(e,l)&&(i[l]=e[l])}return i}(e,F);return I.createElement("svg",D({viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":l},n),t?I.createElement("title",{id:l},t):null,r||(r=I.createElement("path",{d:"m4.2 9.8 5.6-5.6M4.514 5.51l-1.98 1.98a2.8 2.8 0 0 0 3.96 3.96l1.98-1.98m-2.97-4.95 1.98-1.98a2.8 2.8 0 1 1 3.96 3.96l-1.98 1.98",stroke:"currentColor",strokeWidth:1.12})))},W=l(91395),V=e=>{let{hasCopied:t,onClick:l,onMouseLeave:n,className:i,children:r}=e,{isTablet:a}=(0,z.Z)();return(0,u.jsx)(M,{position:a?"top":"bottom",description:(0,u.jsx)("div",{className:"flex items-center gap-x-2",children:t?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(W.Z,{className:H.Hx}),"Link copied"]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(U,{className:H.Hx}),"Copy link to your clipboard"]})}),tooltipClassName:"xxs:-right-2 md:!right-0",className:i,children:(0,u.jsx)("button",{onClick:l,onMouseLeave:n,className:"text-caption group inline-flex h-7 items-center gap-x-1 rounded-full px-3 text-grey-300 transition-colors hover:bg-grey-100",children:r})})},B=e=>{let{children:t,className:l}=e;return(0,u.jsx)("span",{className:g()("text-caption inline-flex h-7 cursor-pointer items-center rounded-full border border-grey-300 px-3 text-grey-300 transition-colors hover:bg-grey-100",l),children:t})},q=["title","titleId"];function G(){return(G=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)({}).hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(null,arguments)}var $=function(e){var t=e.title,l=e.titleId,n=function(e,t){if(null==e)return{};var l,n,i=function(e,t){if(null==e)return{};var l={};for(var n in e)if(({}).hasOwnProperty.call(e,n)){if(t.includes(n))continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)l=r[n],t.includes(l)||({}).propertyIsEnumerable.call(e,l)&&(i[l]=e[l])}return i}(e,q);return I.createElement("svg",G({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 7 7",fill:"none","aria-labelledby":l},n),t?I.createElement("title",{id:l},t):null,a||(a=I.createElement("g",{clipPath:"url(#arrow-up-right_svg__a)"},I.createElement("path",{d:"M6.263.83v3.95h-.532V1.737L4.343 3.125 2.501 4.968 1.114 6.355H.737v-.376l3.23-3.23 1.388-1.388H2.313V.83h3.95Z",fill:"currentColor"}))),s||(s=I.createElement("defs",null,I.createElement("clipPath",{id:"arrow-up-right_svg__a"},I.createElement("path",{fill:"#fff",d:"M0 0h7v7H0z"})))))},J=e=>{let{hasCopiedUrl:t,hasFullTagsDisplayed:l,tags:n,onCopy:i,onCopyReset:r,className:a}=e;return(0,u.jsxs)("div",{className:g()("relative z-10 flex items-start justify-between gap-x-4",a,{"mb-0 max-h-0 opacity-0 [transition:max-height_0.3s_ease_0.2s,margin_0.3s_ease_0.15s,opacity_0.3s_ease]":!l,"mb-4 max-h-[60px] [transition:max-height_0.3s_ease,margin_0.3s_ease,opacity_0.3s_ease_0.15s]":l}),children:[(0,u.jsx)("ul",{className:"inline-flex flex-wrap gap-1",children:n.slice(0,1).map((e,t)=>(0,u.jsx)("li",{className:"h-7",children:(0,u.jsx)(k.Z,{href:e.href,children:(0,u.jsx)(B,{children:e.label},t)})},t))}),(0,u.jsxs)(V,{hasCopied:t,onClick:i,onMouseLeave:r,className:"hidden md:inline-block",children:["Share",(0,u.jsx)($,{className:g()(H.Zo)})]})]})},Y=l(91625),K=l(31290),X=l(94538),Q=e=>

1{let{isDetailsPanelOpen:t,hasOnlyOneConfiguration:l,productConfigurationShareUrl:n,currentConfigurationTitle:i,selectedConfigurationSetId:r,product:a,className:s}=e,[o,c]=(0,h.useState)(""),[d,m]=(0,h.useState)(!1),{title:f,categories:p}=a,x=p.map(e=>({label:e.title,href:"".concat(X.cN.Resources,"?Products=1&Products.Category=1&Products.Category.items=").concat(e.title)})).concat(a.sectors.map(e=>({label:e.title,href:"".concat(X.cN.Resources,"?Products=1&Products.Sector=1&Products.Sector.items=").concat(e.title)}))).concat(a.spaces.map(e=>({label:e.title,href:"".concat(X.cN.Resources,"?Products=1&Products.Spaces=1&Products.Spaces.items=").concat(e.title)}))),v=()=>{O()(n||o),m(!0),(0,K.Em)()&&setTimeout(()=>{m(!1)},Y.we)},y=()=>{setTimeout(()=>{m(!1)},Y.H9)};return(0,h.useEffect)(()=>{c(window.location.href)},[]),(0,u.jsxs)("div",{className:g()("relative min-h-[57px] px-6 py-6 transition-[padding]",s,{"md:py-4":t,"pointer-events-none delay-200 md:py-2":!t}),children:[(0,u.jsx)(J,{hasCopiedUrl:d,hasFullTagsDisplayed:t,tags:x,onCopy:v,onCopyReset:y}),(0,u.jsxs)("div",{className:"flex flex-wrap items-end justify-between gap-x-4 md:block",children:[(0,u.jsxs)("div",{className:"max-w-[263px] md:max-w-[unset]",children:[(0,u.jsx)("h1",{className:g()("with-grey-cube product-title text-grey-800",{"text-heading-med [transition:font-size_0.5s_ease,transform_0.5s_ease,width_0.5s_ease_0.1s] md:w-[350px]":t,"text-subheading-med [transition:font-size_0.6s_ease,transform_0.6s_ease,width_0.6s_ease] md:w-[270px]":!t}),children:f}),!l&&i&&(0,u.jsx)(b.Z,{isSpan:!0,updateKey:r,className:g()("text-grey-300 transition-[font-size] duration-500",{"text-subheading-light":t,"text-caption-light":!t}),children:i})]}),(0,u.jsx)("div",{className:"md:hidden",children:(0,u.jsx)(V,{hasCopied:d,onMouseLeave:y,onClick:v,children:(0,u.jsx)($,{className:g()(H.ft,"text-grey-700")})})})]})]})};let ee=["Warranty","Lead Time"];var et=e=>{let{items:t}=e,[l,n]=(0,h.useState)(t[0].id),[i,r]=(0,h.useState)(!1),a=(0,h.useRef)(),s=(0,h.useRef)(),o=e=>{clearTimeout(a.current),clearTimeout(s.current),n(e),r(!0),(0,K.L6)(e),a.current=setTimeout(()=>{r(!1)},Y.zy),s.current=setTimeout(()=>{n(e)},Y.zy+20)};return(0,h.useEffect)(()=>{let e=[],l=new IntersectionObserver(l=>{i||(l.forEach(l=>{if(l.isIntersecting)e.push({index:t.findIndex(e=>e.id===l.target.id),boundingClientRect:l.boundingClientRect});else{let n=e.findIndex(e=>e.index===t.findIndex(e=>e.id===l.target.id));-1!==n&&e.splice(n,1)}}),!(e.length>0))||0===window.scrollY||window.innerHeight+window.scrollY>=document.body.scrollHeight-500||n(t[e.sort((e,t)=>e.boundingClientRect.top-t.boundingClientRect.top)[0].index].id)},{rootMargin:"0px 0px 50% 0px",threshold:.2});return t.forEach(e=>{let t=document.getElementById(e.id);t&&l.observe(t)}),()=>l.disconnect()},[t,i]),(0,h.useEffect)(()=>{let e=()=>{let e=0===window.scrollY,l=window.innerHeight+window.scrollY>=document.body.scrollHeight-500;if(e){n(t[0].id);return}l&&n(t[t.length-1].id)};return e(),window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e),clearTimeout(a.current),clearTimeout(s.current)}},[]),(0,u.jsx)("div",{className:"mb-6 flex flex-wrap gap-y-2",children:t.map(e=>{let t=l===e.id,n=ee.includes(e.label);return(0,u.jsxs)("button",{onClick:()=>o(e.id),className:g()("relative select-none pr-5 transition-[font-weight,color,padding]",{"text-caption-light":!t||n,"text-caption-bold pl-4":t&&!n}),children:[(0,u.jsx)("span",{className:g()("absolute left-0 top-[3px] size-2 min-w-2 bg-black transition-opacity",{"opacity-0":!t||n})}),e.label]},e.label)})})},el=l(57549),en=l(37687),ei=l(94287),er=l(1232);let ea={about:"about",overview:"overview",downloads:"downloads",certifications:"certifications",gallery:"gallery",colourLab:"colour-lab",nexusApp:"nexus-app"},es=(e,t)=>{var l;return t&&(null===(l=e.userInformationDownloadsUs)||void 0===l?void 0:l.length)?e.userInformationDownloadsUs:e.userInformationDownloads},eo=e=>{let t=[],{content:l}=e,n=e.configurations.length>0||e.maskConfigurations.length>0||e.combinationConfigurations.length>0;

1l.forEach(e=>{switch(e.__typename){case"TemplateSectionRecord":"ColourLabDownloadsCertificationsGroupRecord"===e.templateSection.__typename&&(t.push({label:"About",id:ea.about}),t.push({label:"Overview",id:ea.overview}));break;case"ColourLabOptionsSectionRecord":n&&t.push({label:"ColourLab",id:ea.colourLab})}});let i=t.filter((e,t,l)=>t===l.findIndex(t=>t.label===e.label));if(!(l.findIndex(e=>"ImageGalleryRecord"===e.__typename)<l.findIndex(e=>"TemplateSectionRecord"===e.__typename))){let e=i.findIndex(e=>e.id===ea.gallery);-1!==e&&i.push(i.splice(e,1)[0])}return i},ec=e=>{switch(e){case"TitleWithDescriptionSectionRecord":return ea.about;case"ColourLabSectionRecord":return ea.colourLab;case"DownloadSectionRecord":return ea.downloads;case"CertificationsSectionRecord":return ea.certifications;case"ImageGalleryRecord":return ea.gallery;default:return""}},ed="block text-caption mb-2",eu=e=>{let{product:t,userInformationDownloads:l,selectedColourLabColours:n,selectedConfigurationSetId:i,onUpdateColourLabSubConfiguration:r,onUpdateConfigurationSet:a,onUpdateColourLabMaskColours:s}=e,{isMobile:o,isTablet:c}=(0,z.Z)(),[d,m]=(0,h.useState)({}),[f,p]=(0,h.useState)(!1),[x,y]=(0,h.useState)(!1),[w,C]=(0,h.useState)([]),[S,O]=(0,h.useState)([]),[T,I]=(0,h.useState)({}),{modelDownloads:L,certifications:_}=t,E=t.maskConfigurations.length>0?t.maskConfigurations:t.combinationConfigurations.length>

10?t.combinationConfigurations:t.configurations,P=t.maskConfigurations.length>0?"mask":t.combinationConfigurations.length>0?"combination":"normal",R=t.maskConfigurations.length>0,A=t.combinationConfigurations.length>0,M=E.length<=1,F=1===E.length&&!R,D=E.find(e=>e.id===i),U=[...new Set(null==D?void 0:D.configurationItems.map(e=>e.configurationType))],W=Array.from({length:10},()=>(0,h.useRef)(null)),V=(0,h.useRef)(null),B=e=>{V.current&&V.current.slickGoTo(e)},q=e=>{var t,l;let n=null===(l=W[e].current)||void 0===l?void 0:null===(t=l.innerSlider)||void 0===t?void 0:t.list.querySelectorAll(".slick-active");if(!n)return;let i=Array.from(n).map(e=>parseInt(e.getAttribute("data-index")));I(t=>({...t,[U[e]]:i}))},G=e=>{S.includes(e)?O(t=>t.filter(t=>t!==e)):O(t=>[...t,e])},$=()=>{p(e=>!e)},J=(e,t,l)=>{l?m(l=>({...l,[e]:t})):m(t=>{let{[e]:l,...n}=t;return n})};return(0,h.useEffect)(()=>{c||p(!1)},[c]),[E.length?{label:"Configurations",defaultOpen:!0,isHiddenOnMobileWhenClosed:!1,updateOnPanelClose:!0,isViewAllToggled:x,hasViewAllButton:E.length>3,hidden:M,onViewAllClick:o?()=>{y(e=>!e)}:void 0,contentClassName:g()("configurations-slider md:min-w-[calc(100%+40px)] md:-translate-x-6 has-slider",{"min-w-[calc(100%+40px)] -translate-x-6":!x&&o,"slider-disabled":o&&x}),content:(0,h.createElement)(v.Z,{...x&&o?el.ME:el.rJ,ref:V,key:String(x),afterChange:()=>{var e,t;C(Array.from(null===(t=V.current)||void 0===t?void 0:null===(e=t.innerSlider)||void 0===e?void 0:e.list.querySelectorAll(".slick-active")).map(e=>parseInt(e.getAttribute("data-index"))))},className:g()("mt-4 md:w-full md:min-w-[calc(100%+16px)] md:pl-px",{"w-full min-w-[calc(100%+16px)] pl-px":!x&&o,"grid grid-cols-2 gap-2":x&&o}),children:[E.map((e,t)=>(0,u.jsx)("button",{"aria-label":e.title,onClick:()=>{a(e.id),w.includes(t)&&0===w.indexOf(t)&&0!==t&&B(t-1)},className:g()("md:translate-x-6",{"translate-x-6":!x&&o}),children:(0,u.jsx)(j.Z,{src:e.image.url,alt:e.title,draggable:!1,onClick:()=>{a(e.id),B(t)},layout:"cover",className:g()("mr-2 min-w-[100px] overflow-hidden rounded border transition-colors md:min-h-[107px]",{"min-h-18":!x&&o,"min-h-[111px]":x&&o,"border-grey-200":i!==e.id,"border-grey-300":i===e.id})})},t)),(0,u.jsx)("button",{"aria-hidden":"true",className:"pointer-events-none",children:(0,u.jsx)("div",{className:g()("mr-2 min-w-[100px] overflow-hidden md:min-h-[107px]",{"min-h-18":!x&&o,"min-h-[111px]":x&&o})})})]})}:null,...U.map((e,l)=>{var m;let p=null==D?void 0:D.configurationItems.filter(t=>t.configurationType===e),x=o&&S.includes(e),y=p.reduce((e,t)=>{var l;return e+((null===(l=t.colourLabColours)||void 0===l?void 0:l.length)||0)},0);return R&&(y=p.reduce((e,t)=>{var l;return e+((null===(l=t.colourLabColours)||void 0===l?void 0:l.length)||0)},0)),A&&(y=p.reduce((e,t)=>e+(t.colourLabColour?1:0),0)),{label:e,defaultOpen:0===l,isViewAllToggled:x,isHiddenOnMobileWhenClosed:!1,hasViewAllButton:y>8,hidden:t.isColourLabSelectorHidden||F&&!c&&!f&&!A,additionalContent:F&&0===l&&!c&&(0,u.jsx)(N.Z,{variant:"grey-light-gradient-full",withDownArrow:f,withRightArrow:!f,isLargeIcon:!0,size:"xl",onClick:()=>{o?$():r({isMaskProduct:R,configurationType:null==D?void 0:D.configurationItems[0].configurationType,configurationItems:null==D?void 0:D.configurationItems})},className:"min-w-[400px] -translate-x-6 xxs:justify-between",children:(0,u.jsxs)("div",{className:"inline-flex items-center gap-x-4",children:[(0,u.jsx)(j.Z,{src:"/img/icons/colourlab-circle.png",alt:"ColourLab Icon",className:"size-5 min-w-5"}),"Customisable with ColourLab"]})}),onViewAllClick:()=>{o?G(e):r({isMaskProduct:R,configurationType:e,configurationItems:p})},contentClassName:g()("md:min-w-[calc(100%+40px)] md:-translate-x-6 has-slider configuration-sli

1der",{"min-w-[calc(100%+40px)] -translate-x-6":!x&&o,"slider-disabled":o&&x,"-translate-x-1":o&&S.includes(e)}),content:(0,u.jsxs)(b.Z,{updateKey:i,className:"mt-4",children:[(0,h.createElement)(v.Z,{...x&&o?el.ME:el.E1,key:String(x),slidesToShow:Math.min(8,y),ref:W[l],afterChange:()=>q(l),className:g()("mb-2 pt-1 md:w-full md:min-w-[calc(100%+16px)] md:pl-px",{"w-full min-w-[calc(100%+16px)] pl-px":!x&&o,"grid w-fit grid-cols-6 gap-4 pl-1 xs:grid-cols-7":x&&o})},{mask:p.map(t=>{if("mask"===P)return t.colourLabColours.map((r,o)=>{var c;let d=(null===(c=n[e])||void 0===c?void 0:c.id)===r.id;return(0,u.jsx)("div",{children:(0,u.jsx)("button",{"aria-label":r.name,onMouseEnter:()=>J(e,r,!0),onMouseLeave:()=>J(e,r,!1),onClick:()=>{var n,c;if(s(t.configurationType,(null===(n=r.textureImage)||void 0===n?void 0:n.url)||r.image.url),a(i),T[e]&&T[e].includes(o)&&0===T[e].indexOf(o)){if(0===o)return;null===(c=W[l].current)||void 0===c||c.slickGoTo(o-1)}},className:(0,el.L6)(d),children:(0,u.jsx)(j.Z,{src:r.image.url,alt:r.name,layout:"cover",hasLoadAnimation:!1,title:r.name,className:"size-8 min-h-8 min-w-8 max-w-12 rounded-sm border"})})},r.id)})}),combination:p.map(t=>{var l;if("combination"!==P)return;let r=t.colourLabColour,o=(null===(l=n[e])||void 0===l?void 0:l.id)===r.id;return(0,u.jsx)("div",{children:(0,u.jsx)("button",{"aria-label":r.name,onMouseEnter:()=>J(e,r,!0),onMouseLeave:()=>J(e,r,!1),onClick:()=>{var e;s(t.configurationType,(null===(e=r.textureImage)||void 0===e?void 0:e.url)||r.image.url),a(i)},className:(0,el.L6)(o),children:(0,u.jsx)(j.Z,{src:r.image.url,alt:r.name,layout:"cover",hasLoadAnimation:!1,className:"size-8 min-w-8 max-w-12 rounded-sm border"})})},t.id)}),normal:p.map(t=>{if("normal"===P)return t.colourLabColours.map((l,r)=>{var o;let c=(null===(o=n[e])||void 0===o?void 0:o.id)===l.id;return(0,u.jsx)("div",{children:(0,u.jsx)("button",{"aria-label":l.name,onMouseEnter:()=>J(e,l,!0),onMouseLeave:()=>J(e,l,!1),onClick:()=>{var e;s(t.configurationType,(null===(e=l.textureImage)||void 0===e?void 0:e.url)||l.image.url),a(i)},className:(0,el.L6)(c),children:(0,u.jsx)(j.Z,{src:l.image.url,alt:l.name,layout:"cover",hasLoadAnimation:!1,className:"size-8 min-w-8 max-w-12 rounded-sm border"})},r)},t.id)})})}[P]),(0,u.jsx)("div",{className:g()("lg:pl-6",{"pl-1":x&&S.includes(e),"pl-6":!x&&!S.includes(e)}),children:(0,u.jsx)("span",{className:"text-caption block min-h-5 text-grey-400",children:null===(m=d[e]||n[e])||void 0===m?void 0:m.name})})]})}}),{label:"Downloads",defaultOpen:!1,hidden:0===l.length&&0===L.length&&0===_.length,isHiddenOnMobileWhenClosed:!0,content:(0,u.jsxs)("div",{className:"flex flex-col gap-y-6 pr-6 pt-6",children:[l.length>0&&(0,u.jsxs)("div",{children:[(0,u.jsx)("span",{className:g()(ed),children:"User Information"}),(0,u.jsx)("div",{className:"grid grid-cols-2 gap-2",children:l.map(e=>(0,u.jsx)(Z.Z,{href:e.file.url,children:(0,u.jsxs)(N.Z,{tabIndex:-1,size:"lg",variant:"grey-200",fontVariant:"caption-light",className:"w-full",children:[(0,u.jsx)("span",{className:"truncate",children:e.name}),e.file.url.endsWith(".pdf")&&(0,u.jsx)(ei.Z,{className:H.r$})]})},e.file.url))})]}),L.length>0&&(0,u.jsxs)("div",{children:[(0,u.jsx)("span",{className:ed,children:"Models"}),(0,u.jsx)("div",{className:"grid grid-cols-2 gap-2",children:L.map(e=>(0,u.jsx)(Z.Z,{href:e.file.url,children:(0,u.jsxs)(N.Z,{tabIndex:-1,size:"lg",variant:"grey-200",fontVariant:"caption-light",className:"w-full",children:[(0,u.jsx)("span",{className:"truncate",children:e.name}),"AutoCad"===e.fileType&&(0,u.jsx)(en.Z,{className:H.r$}),"Revit"===e.fileType&&(0,u.jsx)(er.Z,{className:H.r$})]})},e.file.url))})]}),_.length>0&&(0,u.jsxs)("div",{children:[(0,u.jsx)("span",{className:ed,children:"Certifications"}),(0,u.jsx)("div",{className:"flex gap-x-4",children:_.map(e=>(0,u.jsx)(Z.Z,{href:e.certificationFile.url,children:(0,u.jsx)(j.Z,{src:e.certification.image.url,alt:e.certification.name,layout:"cover",className:"size-12 overflow-hidden rounded-sm"})},e.certification.name))})]})]},i)},{label:"Designer",defaultOpen:!1,isHiddenOnMobileWhenClosed:!0,content:(0,u.jsx)(k.Z,{href:t.designer.isHiddenFromDesignersPage?void 0:"".concat(X.cN.Designers,"/").concat(t.designer.slug),className:g()({"pointer-events-none":t.designer.isHiddenFromDesignersPage}),children:(0,u.jsxs)("div",{className:"mt-4 flex items-center gap-x-4 pr-6",children:[(0,u.jsx)(j.Z,{src:(t.designer.icon||t.designer.image).url,alt:t.designer.name,layout:"cover",className:"size-8 overflow-hidden rounded-full"}),(0,u.jsx)("span",{className:"text-grey-600",children:t.designer.name})]})})}

1].flat().filter(Boolean)};var em=l(94310),ef=l(50775),eg=l(19073),ep=l(80622),ex=l(52596),eh=["title","titleId"];function ev(){return(ev=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)({}).hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(null,arguments)}var eb=function(e){var t=e.title,l=e.titleId,n=function(e,t){if(null==e)return{};var l,n,i=function(e,t){if(null==e)return{};var l={};for(var n in e)if(({}).hasOwnProperty.call(e,n)){if(t.includes(n))continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)l=r[n],t.includes(l)||({}).propertyIsEnumerable.call(e,l)&&(i[l]=e[l])}return i}(e,eh);return I.createElement("svg",ev({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 7 7",fill:"none","aria-labelledby":l},n),t?I.createElement("title",{id:l},t):null,o||(o=I.createElement("g",{clipPath:"url(#arrow-up_svg__a)"},I.createElement("path",{d:"m3.397 1.134 2.394 2.394-.322.323-1.844-1.844v4.439l-.228.228-.228-.228V2.007L1.326 3.851l-.323-.323 2.394-2.394Z",fill:"currentColor"}))),c||(c=I.createElement("defs",null,I.createElement("clipPath",{id:"arrow-up_svg__a"},I.createElement("path",{fill:"#fff",transform:"rotate(-180 3.2 3.396)",d:"M0 0h6v6H0z"})))))},ey=l(35594),ej=l(71515);let ew=e=>{let{hasCheckedForOpenAccordions:t,item:l,openAccordions:n,onToggleAccordion:i,onUpdateOpenAccordions:r,isDetailsPanelOpen:a}=e;return(0,h.useEffect)(()=>{if(t)return l.defaultOpen&&"Configurations"!==l.label&&r([...n,l.label]),()=>{r(n.filter(e=>e!==l.label))}},[t]),(0,u.jsx)("li",{className:g()({hidden:l.hidden,"hidden lg:list-item":l.isHiddenOnMobileWhenClosed&&!a}),children:(0,u.jsx)(C.Z,{isOpen:n.includes(l.label),defaultOpen:l.defaultOpen,label:l.label,updateHeightKey:l.isViewAllToggled,isViewAllToggled:l.isViewAllToggled,onViewAllClick:l.hasViewAllButton&&n.includes(l.label)&&l.onViewAllClick,onToggle:()=>i(l.label),contentClassName:g()(l.contentClassName),children:l.content})})},eN=e=>{let{isDetailsPanelOpen:t,onAddToMySelection:l,className:n}=e,{openMySelectionPanelAndGoToFormStep:i}=(0,ef.H)(),{colourLabBrochureUrl:r}=(0,em.U)();return(0,u.jsxs)("div",{className:g()("left-0 top-full mb-6 flex w-full flex-col items-end gap-y-2 px-6 transition-opacity duration-300 lg:absolute lg:mb-0 lg:px-0",n,{"pointer-events-none opacity-0":!t}),children:[(0,u.jsxs)(N.Z,{variant:"grey-600",size:"xl",onClick:i,className:"w-full",children:["Contact my local consultant",(0,u.jsx)(ex.Z,{className:H.Hx})]}),(0,u.jsxs)(N.Z,{variant:"yellow",size:"xl",onClick:l,className:"w-full",children:["Add to My Schedule and export",(0,u.jsx)(ey.Z,{className:H.Hx})]}),(0,u.jsx)(k.Z,{href:X.sX.ColourLab,className:"w-full lg:hidden",children:(0,u.jsx)(N.Z,{variant:"grey-500-outlined",size:"xl",isLargeIcon:!0,withRightArrow:!0,className:"w-full",children:"View more ColourLab"})}),(0,u.jsx)(Z.Z,{href:r,children:(0,u.jsxs)(N.Z,{variant:"link",className:"h-[42px] text-grey-500 lg:hidden",children:["Download ColourLab brochure",(0,u.jsx)(ej.Z,{className:H.Hx})]})})]})};var eC=e=>{var t;let{isHeaderInView:l,isColourLabPopupOpen:n,hasOnlyOneConfiguration:i,selectedColourLabColours:r,productConfigurationShareUrl:a,product:s,selectedConfigurationSetId:o,currentConfigurationTitle:c,onUpdateColourLabSubConfiguration:d,onUpdateConfigurationSet:m,onUpdateColourLabMaskColours:f,onCloseColourLabPopup:p,onAddToMySelection:x}=e,{openMySelectionPanelAndGoToFormStep:v}=(0,ef.H)(),{region:b}=(0,eg.f)(),y=es(s,null!==(t=null==b?void 0:b.usesImperialSystem)&&void 0!==t&&t),{isMobile:j,isTablet:C}=(0,z.Z)(),{isEnabled:Z,enable:k,disable:S}=(0,ep.Z)({defaultOpen:!0,disableEscape:!0}),{isEnabled:O,enable:T}=(0,ep.Z)({disableEscape:!0}),[I,L]=(0,h.useState)([]),[_,E]=(0,h.useState)(!1),P=(0,h.useRef)(null),R=eu({product:s,userInformationDownloads:y,selectedColourLabColours:r,selectedConfigurationSetId:o,onUpdateColourLabSubConfiguration:d,onUpdateConfigurationSet:m,onUpdateColourLabMaskColours:f}),A=eo(s),M=()=>{clearTimeout(F.current),S(),j||(P.current.style.maxHeight="".concat(P.current.scrollHeight,"px"),(0,w.setTimeout)(()=>{P.current&&(P.current.style.maxHeight="0px")},10))},F=(0,h.useRef)(),D=()=>{P.current&&(clearTimeout(F.current),k(),j||(P.current.style.maxHeight="".concat(P.current.scrollHeight,"px"),F.current=(0,w.setTimeout)(()=>{P.current&&(P.current.style.maxHeight="unset")},Y.fY)))},U=e=>{let t=[...I];t.includes(e)?t=t.filter(t=>t!==e):t.push(e),"Configurations"!==e&&(t=t.filter(t=>"Configurations"===t||t===e)),L(t)},W=e=>{L(e)};return(0,h.useEffect)(()=>

1{if(_)return;let e=R.filter(e=>e.defaultOpen).map(e=>e.label);E(!0),L(e)},[R]),(0,h.useEffect)(()=>{let e=e=>{C||n||!(e.deltaY>0)||l||!Z||M()};return window.addEventListener("wheel",e),()=>window.removeEventListener("wheel",e)},[Z,n,C]),(0,h.useEffect)(()=>{C||(l&&!Z?D():l||M(),l||Z||p())},[l]),(0,h.useEffect)(()=>{let e=()=>{P.current&&!C&&Z&&(P.current.style.maxHeight="".concat(P.current.scrollHeight,"px"))};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[Z]),(0,h.useEffect)(()=>{let e=(0,w.setTimeout)(()=>{P.current&&(P.current.style.maxHeight=null,C||k())},Y.fY);return()=>clearTimeout(e)},[C]),(0,h.useEffect)(()=>{if(!P.current||C)return;let e=(0,w.setTimeout)(()=>{P.current&&!C&&(P.current.style.maxHeight="".concat(P.current.scrollHeight,"px"))},Y.fY),t=(0,w.setTimeout)(()=>{P.current&&!C&&(P.current.style.maxHeight=null,T())},Y.fY+10);return()=>{clearTimeout(F.current),clearTimeout(e),clearTimeout(t)}},[P.current,C]),(0,u.jsx)("div",{className:"top-[54px] z-20 w-full max-w-[1440px] lg:fixed lg:left-1/2 lg:top-[88px] lg:flex lg:h-px lg:-translate-x-1/2 lg:justify-end",children:(0,u.jsxs)("header",{className:"z-20 lg:fixed lg:right-10 lg:top-0 lg:w-[400px]",children:[(0,u.jsxs)("div",{className:"mb-4 rounded-sm bg-white",children:[(0,u.jsxs)("div",{onWheel:e=>e.stopPropagation(),className:g()("py-5 lg:max-h-[calc(100svh-264px)] lg:overflow-y-auto lg:overflow-x-hidden lg:py-0",{"!overflow-hidden":!Z}),children:[(0,u.jsx)(Q,{isDetailsPanelOpen:Z,hasOnlyOneConfiguration:i,productConfigurationShareUrl:a,currentConfigurationTitle:c,selectedConfigurationSetId:o,product:s,className:"hidden lg:block"}),(0,u.jsxs)("div",{className:g()("right-4 top-2 hidden gap-x-2 overflow-hidden transition-opacity lg:absolute lg:flex",{"pointer-events-none opacity-0":Z,"delay-300":!Z}),children:[(0,u.jsx)(N.Z,{variant:"grey-600",onClick:v,className:"min-h-10 w-10 min-w-10 px-0 xxs:justify-center",children:(0,u.jsx)(ex.Z,{className:H.Hx})}),(0,u.jsx)(N.Z,{variant:"grey-800",onClick:x,className:"min-h-10 w-10 min-w-10 px-0 xxs:justify-center",children:(0,u.jsx)(ey.Z,{className:H.r$})})]}),(0,u.jsxs)("div",{ref:P,className:g()("overflow-x-hidden pl-6 lg:overflow-hidden",{"transition-[max-height,opacity] duration-500":O,"lg:opacity-0":!Z}),children:[A.length>1&&(0,u.jsx)(et,{items:A}),(0,u.jsx)("ul",{className:"product-accordion-list mb-4 flex flex-col gap-y-6 md:pl-6 lg:pl-0",children:R.map(e=>(0,u.jsx)(ew,{hasCheckedForOpenAccordions:_,item:e,openAccordions:I,onToggleAccordion:U,onUpdateOpenAccordions:W,isDetailsPanelOpen:Z},e.label))}),(0,u.jsx)("style",{children:"\n                  .product-accordion-list .has-slider {\n                    position: relative;\n                  }\n                  .product-accordion-list .has-slider:not(.slider-disabled):after {\n                    content: '';\n                    position: absolute;\n                    bottom: 0;\n                    right: 0;\n                    height: 100%;\n                    width: 64px;\n                    background: linear-gradient(90deg, rgba(251, 251, 251, 0) -2.4%, #fff 87.71%);\n                    pointer-events: none;\n                  }\n                  .product-accordion-list .has-slider.configuration-sli

1der .slick-slider .slick-slide,\n                  .product-accordion-list .has-slider.configuration-slider .slick-slider .slick-slide > div,\n                  .product-accordion-list .has-slider.configuration-slider .slick-slider .slick-slide > div > div {\n                    min-width: 48px !important;\n                    max-width: 48px !important;\n                  }\n                  .product-accordion-list .has-slider.configuration-slider:not(.slider-disabled) .slick-slider .slick-slide > div {\n                    transform: translateX(24px);\n                  }\n                "})]})]}),(0,u.jsx)(eN,{isDetailsPanelOpen:Z,onAddToMySelection:x,className:g()("lg:hidden",{hidden:!Z})}),(0,u.jsx)("div",{className:"p-px pt-0",children:(0,u.jsxs)("button",{onClick:Z?M:D,className:"flex h-5 w-full items-center justify-center gap-x-[5px] bg-grey-200 text-center text-[10px] font-medium leading-3 text-grey-300",children:["View ",Z?"Less":"More",(0,u.jsx)(eb,{className:g()("size-1.5",{"rotate-180":!Z})})]})})]}),(0,u.jsx)(eN,{isDetailsPanelOpen:Z,onAddToMySelection:x,className:"xxs:hidden lg:flex"})]})})},eZ=l(99193),ek=l(83815),eS=l(3853),eO=e=>{var t;let{isOpen:l,selectedColourLabSubConfigurationSetDetails:n,onUpdateColourLabSubConfiguration:i,onUpdateColourLabMaskColours:r,onClose:a}=e,[s,o]=(0,h.useState)([]),[c,d]=(0,h.useState)({}),{colourLabPanelCMSContent:m,colourLabBrochureUrl:f}=(0,em.U)(),{isTablet:p}=(0,z.Z)(),[x,v]=(0,h.useState)({}),[b,y]=(0,h.useState)({}),w=(0,h.useRef)(null),C=(e,t)=>{y({...b,[e]:t})},{isMaskProduct:S,configurationItems:O}=n,T=null==O?void 0:null===(t=O[0])||void 0===t?void 0:t.colourLabColour,I=1===O.length&&!S,L=(O.length||O.length,O),_=(e,t)=>{var l;i({isMaskProduct:S,configurationType:e,configurationItems:L.map(l=>l.configurationType===e?{...l,colourLabColours:[t]}:l)}),r(e,(null===(l=t.textureImage)||void 0===l?void 0:l.url)||t.image.url),d({...c,[e]:t})},E=e=>{i({isMaskProduct:S,configurationType:e,configurationItems:L.map(t=>{if(t.configurationType===e){var l,n;let i=[];return i=T?[null===(l=s.find(t=>t.configurationType===e))||void 0===l?void 0:l.colourLabColour].filter(Boolean):(null===(n=s.find(t=>t.configurationType===e))||void 0===n?void 0:n.colourLabColours)||[],{...t,colourLabColours:i}}return t})}),d({...c,[e]:void 0})};return(0,h.useEffect)(()=>{var e,t;s.length&&(null===(e=s[0])||void 0===e?void 0:e.configurationType)===(null===(t=L[0])||void 0===t?void 0:t.configurationType)||o(L);let l=L.reduce((e,t)=>{e[t.configurationType]||(e[t.configurationType]={});let l=t.colourLabColours;return T&&(l=[t.colourLabColour]),e[t.configurationType]=l.reduce((e,t)=>{let l=(0,K.gB)(t.__typename);return e[l]||(e[l]=[]),e[l].push(t),e},e[t.configurationType]),e},{});v(l),y(Object.keys(l).reduce((e,t)=>(e[t]=Object.keys(l[t])[0],e),{}))},[n.configurationType,L]),(0,h.useEffect)(()=>{let e=e=>{w.current&&!w.current.contains(e.target)&&a()};return l&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[l]),(0,h.useEffect)(()=>{p&&a()},[p]),(0,u.jsx)("div",{className:g()("fixed left-1/2 top-22 z-40 flex h-px w-full max-w-[1440px] -translate-x-1/2 justify-end transition-opacity",{"pointer-events-none opacity-0":!l}),children:(0,u.jsxs)("div",{ref:w,className:"fixed right-[446px] top-0 rounded-sm border border-white backdrop-blur-[7px] [background:linear-gradient(157deg,rgba(255,255,255,0.90)51.01%,rgba(255,255,255,0.60)132.85%)]",children:[(0,u.jsxs)("div",{onWheel:e=>e.stopPropagation(),className:"flex h-[537px] max-h-[calc(100svh-120px)] w-[736px] flex-col overflow-y-auto overflow-x-hidden pr-6 pt-4",children:[(0,u.jsxs)(N.Z,{variant:"grey-300-outlined",isFullyRounded:!0,size:"sm",onClick:a,className:"xxs:text-caption !absolute right-4 top-4 z-10 w-fit bg-white",children:["Close",(0,u.jsx)(eS.Z,{className:H.IN})]}),Object.keys(x).map(e=>{var t,l;return(0,u.jsxs)(ek.Z,{cubeColour:g()({"bg-grey-200":!I}),cubeClassName:"xxs:min-w-2 xxs:size-2 xxs:translate-y-0.5",internalContainerClassName:"h-min",className:"w-full xxs:gap-x-4",children:[(0,u.jsx)("h2",{className:g()("text-caption mb-6 !font-normal text-grey-800"),children:e}),c[e]?(0,u.jsxs)("div",{className:"mb-6 flex w-[240px] justify-between rounded-sm border border-grey-300 bg-grey-50 p-2 pr-3",children:[(0,u.jsxs)("div",{className:"flex items-center gap-x-2",children:[(0,u.jsx)(j.Z,{src:c[e].image.url,alt:c[e].name,layout:"cover",hasLoadAnimation:!1,className:"size-18 min-w-18 rounded-sm border"}),(0,u.jsxs)("div",{className:"text-caption py-2",children:[(0,u.jsx)("span",{className:"mb-4 block",children:(0,eZ.Nt)(c[e].name)}),(0,u.jsxs)("span",{className:"text-grey-300",children:[(0,K.gB)(c[e].__typename)," ",(0,K.QO)(c[e].pricingTier).length>0&&"/ ".concat((0,K.QO)(c[e].pricingTier))," ","/ ",c[e].colourType]})]})]}),(0,u.jsx)("button",{onClick:()=>E(e),className:"mt-1 inline-flex size-5 min-w-5 items-center justify-center text-grey-black",children:(0,u.jsx)(eS.Z,{className:H.ft})})]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:"mb-8 flex flex-wrap gap-4",children:null===(t=Object.keys(x[e]))||void 0===t?void 0:t.map((t,l)=>{let n=b[e]===t;return(0,u.jsxs)(N.Z,{size:33,variant:n?"grey-800-outlined":"grey-100",onClick:()=>C(e,t),className:g()("text-caption",{"xxs:text-grey-300":!n,"bg-grey-200":n}),children:[(0,u.jsx)("span",{className:g()("size-2 min-w-2 transition-colors",{"bg-grey-800":n,"bg-grey-200":!n})}),t]},l)})}),null===(l=Object.keys((0,eZ.Yg)(x[e][b[e]])))||void 0===l?void 0:l.map(t=>{let l=(0,eZ.Yg)(x[e][b[e]])[t];return(0,u.jsxs)("div",{children:[(0,u.jsx)("h3",{className:"text-caption mb-4 text-grey-800",children:t}),(0,u.jsx)("div",{className:"mb-8 grid w-fit grid-cols-8 gap-4",children:l.map((t,l)=>(0,u.jsxs)("button",{onClick:()=>_(e,t),className:"max-w-18 self-start",children:[(0,u.jsx)(j.Z,{src:t.image.url,alt:t.name,layout:"cover",hasLoadAnimation:!1,className:"mb-2 size-18 min-w-18 rounded-sm border"}),(0,u.jsx)("p",{className:"text-caption-light text-left text-grey-400",children:(0,eZ.Nt)(t.name)})]},l))})]},t)})]})]},e)})]}),(0,u.jsxs)("div",{className:"flex w-full flex-1 flex-col justify-end p-6",children:[!S&&(0,u.jsx)("p",{className:"mb-4 font-normal",children:(null==m?void 0:m.nonMaskConfigurationText)||"Explore more or see it in person in our showroom."}),(0,u.jsxs)("div",{className:"flex w-full items-center justify-between gap-x-10",children:[(0,u.jsx)(k.Z,{href:"".concat(X.cN.Resources,"?ColourLab=1"),children:(0,u.jsx)(N.Z,{tabIndex:-1,variant:"grey-600",size:"xl",isLargeIcon:!0,withRightArrow:!0,onClick:a,children:"View more ColourLab"})}),(0,u.jsx)(Z.Z,{href:f,children:(0,u.jsxs)(N.Z,{tabIndex:-1,variant:"link",className:"text-grey-500",children:["Download ColourLab brochure",(0,u.jsx)(ej.Z,{className:H.Hx})]})})]})]})]})})},eT=l(65492),eI=l(50666);let eL=e=>new Promise((t,l)=>{let n=new window.Image;if(n.decoding="async",n.onload=()=>

1{if(!n.decode){t();return}n.decode().then(t).catch(t)},n.onerror=()=>l(Error("Failed to preload image: ".concat(e))),n.src=e,n.complete&&n.naturalWidth>0){if(!n.decode){t();return}n.decode().then(t).catch(t)}}),e_=async e=>{let t=[...new Set(e.filter(Boolean))];await Promise.all(t.map(e=>eL(e)))},eE=e=>({maskImage:e?"url(".concat(e,")"):void 0,WebkitMaskImage:e?"url(".concat(e,")"):void 0,maskPosition:"center",WebkitMaskPosition:"center",maskRepeat:"no-repeat",WebkitMaskRepeat:"no-repeat",maskSize:"100%",WebkitMaskSize:"100%"});var eP=e=>{var t,l,n,i;let{product:r}=e,[a,s]=(0,h.useState)(void 0),[o,c]=(0,h.useState)(!1),[d,m]=(0,h.useState)(r),{language:f}=(0,eg.f)(),{isMobile:w}=(0,z.Z)(),N=d.maskConfigurations.length>0?d.maskConfigurations:d.combinationConfigurations.length>0?d.combinationConfigurations:d.configurations,C=N[0],Z=[...new Set(N.flatMap(e=>e.configurationItems.length?e.configurationItems.map((e,t)=>e.configurationType):e.title))],k=Z.reduce((e,t)=>{var l,n,i;let r=null===(n=N.find(e=>e.title===t))||void 0===n?void 0:null===(l=n.image)||void 0===l?void 0:l.url,a=null==C?void 0:C.configurationItems.find(e=>e.configurationType===t);return e[t]=(null==a?void 0:null===(i=a.image)||void 0===i?void 0:i.url)||r,e},{}),S=N.length>0,O=d.maskConfigurations.length>0||d.combinationConfigurations.length>0,T=d.maskConfigurations.length>0,I=d.combinationConfigurations.length>0,L=(e,t)=>t.reduce((t,l)=>{var n,i,r,a,s;let o=null==e?void 0:e.configurationItems.find(e=>e.configurationType===l);if(!o)return t;if(T){let e=o.featuredColourLabColour,a=o.colourLabColours[0];t[l]=(null==e?void 0:null===(n=e.textureImage)||void 0===n?void 0:n.url)||(null==e?void 0:null===(i=e.image)||void 0===i?void 0:i.url)||(null===(r=a.textureImage)||void 0===r?void 0:r.url)||a.image.url}else if(I)t[l]=(null===(a=o.colourLabColour.textureImage)||void 0===a?void 0:a.url)||o.colourLabColour.image.url;else{let e=o.colourLabColours[0];t[l]=(null===(s=e.textureImage)||void 0===s?void 0:s.url)||e.image.url}return t},{}),_=L(C,Z),[E,P]=(0,h.useState)(null==N?void 0:null===(t=N[0])||void 0===t?void 0:t.id),[R,A]=(0,h.useState)(k),[M,H]=(0,h.useState)(null),{isEnabled:F,enable:D,disable:U}=(0,ep.Z)({disableEscape:!0}),{addProductToMySelection:W}=(0,ef.H)(),[V,B]=(0,h.useState)({isMaskProduct:!1,configurationItems:[],configurationType:""}),[q,G]=(0,h.useState)(_),[$,J]=(0,h.useState)(null),[Y,X]=(0,h.useState)(_),[ee,et]=(0,h.useState)({}),en=(0,h.useRef)(Y),ei=(0,h.useRef)(q),er=(0,h.useRef)(R),ea=(0,h.useRef)(0),es=N.find(e=>e.id===E),eo=null==es?void 0:es.title,ec=N.length<=1,ed=e=>{let{isMaskProduct:t,configurationType:l,configurationItems:n}=e;B({isMaskProduct:t,configurationItems:n,configurationType:l}),D()},eu=e=>{let{configurationSetId:t,colourLabColours:l}=e,n=N.find(e=>e.id===t);return[...new Set((null==n?void 0:n.configurationItems.length)>0?null==n?void 0:n.configurationItems.map(e=>e.configurationType):[null==n?void 0:n.title])].reduce((e,t)=>{var i,r,a;let s=null===(r=N.find(e=>e.title===t))||void 0===r?void 0:null===(i=r.image)||void 0===i?void 0:i.url,o=null==n?void 0:n.configurationItems.find(e=>e.configurationType===t);return I&&(o=null==n?void 0:n.configurationItems.find(e=>{var n;return[e.colourLabColour.image.url,null===(n=e.colourLabColour.textureImage)||void 0===n?void 0:n.url].includes(l[t])})),e[t]=(null==o?void 0:null===(a=o.image)||void 0===a?void 0:a.url)||s,e},{})},em=e=>{var t;let{configurationSetId:l,colourLabColours:n}=e;if(!T)return;let i=N.find(e=>e.id===l);return null==i?void 0:null===(t=i.configurationItems[0].imageOverrides.find(e=>{var t;return Object.values(n).includes((null===(t=e.colourLabColour.textureImage)||void 0===t?void 0:t.url)||e.colourLabColour.image.url)}))||void 0===t?void 0:t.image.url},ex=async(e,t)=>{var l,n;let i={...en.current,[e]:t};if(!(en.current[e]!==t||ei.current[e]!==t))return;let r=eu({configurationSetId:E,colourLabColours:i}),a=em({configurationSetId:E,colourLabColours:i}),s=null===(n=N.find(e=>e.id===E))||void 0===n?void 0:null===(l=n.shadowsAndHighlightsImage)||void 0===l?void 0:l.url,o=a?[a]:[t,...Object.values(i),...Object.values(r),s],c=++ea.current;en.current=i,X(i);try{if(await e_(o),c!==ea.current)return;let e=ei.current,t=er.current;J(e),H(t),er.current=r,ei.current=i,A(r),G(i)}catch(e){if(c!==ea.current)return;console.error(e),en.current=ei.current,X(ei.current)}},eh=e=>{et(t=>t[e]?t:{...t,[e]:!0})},ev=e=>{H(t=>{if(!t||!t[e])return t;let l={...t};return delete l[e],Object.keys(l).length?l:null})},eb=e=>{J(t=>{if(!t||!t[e])return t;let l={...t};return delete l[e],Object.keys(l).length?l:null})},ey=(0,h.useMemo)(()=>Object.entries(q).reduce((e,t)=>

1{let l,[n,i]=t,r=null==es?void 0:es.configurationItems.find(e=>e.configurationType===n);return I&&(r=es.configurationItems.find(e=>{var t;return[e.colourLabColour.image.url,null===(t=e.colourLabColour.textureImage)||void 0===t?void 0:t.url].includes(i)})),r&&(l=T?r.colourLabColours.find(e=>{var t;return[e.image.url,null===(t=e.textureImage)||void 0===t?void 0:t.url].includes(i)}):I?r.colourLabColour:r.colourLabColours.find(e=>{var t;return[e.image.url,null===(t=e.textureImage)||void 0===t?void 0:t.url].includes(i)}))&&(e[n]=l),e},{}),[es,I,T,q]),{imagery:ej}=d,ew=null==es?void 0:es.image,eN=R[Object.keys(R)[0]],eZ=d.mobileImagery,ek=[eN&&!T?{id:"firstVisibleConfigurationImage",__typename:"ImageRecord",url:eN,smartTags:[]}:{id:"mainConfigurationImage",__typename:"ImageRecord",url:null==ew?void 0:ew.url,smartTags:[]},d.headerImage,d.image,...w&&eZ.length>0?eZ:ej].filter(e=>!!(null==e?void 0:e.url)).filter((e,t,l)=>l.findIndex(t=>t.url===e.url)===t).filter((e,t)=>{let l=S&&!d.shouldExcludeMainImageFromHeaderGallery&&0===t,n=d.shouldExcludeMainImageFromHeaderGallery&&d.image.url===e.url,i=d.shouldExcludeConfigurationImageFromHeaderGallery&&[eN,null==ew?void 0:ew.url].includes(e.url);return!l&&!n&&!i}),eS=ek.length>1,[eL,eP]=(0,h.useState)(0),eR=O?1:0,eA=(0,h.useRef)(null),eM=(0,h.useRef)(null),eH=(0,p.Y)(eM,{margin:"-200px",amount:"some"}),ez=null===(i=d.maskConfigurations)||void 0===i?void 0:null===(n=i.find(e=>e.id===E))||void 0===n?void 0:null===(l=n.shadowsAndHighlightsImage)||void 0===l?void 0:l.url,eF=e=>{eA.current&&eA.current.slickGoTo(e)},eD=em({configurationSetId:E,colourLabColours:q});return(0,h.useEffect)(()=>{let e=eu({configurationSetId:E,colourLabColours:q});er.current=e,A(e)},[E,q]),(0,h.useEffect)(()=>{if(o&&E){var e;let t=(0,K.Hk)(E,ey),l=new URL(window.location.href);l.search=t.toString(),E!==(null===(e=N[0])||void 0===e?void 0:e.id)&&window.history.replaceState({},"",l.toString()),s(l.toString())}},[o,E,ey]),(0,h.useEffect)(()=>{m({...r,headerImage:"en-US"===f&&r.headerImageUS?r.headerImageUS:r.headerImage,image:("en-US"===f&&r.imageUS?r.imageUS:r.image)||r.image,imagery:("en-US"===f&&r.imageryUS.length>0?r.imageryUS:r.imagery)||[],mobileImagery:("en-US"===f&&r.mobileImageryUS.length>0?r.mobileImageryUS:r.mobileImagery)||[]})},[f,r]),(0,h.useEffect)(()=>{if(o)return;let e=new URL(window.location.href),t=e.searchParams.get("c");t&&P(t),Z.forEach(l=>{let n=e.searchParams.get(l);if(n){var i,r,a;let e;let s=N.find(e=>e.id===t);if(!s)return;e=I?null===(i=s.configurationItems.find(e=>e.colourLabColour.id===atob(n)))||void 0===i?void 0:i.colourLabColour:T?null===(r=s.configurationItems.find(e=>e.colourLabColours.find(e=>e.id===atob(n))))||void 0===r?void 0:r.colourLabColours.find(e=>e.id===atob(n)):null===(a=s.configurationItems.find(e=>e.configurationType===l))||void 0===a?void 0:a.colourLabColours.find(e=>e.id===atob(n)),G(t=>{var n;let i={...t,[l]:(null==e?void 0:null===(n=e.textureImage)||void 0===n?void 0:n.url)||(null==e?void 0:e.image.url)};return ei.current=i,en.current=i,X(i),i})}}),t&&s(window.location.href),c(!0)},[]),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("section",{ref:eM,className:"z-20 overflow-hidden pt-[54px] md:pt-18",children:(0,u.jsxs)("div",{className:"max-w-[unset] lg:bg-grey-200",children:[(0,u.jsx)(Q,{isDetailsPanelOpen:!0,productConfigurationShareUrl:a,hasOnlyOneConfiguration:ec,currentConfigurationTitle:eo,selectedConfigurationSetId:E,product:d,className:"lg:hidden"}),(0,u.jsxs)("div",{className:"relative h-[430px] w-full bg-grey-200 lg:h-[772px] lg:bg-transparent",children:[(0,u.jsxs)(v.Z,{...el.LC,...eS?{autoplay:!0,autoplaySpeed:5e3}:{autoplay:!1},beforeChange:(e,t)=>

1eP(t),ref:eA,className:g()("product-slider mix-blend-multiply",{"mx-auto max-w-[1440px] overflow-hidden":!S&&!d.hasFullWidthHeaderImages&&!d.headerImage}),children:[S&&O?(0,u.jsx)("div",{className:"!flex justify-center",children:(0,u.jsx)("div",{className:"w-full max-w-[1440px]",children:T?(0,u.jsx)("div",{className:"max-w-[960px] px-5",children:(0,u.jsx)(b.Z,{updateKey:JSON.stringify([E,eD]),className:"mask-container relative h-[430px] w-full lg:h-[672px]",children:eD?(0,u.jsx)(j.Z,{src:eD,hasLoadAnimation:!1,alt:d.title,className:"!absolute z-10 h-full w-full"}):(0,u.jsxs)(u.Fragment,{children:[ez&&(0,u.jsx)(j.Z,{src:ez,hasLoadAnimation:!1,alt:"Shadows and Highlights",className:"!absolute z-10 h-full w-full"}),Object.entries(q).map(e=>{let[t,l]=e,n=null==$?void 0:$[t],i=R[t],r=(null==M?void 0:M[t])||i,a=!!$&&(!!n&&n!==l||r!==i),s=ee[l]||!a;return(0,u.jsxs)("div",{className:"absolute inset-0",children:[a&&n&&(0,u.jsx)(j.Z,{src:n,hasLoadAnimation:!1,alt:"".concat(t," previous"),layout:"cover",className:"!absolute h-full w-full",containerStyle:eE(r)}),(0,u.jsx)(x.E.div,{initial:{opacity:s?1:0},animate:{opacity:s?1:0},transition:{duration:.25},onAnimationComplete:()=>{a&&s&&eb(t)},className:"absolute inset-0",children:(0,u.jsx)(j.Z,{src:l,hasLoadAnimation:!1,alt:t,layout:"cover",className:"!absolute h-full w-full",containerStyle:eE(i),onLoad:()=>eh(l)})},"".concat(t,"-").concat(l,"-").concat(i||""))]},t)})]})})}):(0,u.jsx)("div",{className:"max-w-[960px] px-5",children:(0,u.jsx)("div",{className:"relative h-[430px] w-full lg:h-[672px]",children:Object.entries(R).map(e=>{let[t,l]=e,n=null==M?void 0:M[t],i=!!n&&n!==l,r=ee[l]||!i;return(0,u.jsxs)("div",{className:"absolute inset-0",children:[i&&(0,u.jsx)(j.Z,{src:n,hasLoadAnimation:!1,alt:"".concat(t," previous"),className:"sharpen-transform absolute inset-0 h-full w-full"}),(0,u.jsx)(x.E.div,{initial:{opacity:r?1:0},animate:{opacity:r?1:0},transition:{duration:.25},onAnimationComplete:()=>{i&&r&&ev(t)},className:"absolute inset-0",children:(0,u.jsx)(j.Z,{src:l,hasLoadAnimation:!1,alt:t,className:"sharpen-transform absolute inset-0 h-full w-full",onLoad:()=>eh(l)})},"".concat(t,"-").concat(l))]},t)})})})})}):null,ek.map((e,t)=>{var l;if(null===(l=e.url)||void 0===l?void 0:l.endsWith(".mp4"))return(0,u.jsx)("div",{className:"h-[430px] w-full md:h-[800px]",children:(0,u.jsx)(y.Z,{src:e.url,muted:!0,className:"h-[430px] w-full md:h-[800px]"},t)},t);let n=t===eL-eR;return(0,u.jsx)("div",{className:g()("!block h-[430px] w-full md:h-[800px]",{"mx-auto max-w-[1440px]":[d.image.url].includes(e.url)}),children:(0,u.jsx)(eT.Z,{src:e.url,alt:(0,eI.k4)(e.smartTags),isActive:eS?n:void 0,panOnInViewOnce:!eS,className:g()("h-[430px] w-full md:h-[800px]",{"mx-auto max-w-[960px]":[d.image.url].includes(e.url)})},t)},t)})]}),(0,u.jsx)("div",{className:"absolute bottom-6 left-1/2 z-20 hidden w-full max-w-[1440px] -translate-x-1/2 pl-6 md:block",children:(0,u.jsx)("div",{className:"flex flex-wrap gap-2",children:ek.map((e,t)=>{var l;let n=O?1:0;return(0,u.jsx)("button",{onClick:()=>eF(t+n),children:(null===(l=e.url)||void 0===l?void 0:l.endsWith(".mp4"))?(0,u.jsx)("video",{src:e.url,className:"h-[99px] w-[133px] object-cover"}):(0,u.jsx)(j.Z,{src:e.url,alt:(0,eI.k4)(e.smartTags),layout:"cover",className:"h-[99px] w-[133px]"})},t)})})})]})]})}),(0,u.jsx)(eO,{isOpen:F,selectedColourLabSubConfigurationSetDetails:V,onClose:U,onUpdateColourLabSubConfiguration:ed,onUpdateColourLabMaskColours:ex}),(0,u.jsx)(eC,{isHeaderInView:eH,isColourLabPopupOpen:F,selectedColourLabColours:ey,hasOnlyOneConfiguration:ec,productConfigurationShareUrl:a,product:d,selectedConfigurationSetId:E,currentConfigurationTitle:eo,onUpdateColourLabSubConfiguration:ed,onUpdateConfigurationSet:e=>{let t=e!==E;if(P(e),eF(0),t){let t=N.find(t=>t.id===e);if(t){let e=[...new Set(t.configurationItems.length>0?t.configurationItems.map(e=>e.configurationType):[t.title])],l=L(t,e);ea.current++,J(ei.current),ei.current=l,en.current=l,G(l),X(l)}}eH||w||(0,K.DE)()},onUpdateColourLabMaskColours:ex,onCloseColourLabPopup:U,onAddToMySelection:()=>{let e=I?R[Object.keys(R)[0]]:void 0;W({...d,selectedConfiguration:es,selectedColourLabColours:ey,selectedOverrideImageUrl:eD||e})}})]})},eR=l(46089),eA=l(53959),eM=e=>{let{updateKey:t,showAllColourLabOptions:l,colourLabOptions:n}=e,{isTablet:i}=(0,z.Z)(),[r,a]=(0,h.useState)(12),s=r<n.length,o=i||l?n.slice(0,r):n,c=i?12:20;return(0,h.useEffect)(()=>{a(c)},[t,i]),(0,u.jsxs)(b.Z,{updateKey:t,className:"grid w-full grid-cols-3 justify-start gap-4 xs:grid-cols-4 md:grid-cols-8 lg:w-fit lg:grid-cols-10",children:[o.map((e,t)=>(0,u.jsxs)("div",{className:"self-start xl:max-w-18",children:[(0,u.jsx)(j.Z,{src:e.image.url,alt:e.name,layout:"cover",hasLoadAnimation:!1,className:"mb-2 aspect-square min-w-18 rounded-sm border xl:size-18"}),(0,u.jsx)("p",{className:"text-caption-light text-left text-grey-400",children:(0,eZ.Nt)(e.name)})]},t)),s&&(0,u.jsx)("div",{className:g()("col-span-full flex justify-center",{"lg:hidden":!l}),children:(0,u.jsx)(N.Z,{variant:"grey-300-outlined",size:"lg",onClick:()=>{a(e=>e+c)},className:"mt-8 min-w-[136px] xxs:justify-center xxs:rounded-full lg:mx-0",children:"Load More"})})]})},eH=l(89180),ez=l(13737),eF=l(35645),eD=l(33782),eU=e=>{let{id:t,showAllColourLabOptions:l,additionalColourLabOptions:n,product:i}=e,{allItems:r}=(0,em.U)(),{colourLabPanelCMSContent:a,colourLabBrochureUrl:s}=(0,em.U)(),{isTablet:o}=(0,z.Z)(),[c,d]=(0,h.useState)(""),m=i.combinationConfigurations.length>0,f=i.maskConfigurations.length>0?i.maskConfigurations:i.combinationConfigurations.length>0?i.combinationConfigurations:i.configurations,p=f[0];if(!p)return null;let x=(0,h.useMemo)(()=>[p].reduce((e,t)=>

1{let{configurationItems:l}=t;if(m){let t=l.reduce((e,t)=>e.concat(t.colourLabColour.colourLabColours),[]);return e.concat(t)}let n=l.reduce((e,t)=>e.concat(t.colourLabColours.flat()),[]);return e.concat(n)},[]),[f]),v=l?r.colourLabColours:x,y=(0,h.useMemo)(()=>({...r,colourLabColours:v.concat(n)}),[r,x,v,n]),{filterOptions:j,selectedFilters:w,filteredItems:C,onUpdateTopLevelFilters:S,onUpdateSubCategoryFilters:O,onUpdateThirdLevelFilters:T,onUpdateSubCategoryNames:I,onUpdateSubCategoryNamesForThirdLevel:L}=(0,eD.Z)({allItems:y}),_=e=>{d(e)},E=(0,h.useMemo)(()=>p.configurationItems.reduce((e,t)=>((e[t.configurationType]||(e[t.configurationType]=[]),m)?e[t.configurationType]=[...e[t.configurationType],...t.colourLabColour.colourLabColours]:e[t.configurationType]=[...e[t.configurationType],...t.colourLabColours],e),{}),[p]),P=E[c]||[],R=l?C[eF.W.ColourLab]:P.concat(n).filter(e=>{var t;return null===(t=C[eF.W.ColourLab])||void 0===t?void 0:t.some(t=>t.id===e.id)}).filter((e,t,l)=>l.findIndex(t=>t.id===e.id)===t),A=(0,h.useMemo)(()=>P.concat(n).reduce((e,t)=>{let l=(0,K.gB)(t.__typename);return e.includes(l)?e:e.concat(l)},[]),[P,c]);(0,h.useEffect)(()=>

1{o?Object.keys(j[eF.$.ColourLab]).forEach(e=>{O(eF.$.ColourLab,e,!0)}):S(eF.$.ColourLab,!0)},[o]);let M=p.configurationItems.reduce((e,t)=>e.includes(t.configurationType)?e:e.concat(t.configurationType),[]),F=JSON.stringify([Object.keys(w).map(e=>w[e].isSelected)]);return(0,h.useEffect)(()=>{d(M[0])},[]),(0,h.useEffect)(()=>{if(A.length&&!l){if(o)Object.keys(j[eF.$.ColourLab]).forEach(e=>{O(eF.$.ColourLab,e,!0)});else{var e;let t=A[0];if(null===(e=w[eF.$.ColourLab][t])||void 0===e?void 0:e.isSelected)return;O(eF.$.ColourLab,t,!0)}}},[c]),(0,u.jsx)("section",{id:t,children:(0,u.jsxs)(eA.Z,{className:"py-20",children:[(0,u.jsx)(ek.Z,{heading:"ColourLab Options",hasNoOffsetFromLeftOnMobile:!0,className:"mb-8"}),(0,u.jsx)("p",{className:"mb-4 font-normal",children:(null==a?void 0:a.nonMaskConfigurationText)||"Explore more or see it in person in our showroom."}),(0,u.jsxs)("div",{className:"mb-12 flex flex-wrap items-center gap-10",children:[(0,u.jsx)(k.Z,{href:"".concat(X.cN.Resources,"?ColourLab=1"),children:(0,u.jsx)(N.Z,{tabIndex:-1,variant:"grey-600",size:"xl",isLargeIcon:!0,withRightArrow:!0,children:"View more ColourLab"})}),(0,u.jsx)(Z.Z,{href:s,children:(0,u.jsxs)(N.Z,{tabIndex:-1,variant:"link",className:"text-grey-500",children:["Download ColourLab brochure",(0,u.jsx)(ej.Z,{className:H.Hx})]})})]}),(0,u.jsxs)("div",{className:"w-full lg:relative lg:flex lg:justify-between lg:gap-x-10",children:[!o&&(0,u.jsx)(b.Z,{updateKey:JSON.stringify(c),children:(0,u.jsx)(ez.Z,{onlyShowSubCategories:!0,hideAllFiltersExcept:[eF.$.ColourLab],hideSubCategoriesExcept:l?void 0:A,filterOptions:j,selectedFilters:w,onUpdateTopLevelFilters:S,onUpdateSubCategoryFilters:O,onUpdateThirdLevelFilters:T,onUpdateSubCategoryNames:I,onUpdateSubCategoryNamesForThirdLevel:L})}),(0,u.jsx)("div",{className:"w-full max-w-[902px]",children:(0,u.jsx)(b.Z,{updateKey:F,className:"flex w-full flex-col items-start gap-y-8",children:o?(0,u.jsx)(u.Fragment,{children:l?(0,u.jsx)(u.Fragment,{children:(0,u.jsx)(eH.Z,{updateKey:"",customTitle:"All ColourLab",enableDropdown:!0,hideTitleBarOnDesktop:!0,hideDownloadButton:!0,hasOnlyOneCategory:!0,items:R,itemsForDownload:[],sortFunction:eZ.gM,groupingFunction:eZ.I0,categoryName:eF.W.ColourLab})}):(0,u.jsx)(u.Fragment,{children:Object.keys(E).map(e=>(0,u.jsx)(eH.Z,{customTitle:(0,K.gB)(e),enableDropdown:!0,hideTitleBarOnDesktop:!0,hideDownloadButton:!0,hasOnlyOneCategory:!0,items:E[e],itemsForDownload:[],sortFunction:eZ.gM,groupingFunction:eZ.I0,updateKey:JSON.stringify(E[e]),categoryName:eF.W.ColourLab},e))})}):(0,u.jsxs)(u.Fragment,{children:[!l&&(0,u.jsx)("div",{className:"flex flex-wrap gap-4",children:M.map(e=>{let t=c===e;return(0,u.jsxs)(N.Z,{size:33,variant:t?"grey-800-outlined":"grey-100",onClick:()=>_(e),className:g()("text-caption",{"xxs:text-grey-300":!t,"bg-grey-200":t}),children:[(0,u.jsx)("span",{className:g()("size-2 min-w-2 transition-colors",{"bg-grey-800":t,"bg-grey-200":!t})}),e]},e)})}),(0,u.jsx)(eM,{updateKey:"".concat(c,"-").concat(R.length),showAllColourLabOptions:l,colourLabOptions:R})]})})})]})]})})},eW=e=>{let{fileUrl:t,iconContainerClassName:l,name:n,className:i,children:r}=e;return(0,u.jsxs)(Z.Z,{href:t,className:g()("inline-flex min-h-16 w-full gap-x-2 rounded-sm bg-grey-200 p-2 md:h-auto",i),children:[(0,u.jsx)("div",{className:g()("inline-flex w-12 min-w-12 items-center justify-center md:size-16 md:min-w-16",l),children:r}),(0,u.jsxs)("div",{className:"flex h-full w-full flex-col justify-between gap-y-2 pt-2 md:gap-y-2",children:[(0,u.jsx)("span",{className:"text-caption-light w-full self-start",children:n}),(0,u.jsx)(ej.Z,{className:g()("self-end",H.Bl)})]})]})},eV=l(61375),eB=l(87088),eq=l(79312),eG=l(91035),e$=l(23891),eJ=l(74731),eY=l(81564),eK=l(9142),eX=["title","titleId"];function eQ(){return(eQ=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)({}).hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(null,arguments)}var e0=function(e){var t=e.title,l=e.titleId,n=function(e,t){if(null==e)return{};var l,n,i=function(e,t){if(null==e)return{};var l={};for(var n in e)if(({}).hasOwnProperty.call(e,n)){if(t.includes(n))continue;l[n]=e[n]}return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)l=r[n],t.includes(l)||({}).propertyIsEnumerable.call(e,l)&&(i[l]=e[l])}return i}(e,eX);return I.createElement("svg",eQ({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 10 11",fill:"none","aria-labelledby":l},n),t?I.createElement("title",{id:l},t):null,d||(d=I.createElement("path",{d:"M8.947 9.374H3.304v-.76H7.65L5.667 6.632 3.035 4 1.053 2.018v-.539h.537l4.614 4.615 1.983 1.983V3.73h.76v5.643Z",fill:"currentColor"})))},e1=e=>{var t;let{product:l,projects:n}=e,{allItems:i}=(0,em.U)(),{language:r,region:a}=(0,eg.f)(),s=l.relatedProductsSlugs,o=l.featuredProjectsSlugs,{modelDownloads:c,certifications:d}=l,m=es(l,null!==(t=null==a?void 0:a.usesImperialSystem)&&void 0!==t&&t),f=l.categories.map(e=>e.title),p=l.sectors.map(e=>e.title),x=i.products.filter(e=>{if(e.id===l.id)return!1;if(s.length>0&&s.some(t=>t.id===e.id))return!0;

1if(!s.length){let t=e.categories.some(e=>f.includes(e.title)),l=e.sectors.some(e=>p.includes(e.title));return t||l}}),v=i.projects.filter(e=>!!(o.length>0&&o.some(t=>t.id===e.id))||!!o.length&&void 0);return(0,u.jsx)(u.Fragment,{children:l.content.map(e=>{let{__typename:t,id:i,...a}=e;if("TitleWithDescriptionSectionRecord"===t){let{title:e,description:l,descriptionFontVariant:n,hasGreyBackground:r}=a;return(0,u.jsx)(eY.Z,{id:ec(t),title:e,description:l,descriptionFontVariant:n,hasGreyBackground:r},i)}if("FullWidthImageWithPaddingRecord"===t||"FullWidthImageRecord"===t){let{image:e}=a;return(0,u.jsx)(eJ.Z,{noPadding:"FullWidthImageRecord"===t,image:e},i)}if("HeadlineRecord"===t){let{title:e,headline:t}=a;return(0,u.jsx)("section",{className:"bg-grey-50",children:(0,u.jsxs)(eA.Z,{className:"py-20",children:[(0,u.jsx)(ek.Z,{hasNoOffsetFromLeftOnMobile:!0,heading:e,className:"mb-6 lg:mb-10"}),(0,u.jsx)("h3",{className:"text-display-s lg:text-headline",children:t})]})},i)}if("TitleWithGreyDescriptionAndImageRecord"===t)return(0,u.jsx)(eV.Z,{id:i,content:a},i);if("TemplateSectionRecord"===t){let{templateSection:e}=a;if("NexusAppSectionRecord"===e.__typename)return(0,u.jsx)("section",{id:ea.nexusApp,children:(0,u.jsx)(eA.Z,{className:"py-14 lg:py-30",children:(0,u.jsxs)("div",{className:"mx-auto flex flex-col bg-grey-100 pt-10 lg:flex-row lg:gap-x-4",children:[(0,u.jsx)("div",{className:"lg:pb-8",children:(0,u.jsxs)(ek.Z,{cubeColour:"bg-grey-600",internalContainerClassName:"lg:ml-4 max-w-[312px]",children:[(0,u.jsx)("small",{className:"mb-4 block font-bold uppercase text-grey-600",children:e.preHeading}),(0,u.jsx)("h2",{className:"text-heading-light mb-10 text-grey-900 lg:mb-22",children:e.title}),(0,u.jsx)("p",{className:"mb-8",children:e.description}),(0,u.jsx)(Z.Z,{href:e.button.link,children:(0,u.jsx)(N.Z,{tabIndex:-1,variant:"grey-light-gradient-left",withRightArrow:!0,children:e.button.label})})]})}),(0,u.jsx)("div",{className:"relative h-[400px] overflow-hidden lg:h-auto lg:flex-1",children:(0,u.jsx)(j.Z,{src:e.image.url,alt:e.preHeading,layout:"cover",imgClassName:"object-center lg:object-right",className:"left-1/2 top-0 h-[456px] w-[631px] -translate-x-[calc(50%+100px)] mix-blend-multiply xxs:absolute md:w-[1000px] lg:static lg:left-0 lg:h-full lg:w-full lg:translate-x-0"})})]})})},i);if("ColourLabDownloadsCertificationsGroupRecord"===e.__typename)return(0,u.jsx)("section",{children:(0,u.jsx)(eA.Z,{className:"flex flex-col gap-x-10 gap-y-6 pb-20 lg:grid lg:grid-cols-2 lg:pt-20",children:e.sections.map(t=>{let{id:n}=t,i="relative overflow-hidden lg:min-h-[430px] bg-grey-50 flex lg:pr-10";if("ColourLabSectionRecord"===t.__typename){let a="en-US"===r&&l.productOverviewUS?l.productOverviewUS:l.productOverview,s=a.highlightText,o=a.features,c=m.length>0,d=e.sections.find(e=>"UserInformationDownloadsSectionRecord"===e.__typename),f=m.map(e=>e.file.url),p=(l.configurations.length>0||l.maskConfigurations.length>0||l.combinationConfigurations.length>0)&&l.content.some(e=>"ColourLabOptionsSectionRecord"===e.__typename);return(0,u.jsxs)(h.Fragment,{children:[(0,u.jsx)("div",{id:ea.overview,className:i,children:(0,u.jsxs)(ek.Z,{internalContainerClassName:"xxs:max-w-[unset] w-full ml-2 lg:ml-4 pb-8 flex flex-col gap-y-8 pr-8 md:pr-10",className:"relative z-10 w-full pt-8",children:[(0,u.jsx)("h2",{className:"font-normal text-grey-600",children:"Overview"}),(0,u.jsx)("ul",{className:"grid w-full gap-x-6 gap-y-10 md:grid-cols-2",children:o.map(e=>(0,u.jsxs)("li",{children:[(0,u.jsx)("h3",{className:"mb-2 font-normal text-grey-400",children:e.title}),(0,u.jsx)(T.Z,{content:e.description})]},e.title))}),s&&(0,u.jsx)("span",{className:"text-subheading-med block text-grey-500",children:s})]})}),!l.isColourLabSectionHidden&&(0,u.jsxs)("div",{className:g()("min-h-[600px] flex-col items-start justify-between gap-y-12 pr-8 pt-8 lg:pr-0",i),children:[(0,u.jsxs)(ek.Z,{internalContainerClassName:"ml-2 lg:ml-4 max-w-[380px]",className:"relative z-10",children:[(0,u.jsx)("h2",{className:"mb-4 font-normal text-grey-600",children:t.title}),(0,u.jsx)("p",{className:"mb-6",children:t.description}),(0,u.jsxs)("div",{className:"flex flex-col items-start",children:[p&&(0,u.jsx)(N.Z,{variant:"white",size:35,withDownArrow:!0,onClick:()=>(0,K.t7)(ea.colourLab),className:"mb-2",children:t.buttonOneLabel}),(0,u.jsx)(eR.Z,{button:t.buttonTwo,withRightArrow:!0,variant:"grey-900-outlined",children:t.buttonTwo.label})]})]}),(0,u.jsx)(j.Z,{src:t.image.url,alt:"",layout:"cover",imgClassName:"object-bottom lg:object-center",className:"!absolute inset-0 hidden w-full md:block"}),(0,u.jsx)(j.Z,{src:t.imageMobile.url,alt:"",layout:"cover",imgClassName:"object-bottom",className:"!absolute inset-0 w-full md:hidden"})]},n),c&&(0,u.jsx)("div",{id:ea.downloads,className:g()("min-h-[526px]",i),children:(0,u.jsxs)(ek.Z,{internalContainerClassName:"xxs:max-w-[unset] md:pr-0 pr-8 w-full ml-2 lg:ml-4 pb-8 flex flex-col justify-between gap-y-10",className:"relative z-10 w-full pt-8",children:[(0,u.jsxs)("div",{className:"md:w-[284px]",children:[(0,u.jsx)("h2",{className:"mb-4 font-normal text-grey-600",children:d.title}),(0,u.jsx)("p",{className:"mb-8",children:d.description}),(0,u.jsxs)("button",{onClick:()=>(0,eK.oJ)(f,l.title,"user_information_downloads"),className:"text-caption-light inline-flex items-center gap-x-2 text-grey-500 hover:underline",children:["Download all files ",(0,u.jsx)(ej.Z,{className:g()(H.IN)})]})]}),(0,u.jsx)("div",{className:"grid w-full max-w-[576px] gap-2 md:grid-cols-2",children:m.map(e=>(0,u.jsx)(eW,{fileUrl:e.file.url,name:e.name,children:(0,u.jsx)("div",{className:"inline-flex size-full items-center justify-center rounded-sm bg-white",children:(0,u.jsx)(ei.Z,{className:"size-[35px] min-w-[35px]"})})},e.name))})]})})]},n)}if("DownloadSectionRecord"===t.__typename){let e=c.filter(e=>"Material"!==e.fileType),r=e.filter(e=>"Material"!==e.fileType).map(e=>e.file.url);return e.length?(0,u.jsxs)("div",{id:ec(t.__typename),className:i,children:[(0,u.jsxs)(ek.Z,{internalContainerClassName:"xxs:max-w-[unset] md:pr-0 pr-8 w-full ml-2 md:ml-4 pb-8 flex flex-col justify-between gap-y-[60px] lg:gap-y-10",className:"relative z-10 w-full pt-8",children:[(0,u.jsxs)("div",{className:"w-full md:w-[284px]",children:[(0,u.jsx)("h2",{className:"mb-4 font-normal text-grey-600",children:t.title}),(0,u.jsx)("p",{className:"mb-8",children:t.description}),(0,u.jsxs)("button",{onClick:()=>(0,eK.oJ)(r,l.title,"downloads"),className:"text-caption-light inline-flex items-center gap-x-2 text-grey-500 hover:underline",children:["Download all files ",(0,u.jsx)(ej.Z,{className:g()(H.IN)})]})]}),(0,u.jsx)("div",{className:"flex w-full max-w-[576px] flex-col gap-2 md:grid md:grid-cols-2",children:e.map(e=>(0,u.jsx)(Z.Z,{href:e.file.url,"aria-label":e.name,children:(0,u.jsxs)("button",{tabIndex:-1,

1className:"flex min-h-16 w-full gap-x-2 overflow-hidden rounded-sm bg-grey-200 p-2 md:h-auto",children:[(0,u.jsxs)("span",{className:"inline-block size-12 min-w-12 md:size-16 md:min-w-16",children:["AutoCad"===e.fileType&&(0,u.jsx)(en.Z,{className:"size-full"}),"Revit"===e.fileType&&(0,u.jsx)(er.Z,{className:"size-full"})]}),(0,u.jsxs)("span",{className:"flex h-full min-h-12 w-full flex-col justify-between gap-y-2 pt-1 md:min-h-16 md:gap-y-6 md:pt-2",children:[(0,u.jsx)("span",{className:"text-caption-light self-start text-left",children:e.name}),(0,u.jsx)(ej.Z,{className:g()("self-end",H.Bl)})]})]})},e.file.url))})]}),(0,u.jsx)(j.Z,{src:t.image.url,alt:"Download Section",layout:"cover",className:"pointer-events-none right-0 top-0 h-full xxs:absolute"})]},n):null}if("CertificationsSectionRecord"===t.__typename){let e=d.map(e=>e.certificationFile.url);return d.length?(0,u.jsx)(h.Fragment,{children:(0,u.jsxs)("div",{id:ec(t.__typename),className:g()("min-h-[526px]",i),children:[(0,u.jsxs)(ek.Z,{internalContainerClassName:"xxs:max-w-[unset] md:pr-0 pr-8 w-full ml-2 lg:ml-4 pb-8 flex flex-col justify-between gap-y-10",className:"relative z-10 w-full pt-8",children:[(0,u.jsxs)("div",{className:"md:w-[284px]",children:[(0,u.jsx)("h2",{className:"mb-4 font-normal text-grey-600",children:t.title}),(0,u.jsx)("p",{className:"mb-8",children:t.description}),(0,u.jsxs)("button",{onClick:()=>(0,eK.oJ)(e,l.title,"certifications"),className:"text-caption-light inline-flex items-center gap-x-2 text-grey-500 hover:underline",children:["Download all certifications ",(0,u.jsx)(ej.Z,{className:g()(H.IN)})]})]}),(0,u.jsx)("div",{className:"grid w-full max-w-[576px] gap-2 md:grid-cols-2",children:d.map(e=>(0,u.jsx)(eW,{fileUrl:e.certificationFile.url,name:e.certification.name,children:(0,u.jsx)(j.Z,{src:e.certification.image.url,alt:e.certification.name,layout:"cover",className:"size-full overflow-hidden rounded-sm"})},e.certification.name))})]}),(0,u.jsx)(j.Z,{src:t.image.url,alt:"Certifications Section",layout:"cover",className:"pointer-events-none right-0 top-[52px] h-[362px] xxs:absolute"})]})},n):null}return null})})},i);if("RelatedProductsSectionRecord"===e.__typename)return(0,u.jsx)("section",{children:(0,u.jsxs)(eA.Z,{className:"py-20",children:[(0,u.jsxs)(ek.Z,{hasNoOffsetFromLeftOnMobile:!0,className:"mb-20",children:[(0,u.jsx)("h2",{className:"mb-4 font-medium",children:e.title}),(0,u.jsx)("p",{className:"text-subheading-light mb-8 max-w-[740px]",children:e.description}),(0,u.jsx)(k.Z,{href:"".concat(X.cN.Resources,"?Products=1"),children:(0,u.jsx)(N.Z,{tabIndex:-1,withRightArrow:!0,variant:"link",children:"All products"})})]}),(0,u.jsx)("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-4",children:x.slice(0,4).map(e=>(0,u.jsxs)(k.Z,{href:"".concat(X.cN.Products,"/").concat(e.slug),children:[(0,u.jsx)("div",{className:"mb-4 bg-grey-800/5",children:(0,u.jsx)(j.Z,{src:e.image.url,alt:e.title,layout:"cover",className:"aspect-square w-full mix-blend-multiply"})}),(0,u.jsx)("span",{children:e.title})]},e.title))})]})},i);if("FeaturedProjectsSectionRecord"===e.__typename){let{title:t,description:l,button:r}=e;return(0,u.jsx)(e$.Z,{title:t,description:l,button:r,items:v.length>0?v:n},i)}}if("ImageGalleryRecord"===t){let{images:e}=a,n=e.map(e=>e.url);return(0,u.jsx)("section",{id:ec(t),children:(0,u.jsxs)(eA.Z,{className:"pb-20 pt-6",children:[(0,u.jsx)("div",{className:"relative mb-7",children:(0,u.jsx)(eq.Z,{images:e})}),(0,u.jsxs)("div",{className:"flex items-center justify-between gap-x-10",children:[(0,u.jsx)("h2",{className:"text-subheading text-grey-300",children:"Image Gallery"}),(0,u.jsxs)(N.Z,{variant:"grey-300-outlined",size:"sm",isFullyRounded:!0,onClick:()=>(0,eK.oJ)(n,l.title,"images"),children:["Download all",(0,u.jsx)(e0,{className:g()(H.IN)})]})]})]},i)},i)}if("ColourLabOptionsSectionRecord"===t){let{showAllColourLabOptions:e,additionalColourLabOptions:t}=a;return(0,u.jsx)(eU,{id:ea.colourLab,showAllColourLabOptions:e,additionalColourLabOptions:t,product:l},i)}if("ProductOptionListRecord"===t){let{title:e,description:t,options:l}=a;return(0,u.jsx)(eG.Z,{title:e,description:t,options:l,captionAlignment:"center"},i)}if("VideoSectionRecord"===t){let{id:e,vimeoVideo:t,autoplay:l}=a;return(0,u.jsx)(eB.Z,{url:t.url,autoplay:l},e)}return null})})},e2=l(91224),e5=l(11359),e3=e=>{let{isDraftModeEnabled:t,product:l,projects:n}=e,{data:i}=(0,m.L)({enabled:t,query:(0,eI.Ju)(e5.rL.SingleProduct,l.slug),token:e2.Wq,initialData:{allProducts:[l]},includeDrafts:t}),[r]=i.allProducts;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(eP,{product:r}),(0,u.jsx)(e1,{product:r,projects:n})]})}},10336:function(e,t,l){"use strict";l.d(t,{default:function(){return v}});var n=l(57437),i=l(41959),r=l(53959),a=l(9140),s=l(83815),o=l(75722),c=l(91035),d=l(23891),u=l(81564),m=l(94538),f=e=>{let{sector:t,projects:l}=e;return(0,n.jsx)(n.Fragment,{children:t.content.map(e=>{let{__typename:t,id:i,...f}=e;if("TitleWithDescriptionSectionRecord"===t){let{title:e,description:t,descriptionFontVariant:l,hasGreyBackgroun

1d:r}=f;return(0,n.jsx)(u.Z,{title:e,description:t,descriptionFontVariant:l,hasGreyBackground:r},i)}if("ProductCategoriesSectionRecord"===t){let{title:e,productCategories:t}=f;return(0,n.jsx)("section",{children:(0,n.jsxs)(r.Z,{className:"pt-20 lg:pb-20",children:[(0,n.jsx)(s.Z,{heading:e,className:"mb-6"}),(0,n.jsx)("ul",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:t.slice(0,6).map((e,t)=>(0,n.jsx)("li",{children:(0,n.jsx)(a.Z,{link:"".concat(m.cN.Resources,"/?Category=1&Products.Category=1&Products.Category.items=").concat(e.title),title:e.title,image:e.linkCardImage.url})},t))})]})},i)}if("FeaturedProductSectionRecord"===t)return(0,n.jsx)(o.Z,{content:f,className:"xxs:pb-10 lg:pb-20"},i);if("FeaturedProductsGridSectionRecord"===t){let{title:e,descriptionStructured:t,products:l}=f;if(l.length<4)for(let e=l.length;e<4;e++)l.push(l[e%l.length]);return(0,n.jsx)(c.Z,{title:e,descriptionStructured:t,items:l,headingClassName:"xxs:mb-2"},i)}if("TemplateSectionRecord"===t){let{templateSection:e}=f;if("FeaturedProjectsSectionRecord"===e.__typename){let{title:t,description:r,button:a}=e;return(0,n.jsx)(d.Z,{title:t,description:r,button:a,items:l},i)}}})})},g=l(80973),p=l(91224),x=l(50666),h=l(11359),v=e=>{let{isDraftModeEnabled:t,sector:l,projects:r}=e,{data:a}=(0,i.L)({enabled:t,query:(0,x.Ju)(h.rL.SingleProductSector,l.slug),token:p.Wq,initialData:{allProductSectors:[l]},includeDrafts:t}),s=a.allProductSectors[0];return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(g.Z,{preHeading:"Sector",content:s}),(0,n.jsx)(f,{sector:l,projects:r})]})}},92226:function(e,t,l){"use strict";var n=l(57437),i=l(56800),r=l.n(i);t.Z=e=>{let{src:t,className:l,...i}=e;return(0,n.jsx)("video",{muted:!0,loop:!0,playsInline:!0,autoPlay:!0,className:r()(l),...i,children:(0,n.jsx)("source",{src:t,type:"video/mp4"})})}},5710:function(e,t,l){"use strict";var n=l(57437),i=l(56800),r=l.n(i),a=l(2265),s=l(91625);let o=e=>{let{isOpen:t,panelRef:l,contentClassName:i,children:a}=e;return(0,n.jsx)("div",{ref:l,className:r()("max-h-0 overflow-hidden transition-all",i,{"opacity-0":!t}),children:a})},c=e=>{let{isOpen:t,label:l,buttonOpenClassName:i,buttonClassName:a,onClick:s,children:o}=e;return(0,n.jsx)("button",{type:"button",className:r()("with-grey-cube text-caption block w-full text-left transition-[margin]",a,{[i]:t&&i}),onClick:s,children:null!=o?o:l})};t.Z=e=>{let{isOpen:t,updateHeightKey:l,defaultOpen:i,label:d,isViewAllToggled:u,onViewAllClick:m,onToggle:f,buttonOpenClassName:g,containerClassName:p,contentClassName:x,buttonClassName:h,children:v}=e,[b,y]=(0,a.useState)(l),j=(0,a.useRef)(null),w=()=>{j.current.style.maxHeight=null},N=()=>{j.current.style.maxHeight="".concat(j.current.scrollHeight+0,"px")},C=()=>{j.current.style.maxHeight="".concat(j.current.scrollHeight+0,"px")},Z=()=>{j.current&&j.current.style.maxHeight&&(j.current.style.maxHeight="".concat(j.current.scrollHeight+0,"px"))};return(0,a.useEffect)(()=>{t?N():w()},[t]),(0,a.useEffect)(()=>{b!==l&&(t||i)&&(y(l),setTimeout(C,s.Zq))},[t,i,l,b]),(0,a.useEffect)(()=>{i&&C();let e=setTimeout(()=>{i&&C()},s.Zq);return window.addEventListener("resize",Z),()=>{window.removeEventListener("resize",Z),clearTimeout(e)}},[j.current]),(0,n.jsxs)("div",{className:r()("h-min w-full flex-shrink",p),children:[(0,n.jsxs)("div",{className:"flex",children:[(0,n.jsx)(c,{isOpen:t,label:d,buttonOpenClassName:g,buttonClassName:h,onClick:f,children:d}),m&&(0,n.jsxs)("button",{onClick:m,className:"text-caption mr-6 whitespace-nowrap text-grey-300",children:["View ",u?"less":"all"]})]}),(0,n.jsx)(o,{isOpen:t,panelRef:j,contentClassName:x,children:v})]})}},29953:function(e,t,l){"use strict";l.d(t,{BM:function(){return i},LN:function(){return o},Rf:function(){return s},S:function(){return n},a1:function(){return a},uF:function(){return r}});let n=40,i=1,r=[.22,1,.36,1],a=.3,s=.25,o={distance:80,duration:1.25,amount:.2}},80973:function(e,t,l){"use strict";l.d(t,{Z:function(){return y}});var n=l(57437),i=l(56800),r=l.n(i),a=l(53959),s=l(83340),o=l(78198);let c=l(29953).uF;var d=e=>{let{isEnabled:t=!1,distance:l,className:i,children:a}=e,d=(0,s.J)();return!t||d?(0,n.jsx)("div",{className:r()(i),children:a}):(0,n.jsx)(o.E.div,{initial:{opacity:0,y:null!=l?l:64}

1,animate:{opacity:1,y:0},transition:{duration:1.25,ease:c},className:r()("bg-grey-100",i),children:a})},u=l(29744),m=l(77621),f=l(28825),g=l(57738),p=l(83815),x=l(52721),h=l(61239),v=l(50666),b=l(80978),y=e=>{var t,l;let{preHeading:i,content:s,children:o}=e,c=[],y="",j=!!("ProjectRecord"===s.__typename&&s.shouldUseVideoInPlaceOfImage&&(null===(t=s.vimeoVideo)||void 0===t?void 0:t.url)),w=!!("ProjectRecord"===s.__typename&&s.shouldUseVideoInPlaceOfImage),N="ProjectRecord"===s.__typename?null===(l=s.vimeoVideo)||void 0===l?void 0:l.url:void 0,C=!!(h.jO&&"ProjectRecord"===s.__typename&&s.hasHeroRevealAnimation);return("ProjectRecord"===s.__typename||"NewsArticleRecord"===s.__typename)&&(c=s.tags||[]),("NewsArticleRecord"===s.__typename||"ConstructionNewsArticleRecord"===s.__typename||"PropertyNewsArticleRecord"===s.__typename)&&(y=s.date),(0,n.jsxs)("section",{id:x.m,children:[(0,n.jsxs)(a.Z,{noPaddingMobile:!0,className:"flex flex-col justify-between gap-x-22 gap-y-2 pb-10 pr-6 pt-22 xxs:static md:flex-row lg:px-10 lg:pb-12",children:[(0,n.jsxs)("header",{children:[(0,n.jsx)(p.Z,{className:"mb-6",children:(0,n.jsx)("small",{className:"text-base font-normal",children:i})}),(0,n.jsxs)(p.Z,{cubeClassName:"lg:translate-y-3",internalContainerClassName:"max-w-[804px]",children:[(0,n.jsx)("h1",{className:r()("text-heading lg:text-display",{"mb-4":c.length>0}),children:s.title}),c.length>0&&(0,n.jsx)(f.Z,{children:c.map(e=>(0,n.jsx)(m.Z,{children:e},e))}),y&&(0,n.jsx)("time",{dateTime:y,className:"mt-6 block",children:(0,b.MC)(y)})]})]}),o]}),!j&&s.image&&(0,n.jsx)("div",{className:"mx-auto w-full max-w-[1440px] xl:px-4",children:(0,n.jsx)(d,{isEnabled:C,className:"h-[475px] w-full overflow-hidden rounded-sm lg:h-[800px]",children:(0,n.jsx)(u.Z,{src:s.image.url,alt:(0,v.k4)(s.image.smartTags),layout:"cover",className:"h-full w-full",priority:!0})})}),j&&(0,n.jsx)("div",{className:"mx-auto w-full max-w-[1440px] xl:px-4",children:(0,n.jsx)(g.Z,{hasControls:w,src:N,className:"aspect-video w-full overflow-hidden rounded-sm lg:h-[800px]"})})]})}},9140:function(e,t,l){"use strict";var n=l(57437),i=l(56800),r=l.n(i),a=l(29744),s=l(93426),o=l(83815);t.Z=e=>{let{isLong:t,title:l,image:i,link:c,dynamicHeight:d,whiteText:u,className:m}=e;return(0,n.jsx)(s.Z,{href:c,className:r()("h-fit",m,{"lg:col-span-full lg:block lg:w-full":t}),children:(0,n.jsxs)("div",{className:r()("relative w-full overflow-hidden rounded-sm bg-grey-50 py-6",{"h-[272px] lg:h-full":d,"h-[272px]":!d,"lg:h-[359px] lg:max-w-[933px]":t}),children:[(0,n.jsx)(o.Z,{className:"relative z-10",cubeColour:r()({"bg-grey-800":!u,"bg-white":u}),children:(0,n.jsx)("h3",{className:r()("font-normal",{"text-white":u}),children:l})}),(0,n.jsx)(a.Z,{src:i,alt:l,layout:"cover",className:"bottom-0 left-0 h-full w-full mix-blend-multiply xxs:absolute"})]})})}},99193:function(e,t,l){"use strict";l.d(t,{I0:function(){return a},Nt:function(){return i},Yg:function(){return r},gM:function(){return o},rJ:function(){return s}});var n=l(31290);let i=e=>e.split("-").shift(),r=e=>{let t=e.reduce((e,t)=>{let l=t.pricingTier&&"N/A"!==t.pricingTier?"".concat(t.pricingTier).concat(t.colourType?" / ".concat(t.colourType):""):t.colourType;return e[l]||(e[l]=[]),e[l].push(t),e},{});return Object.keys(t).sort((e,t)=>"N/A"===e?1:"N/A"===t?-1:e.localeCompare(t)).reduce((e,l)=>(e[l]=t[l],e),{})},a=e=>{let t=e.reduce((e,t)=>{let l=t.pricingTier&&"N/A"!==t.pricingTier?"".concat((0,n.gB)(t.__typename)," / ").concat(t.pricingTier).concat(t.colourType?" / ".concat(t.colourType):""):(0,n.gB)(t.__typename);return e[l]||(e[l]=[]),e[l].push(t),e},{});return Object.keys(t).sort((e,t)=>"N/A"===e?1:"N/A"===t?-1:e.localeCompare(t)).reduce((e,l)=>(e[l]=t[l],e),{})},s=(e,t)=>{let l="".concat(e.pricingTier).concat(e.colourType?" / ".concat(e.colourType):""),n="".concat(t.pricingTier).concat(t.colourType?" / ".concat(t.colourType):"");return l.localeCompare(n)},o=(e,t)=>{let l="".concat((0,n.gB)(e.__typename)," / ").concat(e.pricingTier).concat(e.colourType?" / ".concat(e.colourType):""),i="".concat((0,n.gB)(t.__typename)," / ").concat(t.pricingTier).concat(t.colourType?" / ".concat(t.colourType):"");return l.localeCompare(i)}},57549:function(e,t,l){"use strict";l.d(t,{E1:function(){return s},L6:function(){return c},LC:function(){return r},ME:function(){return o},rJ:function(){return a}});var n=l(56800),i=l.n(n);let r={infinite:!0,arrows:!1,speed:700,slidesToScroll:1,slidesToShow:1,draggable:!0,fade:!0,variableWidth:!1,responsive:[{breakpoint:767,settings:{dots:!0}}]},a={dots:!1,infinite:!1,arrows:!1,speed:500,slidesToScroll:1,slidesToShow:3,draggable:!0,variableWidth:!0,swipeToSlide:!0,cssEase:"linear"},s={...a,slidesToShow:8,slidesToScroll:1,variableWidth:!0},o={responsive:[{breakpoint:767,settings:"unslick"}]},c=e=>i()("rounded-sm outline outline-2 outline-offset-2 transition-all hover:outline-grey-400",{"outline-transparent":!e,"outline-grey-400":e})},61205:function(e,t,l){"use strict";l.d(t,{kq:function(){return n}}),l(57549).rJ;let n={dots:!1,infinite:!0,autoplay:!0,autoplaySpeed:4e3,arrows:!1,speed:700,slidesToScroll:1,slidesToShow:3,draggable:!0,variableWidth:!0,pauseOnHover:!1,pauseOnFocus:!1,pauseOnDotsHover:!1}},61375:function(e,t,l){"use strict";var n=l(57437),i=l(92226),r=l(53959),a=l(29744),s=l(83815),o=l(50666);t.Z=e=>{let{id:t,content:l}=e,{title:c,description:d,media:u}=l,m=u.url.endsWith("mp4");return(0,n.jsx)("section",{children:(0,n.jsxs)(r.Z,{noPadding:!0,className:"flex flex-col gap-x-10 gap-y-12 py-10 lg:flex-row lg:items-center lg:justify-between lg:px-10 lg:py-20",children:[(0,n.jsxs)(s.Z,{hasNoOffsetFromLeftOnMobile:!0,internalContainerClassName:"max-w-[338px]",className:"px-6 lg:px-0",children:[(0,n.jsx)("h2",{className:"inline",children:c})," ",(0,n.jsx)("p",{className:"inline text-grey-300",children:d})]}),(0,n.jsx)("div",{className:"h-[264px] w-full max-w-[800px] overflow-hidden md:h-[520px]",children:m?(0,n.jsx)(i.Z,{src:u.url,className:"h-full w-full bg-grey-200 object-cover"}):(0,n.jsx)(a.Z,{src:u.url,alt:(0,o.k4)(u.smartTags),layout:"cover",className:"h-full w-full"})})]})},t)}},87088:function(e,t,l){"use strict";var n=l(57437),i=l(53959),r=l(57738),a=l(78578),s=l(61239);t.Z=e=>{let{url:t,autoplay:l}=e;return s.Z$?(0,n.jsx)("section",{children:(0,n.jsx)(i.Z,{className:"py-20",children:(0,n.jsx)(a.Z,{src:t,className:"aspect-video"})})}):(0,n.jsx)("section",{children:(0,n.jsx)(i.Z,{className:"py-20",children:(0,n.jsx)(r.Z,{hasControls:!0,src:t,auto

1play:l,className:"aspect-video"})})})}},77621:function(e,t,l){"use strict";var n=l(57437);t.Z=e=>{let{children:t}=e;return(0,n.jsx)("span",{className:"text-caption inline-flex h-7 items-center rounded-full border border-grey-300 px-2 text-center text-grey-300",children:t})}},28825:function(e,t,l){"use strict";var n=l(57437),i=l(56800),r=l.n(i);t.Z=e=>{let{className:t,children:l}=e;return(0,n.jsx)("div",{className:r()("inline-flex flex-wrap gap-2",t),children:l})}},57738:function(e,t,l){"use strict";l.d(t,{Z:function(){return c}});var n=l(57437),i=l(56800),r=l.n(i),a=l(2265);let s=e=>{let{src:t,loop:l=!0,autoplay:n,hasControls:i=!1}=e,r=t.match(/vimeo.com\/(\d+)/),a=r?r[1]:"";return"https://player.vimeo.com/video/".concat(a,"?loop=").concat(l?"1":"0","&").concat(n?"background=1&controls=0&muted=1&title=0&byline=0&badge=0":i?"autoplay=1&muted=1&background=0&controls=1&muted=0&title=0&byline=0&badge=0":"background=1&controls=0")};var o=l(90371),c=e=>{let{isFullScreen:t,isFullWidthAndHeight:l,src:i,autoplay:c,loop:d=!0,hasControls:u=!1,iframeClassName:m,wrapperClassName:f,className:g,...p}=e,{isTablet:x}=(0,o.Z)(),[h,v]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let e=setTimeout(()=>{v(!0)},1800);return()=>clearTimeout(e)},[]),(0,n.jsxs)("div",{className:r()("relative flex h-full w-full items-center justify-center overflow-hidden",g),...p,children:[(0,n.jsx)("div",{className:r()("vimeo-container absolute w-full",f,{"h-full pb-[56.25%]":!t&&!l,"inset-0 h-svh overflow-hidden":t,"inset-0 h-full overflow-hidden":l}),children:(0,n.jsx)("iframe",{src:s({src:i,loop:d,autoplay:c,hasControls:u}),allow:"autoplay; fullscreen",className:r()("absolute inset-0 h-full w-full transition-[filter,opacity]",m,{"opacity-0 blur-sm":!h})})}),(t||l)&&(0,n.jsx)("style",{children:"\n          .vimeo-container > iframe {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            min-width: 100%;\n            min-height: 100%;\n          }\n      "}),t&&(0,n.jsx)("style",{children:"\n            .vimeo-container > iframe {\n                width: 177.77777778vh;\n                height: 56.25vw;\n              }\n          "}),l&&x&&(0,n.jsx)("style",{children:"\n            .vimeo-container > iframe {\n                width: 177.77777778vh;\n                height: 56.25vw;\n              }\n          "}),(0,n.jsx)("style",{children:"\n          .vimeo-container > iframe > div[role='dialog'][class^='ToastBase_module_toast'] {\n              display: none;\n          }\n        "})]})}},78578:function(e,t,l){"use strict";var n=l(57437),i=l(56800),r=l.n(i),a=l(2265),s=l(53959),o=l(29744),c=l(57738),d=l(50666);let u=()=>(0,n.jsxs)("svg",{width:"80",height:"80",viewBox:"0 0 80 80","aria-hidden":!0,className:"drop-shadow-lg",children:[(0,n.jsx)("circle",{cx:"40",cy:"40",r:"38",fill:"rgba(255,255,255,0.92)"}),(0,n.jsx)("path",{d:"M33 26 L57 40 L33 54 Z",fill:"#111"})]});t.Z=e=>{let{image:t,src:l,className:i}=e,[m,f]=(0,a.useState)(!1),g=r()("aspect-video w-full",i);return m?(0,n.jsx)("section",{children:(0,n.jsx)(s.Z,{noPadding:!0,children:(0,n.jsx)(c.Z,{autoplay:!1,hasControls:!0,src:l,className:g})})}):(0,n.jsx)("section",{children:(0,n.jsx)(s.Z,{noPadding:!0,children:(0,n.jsxs)("button",{type:"button","aria-label":"Play video",onClick:()=>f(!0),className:r()("group relative block overflow-hidden bg-grey-200 focus-visible:outline-offset-2",g),children:[t?(0,n.jsx)(o.Z,{src:t.url,alt:(0,d.k4)(t.smartTags)||"Video poster",layout:"cover",className:"absolute inset-0 h-full w-full"}):(0,n.jsx)("div",{className:"absolute inset-0 bg-grey-900"}),(0,n.jsx)("span",{className:"absolute inset-0 flex items-center justify-center transition-transform duration-200 group-hover:scale-110",children:(0,n.jsx)(u,{})})]})})})}},79312:function(e,t,l){"use strict";var n=l(57437),i=l(29744),r=l(68901),a=l(50666),s=l(60283);t.Z=e=>{let{images:t}=e,{emblaRef:l,onPrev:o,onNext:c}=(0,s.$)();return 0===t.length?null:(0,n.jsxs)("div",{className:"group relative",children:[(0,n.jsx)("div",{ref:l,className:"overflow-hidden",children:(0,n.jsx)("div",{className:"flex",children:t.map((e,t)=>{let l=e.width/e.height;return(0,n.jsx)(i.Z,{src:e.url,alt:(0,a.k4)(e.smartTags),className:"mr-4 h-[264px] shrink-0 md:h-[487px]",containerStyle:{aspectRatio:"".concat(e.width," / ").concat(e.height)},mobileWidth:"".concat(Math.round(264*l),"px"),tabletWidth:"".concat(Math.round(487*l),"px"),hasLoadAnimation:!1,loading:t<3?"eager":"lazy"},e.url)})})}),(0,n.jsx)("div",{className:"pointer-events-none absolute inset-y-0 left-0 z-30 w-16 bg-gradient-to-r from-black/40 to-transparent md:w-28"}),(0,n.jsx)("div",{className:"pointer-events-none absolute inset-y-0 right-0 z-30 w-16 bg-gradient-to-l from-black/40 to-transparent md:w-28"}),(0,n.jsx)(r.Z,{direction:"prev",onClick:o,showOnHover:!1,isMinimalStyle:!0,iconClassName:"text-white"}),(0,n.jsx)(r.Z,{direction:"next",onClick:c,showOnHover:!1,isMinimalStyle:!0,iconClassName:"text-white"})]})}},60283:function(e,t,l){"use strict";l.d(t,{$:function(){return r}});var n=l(19281),i=l(74300);let r=()=>{let[e,t]=(0,i.Z)({loop:!0,dragFree:!0,align:"start"},[(0,n.Z)({speed:1,startDelay:0,stopOnInteraction:!1,stopOnMouseEnter:!0})]),l=e=>{if(!t)return;let l=t.plugins().autoScroll;null==l||l.stop(),"prev"===e&&t.scrollPrev(),"next"===e&&t.scrollNext();let n=()=>{null==l||l.play(),t.off("settle",n)};t.on("settle",n)};return{emblaRef:e,onPrev:()=>l("prev"),onNext:()=>l("next")}}},75722:function(e,t,l){"use strict";var n=l(57437),i=l(56800),r=l.n(i),a=l(53959),s=l(29744),o=l(93426),c=l(83815),d=l(94538);t.Z=e=>{let{content:t,className:l}=e,{description:i,image:u,product:m}=t;return(0,n.jsx)("section",{children:(0,n.jsx)(o.Z,{href:"".concat(d.cN.Products,"/").concat(m.slug),children:(0,n.jsxs)(a.Z,{noPaddingTablet:!0,className:r()("py-20 lg:flex lg:items-center lg:justify-between lg:gap-x-10",l),children:[(0,n.jsxs)(c.Z,{internalContainerClassName:"max-w-[338px]",className:"mb-20 px-6 lg:mb-0 lg:px-0",children:[(0,n.jsx)("h2",{className:"mb-3 font-normal",children:m.title}),(0,n.jsx)("p",{children:i})]}),(0,n.jsx)("div",{className:"h-[520px]",children:(0,n.jsx)(s.Z,{src:u.url,alt:m.title,layout:"cover",className:"h-full"})})]})})})}},65492:function(e,t,l){"use strict";l.d(t,{Z:function(){return d}});var n=l(57437),i=l(56800),r=l.n(i),a=l(43527),s=l(2265),o=l(29744),c=l(32503),d=e=>{let{src:t,alt:l,isActive:i,panOnInViewOnce:d,className:u,imgClassName:m}=e,f=(0,s.useRef)(null),g=(0,a.Y)(f,{once:!0,amount:"some"}

1),[p,x]=(0,s.useState)(!1);(0,c.n)(()=>x(!0));let h=d?g:!!i&&p;return(0,n.jsx)("div",{ref:f,className:r()("relative overflow-hidden",u),children:(0,n.jsx)(o.Z,{src:t,alt:l,layout:"cover",hasLoadAnimation:!1,className:"!absolute left-0 top-0 h-full min-w-[calc(100%+200px)]",imgClassName:r()("object-center",m),style:{transform:h?"translateX(-".concat(200,"px)"):"translateX(0)",transitionProperty:"transform",transitionDuration:h?"".concat(15,"s"):"0s",transitionDelay:h?"0s":"".concat(800,"ms"),transitionTimingFunction:"linear"}})})}},62507:function(e,t,l){"use strict";var n=l(57437),i=l(56800),r=l.n(i),a=l(83815),s=l(70018);t.Z=e=>{let{hasNoOffsetFromLeftOnDesktop:t,hasNoOffsetFromLeftOnMobile:l,hasNoOffsetFromLeftOnTablet:i,description:o,descriptionStructured:c,internalContainerClassName:d,className:u,children:m}=e;return(0,n.jsxs)(a.Z,{hasNoOffsetFromLeftOnDesktop:t,hasNoOffsetFromLeftOnMobile:l,hasNoOffsetFromLeftOnTablet:i,internalContainerClassName:d,className:r()(u,{"!mb-0":!(null==u?void 0:u.includes("mb"))}),children:[(0,n.jsx)("h2",{className:"mb-4 font-normal",children:m}),o&&(0,n.jsx)("p",{className:r()("text-subheading-light max-w-[308px] lg:max-w-[670px]",{"md:-translate-x-6":!i&&!t}),children:o}),c&&(0,n.jsx)("div",{className:r()("text-subheading-light max-w-[308px] lg:max-w-[672px]",{"md:-translate-x-6":!i&&!t}),children:(0,n.jsx)(s.Z,{content:c})})]})}},68901:function(e,t,l){"use strict";var n=l(57437),i=l(56800),r=l.n(i),a=l(83678),s=l(52596);t.Z=e=>{let{showOnHover:t=!0,onClick:l,direction:i,className:o,iconClassName:c,isMinimalStyle:d=!1}=e,u="prev"===i?a.Z:s.Z;return(0,n.jsx)("button",{type:"button",onClick:l,className:r()("group/button absolute top-1/2 z-40 flex size-10 min-w-10 -translate-y-1/2 items-center justify-center transition-all",{"bg-grey-200/80 backdrop-blur-[14px] hover:bg-grey-200/70":!d,"bg-transparent":d},o,{"group-hover:opacity-100 lg:opacity-0":t,"left-0 rounded-r":"prev"===i,"right-0 rounded-l":"next"===i}),children:(0,n.jsx)(u,{title:"prev"===i?"Previous":"Next",className:r()("relative z-10 size-8 min-w-4 transition-transform",{"group-hover/button:-translate-x-0.5":"prev"===i,"group-hover/button:translate-x-0.5":"next"===i},c)})})}},91035:function(e,t,l){"use strict";l.d(t,{Z:function(){return S}});var n=l(57437),i=l(56800),r=l.n(i),a=l(43527),s=l(2265),o=l(43153),c=l(82603),d=l(46089),u=l(53959),m=l(93426),f=l(66305),g=l(60283),p=l(68901),x=e=>{let{children:t}=e,{emblaRef:l,onPrev:i,onNext:r}=(0,g.$)();return(0,n.jsxs)("div",{className:"group relative",children:[(0,n.jsx)("div",{ref:l,className:"overflow-hidden px-6 md:px-0",children:(0,n.jsx)("div",{className:"flex",children:t})}),(0,n.jsx)("div",{className:"pointer-events-none absolute inset-y-0 left-0 z-30 w-16 bg-gradient-to-r from-white to-transparent md:w-28"}),(0,n.jsx)("div",{className:"pointer-events-none absolute inset-y-0 right-0 z-30 w-16 bg-gradient-to-l from-white to-transparent md:w-28"}),(0,n.jsx)(p.Z,{direction:"prev",onClick:i,showOnHover:!1,isMinimalStyle:!0}),(0,n.jsx)(p.Z,{direction:"next",onClick:r,showOnHover:!1,isMinimalStyle:!0})]})},h=l(62507);let v={dots:!1,infinite:!0,arrows:!1,speed:700,autoplay:!1,slidesToScroll:1,draggable:!0,pauseOnFocus:!0,pauseOnHover:!0,variableWidth:!0,responsive:[{breakpoint:9999,settings:"unslick"},{breakpoint:1023,settings:{slidesToShow:1.5}}]};var b=l(15787),y=l(94310),j=l(50775),w=l(50666),N=l(9142),C=l(35594);let Z=(e,t,l)=>{var i;let a="id"in e?e.id:void 0,s=a?null===(i=l.itemsToDownload)||void 0===i?void 0:i[a]:void 0;return(0,n.jsx)(f.Z,{title:e.title,slug:l.itemsToDownload?void 0:e.slug,image:e.image,captionAlignment:l.captionAlignment,captionClassName:r()({hidden:l.shouldHideTileLabels}),internalContainerClassName:r()("size-[240px] min-w-[240px]",{"lg:size-auto":!l.isMarquee}),onClick:s?()=>(0,N.oJ)(s,e.title,"".concat(e.title," Models")):void 0,className:r()("mr-4",{"shrink-0":l.isMarquee,"transition-all duration-1500 will-change-[opacity] lg:mr-0":!l.isMarquee,"translate-x-8 opacity-0":!l.isMarquee&&!l.inView}),style:l.isMarquee?void 0:{transitionDelay:"".concat(200+(t+1)*200,"ms")}},t)},k=e=>{let{items:t,onAddAll:l,wrapperClassName:i}=e;return(null==t?void 0:t.length)?(0,n.jsx)("div",{className:r()("mt-10 flex justify-center lg:hidden",i),children:(0,n.jsxs)(c.Z,{variant:"grey-800",size:"xl",onClick:()=>l(t),className:"w-full md:max-w-[327px]",children:["Add all to My Schedule",(0,n.jsx)(C.Z,{className:b.Hx})]})}):null};var S=e=>{let{title:t,description:l,descriptionStructured:i,items:f,itemsToDownload:g,options:N,shouldHideTileLabels:S,hasButtonWithLink:O,buttonText:T,buttonLink:I,button:L,hasFavouritesButton:_,captionAlignment:E="left",headingClassName:P}=e,{allItems:R}=(0,y.U)(),A=(f?R.products.filter(e=>null==f?void 0:f.some(t=>t.id===e.id)):void 0)||N||[],M=A.length>4,H=(0,s.useRef)(null),z=(0,a.Y)(H,{once:!0,amount:.1}),{addProductsToMySelection:F}=(0,j.H)(),D=(0,s.useRef)(null);return(0,n.jsx)("section",{ref:H,id:"featured-products",className:"overflow-hidden",children:(0,n.jsxs)(u.Z,{noPaddingMobile:!0,noAnimate:!0,className:"py-20 lg:px-10",children:[(0,n.jsxs)("div",{className:r()("flex gap-x-10",{"items-center justify-between":_,"flex-col":!_,"mb-4":_&&!l,"mb-20":l||(0,w.QR)(i).trim()}),children:[(0,n.jsx)(h.Z,{description:l,descriptionStructured:i,className:r()(P),children:t}),_&&(null==f?void 0:f.length)>0&&(0,n.jsxs)(c.Z,{variant:"grey-800",size:"xl",onClick:()=>F(f),className:"mr-6 w-full max-w-[327px] xxs:hidden lg:inline-flex",children:["Add all to My Schedule",(0,n.jsx)(C.Z,{className:b.Hx})]}),O&&I&&T&&(0,n.jsx)(m.Z,{href:I,children:(0,n.jsx)(c.Z,{variant:"link",withRightArrow:!0,className:"my-10 ml-6 md:ml-0",children:T})})]}),M?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(x,{children:A.map((e,t)=>Z(e,t,{isMarquee:M,inView:z,captionAlignment:E,shouldHideTileLabels:S,itemsToDownload:g}))}),_&&(0,n.jsx)(k,{items:f,onAddAll:F})]}):(0,n.jsxs)("div",{className:"relative",children:[(0,n.jsxs)(o.Z,{ref:D,...v,className:"gap-4 px-6 pl-6 md:px-0 lg:grid lg:grid-cols-4",children:[A.map((e,t)=>Z(e,t,{isMarquee:M,inView:z,captionAlignment:E,shouldHideTileLabels:S,itemsToDownload:g})),_&&(0,n.jsx)(k,{items:f,onAddAll:F,wrapperClassName:"col-span-full"})]}),(0,n.jsx)("div",{className:"mt-10 flex justify-end pr-6 md:pr-0 lg:hidden",children:(0,n.jsxs)("div",{className:"grid w-fit grid-cols-2 gap-x-2",children:[(0,n.jsx)(p.Z,{direction:"prev",onClick:()=>{var e;return null===(e=D.current)||void 0===e?void 0:e.slickPrev()},className:"!static !rounded"}),(0,n.jsx)(p.Z,{direction:"next",onClick:()=>{var e;return null===(e=D.current)||void 0===e?void 0:e.slickNext()},className:"!static !rounded"})]})})]}),L&&(0,n.jsx)(d.Z,{button:L,withRightArrow:!0,variant:"grey-500-outlined",className:"ml-6 mt-10 md:mt-20 lg:ml-0",children:L.label})]})})}},23891:function(e,t,l){"use strict";var n=l(57437),i=l(56800),r=l.n(i),a=l(2265),s=l(43153),o=l(53959),c=l(29744),d=l(93426),u=l(61205),m=l(83815),f=l(70018),g=l(15787),p=l(61239),x=l(52596),h=l(94538);t.Z=e=>{let{title:t,description:l,descriptionStructured:i,button:v,type:b="projects",items:y}=e,j=y.slice(0,10),w=(0,a.useRef)(null),N="news"===b?h.cN.News:"projects"===b?p.vx?h.TY.Property:h.cN.Projects:h.vF.Services;return(0,a.useEffect)(()=>{clearTimeout(w.current)},[]),(0,n.jsxs)("section",{className:r()("overflow-hidden",{"bg-grey-50":"projects"===b}),children:[(0,n.jsx)(o.Z,{noPadding:!0,className:"px-6 pt-20 lg:px-10",children:(0,n.jsx)(m.Z,{hasNoOffsetFromLeftOnDesktop:!0,internalContainerClassName:"w-full md:pr-0 pr-6",className:"w-full",children:(0,n.jsxs)("div",{children:[(0,n.jsx)("h2",{className:"mb-4 font-medium",children:t}),i?(0,n.jsx)("div",{className:"text-subheading-light mb-10 max-w-[740px]",children:(0,n.jsx)(f.Z,{content:i})}):(0,n.jsx)("p",{className:"text-subheading-light mb-10 max-w-[740px]",children:l}),v&&(0,n.jsxs)(d.Z,{href:v.page.path,className:"group mb-9 inline-flex items-center gap-x-2 font-medium text-grey-900 hover:underline",children:[v.label,(0,n.jsx)(x.Z,{className:r()(g.IN,"transition-transform group-hover:translate-x-0.5")})]})]})})}),(0,n.jsx)("div",{className:"pb-30",children:(0,n.jsx)(s.Z,{...u.kq,className:"featured-items-slider",children:j.map((e,t)=>(0,n.jsxs)(d.Z,{href:"".concat(N,"/").concat(e.slug),className:r()("min-w-[300px] overflow-hidden pr-4 md:min-w-[557px] md:max-w-[557px]",{"pl-2 lg:pl-0":0===t}),children:[(0,n.jsx)(c.Z,{src:e.image.url,alt:e.title,layout:"cover",className:"mb-3 h-[213px] w-full md:h-[385px]"}),(0,n.jsx)(m.Z,{heading:e.title,cubeColour:"bg-grey-600",headingClassName:"hover:underline",className:"text-grey-600 xxs:gap-x-7"})]},e.id))})})]})}},74731:function(e,t,l){"use strict";var n=l(57437),i=l(56800),r=l.n(i),a=l(53959),s=l(29744);t.Z=e=>{let{image:t,noTopPadding:l,noPadding:i,className:o}=e;return(0,n.jsx)("section",{children:(0,n.jsx)(a.Z,{noPadding:!0,className:r()("py-10",o,{"lg:py-0":l,"lg:px-10":!i,"lg:px-0":i}),children:(0,n.jsx)(s.Z,{src:t.url,alt:"Full Width Image",layout:"cover",className:"aspect-auto w-full"})})})}},81564:function(e,t,l){"use strict";var n=l(57437),i=l(56800),r=l.n(i),a=l(53959),s=l(83815),o=l(61239);t.Z=e=>{let{id:t,isNextBlockParagraph:l,isNextBlockButton:i,hasReducedTopPadding:c,hasReducedBottomPadding:d,forceHideDescription:u,title:m,description:f,de

1scriptionFontVariant:g,hasGreyBackground:p}=e;return(0,n.jsx)("section",{id:t,className:r()({"bg-grey-50":p&&o.jO,"bg-grey-100":p&&!o.jO}),children:(0,n.jsxs)(a.Z,{className:r()("xl:pr-[570px]",{"py-20":!l&&!c&&!d,"pb-0 pt-20":!l&&!c&&d,"pb-20 pt-10":!l&&c,"pb-6 pt-20 md:pb-16":l&&!c,"pb-6 pt-10 md:pb-16":l&&c,"pb-10":i}),children:[(0,n.jsx)(s.Z,{hasNoOffsetFromLeftOnDesktop:!0,children:(0,n.jsx)("h2",{className:"font-medium",children:m})}),!u&&(0,n.jsx)("p",{className:r()(g,{"max-w-[687px]":!!g,"text-heading-light max-w-[787px]":!g}),children:f})]})})}},52721:function(e,t,l){"use strict";l.d(t,{m:function(){return n}});let n="top"},32503:function(e,t,l){"use strict";l.d(t,{n:function(){return i}});var n=l(2265);let i=e=>{(0,n.useEffect)(e,[])}},80042:function(e,t,l){"use strict";var n=l(85786),i={"text/plain":"Text","text/html":"Url",default:"Text"};e.exports=function(e,t){var l,r,a,s,o,c,d,u,m=!1;t||(t={}),a=t.debug||!1;try{if(o=n(),c=document.createRange(),d=document.getSelection(),(u=document.createElement("span")).textContent=e,u.ariaHidden="true",u.style.all="unset",u.style.position="fixed",u.style.top=0,u.style.clip="rect(0, 0, 0, 0)",u.style.whiteSpace="pre",u.style.webkitUserSelect="text",u.style.MozUserSelect="text",u.style.msUserSelect="text",u.style.userSelect="text",u.addEventListener("copy",function(l){if(l.stopPropagation(),t.format){if(l.preventDefault(),void 0===l.clipboardData){a&&console.warn("unable to use e.clipboardData"),a&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var n=i[t.format]||i.default;window.clipboardData.setData(n,e)}else l.clipboardData.clearData(),l.clipboardData.setData(t.format,e)}t.onCopy&&(l.preventDefault(),t.onCopy(l.clipboardData))}),document.body.appendChild(u),c.selectNodeContents(u),d.addRange(c),!document.execCommand("copy"))throw Error("copy command was unsuccessful");m=!0}catch(n){a&&console.error("unable to copy using execCommand: ",n),a&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),m=!0}catch(n){a&&console.error("unable to copy using clipboardData: ",n),a&&console.error("falling back to prompt"),l="message"in t?t.message:"Copy to clipboard: #{key}, Enter",r=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C",s=l.replace(/#{\s*key\s*}/g,r),window.prompt(s,e)}}finally{d&&("function"==typeof d.removeRange?d.removeRange(c):d.removeAllRanges()),u&&document.body.removeChild(u),o()}return m}},44331:function(e,t,l){var n=l(20357);"undefined"!=typeof __nccwpck_require__&&(__nccwpck_require__.ab="//"),({189:function(){!function(e,t){"use strict";if(!e.setImmediate){var l,i,r,a,s,o=1,c={},d=!1,u=e.document,m=Object.getPrototypeOf&&Object.getPrototypeOf(e);(m=m&&m.setTimeout?m:e,"[object process]"===({}).toString.call(e.process))?s=function(e){n.nextTick(function(){g(e)})}:function(){if(e.postMessage&&!e.importScripts){var t=!0,l=e.onmessage;return e.onmessage=function(){t=!1},e.postMessage("","*"),e.onmessage=l,t}}()?(l="setImmediate$"+Math.random()+"$",i=function(t){t.source===e&&"string"==typeof t.data&&0===t.data.indexOf(l)&&g(+t.data.slice(l.length))},e.addEventListener?e.addEventListener("message",i,!1):e.attachEvent("onmessage",i),s=function(t){e.postMessage(l+t,"*")}):e.MessageChannel?((r=new MessageChannel).port1.onmessage=function(e){g(e.data)},s=function(e){r.port2.postMessage(e)}):u&&"onreadystatechange"in u.createElement("script")?(a=u.documentElement,s=function(e){var t=u.createElement("script");t.onreadystatechange=function(){g(e),t.onreadystatechange=null,a.removeChild(t),t=null},a.appendChild(t)}):s=function(e){setTimeout(g,0,e)},m.setImmediate=function(e){"function"!=typeof e&&(e=Function(""+e));for(var t=Array(arguments.length-1),l=0;l<t.length;l++)t[l]=arguments[l+1];var n={callback:e,args:t};return c[o]=n,s(o),o++},m.clearImmediate=f}function f(e){delete c[e]}function g(e){if(d)setTimeout(g,0,e);else{var l=c[e];if(l){d=!0;try{!function(e){var l=e.callback,n=e.args;switch(n.length){case 0:l();break;case 1:l(n[0]);break;case 2:l(n[0],n[1]);break;case 3:l(n[0],n[1],n[2]);break;default:l.apply(t,n)}}(l)}finally{f(e),d=!1}}}}}("undefined"==typeof self?void 0===l.g?this:l.g:self)}})[189](),e.exports={}},20825:function(e,t,l){!function(){var t={845:function(e,t,n){var i=void 0!==l.g&&l.g||"undefined"!=typeof self&&self||window,r=Function.prototype.apply;function a(e,t){this._id=e,this._clearFn=t}t.setTimeout=function(){return new a(r.call(setTimeout,i,arguments),clearTimeout)},t.setInterval=function(){return new a(r.call(setInterval,i,arguments),clearInterval)},t.clearTimeout=t.clearInterval=function(e){e&&e.close()},a.prototype.unref=a.prototype.ref=function(){},a.prototype.close=function(){this._clearFn.call(i,this._id)},t.enroll=function(e,t){clearTimeout(e._idleTimeoutId),e._idleTimeout=t},t.unenroll=function(e){clearTimeout(e._idleTimeoutId),e._idleTimeout=-1},t._unrefActive=t.active=function(e){clearTimeout(e._idleTimeoutId);var t=e._idleTimeout;t>=0&&(e._idleTimeoutId=setTimeout(function(){e._onTimeout&&e._onTimeout()},t))},n(505),t.setImmediate="undefined"!=typeof self&&self.setImmediate||void 0!==l.g&&l.g.setImmediate||this&&this.setImmediate,t.clearImmediate="undefined"!=typeof self&&self.clearImmediate||void 0!==l.g&&l.g.clearImmediate||this&&this.clearImmediate},505:function(e){"use strict";e.exports=l(44331)}},n={};function i(e){var l=n[e];if(void 0!==l)return l.exports;var r=n[e]={exports:{}},a=!0;

1try{t[e].call(r.exports,r,r.exports,i),a=!1}finally{a&&delete n[e]}return r.exports}i.ab="//";var r=i(845);e.exports=r}()},85786:function(e){e.exports=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,l=[],n=0;n<e.rangeCount;n++)l.push(e.getRangeAt(n));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null}return e.removeAllRanges(),function(){"Caret"===e.type&&e.removeAllRanges(),e.rangeCount||l.forEach(function(t){e.addRange(t)}),t&&t.focus()}}}},function(e){e.O(0,[8218,3113,5997,6648,9070,6131,9450,3153,6589,9341,9569,4946,1596,1959,5459,5310,7039,6499,9645,8824,3737,2971,7023,1744],function(){return e(e.s=99585)}),_N_E=e.O()}]);