"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9722],{35603:function(t,e,n){n.r(e),n.d(e,{ShopTheRoomWidgetRenderer:function(){return to}});var r,i,o,a,l,u,c,s,d,p,m,f,g,v=n(95235),h=n(2784),b=n(41857),w=n(63601),y=n(28885),S=n(11006),x=n(31035),T=n(38201),O=n(72850),k=n(51339),P=n(91849),A=n(4626),R=n(21377),j=n(81292),L=n(53678),B=n(7328),I=n(87330),G=n(48840),W=n(24986),C=n(97234),E=n(57209),q=n(46621),z=n(94776),D=S.zo.h2(o||(o=(0,B.Z)(["\n  ",";\n  text-align: center;\n  padding: 0 0 ",";\n\n  "," {\n    text-align: ",";\n  }\n"])),(0,I.xv)("large1","alternate"),(0,G.W0)(.5),function(t){return(0,j.mq)(t.theme.breakpointUtils.map,"md")},function(t){return t.textAlign}),U=S.zo.p(a||(a=(0,B.Z)(["\n  max-width: 500px;\n  text-align: center;\n  margin: 0 auto;\n  ",";\n  "," {\n    text-align: ",";\n    ",";\n    ",";\n  }\n"])),(0,I.xv)("medium1","default"),function(t){return(0,j.mq)(t.theme.breakpointUtils.map,"md")},function(t){return t.textAlign},(0,I.xv)("bodyText","default"),function(t){return"left"===t.textAlign?"margin: 0":""}),N=(0,S.zo)(W.l)(l||(l=(0,B.Z)(["\n  ul {\n    gap: 0 ",";\n  }\n\n  li {\n    padding: 0;\n  }\n\n  "," {\n    margin-left: 0;\n  }\n\n  "," {\n    margin-top: ",";\n  }\n"])),(0,G.W0)(.75),function(t){return(0,j.mq)(t.theme.breakpointUtils.map,"md")},function(t){return(0,j.mq)(t.theme.breakpointUtils.map,"md")},(0,G.W0)(2)),_=(0,S.zo)(E.r)(u||(u=(0,B.Z)(["\n  grid-template-rows: 1fr;\n  grid-column-gap: 0;\n  max-width: 1100px;\n  margin: 0 auto ",";\n\n  "," {\n    grid-column-gap: ",";\n  }\n"])),(0,G.W0)(10),function(t){return(0,j.mq)(t.theme.breakpointUtils.map,"md")},(0,G.W0)(10)),Z=(0,S.zo)(A.P)(c||(c=(0,B.Z)(["\n  padding: 0;\n  margin-top: ",";\n  text-align: center;\n\n  "," {\n    padding: "," 0;\n    margin-top: ",";\n  }\n"])),(0,G.W0)(2),function(t){return(0,j.mq)(t.theme.breakpointUtils.map,"md")},(0,G.W0)(1),function(t){return t.isPortrait?"".concat((0,G.W0)(6)):0}),M=S.zo.div(s||(s=(0,B.Z)(["\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  column-gap: ",";\n  row-gap: ",";\n\n  "," {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  "," {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    row-gap: ",";\n    margin-top: ",";\n  }\n\n  "," {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    margin-top: ",";\n  }\n\n  > a {\n    height: fit-content;\n  }\n"])),(0,G.W0)(1),(0,G.W0)(5),function(t){return(0,j.mq)(t.theme.breakpointUtils.map,"sm")},function(t){return(0,j.mq)(t.theme.breakpointUtils.map,"md")},(0,G.W0)(4),(0,G.W0)(2),function(t){return(0,j.mq)(t.theme.breakpointUtils.map,"lg")},(0,G.W0)(2)),F=(0,S.zo)(q.v)(d||(d=(0,B.Z)(["\n  > div:nth-of-type(2) > a,\n  > div:nth-of-type(2) > div {\n    padding-left: ",";\n    > div > h3 {\n      ",";\n\n      "," {\n        ",";\n      }\n    }\n\n    "," {\n      padding-left: 0;\n    }\n  }\n  div:nth-of-type(2) > div:last-child {\n    ",";\n  }\n"])),(0,G.W0)(1),(0,I.xv)("medium1","default"),function(t){return(0,j.mq)(t.theme.breakpointUtils.map,"md")},(0,I.xv)("bodyText","default"),function(t){return(0,j.mq)(t.theme.breakpointUtils.map,"md")},function(t){return t.hasButton&&"padding : 0"}),Q=(0,S.zo)(A.P)(p||(p=(0,B.Z)(["\n  margin: 0 ",";\n\n  "," {\n    margin: 0;\n  }\n"])),(0,G.W0)(2),function(t){return(0,j.mq)(t.theme.breakpointUtils.map,"md")}),V=(0,S.zo)(A.P)(m||(m=(0,B.Z)(["\n  ",";\n\n  "," {\n    margin-left: 0;\n  }\n\n  a,\n  a:hover {\n    border: 0;\n  }\n"])),function(t){return!t.displayAsGrid&&"margin-left: ".concat((0,G.W0)(2))},function(t){return(0,j.mq)(t.theme.breakpointUtils.map,"md")}),K=(0,S.zo)(z.Yt)(f||(f=(0,B.Z)(["\n  right: ",";\n"])),(0,G.W0)(1)),Y=(0,S.zo)(C.E)(g||(g=(0,B.Z)(["\n  aspect-ratio: auto;\n  display: flex;\n  justify-content: center;\n\n  img {\n    ","\n    ","\n  }\n"])),function(t){return t.aspectRatio&&"aspect-ratio: ".concat(t.aspectRatio,";")},function(t){return t.maxWidth&&"max-width: ".concat(t.maxWidth,";")}),H=n(52322);function J(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function X(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?J(Object(n),!0).forEach(function(e){(0,v.Z)(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var $=((r={}).LANDSCAPE="landscape",r.PORTRAIT="portrait",r),tt=((i=tt||{}).PORTRAIT="5/7",i.LANDSCAPE="16/9",i),te=function(t){var e=(0,b.ND)(),n=e.hideProductListImageRollover,r=e.hideProductListProductBlockButton,i={carouselText:{leftScrollLabel:(0,y.ag)("carousel.controls.left.arialabel"),rightScrollLabel:(0,y.ag)("carousel.controls.right.arialabel")},wishlist:{addToWishlistTextDynamic:(0,y.fY)("product.addtowishlistbutton.addtowishlist.text.dynamic"),addToWishlistText:(0,y.ag)("product.addtowishlistbutton.addtowishlist.text"),savedToWishlistText:(0,y.ag)("product.addtowishlistbutton.savedtowishlist.text"),wishlistTooltip:{closeButtonText:(0,y.ag)("product.addtowishlist.tooltip.button.close.text")},wishlistTooltipContent:{loginSignupText:(0,y.ag)("product.addtowishlist.tooltip.loginsignup.text"),toUseWishlistText:(0,y.ag)("product.addtowishlist.tooltip.text")}}},o=t.productBlocks.filter(function(t){return t.sku}).map(function(e,o){var a,l,u,c,s,d,p,m,f=null===(a=t.wishlist)||void 0===a?void 0:a.skus.includes(parseInt(e.sku,10));return(0,H.jsxs)(h.Fragment,{children:[(0,H.jsx)(F,X(X(X(X({},e),{},{displayQuickBuyButton:t.displayQuickBuyButton||!1,brand:{name:(null===(l=e.brand)||void 0===l?void 0:l.name)||"",imageUrl:null===(u=e.brand)||void 0===u?void 0:u.imageUrl},image:X(X({},e.image),{},{lazy:t.widgetIndex>1||e.image.lazy})},(null===(c=e.picture)||void 0===c?void 0:c.sources)&&{picture:X(X({},e.picture),{},{lazy:t.widgetIndex>1||e.image.lazy})}),!n&&e.hoverImage&&{hoverImage:X(X({},e.hoverImage),{},{lazy:t.widgetIndex>1||e.hoverImage.lazy})}),{},{enableQuickbuyButtonOnDesktop:!0,hasButton:null!==(s=!r&&t.displayQuickBuyButton)&&void 0!==s&&s}),o),(0,H.jsx)(K,{children:(0,H.jsx)(T.WishlistButton,{buttonType:T.WishlistButtonType.HEART,sku:parseInt(e.sku,10),inWishlist:f,i18nText:i.wishlist,buttonStyle:t.wishListButtonStyle,title:e.title.value,price:null===(d=e.price)||void 0===d||null===(d=d.price)||void 0===d?void 0:d.defaultPrice,externalIdentifier:null==e?void 0:e.externalIdentifier,brandName:null==e||null===(p=e.brand)||void 0===p?void 0:p.name,itemCategories:null==e||null===(m=e.content)||void 0===m?void 0:m.find(function(t){return t.key===O.PRODUCT_CONTENT_KEY.MAT_CATEGORY})})})]})}),a={2:[2,2,2,2],3:[2,3,2,2],default:t.orientation===$.PORTRAIT?[2,3,2,2]:[2,3,4,4]};return(0,H.jsxs)(_,{columns:12,rows:9,children:[(0,H.jsxs)(Q,{colStart:t.componentsGrid.title.colStart,colSpan:t.componentsGrid.title.colSpan,rowStart:t.componentsGrid.title.rowStart,rowSpan:t.componentsGrid.title.rowSpan,children:[(0,H.jsx)(D,{textAlign:t.orientation!==$.PORTRAIT||t.displayAsGrid?L.K.CENTER:L.K.LEFT,children:t.title}),(0,H.jsx)(U,{textAlign:t.orientation!==$.PORTRAIT||t.displayAsGrid?L.K.CENTER:L.K.LEFT,children:t.description})]}),(0,H.jsx)(A.P,{colStart:t.componentsGrid.image.colStart,colSpan:t.componentsGrid.image.colSpan,rowStart:t.componentsGrid.image.rowStart,rowSpan:t.componentsGrid.image.rowSpan,style:{display:"flex",justifyContent:"center"},children:t.picture?(0,H.jsx)(R.t,X(X({},t.picture),{},{aspectRatio:t.orientation===$.PORTRAIT?tt.PORTRAIT:tt.LANDSCAPE,style:{width:"100%",objectFit:"cover",maxWidth:t.orientation===$.PORTRAIT&&t.displayAsGrid?"538px":"100%"}})):(0,H.jsx)(Y,X(X({src:[{url:t.image.urls.small,breakpoint:"sm"},{url:t.image.urls.medium,breakpoint:"md"},{url:t.image.urls.large,breakpoint:"lg"}],width:"100%",height:"100%",alt:t.image.alt||t.title||""},t.orientation===$.PORTRAIT&&t.displayAsGrid&&{maxWidth:"538px"}),{},{aspectRatio:t.orientation===$.PORTRAIT?tt.PORTRAIT:tt.LANDSCAPE}))}),(0,H.jsx)(V,{colStart:t.componentsGrid.carousel.colStart,colSpan:t.componentsGrid.carousel.colSpan,rowStart:t.componentsGrid.carousel.rowStart,rowSpan:t.componentsGrid.carousel.rowSpan,displayAsGrid:t.displayAsGrid,children:t.displayAsGrid?(0,H.jsx)(M,{children:o.map(function(t){return(0,H.jsx)("div",{style:{position:"relative"},children:t})})}):(0,H.jsx)(x.Z,{query:(0,j.mq)(t.breakpoints,"sm",!0),children:function(e){return(0,H.jsx)(N,X({items:o,i18n:i.carouselText,itemsPerSlide:a[null==o?void 0:o.length]||a.default,hideControlsOnSingleSlide:!0,inactiveSlideFullOpacity:!0,buttonPlacement:P.J.BottomRight,indicatorStyle:"dot",enableSlidePreview:!0,indicatorPadding:t.indicatorPadding,dotHorizontalMargin:.5,enableWhiteControls:!0},e&&{customTransform:t.orientation===$.PORTRAIT?102:106}))}})}),(0,H.jsx)(Z,{colStart:t.componentsGrid.button.colStart,colSpan:t.componentsGrid.button.colSpan,rowStart:t.componentsGrid.button.rowStart,rowSpan:t.componentsGrid.button.rowSpan,isPortrait:t.orientation===$.PORTRAIT&&!t.displayAsGrid,children:(0,H.jsx)(k.zx,{href:t.shopAll.link,ariaLabel:t.shopAll.label,renderedAs:"a",children:t.shopAll.label})})]})},tn=n(73557);function tr(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function ti(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?tr(Object(n),!0).forEach(function(e){(0,v.Z)(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tr(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}var to=function(t){var e,n=(0,S.Fg)(),r=(0,b.ND)().hideProductListProductBlockButton,i=(0,w.O)(),o=t.orientation===$.LANDSCAPE?5:3,a={closeAriaLabel:(0,y.ag)("general.modal.close.button.arialabel"),closeLabel:(0,y.ag)("general.modal.close.button.label"),freeGiftMessage:(0,y.ag)("product.marketedspecialoffer.freegift.text"),rrpText:(0,y.ag)("product.price.rrp.text"),swatchI18nText:{swatchTooltipUnavailable:(0,y.ag)("product.productoptions.swatch.tooltip.unavailable.text"),swatchTooltipCloseButton:(0,y.ag)("product.productoptions.swatch.tooltip.close.text")},buyAriaLabel:(0,y.ag)("general.productbuynow.label"),quickBuyText:(0,y.ag)("general.product.quickbuy.text"),soldOutText:(0,y.ag)("general.productsoldout.text"),reviewsStarsLabel:(0,y.ag)("reviews.stars.label"),reviewsLabel:(0,y.ag)("reviews.reviews.label")},l=t.orientation!==$.PORTRAIT||t.displayAsGrid?{title:{colStart:[1,1,1,1],colSpan:[12,12,12,12],rowStart:[1,1,1,1],rowSpan:[1,1,1,1]},image:{colStart:[1,1,1,1],colSpan:[12,12,12,12],rowStart:[2,2,2,2],rowSpan:[3,3,3,3]},carousel:{colStart:[1,1,1,1],colSpan:[12,12,12,12],rowStart:[5,5,5,5],rowSpan:[3,3,3,3]},button:{colStart:[1,1,1,1],colSpan:[12,12,12,12],rowStart:[8,8,8,8],rowSpan:[1,1,1,1]}}:{title:{colStart:[1,1,7,7],colSpan:[12,12,6,6],rowStart:[1,1,1,1],rowSpan:[1,1,1,1]},image:{colStart:[1,1,1,1],colSpan:[12,12,6,6],rowStart:[2,2,1,1],rowSpan:[3,3,8,8]},carousel:{colStart:[1,1,7,7],colSpan:[12,12,6,6],rowStart:[5,5,2,2],rowSpan:[3,3,7,7]},button:{colStart:[1,1,1,1],colSpan:[12,12,12,12],rowStart:[8,8,9,9],rowSpan:[1,1,1,1]}};if(!t.productList)return null;var u=function(t){var e=t.score,n=t.total;return"".concat(e," ").concat(a.reviewsStarsLabel," ").concat(n," ").concat(a.reviewsLabel)},c={componentsGrid:l,wishListButtonStyle:null===(e=n.widget.productList.wishlistButton)||void 0===e?void 0:e.style,wishlist:null==i?void 0:i.wishlist,breakpoints:n.breakpointUtils.map,title:t.title,description:t.description,image:{urls:{small:t.imageSmall,medium:t.imageMedium,large:t.imageLarge},alt:t.imageAlt},picture:t.picture,orientation:t.orientation,displayQuickBuyButton:t.displayQuickbuy,widgetIndex:t.widgetIndex,shopAll:{link:t.shopAllLink,label:t.shopAllLabel},displayAsGrid:t.displayAsGrid,indicatorPadding:n.widget.shopTheRoom.carousel.indicatorPadding,productBlocks:t.productList.productBlocks.map(function(e,i){var l,c,s,d,p,m,f;return ti(ti({},e),{},{customStyling:{containerHeight:t.displayQuickbuy&&!r?"100%":"auto"},title:{value:e.title},marketedSpecialOffer:e.marketedSpecialOffer?{title:e.marketedSpecialOffer.titleText||"",description:e.marketedSpecialOffer.descriptionText||"",landingPageLink:{text:(null===(l=e.marketedSpecialOffer.landingPageLink)||void 0===l?void 0:l.text)||"",url:(null===(c=e.marketedSpecialOffer.landingPageLink)||void 0===c?void 0:c.url)||"",openExternally:(null===(s=e.marketedSpecialOffer.landingPageLink)||void 0===s?void 0:s.openExternally)||!1,noFollow:(null===(d=e.marketedSpecialOffer.landingPageLink)||void 0===d?void 0:d.noFollow)||!0,onlyDisplayOfferBadge:!0},i18nText:{closeI18nText:{closeLabel:a.closeLabel,closeAriaLabel:a.closeAriaLabel},freeGiftMessage:a.freeGiftMessage},onlyDisplayOfferBadge:!0}:void 0,price:ti(ti({},e.price),{},{rrpText:a.rrpText}),swatch:e.colourSwatches?{shape:tn.M.CIRCLE,size:tn.v.Small,colours:e.colourSwatches,i18nText:{unavailableText:a.swatchI18nText.swatchTooltipUnavailable,closeButtonText:a.swatchI18nText.swatchTooltipCloseButton}}:void 0,image:ti(ti({},e.image),{},{lazy:i>o-1,isAmp:!1}),picture:ti(ti({style:{width:"100%"}},e.picture),{},{alt:e.title,lazy:i>o-1}),review:e.reviews?{starRating:null===(p=e.reviews)||void 0===p?void 0:p.averageScore,numberOfReviews:null===(m=e.reviews)||void 0===m?void 0:m.total,screenReaderOnlyText:u({score:e.reviews.averageScore,total:e.reviews.total})}:void 0,button:{title:!t.displayQuickbuy||e.inStock?t.quickBuyLabel||a.quickBuyText:a.soldOutText,ariaLabel:a.buyAriaLabel,quickBuyTitle:t.quickBuyLabel||a.quickBuyText,productInStock:e.inStock,disabled:!e.inStock,buttonStyle:null===(f=n.widget.shopTheRoom)||void 0===f||null===(f=f.productBlock)||void 0===f||null===(f=f.components)||void 0===f?void 0:f.productButton}})})};return(0,H.jsx)(te,ti({},c))}},15754:function(t,e,n){e.ZP=void 0;var r=i(n(57727));function i(t){return t&&t.__esModule?t:{default:t}}r.default,i(n(69675)).default;var o=r.default;e.ZP=o},6622:function(t,e){e.__esModule=!0,e.noop=e.defaultProps=e.defaultOptions=e.defaultConfig=void 0,e.defaultOptions={},e.defaultConfig={disconnectOnLeave:!1};var n=()=>{};e.noop=n,e.defaultProps={onEnterViewport:n,onLeaveViewport:n}},57727:function(t,e,n){e.__esModule=!0,e.default=void 0;var r=n(2784),i=c(n(73463)),o=c(n(69675)),a=n(6622),l=n(52322),u=["onEnterViewport","onLeaveViewport"];function c(t){return t&&t.__esModule?t:{default:t}}function s(){return(s=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}var d=t=>"function"==typeof t&&!(t.prototype&&t.prototype.render),p=t=>t.prototype&&t.prototype.isReactComponent;e.default=function(t,e,n){void 0===e&&(e=a.defaultOptions),void 0===n&&(n=a.defaultConfig);var c=(0,r.forwardRef)((e,n)=>{var r=s({forwardedRef:n},p(t)&&!d(t)?{ref:n}:{});return(0,l.jsx)(t,s({},e,r))});function m(t){var{onEnterViewport:i=a.noop,onLeaveViewport:d=a.noop}=t,p=function(t,e){if(null==t)return{};var n,r,i={},o=Object.keys(t);for(r=0;r<o.length;r++)n=o[r],e.indexOf(n)>=0||(i[n]=t[n]);return i}(t,u),m=(0,r.useRef)(),{inViewport:f,enterCount:g,leaveCount:v}=(0,o.default)(m,e,n,{onEnterViewport:i,onLeaveViewport:d});return(0,l.jsx)(c,s({},p,{inViewport:f,enterCount:g,leaveCount:v},{ref:m}))}var f=t.displayName||t.name||"Component";return m.displayName="handleViewport("+f+")",(0,i.default)(m,c)}},69675:function(t,e,n){e.__esModule=!0,e.default=void 0;var r=n(2784),i=n(28316),o=n(6622);e.default=function(t,e,n,a){void 0===e&&(e=o.defaultOptions),void 0===n&&(n=o.defaultConfig),void 0===a&&(a=o.defaultProps);var{onEnterViewport:l,onLeaveViewport:u}=a,[,c]=(0,r.useState)(),s=(0,r.useRef)(),d=(0,r.useRef)(!1),p=(0,r.useRef)(!1),m=(0,r.useRef)(0),f=(0,r.useRef)(0);function g(t){var{isIntersecting:e,intersectionRatio:r}=t[0]||{},i=void 0!==e?e:r>0;if(!p.current&&i){p.current=!0,null==l||l(),m.current+=1,d.current=i,c(i);return}p.current&&!i&&(p.current=!1,null==u||u(),n.disconnectOnLeave&&s.current&&s.current.disconnect(),f.current+=1,d.current=i,c(i))}return(0,r.useEffect)(()=>{var n=s.current;return function(e){var{observerRef:n}=e,r=t.current;if(r){var o=(0,i.findDOMNode)(r);o&&(null==n||n.observe(o))}}({observerRef:n=function(t){var{observerRef:n}=t;return n||(s.current=new IntersectionObserver(g,e),s.current)}({observerRef:n})}),()=>{!function(e){var{observerRef:n}=e,r=t.current;if(r){var o=(0,i.findDOMNode)(r);o&&(null==n||n.unobserve(o))}null==n||n.disconnect(),s.current=null}({observerRef:n})}},[t.current,e,n,l,u]),{inViewport:d.current,enterCount:m.current,leaveCount:f.current}}}}]);
//# sourceMappingURL=9722.9e8aa9018b245c9d.js.map