"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 ed}});var i,o,r,a,l,s,d,u,c,p,h,v,b,g,m,f,x,w=n(95235),V=n(7328),y=n(2784),T=n(41857),j=n(8529),C=n(25237),H=n.n(C),k=n(28885),P=n(97234),L=n(51339),O=n(48840),W=n(87330),z=n(81292),A=O.zo.div(i||(i=(0,V.Z)(["\n  position: relative;\n"]))),Z=O.zo.h2(o||(o=(0,V.Z)(["\n  ",";\n  margin: "," 0 ",";\n  text-align: ",";\n"])),(0,W.xv)("large1","alternate"),(0,O.W0)(2),(0,O.W0)(2),function(e){return e.alignment||"center"}),E=O.zo.button(r||(r=(0,V.Z)(["\n  position: absolute;\n  inset: 0;\n  margin: auto;\n  width: fit-content;\n  height: fit-content;\n"]))),I=O.zo.video(a||(a=(0,V.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}),S=O.zo.div(l||(l=(0,V.Z)(["\n  position: absolute;\n  ","\n\n  ","\n\n  width: 100%;\n  height: ",";\n\n  object-fit: ",";\n"])),(0,O.W5)(O.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"}),M=O.zo.div(s||(s=(0,V.Z)(["\n  position: relative;\n  height: 100%;\n"]))),R=(0,O.iv)(d||(d=(0,V.Z)(["\n  width: 30px;\n  height: 30px;\n  border-radius: 15px;\n"]))),G=(0,O.zo)(L.zx)(u||(u=(0,V.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,O.W5)(O.xU.Low),R,R,function(e){return e.theme.colors.palette.greys.white},R,function(e){return e.theme.colors.palette.greys.white}),U=(0,O.zo)(L.zx)(c||(c=(0,V.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,O.W5)(O.xU.Low),R,R,function(e){return e.theme.colors.palette.greys.white},R,function(e){return e.theme.colors.palette.greys.white}),B=O.zo.div(p||(p=(0,V.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: 40px;\n    top: auto;\n    bottom: 110px;\n  }\n"])),(0,O.W0)(1.5),function(e){return(0,z.mq)(e.theme.breakpointUtils.map,"md")}),D=O.zo.h2(h||(h=(0,V.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}),F=O.zo.h3(v||(v=(0,V.Z)(["\n  ",";\n  margin: "," 0 ",";\n  color: ",";\n  width: 100%;\n"])),(0,W.xv)("medium1","alternate"),(0,O.W0)(2),(0,O.W0)(4),function(e){return e.theme.colors.palette.greys.white}),N=(0,O.zo)(L.zx)(b||(b=(0,V.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}),_=(0,O.zo)(L.zx)(g||(g=(0,V.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,O.W0)(2),function(e){return e.theme.colors.palette.greys.white}),q=n(36937),Y=n(50556),J=n(52322),K=O.zo.h1(m||(m=(0,V.Z)(["\n  ","\n  margin-bottom: ",";\n"])),(0,W.xv)("medium1","alternate"),(0,O.W0)(2)),Q=(0,O.zo)(Y.T)(f||(f=(0,V.Z)(["\n  margin-bottom: ",";\n  display: block;\n  width: 100%;\n  overflow-x: scroll;\n"])),(0,O.W0)(2)),X=function(e){return(0,J.jsx)(q.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,J.jsxs)(y.Fragment,{children:[(0,J.jsx)(K,{children:e.i18nText.title}),(0,J.jsx)(Q,{content:e.content})]})}})},$=H()(function(){return Promise.resolve().then(n.bind(n,27399))},{loadableGenerated:{webpack:function(){return[27399]}}}),ee=H()(function(){return n.e(7511).then(n.bind(n,77511))},{loadableGenerated:{webpack:function(){return[77511]}}}),et=H()(function(){return n.e(5391).then(n.bind(n,95391))},{loadableGenerated:{webpack:function(){return[95391]}}}),en=function(e){return(0,J.jsx)(G,{sizing:"regular",emphasis:"low",isVisible:!0,"aria-label":"Transcript",onClick:function(t){e.onClick(t)},"data-testid":"transcript-trigger",children:(0,J.jsx)(ee,{})})},ei=function(e){return(0,J.jsx)(U,{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,J.jsx)(et,{})})},eo=function(e,t){var n=y.useState(!1),i=(0,j.Z)(n,2),o=i[0],r=i[1],a=y.useState(!1),l=(0,j.Z)(a,2),s=l[0],d=l[1];return y.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}},er=function(e){var t=e.previewImage,n=e.playVideo,i=e.playVideoI18nText;return e.displayVideo||!t?null:(0,J.jsx)(S,{isVisible:!0,"data-testid":"preview-image-and-play-button",children:(0,J.jsxs)(M,{children:[(0,J.jsx)(P.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,J.jsx)(E,{onClick:n,"aria-label":i,"data-testid":"play-video-button",children:(0,J.jsx)($,{})})]})})},ea=function(e){var t,n=e.videoRef,i=e.displayVideo,o=e.props,r=e.videoTabIndex,a=e.captionVisible;return(0,J.jsxs)(I,{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,J.jsx)("source",{src:o.videoAssetPathMp4,type:"video/mp4"}),o.videoAssetPathWebm&&(0,J.jsx)("source",{src:o.videoAssetPathWebm,type:"video/webm"}),a&&(0,J.jsx)("track",{kind:"captions",src:o.videoCaptionPathVTT,srclang:"en",label:"English",default:!0}),"Your browser does not support HTML video."]})};function el(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 es=(0,O.zo)(function(e){var t,n,i,o,r,a,l,s,d,u,c,p=y.useState(!!e.autoplayVideo),h=(0,j.Z)(p,2),v=h[0],b=h[1],g=y.useState(-1),m=(0,j.Z)(g,2),f=m[0],x=m[1],w=y.useState(!1),V=(0,j.Z)(w,2),T=V[0],C=V[1],H=y.useState(!1),P=(0,j.Z)(H,2),L=P[0],O=P[1],W=y.createRef(),z=y.createRef(),E=eo(W,z),I=E.transcriptTriggerVisible,S=E.captionTriggerVisible,M=(0,k.ag)("general.play.video.button.text");return(0,J.jsxs)("div",{className:e.className,children:[e.videoTitle.text&&(0,J.jsx)(Z,{"data-testid":"video-title",alignment:e.videoTitle.alignment,children:e.videoTitle.text}),(0,J.jsxs)(A,{ref:z,children:[(0,J.jsx)(er,{previewImage:e.previewImage,playVideo:function(){var e;b(!0),x(0),null===(e=W.current)||void 0===e||e.play()},playVideoI18nText:M,displayVideo:v}),(0,J.jsx)(ea,{videoRef:W,displayVideo:v,props:e,videoTabIndex:f,captionVisible:T}),(0,J.jsxs)(B,{children:[e.videoHeroHeadline&&(null!==(t=null===(n=e.videoHeroHeadline.match(/[^.?!]+[.?!]+/g))||void 0===n?void 0:n.map(function(e,t){return(0,J.jsx)(D,{children:e.trim()},t)}))&&void 0!==t?t:null),e.videoHeroSubtitle&&(0,J.jsx)(F,{children:e.videoHeroSubtitle}),(0,J.jsxs)(J.Fragment,{children:[e.videoHeroCtaOneAriaLabel&&(0,J.jsx)(N,{sizing:"regular",emphasis:"medium",renderedAs:"a",href:e.videoHeroCtaOneURL||"",children:e.videoHeroCtaOneAriaLabel}),e.videoHeroCtaTwoAriaLabel&&(0,J.jsx)(_,{sizing:"regular",emphasis:"medium",renderedAs:"a",href:e.videoHeroCtaTwoURL||"",children:e.videoHeroCtaTwoAriaLabel})]})]}),(o=(i={transcriptTriggerVisible:I,captionTriggerVisible:S,setVideoTranscriptModalOpen:O,setVideoCaptionOpen:C,captionVisible:T,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,J.jsxs)(J.Fragment,{children:[o&&r&&(0,J.jsx)(en,{onClick:function(){return d(!0)}}),a&&l&&(0,J.jsx)(ei,{onClick:function(){return u(function(e){return!e})},isVisible:c})]}))]}),L&&(0,J.jsx)(X,{i18nText:{closeI18nText:{closeAriaLabel:(0,k.ag)("general.modal.close.button.arialabel"),closeLabel:(0,k.ag)("general.modal.close.button.label")},title:(0,k.ag)("general.videoherobanner.transcript.title")},content:e.transcript,onClose:function(){return O(!1)}})]})})(x||(x=(0,V.Z)(["\n  margin: 0 auto ","\n  max-width: 1920px;\n  \n    "," {\n    margin-bottom: ",";\n  }\n"])),(0,O.W0)(4),function(e){return(0,z.mq)(e.theme.breakpointUtils.map,"sm")},(0,O.W0)(10)),ed=function(e){var t,n,i,o,r=(0,T.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,J.jsx)(es,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?el(Object(n),!0).forEach(function(t){(0,w.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):el(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},a))}}}]);
//# sourceMappingURL=6954.58593c886999f08a.js.map