"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6954],{76954:function(e,t,n){n.r(t),n.d(t,{VideoHeroBannerRenderer:function(){return ec}});var i,o,r,a,l,s,d,u,c,p,h,v,b,m,g,f,x,w,V=n(95235),y=n(7328),T=n(2784),j=n(41857),C=n(8529),H=n(25237),k=n.n(H),P=n(28885),L=n(97234),O=n(51339),z=n(48840),W=n(87330),A=n(81292),Z=z.zo.div(i||(i=(0,y.Z)(["\n  position: relative;\n"]))),E=z.zo.h2(o||(o=(0,y.Z)(["\n  ",";\n  margin: "," 0 ",";\n  text-align: ",";\n"])),(0,W.xv)("large1","alternate"),(0,z.W0)(2),(0,z.W0)(2),function(e){return e.alignment||"center"}),I=z.zo.button(r||(r=(0,y.Z)(["\n  position: absolute;\n  inset: 0;\n  margin: auto;\n  width: fit-content;\n  height: fit-content;\n"]))),S=z.zo.video(a||(a=(0,y.Z)(["\n  ",";\n\n  height: ",";\n  object-fit: ",";\n\n  &::cue {\n    ",";\n    color: ",";\n    background-color: rgba(0, 0, 0, 0.6);\n    border-radius: 0px;\n  }\n"])),function(e){return!e.isVisible&&"visibility: hidden"},function(e){var t,n;return e.theme.widget.GlobalVideoHeroBannerWidget.layout.height?"calc(".concat(null===(t=e.theme.widget.GlobalVideoHeroBannerWidget.layout.height)||void 0===t?void 0:t.widgetHeight," - ").concat(null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.layout.height)||void 0===n?void 0:n.headerHeight,");"):"auto"},function(e){return e.theme.widget.GlobalVideoHeroBannerWidget.layout.height?"cover":"fill"},(0,W.xv)("medium1","default"),function(e){return e.theme.colors.palette.greys.white}),M=z.zo.div(l||(l=(0,y.Z)(["\n  position: absolute;\n  ","\n\n  ","\n\n  width: 100%;\n  height: ",";\n\n  object-fit: ",";\n"])),(0,z.W5)(z.xU.Base),function(e){return!e.isVisible&&"visibility: hidden; opacity: 0; transition: visibility 0s 0.5s, opacity 0.5s linear;"},function(e){var t,n;return e.theme.widget.GlobalVideoHeroBannerWidget.layout.height?"calc(".concat(null===(t=e.theme.widget.GlobalVideoHeroBannerWidget.layout.height)||void 0===t?void 0:t.widgetHeight," - ").concat(null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.layout.height)||void 0===n?void 0:n.headerHeight,");"):"auto"},function(e){return e.theme.widget.GlobalVideoHeroBannerWidget.layout.height?"cover":"fill"}),R=z.zo.div(s||(s=(0,y.Z)(["\n  position: relative;\n  height: 100%;\n"]))),G=(0,z.iv)(d||(d=(0,y.Z)(["\n  width: 30px;\n  height: 30px;\n  border-radius: 15px;\n"]))),U=(0,z.zo)(O.zx)(u||(u=(0,y.Z)(["\n  position: absolute;\n  ","\n  bottom: 32px;\n  left: 130px;\n  ","\n  background-color: #242020;\n  &:hover {\n    ","\n    outline: 2px solid ",";\n  }\n  &:focus {\n    ","\n    outline: 2px solid ",";\n  }\n  /* Firefox */\n  @supports (-moz-appearance: none) {\n    left: auto;\n    right: 55px;\n    bottom: 45px;\n  }\n  /* Safari */\n  @supports (-webkit-backdrop-filter: none) {\n    left: 15px;\n    bottom: 45px;\n  }\n"])),(0,z.W5)(z.xU.Low),G,G,function(e){return e.theme.colors.palette.greys.white},G,function(e){return e.theme.colors.palette.greys.white}),B=(0,z.zo)(O.zx)(c||(c=(0,y.Z)(["\n  position: absolute;\n  ","\n  bottom: 32px;\n  left: 170px;\n  ","\n  background-color: #242020;\n  &:hover {\n    ","\n    outline: 2px solid ",";\n  }\n  &:focus {\n    ","\n    outline: 2px solid ",";\n  }\n  /* Firefox */\n  @supports (-moz-appearance: none) {\n    left: auto;\n    right: 15px;\n    bottom: 45px;\n  }\n  /* Safari */\n  @supports (-webkit-backdrop-filter: none) {\n    left: 55px;\n    bottom: 45px;\n  }\n"])),(0,z.W5)(z.xU.Low),G,G,function(e){return e.theme.colors.palette.greys.white},G,function(e){return e.theme.colors.palette.greys.white}),D=z.zo.div(p||(p=(0,y.Z)(["\n  position: relative;\n  max-width: 1400px;\n  margin: 0 auto;\n"]))),F=z.zo.div(h||(h=(0,y.Z)(["\n  position: absolute;\n  left: auto;\n  bottom: 50px;\n  max-width: 100%;\n  margin: 0 ",";\n  display: flex;\n  flex-direction: column;\n\n  "," {\n    max-width: 550px;\n    left: 0px;\n    top: auto;\n    bottom: 110px;\n  }\n"])),(0,z.W0)(1.5),function(e){return(0,A.mq)(e.theme.breakpointUtils.map,"md")}),N=z.zo.h2(v||(v=(0,y.Z)(["\n  ",";\n  color: ",";\n  color: ",";\n  width: 100%;\n"])),(0,W.xv)("xlarge1","alternate"),function(e){return e.theme.colors.palette.greys.white},function(e){return e.theme.colors.palette.greys.white}),_=z.zo.h3(b||(b=(0,y.Z)(["\n  ",";\n  margin: "," 0 ",";\n  color: ",";\n  width: 100%;\n"])),(0,W.xv)("medium1","alternate"),(0,z.W0)(2),(0,z.W0)(4),function(e){return e.theme.colors.palette.greys.white}),q=(0,z.zo)(O.zx)(m||(m=(0,y.Z)(["\n  width: fit-content;\n  background-color: transparent;\n  border: 0px;\n\n  & > a {\n    background-color: transparent;\n    color: ",";\n  }\n"])),function(e){return e.theme.colors.palette.greys.white}),Y=(0,z.zo)(O.zx)(g||(g=(0,y.Z)(["\n  margin-left: ",";\n  width: fit-content;\n  width: fit-content;\n  background-color: transparent;\n  border: 0px;\n\n  & > a {\n    background-color: transparent;\n    color: ",";\n  }\n"])),(0,z.W0)(2),function(e){return e.theme.colors.palette.greys.white}),J=n(36937),K=n(50556),Q=n(52322),X=z.zo.h1(f||(f=(0,y.Z)(["\n  ","\n  margin-bottom: ",";\n"])),(0,W.xv)("medium1","alternate"),(0,z.W0)(2)),$=(0,z.zo)(K.T)(x||(x=(0,y.Z)(["\n  margin-bottom: ",";\n  display: block;\n  width: 100%;\n  overflow-x: scroll;\n"])),(0,z.W0)(2)),ee=function(e){return(0,Q.jsx)(J.ModalRenderer,{closeI18nText:e.i18nText.closeI18nText,gridColSpan:[12,12,10,6],stickyHeader:!0,showHeader:!0,onClose:e.onClose,verticalAlignment:"center","data-testid":"video-transcript-modal",renderContent:function(){return(0,Q.jsxs)(T.Fragment,{children:[(0,Q.jsx)(X,{children:e.i18nText.title}),(0,Q.jsx)($,{content:e.content})]})}})},et=k()(function(){return Promise.resolve().then(n.bind(n,27399))},{loadableGenerated:{webpack:function(){return[27399]}}}),en=k()(function(){return n.e(7511).then(n.bind(n,77511))},{loadableGenerated:{webpack:function(){return[77511]}}}),ei=k()(function(){return n.e(5391).then(n.bind(n,95391))},{loadableGenerated:{webpack:function(){return[95391]}}}),eo=function(e){return(0,Q.jsx)(U,{sizing:"regular",emphasis:"low",isVisible:!0,"aria-label":"Transcript",onClick:function(t){e.onClick(t)},"data-testid":"transcript-trigger",children:(0,Q.jsx)(en,{})})},er=function(e){return(0,Q.jsx)(B,{sizing:"regular",emphasis:"low",isVisible:!0,"aria-label":e.isVisible?"Caption Off":"Caption On",onClick:function(t){e.onClick(t)},"data-testid":"caption-trigger",children:(0,Q.jsx)(ei,{})})},ea=function(e,t){var n=T.useState(!1),i=(0,C.Z)(n,2),o=i[0],r=i[1],a=T.useState(!1),l=(0,C.Z)(a,2),s=l[0],d=l[1];return T.useEffect(function(){var n,i=e.current,o=t.current;if(i&&o){var a=/Android|iPhone|iPad|iPod|Opera Mini|IEMobile|WPDesktop/i.test(navigator.userAgent)?300:2700,l=function(){r(!0),d(!0)},s=function(){clearTimeout(n),n=setTimeout(function(){r(!1),d(!1)},a)},u=function(){l(),s()},c=function(){clearTimeout(n),i.paused||setTimeout(function(){r(!1),d(!1)},200)},p=function(){r(!0),d(!0)},h=function(){l()},v=function(){clearTimeout(n),i.paused||setTimeout(function(){r(!1),d(!1)},3e3)},b=function(){l(),s()};return o.addEventListener("mousemove",u),o.addEventListener("mousemove",u),o.addEventListener("mouseleave",c),o.addEventListener("touchstart",h),o.addEventListener("touchend",v),i.addEventListener("play",b),i.addEventListener("ended",p),function(){o.removeEventListener("mousemove",u),o.removeEventListener("mouseleave",c),o.removeEventListener("touchstart",h),o.removeEventListener("touchend",v),i.removeEventListener("play",b),i.removeEventListener("ended",p),clearTimeout(n)}}},[e,t]),{transcriptTriggerVisible:o,captionTriggerVisible:s}},el=function(e){var t=e.previewImage,n=e.playVideo,i=e.playVideoI18nText;return e.displayVideo||!t?null:(0,Q.jsx)(M,{isVisible:!0,"data-testid":"preview-image-and-play-button",children:(0,Q.jsxs)(R,{children:[(0,Q.jsx)(L.E,{src:[{url:t.urls.small,breakpoint:"xs"},{url:t.urls.medium,breakpoint:"sm"},{url:t.urls.large,breakpoint:"md"}],width:"100%",height:"100%",alt:t.alt||"",isAmp:!1}),(0,Q.jsx)(I,{onClick:n,"aria-label":i,"data-testid":"play-video-button",children:(0,Q.jsx)(et,{})})]})})},es=function(e){var t,n=e.videoRef,i=e.displayVideo,o=e.props,r=e.videoTabIndex,a=e.captionVisible;return(0,Q.jsxs)(S,{ref:n,width:"100%",autoPlay:o.autoplayVideo||!1,muted:o.muteVideo||!1,controls:!o.hideVideoControl,loop:!0,isVisible:i,tabIndex:r,"aria-label":null===(t=o.videoTitle)||void 0===t?void 0:t.text,playsInline:!0,crossOrigin:"anonymous",children:[o.videoAssetPathMp4&&(0,Q.jsx)("source",{src:o.videoAssetPathMp4,type:"video/mp4"}),o.videoAssetPathWebm&&(0,Q.jsx)("source",{src:o.videoAssetPathWebm,type:"video/webm"}),a&&(0,Q.jsx)("track",{kind:"captions",src:o.videoCaptionPathVTT,srclang:"en",label:"English",default:!0}),"Your browser does not support HTML video."]})};function ed(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}var eu=(0,z.zo)(function(e){var t,n,i,o,r,a,l,s,d,u,c,p=T.useState(!!e.autoplayVideo),h=(0,C.Z)(p,2),v=h[0],b=h[1],m=T.useState(-1),g=(0,C.Z)(m,2),f=g[0],x=g[1],w=T.useState(!1),V=(0,C.Z)(w,2),y=V[0],j=V[1],H=T.useState(!1),k=(0,C.Z)(H,2),L=k[0],O=k[1],z=T.createRef(),W=T.createRef(),A=ea(z,W),I=A.transcriptTriggerVisible,S=A.captionTriggerVisible,M=(0,P.ag)("general.play.video.button.text");return(0,Q.jsxs)("div",{className:e.className,children:[e.videoTitle.text&&(0,Q.jsx)(E,{"data-testid":"video-title",alignment:e.videoTitle.alignment,children:e.videoTitle.text}),(0,Q.jsxs)(Z,{ref:W,children:[(0,Q.jsx)(el,{previewImage:e.previewImage,playVideo:function(){var e;b(!0),x(0),null===(e=z.current)||void 0===e||e.play()},playVideoI18nText:M,displayVideo:v}),(0,Q.jsx)(es,{videoRef:z,displayVideo:v,props:e,videoTabIndex:f,captionVisible:y}),(0,Q.jsx)(D,{children:(0,Q.jsxs)(F,{children:[e.videoHeroHeadline&&(null!==(t=null===(n=e.videoHeroHeadline.match(/[^.?!]+[.?!]+/g))||void 0===n?void 0:n.map(function(e,t){return(0,Q.jsx)(N,{children:e.trim()},t)}))&&void 0!==t?t:null),e.videoHeroSubtitle&&(0,Q.jsx)(_,{children:e.videoHeroSubtitle}),(0,Q.jsxs)(Q.Fragment,{children:[e.videoHeroCtaOneAriaLabel&&(0,Q.jsx)(q,{sizing:"regular",emphasis:"medium",renderedAs:"a",href:e.videoHeroCtaOneURL||"",children:e.videoHeroCtaOneAriaLabel}),e.videoHeroCtaTwoAriaLabel&&(0,Q.jsx)(Y,{sizing:"regular",emphasis:"medium",renderedAs:"a",href:e.videoHeroCtaTwoURL||"",children:e.videoHeroCtaTwoAriaLabel})]})]})}),(o=(i={transcriptTriggerVisible:I,captionTriggerVisible:S,setVideoTranscriptModalOpen:O,setVideoCaptionOpen:j,captionVisible:y,transcript:e.transcript,videoCaptionPathVTT:e.videoCaptionPathVTT,hideVideoControl:e.hideVideoControl}).transcript,r=i.transcriptTriggerVisible,a=i.videoCaptionPathVTT,l=i.captionTriggerVisible,s=i.hideVideoControl,d=i.setVideoTranscriptModalOpen,u=i.setVideoCaptionOpen,c=i.captionVisible,s?null:(0,Q.jsxs)(Q.Fragment,{children:[o&&r&&(0,Q.jsx)(eo,{onClick:function(){return d(!0)}}),a&&l&&(0,Q.jsx)(er,{onClick:function(){return u(function(e){return!e})},isVisible:c})]}))]}),L&&(0,Q.jsx)(ee,{i18nText:{closeI18nText:{closeAriaLabel:(0,P.ag)("general.modal.close.button.arialabel"),closeLabel:(0,P.ag)("general.modal.close.button.label")},title:(0,P.ag)("general.videoherobanner.transcript.title")},content:e.transcript,onClose:function(){return O(!1)}})]})})(w||(w=(0,y.Z)(["\n  margin: 0 auto ","\n  max-width: 1920px;\n  \n    "," {\n    margin-bottom: ",";\n  }\n"])),(0,z.W0)(4),function(e){return(0,A.mq)(e.theme.breakpointUtils.map,"sm")},(0,z.W0)(10)),ec=function(e){var t,n,i,o,r=(0,j.ND)().hideVideoControl;if(!(e.videoAssetPathMp4||e.videoAssetPathWebm))return null;var a=(t=null!=r&&r,i=function(e){return null!=e?e:void 0},o=function(e){return"true"===e},{hideVideoControl:t,videoTitle:{text:i(e.videoTitle)},videoAssetPathMp4:i(e.videoAssetPathMp4),videoAssetPathWebm:i(e.videoAssetPathWebm),previewImage:{urls:{small:e.videoPreviewImageMobile,medium:e.VideoPreviewImageTablet,large:e.videoPreviewImage}},muteVideo:o(i(e.muteVideo)),autoplayVideo:o(i(e.autoplayVideo)),transcript:i(null===(n=e.transcript)||void 0===n||null===(n=n.content)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.content),videoCaptionPathVTT:i(e.videoCaptionPathVTT),videoHeroHeadline:i(e.videoHeroHeadline),videoHeroSubtitle:i(e.videoHeroSubtitle),videoHeroCtaOneAriaLabel:i(e.videoHeroCtaOneAriaLabel),videoHeroCtaTwoAriaLabel:i(e.videoHeroCtaTwoAriaLabel),videoHeroCtaOneURL:i(e.videoHeroCtaOneURL),videoHeroCtaTwoURL:i(e.videoHeroCtaTwoURL)});return(0,Q.jsx)(eu,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ed(Object(n),!0).forEach(function(t){(0,V.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ed(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},a))}}}]);
//# sourceMappingURL=6954.9a645e1d61c0b376.js.map