https://www.twyfordbathrooms.com/_next/static/chunks/4497.1b4704583b31a185.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4497],{6878:(e,t,i)=>{i.r(t),i.d(t,{ProductTiles:()=>Z});var n=i(33649),r=i(67867),s=i(11470),a=i(80542),c=i(39487),o=i(95155),l=i(12115),d=i(1213),u=i(10685),p=i.n(u),g=i(33723),h=i(82084),f=function(e){var t=(0,a._)((0,l.useState)(!1),2),i=t[0],n=t[1];return((0,l.useEffect)(function(){n(!0)},[]),i)?(0,o.jsx)(h.F,Object.assign({},e)):(0,o.jsx)(o.Fragment,{})},x=i(75462),m=i(98569),_=i(17972),b=i.n(_),v=i(69187),j=i(45983),y=i(64850),k=i(81494),w=i(12844),I=i(2367),T=i(34712),C=i(71195),W=i(92299),N=i(74145),O=i(4043),L=i(4989),M=i(69917),E=i(92254),F=i(62249),G=i(29276),P=i(9915),S=i(914),z=i(49778),A=i(64543);function D(e){var t=e.product,i=e.isCategoryPage,n=void 0!==i&&i,r=(e.total,e.listingPage,e.categoryName),s=e.linkType,c=e.categories,u=e.withoutCategory,p=void 0!==u&&u,g=e.categoryId,h=e.isWebshop,f=void 0!==h&&h,x=(e.noDefaultLinkTracking,e.tabIndex),m=e.index;(0,w._)(e,["product","isCategoryPage","total","listingPage","categoryName","linkType","categories","withoutCategory","categoryId","isWebshop","noDefaultLinkTracking","tabIndex","index"]);var _=(0,F.al)(),b=(0,M.f)(),v=(0,d.d4)(C.Rb),j=(0,L.hH)()("web20_ocb_link_target"),y=(0,d.d4)(O.Kw),D=(0,P.z1)().trackWebshop,B=(0,d.d4)(S.YN),R=(0,d.Pj)(),Y=(0,A.$)().trackCtaClick,H=(0,a._)((0,l.useState)(null),2),X=H[0],K=H[1],U=function(){var e;return t.constructor===Object&&(null==(e=t.gallery)?void 0:e.list)};if((0,l.useEffect)(function(){var e=U(),i=e&&(0,G.Y)(e);i&&K(i.medium),n&&t.pictureObject&&K((0,N.G)(_,t.pictureObjectMobile,t.pictureObject).url)},[t]),(0,E.Im)(v)||!X)return null;var V="product_detail_page"===s?W.G:W.p,$=!p&&V(t,v[0].url,b,c,n,r,g),q=p?"/".concat(t.key,"-").concat(b):$;if(!f&&j)try{var J=new URL(j).origin,Q=y.replace("_","-");q=t.key?"".concat(J,"/").concat(Q,"/product/").concat(t.key):"".concat(J,"/").concat(y.replace("_","-"),"/systems/").concat(t.categoryId)}catch(e){q="#"}return(0,o.jsx)(T.W,{name:t.name,articles:t.articles,categories:t.categories,productLink:q||"",currentImage:X,useFormatAsAspectRatio:!1,onClick:function(){return(0,k._)(function(){var e,i,n,r,s,a;return(0,I.YH)(this,function(c){switch(c.label){case 0:if(Y({page_section:"webshop-tiles",step:null==m?0:m+1,link_text:t.name,link_url:q||""}),!f)return[3,2];if((e=t.articles.articlesList).length>1)return[2];return n=(i=e[0]).key,r=i.articleId,s=null==B?void 0:B.findIndex(function(e){return e.productId===t.productId&&e.variantId===r}),[4,(0,z.i)(n,y,R)];case 1:D("view_item",{value:a=c.sent(),items:[{item_id:n,item_name:t.name,price:a,index:s,quantity:1}]}),c.label=2;case 2:return[2]}})})()},tabIndex:x})}var B=i(10292),R=i(67186),Y=i(50663),H=i(93192),X=i(54058),K=i(51361),U=i(5742),V=i(23130),$=i(29594),q=i(24701),J=i(7930),Q=i(53510);function Z(e){var t,i=e.title,u=e.subtitle,h=e.anchor,_=e.contentIndex,k=e.titleInAnchor,w=e.copytext,I=e.productItems,T=e.previewId,C=e.carousel,W=e.position,N=e.displayOption,L=e.border,M=e.backgroundColor,G=e.colorVariant,P=e.type,S=e.isWebshop,z=void 0!==S&&S,Z=e.isChild,ee=e.childOf,et=(0,V.d)(),ei=(0,F.GM)(),en=(0,F.GM)({gdds:!0}),er=(0,F.Ww)(),es=(0,$.Q)(),ea=(0,U._)(i,h,k,_),ec=(0,d.wA)(),eo=(0,d.d4)(function(e){return(0,O.hd)(e,I)}),el=(0,d.d4)(function(e){return(0,O.TO)(e,(0,X.A)(T))}),ed=(0,Q.E)(),eu=(0,A.$)().trackGenericClick,ep=function(){if("nordics_product_tiles"!==P)return G;var e=G,t=(0,J.hn)(es,[q.D.XY,q.D.KOLO,q.D.TWYFORD]);return("porcelain"===e&&t||"light-grey"===e&&!t)&&(e="white"),e}(),eg=(0,d.d4)(O.Kw),eh=null!=M?M:ep,ef="blue-grey"===eh?b().textWhite:"",ex="center"===W?b().centered:"",em=(void 0!==C&&C||"carousel"===N)&&(en&&eo.length>4||ei&&eo.length>3||er&&eo.length>2||!ei&&!er&&eo.length>1),e_=N&&null!=(t=({"1-per-row":[4,4,5],"2-per-row":[4,4,6],"3-per-row":[4,4,4],"4-per-row":[4,4,3]})[N])?t:[4,4,3];return(0,l.useEffect)(function(){if(!(0,E.Im)(I)){var e={};null==I||I.forEach(function(t){if(eg){var i,o=eg,l=t;/:/.test(t)&&(l=(i=(0,a._)(t.split(":"),2))[0],o=i[1]);var d=e[o]?(0,c._)(e[o]).concat([l]):[l];e=(0,s._)((0,r._)({},e),(0,n._)({},o,d))}}),Object.entries(e).forEach(function(e){var t=(0,a._)(e,2),i=t[0],n=t[1];ec((0,K.j)(n,T,i))})}},[eg,ec,T,I]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("section",{id:ea,className:(0,H.B)(b().productTilesWrapper,!L&&b().hasSCL,"accordion"===ee&&b().marginIsAccordion,"tab"===ee&&b().marginIsTab,b()[eh]),children:[(i||u||w)&&(0,o.jsx)(x.m,{className:(0,H.B)("tab"===ee&&"tab-child-container"),maxContentWidth:(0,Y.gi)(Y.pc.gddsFullGrid),children:(0,o.jsx)(m.f,{children:(0,o.jsxs)(g.f,{className:b().headlineCol,size:[4,8,12],children:[(i||u)&&(0,o.jsx)(j.Headline,{title:i,subtitle:u,tag:void 0!==Z&&Z&&et?v.X.h4:v.X.h2,variant:v.X.h2,className:ef}),w&&(0,o.jsx)(y.InnerHtml,{as:"p",content:w,className:(0,H.B)(b().copyText,i||u,ef),trackPageSection:"webshop-tiles",isGdds:!0})]})})}),(0,o.jsx)(x.m,{maxContentWidth:(0,Y.gi)(Y.pc[em?Y.SJ.NORD_CAROUSEL:"gddsFullGrid"]),children:(0,o.jsxs)(m.f,{className:b().negativeMargin,children:[ei&&em&&(0,o.jsx)(g.f,{size:[4,8,1]}),(0,E.Im)(eo)?(0,o.jsx)("div",{className:b().loaderWrapper,children:(0,o.jsx)(R.a,{})}):function(e){if(!el||!em)return em?(0,o.jsx)(g.f,{className:b().carouselWrapper,size:[4,8,ei&&

1!en?10:12],children:(0,o.jsx)(f,{ariaLabels:ed,responsiveLayout:{small:{slides:1,slidesToMove:1},medium:{slides:2,slidesToMove:1},large:{slides:2,slidesToMove:1},xlarge:{slides:3,slidesToMove:1}},onSlideChange:function(e,t){"prev"===t?eu({page_section:"webshop-tiles",interaction_type:"previous",step:e+1}):"next"===t?eu({page_section:"webshop-tiles",interaction_type:"next",step:e+1}):"indicator"===t&&eu({page_section:"webshop-tiles",interaction_type:"move-slider"})},hideButtons:!0,supportMouse:!0,hideButtonsTablet:!0,watchSlidesProgress:!0,slideMargin:24,children:e})}):e}(eo.map(function(e,t){return em?function(i){var n=i.isVisible;return(0,o.jsx)(D,{product:e,index:t,linkType:"product_detail_page",isWebshop:z,tabIndex:n?0:-1},p()(e))}:(0,o.jsx)(l.Fragment,{children:"1-per-row"===N?(0,o.jsx)(g.f,{size:[12,12,12],children:(0,o.jsx)(m.f,{className:ex,children:(0,o.jsx)(g.f,{size:e_,className:b().singleTileWrapper,children:(0,o.jsx)(D,{product:e,index:t,linkType:"product_detail_page",isWebshop:z})})})}):(0,o.jsx)(g.f,{size:e_,className:b().singleTileWrapper,children:(0,o.jsx)(D,{product:e,index:t,linkType:"product_detail_page",isWebshop:z})})},p()(e))}))]})})]}),""===L&&"product_tiles"!==P&&(0,o.jsx)(B.B,{})]})}}}]);