"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 X}});var i,o,r,a,s,l,u,d,c,p,v,b,m=n(95235),f=n(7328),h=n(2784),g=n(8529),x=n(25237),y=n.n(x),w=n(28885),T=n(97234),V=n(51339),j=n(48840),k=n(87330),P=j.zo.div(i||(i=(0,f.Z)(["\n  position: relative;\n"]))),E=j.zo.h2(o||(o=(0,f.Z)(["\n  ",";\n  margin: "," 0 ",";\n  text-align: ",";\n"])),(0,k.xv)("large1","alternate"),(0,j.W0)(2),(0,j.W0)(2),function(e){return e.alignment||"center"}),O=j.zo.button(r||(r=(0,f.Z)(["\n  position: absolute;\n  inset: 0;\n  margin: auto;\n  width: fit-content;\n  height: fit-content;\n"]))),C=j.zo.video(a||(a=(0,f.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,k.xv)("medium1","default"),function(e){return e.theme.colors.palette.greys.white}),W=j.zo.div(s||(s=(0,f.Z)(["\n  position: absolute;\n  ","\n\n  ","\n"])),(0,j.W5)(j.xU.Base),function(e){return!e.isVisible&&"visibility: hidden; opacity: 0; transition: visibility 0s 0.5s, opacity 0.5s linear;"}),Z=j.zo.div(l||(l=(0,f.Z)(["\n  position: relative;\n"]))),L=(0,j.iv)(u||(u=(0,f.Z)(["\n  width: 30px;\n  height: 30px;\n  border-radius: 15px;\n"]))),z=(0,j.zo)(V.zx)(d||(d=(0,f.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,j.W5)(j.xU.Low),L,L,function(e){return e.theme.colors.palette.greys.white},L,function(e){return e.theme.colors.palette.greys.white}),I=(0,j.zo)(V.zx)(c||(c=(0,f.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,j.W5)(j.xU.Low),L,L,function(e){return e.theme.colors.palette.greys.white},L,function(e){return e.theme.colors.palette.greys.white}),A=n(36937),S=n(50556),H=n(52322),M=j.zo.h1(p||(p=(0,f.Z)(["\n  ","\n  margin-bottom: ",";\n"])),(0,k.xv)("medium1","alternate"),(0,j.W0)(2)),G=(0,j.zo)(S.T)(v||(v=(0,f.Z)(["\n  margin-bottom: ",";\n  display: block;\n  width: 100%;\n  overflow-x: scroll;\n"])),(0,j.W0)(2)),B=function(e){return(0,H.jsx)(A.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,H.jsxs)(h.Fragment,{children:[(0,H.jsx)(M,{children:e.i18nText.title}),(0,H.jsx)(G,{content:e.content})]})}})},R=y()(function(){return Promise.resolve().then(n.bind(n,27399))},{loadableGenerated:{webpack:function(){return[27399]}}}),D=y()(function(){return n.e(7511).then(n.bind(n,77511))},{loadableGenerated:{webpack:function(){return[77511]}}}),N=y()(function(){return n.e(5391).then(n.bind(n,95391))},{loadableGenerated:{webpack:function(){return[95391]}}}),U=function(e){return(0,H.jsx)(z,{sizing:"regular",emphasis:"low",isVisible:!0,"aria-label":"Transcript",onClick:function(t){e.onClick(t)},"data-testid":"transcript-trigger",children:(0,H.jsx)(D,{})})},_=function(e){return(0,H.jsx)(I,{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,H.jsx)(N,{})})},F=function(e,t){var n=h.useState(!1),i=(0,g.Z)(n,2),o=i[0],r=i[1],a=h.useState(!1),s=(0,g.Z)(a,2),l=s[0],u=s[1];return h.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,s=function(){r(!0),u(!0)},l=function(){clearTimeout(n),n=setTimeout(function(){r(!1),u(!1)},a)},d=function(){s(),l()},c=function(){clearTimeout(n),i.paused||setTimeout(function(){r(!1),u(!1)},200)},p=function(){r(!0),u(!0)},v=function(){s()},b=function(){clearTimeout(n),i.paused||setTimeout(function(){r(!1),u(!1)},3e3)},m=function(){s(),l()};return o.addEventListener("mousemove",d),o.addEventListener("mousemove",d),o.addEventListener("mouseleave",c),o.addEventListener("touchstart",v),o.addEventListener("touchend",b),i.addEventListener("play",m),i.addEventListener("ended",p),function(){o.removeEventListener("mousemove",d),o.removeEventListener("mouseleave",c),o.removeEventListener("touchstart",v),o.removeEventListener("touchend",b),i.removeEventListener("play",m),i.removeEventListener("ended",p),clearTimeout(n)}}},[e,t]),{transcriptTriggerVisible:o,captionTriggerVisible:l}},q=function(e){var t=e.previewImage,n=e.playVideo,i=e.playVideoI18nText;return e.displayVideo||!t?null:(0,H.jsx)(W,{isVisible:!0,"data-testid":"preview-image-and-play-button",children:(0,H.jsxs)(Z,{children:[(0,H.jsx)(T.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,H.jsx)(O,{onClick:n,"aria-label":i,"data-testid":"play-video-button",children:(0,H.jsx)(R,{})})]})})},Y=function(e){var t,n=e.videoRef,i=e.displayVideo,o=e.props,r=e.videoTabIndex,a=e.captionVisible;return(0,H.jsxs)(C,{ref:n,width:"100%",autoPlay:o.autoplayVideo||!1,muted:o.muteVideo||!1,controls:!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,H.jsx)("source",{src:o.videoAssetPathMp4,type:"video/mp4"}),o.videoAssetPathWebm&&(0,H.jsx)("source",{src:o.videoAssetPathWebm,type:"video/webm"}),a&&(0,H.jsx)("track",{kind:"captions",src:o.videoCaptionPathVTT,srclang:"en",label:"English",default:!0}),"Your browser does not support HTML video."]})},J=n(81292);function K(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 Q=(0,j.zo)(function(e){var t=h.useState(!!e.autoplayVideo),n=(0,g.Z)(t,2),i=n[0],o=n[1],r=h.useState(-1),a=(0,g.Z)(r,2),s=a[0],l=a[1],u=h.createRef(),d=h.createRef(),c=F(u,d),p=c.transcriptTriggerVisible,v=c.captionTriggerVisible,b=h.useState(!1),m=(0,g.Z)(b,2),f=m[0],x=m[1],y=(0,w.ag)("general.play.video.button.text"),T={closeI18nText:{closeAriaLabel:(0,w.ag)("general.modal.close.button.arialabel"),closeLabel:(0,w.ag)("general.modal.close.button.label")},title:(0,w.ag)("general.videoherobanner.transcript.title")},V=h.useState(!1),j=(0,g.Z)(V,2),k=j[0],O=j[1];return(0,H.jsxs)("div",{className:e.className,children:[e.videoTitle.text&&(0,H.jsx)(E,{"data-testid":"video-title",alignment:e.videoTitle.alignment,children:e.videoTitle.text}),(0,H.jsxs)(P,{ref:d,children:[(0,H.jsx)(q,{previewImage:e.previewImage,playVideo:function(){var e;o(!0),l(0),null===(e=u.current)||void 0===e||e.play()},playVideoI18nText:y,displayVideo:i}),(0,H.jsx)(Y,{videoRef:u,displayVideo:i,props:e,videoTabIndex:s,captionVisible:f}),e.transcript&&p&&(0,H.jsx)(U,{onClick:function(){return O(!0)}}),e.videoCaptionPathVTT&&v&&(0,H.jsx)(_,{onClick:function(){return x(function(e){return!e})},isVisible:f})]}),k&&(0,H.jsx)(B,{i18nText:T,content:e.transcript,onClose:function(){return O(!1)}})]})})(b||(b=(0,f.Z)(["\n  margin: 0 auto ","\n  max-width: 1920px;\n  \n    "," {\n    margin-bottom: ",";\n  }\n"])),(0,j.W0)(4),function(e){return(0,J.mq)(e.theme.breakpointUtils.map,"sm")},(0,j.W0)(10)),X=function(e){if(!(e.videoAssetPathMp4||e.videoAssetPathWebm))return null;var t,n={videoTitle:{text:e.videoTitle||void 0},videoAssetPathMp4:e.videoAssetPathMp4||void 0,videoAssetPathWebm:e.videoAssetPathWebm||void 0,previewImage:{urls:{small:e.videoPreviewImageMobile,medium:e.VideoPreviewImageTablet,large:e.videoPreviewImage}},muteVideo:"true"===e.muteVideo,autoplayVideo:"true"===e.autoplayVideo,transcript:(null===(t=e.transcript)||void 0===t?void 0:t.content[0].content)||void 0,videoCaptionPathVTT:e.videoCaptionPathVTT||void 0};return(0,H.jsx)(Q,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach(function(t){(0,m.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},n))}}}]);
//# sourceMappingURL=6954.068ce472b516219f.js.map