https://www.twyfordbathrooms.com/_next/static/chunks/4540.78847f8e97a03ea1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4540],{6831:e=>{e.exports={videocenter:"videocenter-overview_videocenter__IpRJx",breadcrumb:"videocenter-overview_breadcrumb__ikg4h"}},17012:(e,t,i)=>{"use strict";i.d(t,{A:()=>b});var n=i(80542),o=i(95155),r=i(15793),l=i(88672),a=i(96256),s=i(12115),c=i(51551),d=i.n(c),u=i(33849),v=i(85803),p=i(93192),h=i(92348),_=i(92254),m=i(85913),g=i(23130),f=i(31988),x=i(4989);let b=function(e){var t=e.screenSize,i=e.open,c=void 0!==i&&i,b=e.video,j=b.title,w=b.description,y=b.video,C=y.type,I=y.videoId,k=y.videoPreviewImage,N=y.videoTitle,B=e.onClick,S=(0,n._)((0,m.N)(),1)[0],D=(0,v.Ys)(),H=(0,s.useRef)(null),A=(0,g.d)(),R=(0,f.R)(),T=(0,x.hH)(),W="",F=function(e){e&&e.preventDefault(),"function"==typeof B&&B()};return((0,s.useEffect)(function(){S===I&&c&&H.current&&(H.current.scrollIntoView(),F())},[c,S]),(0,_.Im)(I))?null:((0,_.Im)(k)||(W="small"===(void 0===t?"small":t)?k.mobile:k.desktop||k.mobile),!1===D.Comfort)?(0,o.jsx)("div",{className:"c-video-center__item",id:I,children:(0,o.jsx)(v.sq,{type:C})}):(0,o.jsxs)("div",{className:(0,p.B)("c-video-center__item",d().tile),id:I,children:[(0,o.jsx)("div",{className:(0,p.B)("image",d().tileImage,!D.Comfort&&"noconsent"),style:{backgroundImage:"url(".concat(W,")")},role:"img","aria-label":N,title:N,children:A?(0,o.jsx)("div",{className:d().videoButtonWrapper,children:(0,o.jsx)(r.A,{size:"small",disabled:!D.Comfort,className:d().gddsVideoButton,onClick:F,ariaLabel:T("arialabel_video_play_button")})}):(0,o.jsxs)("div",{role:"button",tabIndex:0,className:(0,p.B)("description",d().tileDescription),onClick:F,onKeyDown:F,ref:H,"aria-label":T("arialabel_video_play_button"),children:[(0,o.jsx)(l.g,{as:"p",content:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"…";return e.replace(new RegExp("^(.{".concat(t,"}[^\\s]*).*")),"$1".concat(i))}((0,h.j)(w),150)}),D.Comfort&&(0,o.jsx)("button",{type:"button",className:"button",children:(0,o.jsx)(u.Translation,{id:"web20_video_play_button"})})]})}),(0,o.jsx)(a.Z,{tag:R||A?"h2":"p",variant:A?"p2":"p1",className:d().videoTileHeadings,children:(0,h.j)(j)})]})}},51551:e=>{e.exports={tile:"video-tile_tile__YFu__",tileImage:"video-tile_tileImage__YMga4",tileDescription:"video-tile_tileDescription__LR9zG",videoButtonWrapper:"video-tile_videoButtonWrapper__DLuuV",gddsVideoButton:"video-tile_gddsVideoButton__U0okD",videoTileHeadings:"video-tile_videoTileHeadings__kZhK0"}},54540:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>K});var n=i(67867),o=i(11470),r=i(95155),l=i(6831),a=i.n(l),s=i(10685),c=i.n(s),d=i(12844),u=i(75462),v=i(98569),p=i(33723),h=i(82084),_=i(12115),m=i(20063),g=i(70189),f=i(56189),x=i.n(f),b=i(17012),j=i(45983),w=i(67296),y=i(33849),C=i(1365),I=i(62249),k=i(50663),N=i(93192),B=i(95188),S=i(69187),D=i(23130),H=i(53510),A=i(64543);let R=function(e){var t=e.title,i=e.url,n=e.videos;e.metaData;var o=(0,I.al)(),l=(0,I.GM)(),a=(0,I.Ww)(),s=(0,m.useRouter)(),f=(0,_.useRef)(null),R=(0,B.Y)(),T=(0,m.usePathname)(),W=(0,m.useSearchParams)(),F=String(W.get("video")),L=(0,D.d)(),E=(0,H.E)(),z=(0,_.useRef)(0),V=(0,A.$)().trackGenericClick,G=F&&(null==n?void 0:n.length)?n.findIndex(function(e){return e.video.videoId===F}):-1,O=(null==n?void 0:n.map(function(e){return{pictureObject:{},pictureObjectMobile:{},pictureAlt:e.title,picture:"",overlay:{text:e.description,link:null},pictureCaption:e.title,video:e.video,title:e.title,description:e.description}}))||[];(0,_.useEffect)(function(){var e,t=null==(e=f.current)?void 0:e.querySelector(".image");if(l&&t){var i=function(){var e=t.offsetHeight,i=t.closest(".gdds-carousel"),n=null==i?void 0:i.querySelector(".gdds-carousel__left-button");n&&(n.style.maxHeight="".concat(e,"px"));var o=null==i?void 0:i.querySelector(".gdds-carousel__right-button");o&&(o.style.maxHeight="".concat(e,"px"))},n=new(window.ResizeObserver||g.tb)(i);return n.observe(t),i(),function(){n.disconnect()}}return function(){}},[l,n]);var P=o&&1===n.length||a&&n.length<3||l&&n.length<4;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(u.m,{maxContentWidth:(0,k.gi)(k.pc.gddsFullGrid),children:(0,r.jsxs)(v.f,{className:x().actions,children:[(0,r.jsx)(p.f,{size:[4,6,8],className:x().headlineWrapper,children:(0,r.jsx)(j.Headline,{title:t,tag:S.X.h2,variant:L?S.X.h3:S.X.h2})}),(0,r.jsx)(p.f,{size:[4,2,4],className:x().url,children:i&&(0,r.jsx)(w.CmsLink,{link:{target:i,showArrow:!1}

1,onClick:function(){V({page_section:"video-center",interaction_type:"all-videos",link_url:i})},className:"noArrow",alignByContent:"left",children:(0,r.jsx)(y.Translation,{id:"web20_videocenter_channel_link"})})})]})}),(0,r.jsx)(u.m,{maxContentWidth:(0,k.gi)(k.pc.gddsCarouselFull),className:(0,N.B)(x().carousel,P&&x().withoutControls),ref:f,children:(0,r.jsx)(h.F,{id:R,autoSnap:!0,supportMouse:!0,hideButtonsTablet:!0,ariaLabels:E,hideButtons:o,customButtonRight:P,customButtonLeft:P,hideIndicator:l,onChange:function(e){null!==z.current&&(e>z.current?V({page_section:"video-center",interaction_type:"next"}):e<z.current&&V({page_section:"video-center",interaction_type:"previous"})),z.current=e},slidesWidth:n.map(function(){var e=33;return a&&(e=50),o&&(e=100),e}),children:n.map(function(e){return(0,r.jsx)(b.A,{video:e,open:!1,screenSize:"small",onClick:function(){V({page_section:"video-center",interaction_type:"play",video_title:e.title});var t=new URLSearchParams(W.toString());t.set("video",e.video.videoId),s.replace("".concat(T,"?").concat(t.toString()),{scroll:!1})}},c()(e))})})}),F&&G>=0&&O.length>0&&(0,r.jsx)(C.L,{items:O,index:G,onClose:function(){var e,t=null!=(e=null==n?void 0:n[G])?e:null;V({page_section:"video-overlay",interaction_type:"close",video_title:null==t?void 0:t.title});var i=Object.fromEntries(W),o=new URLSearchParams((i.video,(0,d._)(i,["video"])));s.replace("".concat(T,"?").concat(o.toString()),{scroll:!1})}})]})};var T=i(15109),W=i(78050),F=i(5760),L=i(23998),E=i(97408),z=i(77968),V=i(92254);function G(e){var t=e.pageHeadline,i=e.showAnchor,n=e.previewId,o=e.channels,l=e.metaData,a=(0,z.K)();return(0,r.jsxs)(r.Fragment,{children:[void 0!==i&&i&&(0,r.jsx)(W.default,{type:E.XC,headline:t,content:o}),!(0,V.Im)(o)&&o.filter(function(e){return a||!(0,V.Im)(e.videos)}).sort(function(e,t){return e.index-t.index}).map(function(e){var t,i="".concat("/"===(t=e.url).slice(-1)?t.replace(/\/$/,""):t,"/?channel=").concat(e.id);return(0,r.jsx)(F.O,{editType:L.Dw,previewId:e.previewId,children:(0,r.jsx)(R,{title:e.title,url:i,videos:e.videos,metaData:l})},c()(e))}),(0,V.Im)(o)&&a&&(0,r.jsx)(T.ContentAreaPlaceholder,{editType:L.Dw,contentType:"videos",previewId:"custom:newSection:".concat(n,":videos"),editArea:"Video Channels"})]})}var O=i(79706),P=i(17309),q=i(58859),Y=i(81912),M=i(69870),X=i(17142);function K(e){var t=e.breadcrumbs,i=e.metaData,l=e.page,s=l.hero,c=l.headline,d=l.subHeadline,v=l.showAnchor,p=l.showSmallFormat,h=e.relatedLinks,_=e.channels;return(0,r.jsxs)("div",{className:(0,N.B)(a().videocenter,"videocenter","gdds"),children:[(null==s?void 0:s.items.some(function(e){return"hero_c_item"===e.type}))?(0,r.jsx)(q.default,(0,n._)({},null==s?void 0:s.items[0])):(0,r.jsx)(u.m,{maxContentWidth:(0,k.gi)(k.pc.gddsFullGrid),children:(0,r.jsx)(O.HeroImageGdds,(0,o._)((0,n._)({},s),{showSmallFormat:p}))}),(0,r.jsx)(M.default,{items:t,className:a().breadcrumb}),(c||d)&&(0,r.jsx)(P.Title,{Format:X.F.h1,title:c,subtitle:d,pageHeadline:!0,hasIntroText:!0}),(0,r.jsx)(G,{showAnchor:v,pageHeadline:null!=c?c:"",metaData:i,channels:_}),(0,r.jsx)(Y.l,{title:null==h?void 0:h.title,anchor:null==h?void 0:h.anchor,categories:null==h?void 0:h.categories})]})}},56189:e=>{e.exports={carousel:"channel-carousel_carousel__Ce4uV",withoutControls:"channel-carousel_withoutControls__tYEsc",actions:"channel-carousel_actions__9aaOe",headlineWrapper:"channel-carousel_headlineWrapper__1otJb",url:"channel-carousel_url__AhgqW"}}}]);