1(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[861],{30011:(function(N,C,e){"use strict";e.d(C,{Y:function(){return m}});var E=e(14041),p=e(88329);function m(P){return class extends E.Component{constructor(g){super(g),this.state={viewportWidth:this.getViewportWidth()}}componentDidMount(){this.updateViewportWidth(),(0,p.ch)("resize",this.updateViewportWidth)}componentWillUnmount(){(0,p.pQ)("resize",this.updateViewportWidth)}render(){return E.createElement(P,{...this.props,viewportWidth:this.state.viewportWidth})}getViewportWidth(){return typeof window<"u"?window.innerWidth:0}shouldUpdateViewportWidth(g,w){const T=this.props.breakpoints;return g===w?!1:T?T.some(n=>g<n&&w>=n||g>=n&&w<n):!0}updateViewportWidth=()=>{const g=this.getViewportWidth();this.shouldUpdateViewportWidth(this.state.viewportWidth,g)&&this.setState({viewportWidth:g})}}}}),21492:(function(N,C,e){"use strict";e.d(C,{C:function(){return Te}});var E=e(30668),p=e(36683),m=e(68472),P=e(50183),t=e(14041),g=e(47583),w=e(31697),T=e(22502),n=e(59562),s={clearInterval(i){window.clearInterval(i)},setInterval(i,a){return window.setInterval(i,a)}},y=e(72981),f=e(37165),l=e(2299),v=e(4422);class B extends t.Component{mounted=!1;playerOffsetWidth=0;autoplayInterval;constructor(a){super(a),this.state={adPlayed:!1,adPlaying:!1,autoplayHasCompleted:!1,isFullscreen:!1,currentVideo:this.props.videoDetails,currentVideoMetadata:void 0,initialVideoMetadata:void 0,currentVideoPlaylistType:"not-playlist-video",showTopBar:!1,playWhenReady:a.playWhenReady||!1,videoPlayable:!1,showInternalPlayButton:!0,isMuted:this.props.forcedMuted??!0,canAutoplay:!1,videoQueue:{type:"not-playlist-video",items:[]},queuePosition:a.isVideoHub?1:0,playerState:{type:"other"},pauseVideo:!!(a.autoplayOptions&&a.autoplayOptions.pauseWhenOutOfView===!0),isSwitchingVideo:!1}}async componentDidMount(){try{this.mounted=!0;const a=await(0,l.yb)(this.state.currentVideo.id,this.state.currentVideo.accountId,this.props.config,this.props.logger);if(!this.mounted)return;const c=await(0,f.v)({forceEnableAutoplay:this.props.isVideoHub||this.props.canAutoPlay});if(!this.mounted)return;const u=c!==f.On.CannotAutoplay,r=this.props.autoplayOptions!==!1&&u;r&&this.props.autoplayOptions!==!1&&this.state.playWhenReady===!1&&this.initAutoplay(this.props.autoplayOptions);const M={...this.state.currentVideo,source:(0,l.o1)(a.source,a.sourceExtra)};this.setState({currentVideo:M,currentVideoMetadata:a,initialVideoMetadata:a,isMuted:this.props.forcedMuted??!0,canAutoplay:u,showTopBar:!1,showInternalPlayButton:!r&&!this.state.playWhenReady||!1})}catch(a){this.props.logger.error({err:a},"metadata get failed")}}isPlaylistDifferent(a,c){return JSON.stringify([...c].sort((u,r)=>u.id-r.id))!==JSON.stringify([...a].sort((u,r)=>u.id-r.id))}async componentDidUpdate(a){if(a.videoDetails?.id!==this.props.videoDetails.id){const c=await(0,l.yb)(this.props.videoDetails.id,this.props.videoDetails.accountId,this.props.config,this.props.logger),u={...this.props.videoDetails,source:(0,l.o1)(c.source,c.sourceExtra)};this.setState({currentVideo:u,currentVideoMetadata:c,initialVideoMetadata:c})}if(this.props.isVideoHubPlayListFixEnabled&&this.props.isVideoHub){const c=await this.props.getVideoQueue();this.isPlaylistDifferent(this.state.videoQueue.items,c.items)&&this.setState({videoQueue:c})}!a.playWhenReady&&this.props.playWhenReady&&!this.state.playWhenReady&&this.playVideo(),this.props.autoplayOptions&&this.props.autoplayOptions.pauseWhenOutOfView&&((a.inViewport>=50&&this.props.inViewport<50||document.hidden&&!this.state.pauseVideo)&&this.pauseVideo(),a.inViewport<50&&this.props.inViewport>=50&&this.resumeVideo()),this.props.forcedMuted!==void 0&&this.props.forcedMuted!==a.forcedMuted&&this.props.forcedMuted!==this.state.isMuted&&this.setState({isMuted:this.props.forcedMuted})}componentWillUnmount(){this.mounted=!1,this.autoplayInterval!==void 0&&s.clearInterval(this.autoplayInterval)}initAutoplay=a=>{this.mounted&&this.setState({playerState:{type:"autoplay-countdown",autoplayOptions:a,remainingTime:a&&a.delayDuration?a.delayDuration:0}},()=>{this.autoplayInterval=s.setInterval(this.updateAutoplayTime,1e3)})};updateAutoplayTime=()=>{if(this.state.playerState.type!=="autoplay-countdown"){this.props.logger.error({playerState:this.state.playerState},"Received updateAutoplayTime event when not in autoplay-countdown state");return}const a=this.props.inViewport>50;if(!(this.state.playerState.autoplayOptions.pauseCountdownOutsideViewport&&(a===!1||document.hidden))){if(this.state.playerState.remainingTime>0){const c=this.state.playerState.remainingTime-1;return this.setState(u=>({playerState:{...u.playerState,remainingTime:c}}))}this.autoplayComplete()}};autoplayComplete=()=>{this.autoplayInterval!==void 0&&s.clearInterval(this.autoplayInterval),this.setState({playerState:{type:"other"},showTopBar:!1,playWhenReady:!0,autoplayHasCompleted:!0,showInternalPlayButton:!1})};cancelAutoplay=()=>{this.autoplayInterval!==void 0&&s.clearInterval(this.autoplayInterval),this.setState({playerState:{type:"other"}})};stopAutoplay=()=>{this.cancelAutoplay(),this.setState({showTopBar:!1,autoplayHasCompleted:!1,showInternalPlayButton:!0})};closeStickyVideo=()=>{this.setState({pauseVideo:!0})};playerReady=async()=>
1{if(this.props.autoplayNextOptions)try{const a=await this.props.getVideoQueue();this.setState({videoQueue:a})}catch(a){this.props.logger.error({err:a},"getVideoQueue() failed!")}};videoCompleted=async()=>{const a=this.state.videoQueue.items[this.state.queuePosition];a&&(this.playNextVideo(a),(0,v.e)(`Starting autoplay countdown for: ${a.id}`),this.props.autoplayNextOptions!==!1&&this.initAutoplay(this.props.autoplayNextOptions))};playNextVideo=(a,c=!1)=>{if(!this.mounted)return;this.props.onPlayNextVideo&&this.props.onPlayNextVideo(a);const u={id:a.id,accountId:a.accountId,source:(0,l.o1)(a.source,a.sourceExtra),heading:a.name||a.description,videoType:a.videoType};if(a.posterImage&&a.posterImage.reference.indexOf("https")>=0){const M={altText:a.posterImage.altText||a.posterImage.captionText,crops:typeof a.posterImage.ratio=="string"?{[a.posterImage.ratio]:{reference:a.posterImage.src,width:a.posterImage.width,height:a.posterImage.height}}:{original:{reference:a.posterImage.src,width:a.posterImage.width,height:a.posterImage.height,ratio:a.posterImage.ratio}}};u.posterImage=M}const r=this.state.videoQueue.items.findIndex(M=>M.id===a.id);this.setState({autoplayHasCompleted:!1,currentVideo:u,currentVideoMetadata:a,currentVideoPlaylistType:this.state.videoQueue.type,playWhenReady:!1,showInternalPlayButton:!this.props.isVideoHub,showTopBar:!1,isSwitchingVideo:!0},()=>{this.setState({queuePosition:r+1,playWhenReady:c}),c&&this.cancelAutoplay()})};variant=()=>this.props.videoOptions.canAutoplayVideos?"Autoplay":"Default-BigPlayButton";handleMuteToggle=()=>{this.setState(a=>{const c=!a.isMuted;return this.props.onMuteChange?.(c),{isMuted:c}})};onPlayerEvent=async a=>{switch((0,v.e)("Video event raised",a),a.type){case n.b.playToPauseError:this.setState({showInternalPlayButton:!this.props.isVideoHub,playWhenReady:!1,adPlaying:!1,adPlayed:!0});break;case n.b.playbackError:this.setState({videoPlayable:!0});break;case n.b.playerReady:await this.playerReady(),this.setState({videoPlayable:!0});break;case n.b.videoAvailable:this.state.playWhenReady&&this.playVideo();break;case n.b.videoPlay:this.cancelAutoplay(),this.setState({showInternalPlayButton:!1,playWhenReady:!1}),this.props.onUserInteraction(a);return;case n.b.videoStart:this.setState({showInternalPlayButton:!1,adPlayed:!0,isSwitchingVideo:!1});break;case n.b.videoEnd:this.videoCompleted();break;case n.b.adStart:this.cancelAutoplay(),this.setState({showInternalPlayButton:!1,adPlayed:!1,adPlaying:!0,isSwitchingVideo:!1});break;case n.b.adEnd:this.setState({adPlayed:!0,adPlaying:!1});break;case n.b.adPodComplete:this.setState({adPlayed:!0,adPlaying:!1});break;case n.b.adError:this.setState({isSwitchingVideo:!1});break;case n.b.playerFullscreenEnter:this.setState({isFullscreen:!0});break;case n.b.playerFullscreenExit:this.setState({isFullscreen:!1});break;case n.b.playerUserInactive:this.setState({showTopBar:!1});break;case n.b.adVolumeChange:case n.b.videoVolumeChange:if(!this.state.isSwitchingVideo){const c=a.payload.muted;c!==this.state.isMuted&&(this.setState({isMuted:c}),this.props.onMuteChange?.(c))}break}this.props.onEvent(a)};handleMouseEnter=a=>{this.setState({showTopBar:!0})};handleMouseMove=a=>{this.state.showTopBar||this.setState({showTopBar:!0})};handleMouseLeave=a=>{this.setState({showTopBar:!1})};handleTouchStart=a=>{this.setState({showTopBar:!0})};handleTouchEnd=a=>{this.setState({showTopBar:!1})};handlePlaylistSelect=a=>{this.playNextVideo(a,!0),this.props.onUserInteraction({type:n.b.playlistSelect,originator:"playlist-event",payload:{video:a}})};handlePlaylistScroll=()=>{this.props.onUserInteraction({type:n.b.playlistScroll,originator:"playlist-event",payload:{}})};setRef=a=>{a&&(this.playerOffsetWidth=a.offsetWidth),this.props.innerRef(a)};playVideo=()=>{this.setState({playWhenReady:!1,pauseVideo:!1},()=>{this.setState({playWhenReady:!0,pauseVideo:!1,showInternalPlayButton:!1})})};pauseVideo=()=>{this.setState({pauseVideo:!0})};resumeVideo=()=>{this.setState(()=>{this.setState({pauseVideo:!1,playWhenReady:!0})})};render(){const{videoOptions:a}=this.props,c=this.props.playerProvider();return this.props.renderPlayer({theme:this.props.theme,playerActions:{handleMuteToggle:this.handleMuteToggle,playVideo:this.playVideo,stopAutoplay:this.stopAutoplay,closeStickyVideo:this.closeStickyVideo,pauseVideo:this.pauseVideo,resumeVideo:this.resumeVideo},playerOptions:a,playerState:{isMuted:this.state.isMuted,adPlayed:this.state.adPlayed,adPlaying:this.state.adPlaying,canAutoplay:this.state.canAutoplay,currentVideo:this.state.currentVideo,currentVideoMetadata:this.state.currentVideoMetadata,currentVideoPlaylistType:this.state.currentVideoPlaylistType,isFullscreen:this.state.isFullscreen,showInternalPlayButton:this.state.showInternalPlayButton,showTitleOverlay:this.state.playerState.type==="autoplay-countdown",showTopBar:this.state.showTopBar,inViewport:this.props.inViewport,currentState:this.state.playerState},wrapperElProps:{innerRef:this.setRef,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onMouseMove:this.handleMouseMove,onTouchEnd:this.handleTouchEnd,onTouchStart:this.handleTouchStart},playlistProps:this.props.showPlaylist?{currentVideoId:this.state.currentVideo.id,videoQueue:this.state.videoQueue,initialVideoMetadata:this.state.initialVideoMetadata,handlePlaylistScroll:this.handlePlaylistScroll,handlePlaylistSelect:this.handlePlaylistSelect}:void 0,videoElement:this.state.currentVideoMetadata?t.createElement("div",null,t.createElement(c,{logger:this.props.logger,config:this.props.config,playerOptions:{...a,brightcovePlayerId:y._}
1,isMuted:this.state.isMuted,adPlaying:this.state.adPlaying,autoplayOptions:this.props.autoplayOptions,autoplayHasCompleted:this.state.autoplayHasCompleted,play:this.state.videoPlayable&&this.state.playWhenReady,pause:this.state.pauseVideo,currentVideo:this.state.currentVideo,currentVideoMetadata:this.state.currentVideoMetadata,currentVideoPosition:this.state.queuePosition,playlistType:this.state.currentVideoPlaylistType,isFullscreen:this.state.isFullscreen,onEvent:this.onPlayerEvent,pagePosition:this.props.pagePosition,variant:this.variant(),product:this.props.theme.kind,pathname:this.props.pathname,isVideoHub:this.props.isVideoHub})):null})}}var d=e(26228),O=e(2537),S=e(69346),q=e(83487),ce=e(73384),L=e(42860),oe=e(46613),ue=e(33764),he=e(3529),te=e(67380),pe=e(36377),Pe=e(91408),me=e(19609),h=e(42577),b=e(53139),j=e(76403),Q=e(90817),_=e(19494),ae=e(58339),ve=e(65976),ee=e(64507),De=e(72326),re=e(86402),Le=e(59044),Ve=e(75886),ke=e(67853),Re=e(25292),Oe=e(16318),ye=e(80719),Se=e(18617);const He=({containerWidthRatios:i,onEvent:a,isCurrentlyPlaying:c,item:u,handleCarouselSelection:r,handleSwipperSelection:M,onSelect:F,itemMeta:J})=>{const z=(0,E.u)(),Y=(0,t.useRef)(null);if((0,t.useEffect)(()=>{c&&(r(Y.current?.offsetTop),M())},[c]),u.loaded&&(0,re.isPublicationCardItem)(u.result)){const W=()=>{F(J),r(Y.current?.offsetTop)},$=de=>{de.key==="Enter"&&(F(J),r(Y.current?.offsetTop))};return t.createElement(Se.M8,{isCurrentlyPlaying:c,onClick:W,onKeyDown:$,ref:Y,tabIndex:0},t.createElement(Se.nq,null,t.createElement(Se.ls,null,t.createElement(Se.Qf,null,z.kind==="thewest"?t.createElement(ye.Fz,null,u.result.primaryTopic.title,t.createElement(ye.QH,null,t.createElement(ke.N,{width:14,height:9,horizontalSpacing:6,className:Oe.qs}))):t.createElement(ye.Fz,null,u.result.primaryTopic.title),t.createElement(Se.vf,{item:{loaded:!0,result:u.result},onEvent:a,teaserMode:"hidden",fontScale:1,kickerMode:"hidden",isCurrentlyPlaying:c}),c&&t.createElement(Re.lq,null,"Now Playing")),t.createElement(Se.sc,{item:{loaded:!0,result:u.result},onEvent:a,imageWidths:(0,Ve.b)(i,{mobile:"100vw",tablet:"100vw",desktop:`${z.siteMetrics.mainContentWidth}px`,fallbackWidth:z.siteMetrics.mainContentWidth}),fixedRatio:"16:9"}))))}return null};var tt=e(5817),Ie=e(78643);const at=()=>t.createElement("svg",{width:"8",height:"11",viewBox:"0 0 8 11",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M3.80781 1.49164L3.80781 9.43164M3.80781 9.43164L1.32656 6.95039M3.80781 9.43164L6.28906 6.95039",stroke:"#E6011F",strokeWidth:"1.48875",strokeLinecap:"round",strokeLinejoin:"round"}));var Ye=e(69452);function Qe(i,a=1.02){const c=i.image?.crops?.original;return!c||!(c.height>c.width*a)||i.image?.crops?.["16:9"]?.reference?i:{...i,image:{...i.image,crops:{...i.image.crops,"16:9":{reference:c.reference,width:c.width,height:c.height,ratio:{width:16,height:9}}}}}}var X=e(2182),Xe=e(95779),Me=e(83490),R=e(63533),Ee=e(43329),A=e(19108),Ce=e(87244),be=e(86990),we=e(4700);function Ae(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const nt=e(90391),Ge=(0,X.A)("div",{target:"e1o5l8yg6",label:"StyledVideoCard"})({...Me.DH,position:"relative",width:"100%",height:"auto",cursor:"pointer",padding:(0,R.g)(5,0),marginBottom:0,display:"flex",flexWrap:"wrap",flexGrow:"initial",alignItems:"flex-start",flexDirection:"column",[(0,Ee.C9)("md")]:{marginBottom:(0,R.g)(15),height:"unset",flexDirection:"row",alignItems:"center"}},""),ut=(0,X.A)("div",{target:"e1o5l8yg5",label:"StyledVideoCardMediaWrapper"})({display:"flex",flex:1,marginRight:(0,R.g)(Ie.q.sevennews.margins.md),width:"100%",position:"relative"},""),ot=(0,X.A)("div",{target:"e1o5l8yg4",label:"StyledUpNextCopy"})({display:"flex",alignItems:"center",position:"absolute",left:0,bottom:0,background:A.T.black,color:Xe.tokens.sevennews.colors.palette.red,fontSize:(0,R.g)(12),padding:(0,R.g)(6),gap:(0,R.g)(4)},""),it=(0,X.A)(be.V,{target:"e1o5l8yg3",label:"StyledVideoCardMedia"})({name:"1c5gm2a",styles:'margin-bottom:0;width:100%;& [class*="StyledPlayIcon"], & [class*="StyledMediaIndicator"]{display:none;}'}),Je=(0,X.A)("div",{target:"e1o5l8yg2",label:"StyledVideoCardTextWrapper"})({display:"block",flexWrap:"wrap",flex:1,marginTop:(0,R.g)(5),[(0,Ee.C9)("md")]:{marginTop:0}},""),Ze=(0,X.A)("span",{target:"e1o5l8yg1",label:"StyledVideoLength"})({position:"absolute",right:(0,R.g)(6),bottom:(0,R.g)(6),color:A.T.white,fontSize:(0,R.g)(12),fontWeight:700},""),Ue=(0,X.A)(we.c,{target:"e1o5l8yg0",label:"StyledVideoCardText"})(({theme:i})=>({display:"flex",margin:0,'& [class*="Card-Headline"]':{fontSize:(0,R.g)(13),fontFamily:Ce.l.sevennews.sansSerif,[(0,Ee.C9)("md")]:{fontSize:(0,R.g)(14)}},'& [class*="StyledHeadlineText"]':{overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",lineClamp:3,color:Xe.tokens.sevennews.colors.palette.white,"-webkit-line-clamp":"3","-webkit-box-orient":"vertical"}}),""),st=({containerWidthRatios:i,onEvent:a,displayUpNextCopy:c,item:u,handleCarouselSelection:r,handleSwipperSelection:M,onSelect:F,itemMeta:J,setNextVideo:z,index:Y})=>{const W=(0,t.useRef)(null);if((0,t.useEffect)(()=>{c&&(r(W.current?.offsetTop),M())},[c]),u.loaded&&(0,re.isPublicationCardItem)(u.result)){const $=()=>{F(J),r(W.current?.offsetTop),z()},de=D=>{D.key==="Enter"&&(F(J),r(W.current?.offsetTop))},k=Qe(u.result);return t.createElement(Ge,{onClick:$,onKeyDown:de,ref:W,tabIndex:Y},t.createElement(ut,null,t.createElement(it,{item:{loaded:!0,result:k},onEvent:a,imageWidths:(0,Ve.b)(i,{mobile:"100vw",tablet:"100vw",desktop:`${Ie.q.sevennews.siteMetrics.mainContentWidth}px`,fallbackWidth:Ie.q.sevennews.siteMetrics.mainContentWidth}
1),fixedRatio:"16:9"}),t.createElement(Ze,null,(0,Ye.P)(u.result.video.duration)),c&&t.createElement(ot,null,t.createElement(at,null),t.createElement("span",null,"Up Next"))),t.createElement(Je,null,t.createElement(Ue,{item:{loaded:!0,result:u.result},onEvent:a,teaserMode:"hidden",fontScale:1,kickerMode:"hidden",headlineAs:"div"})))}return null};var Fe=e(63e3);const Ne=({onEvent:i,currentVideo:a,onSelect:c,itemMeta:u,isLoading:r,isSevenNewsV2:M})=>{const F=(0,t.useRef)(null),J=(0,t.useRef)(),[z,Y]=(0,t.useState)(1),W=(0,t.useMemo)(()=>(0,tt.c)({loaded:!0,result:(u||[]).map(k=>(0,De._)(k,{publicUrl:""}))},11),[u]);if((0,t.useEffect)(()=>{W.forEach((k,D)=>{k.loaded&&k.result.id===a.id&&W.length>D+1&&Y(D+1)})},[a.id,W]),!u||u.length===0)return null;const $=k=>{F.current&&k&&(F.current.scrollTop=k-3)},de=k=>{J.current&&k&&J.current.slideTo(k)};return W[0].loaded&&(0,re.isPublicationCardItem)(W[0].result)?t.createElement(t.Fragment,null,t.createElement(ft,{isSevenNewsV2:M},t.createElement(Fe.Ep,{ref:F,onScroll:()=>{typeof window>"u"||typeof document>"u"||window.dispatchEvent(new CustomEvent("scroll"))}},W.map((k,D)=>{if(k.loaded&&(0,re.isPublicationCardItem)(k.result)&&a){const ie=u.find(Be=>k.result.id===Be.id);if(ie)return r?t.createElement(te.E,{height:120,key:D}):M?t.createElement(st,{key:D,item:k,onEvent:i,displayUpNextCopy:D===z,handleCarouselSelection:$,handleSwipperSelection:()=>de(D),onSelect:c,itemMeta:ie,setNextVideo:()=>{},index:D}):t.createElement(He,{key:D,item:k,onEvent:i,isCurrentlyPlaying:k.result.id===a.id,handleCarouselSelection:$,handleSwipperSelection:()=>de(D),onSelect:c,itemMeta:ie})}}))),t.createElement(Fe.Bo,{isSevenNewsV2:M},t.createElement(Le.RC,{slidesPerView:"auto",slidesPerGroup:1,spaceBetween:15,loop:!1,watchOverflow:!0,slideToClickedSlide:!0,onBeforeInit:k=>{J.current=k}},W.map((k,D)=>{if(k.loaded&&(0,re.isPublicationCardItem)(k.result)){const ie=u.find(Be=>k.result.id===Be.id);if(ie)return t.createElement(Le.qr,{key:D,virtualIndex:D},r?t.createElement(te.E,{width:304,height:160,key:D}):M?t.createElement(st,{key:D,item:k,onEvent:i,displayUpNextCopy:D===z,handleCarouselSelection:$,handleSwipperSelection:()=>de(D),onSelect:c,itemMeta:ie,setNextVideo:()=>Y(D+1),index:D}):t.createElement(He,{item:k,onEvent:i,isCurrentlyPlaying:k.result.id===a.id,handleCarouselSelection:$,handleSwipperSelection:()=>de(D),onSelect:c,itemMeta:ie}))}})))):null},ft=({children:i,isSevenNewsV2:a})=>(0,he.B)()===L.Y.SevenNews?t.createElement(Fe.Lo,{isSevenNewsV2:a},i):t.createElement(t.Fragment,null,i);var ze=e(56006),qe=e(60814),ne=e(21232);const $e="video-wrapper",je=({theme:i,wrapperElProps:a,videoElement:c,playlistProps:u,playerState:r,playerOptions:M,playerActions:F,hideSticky:J,publicUrl:z,isLoading:Y,adElement:W,withH1:$})=>{const[de,k]=(0,t.useState)(!0),[D,ie]=(0,t.useState)(!1),{isTabletOrMobile:Be}=(0,me.k)(),ge=(0,he.B)();(0,t.useEffect)(()=>{k(!0)},[r.currentVideo]);const dt=!r.canAutoplay&&r.showInternalPlayButton&&!M.playButtonText&&i.kind===L.Y.SevenNews,gt=async()=>{if(Be)if(navigator&&typeof navigator.share<"u")try{await navigator.share({url:z,text:"test"}),ie(!1)}catch(le){ie(!1),console.error(le,"Error while sharing")}else ie(le=>!le);else ie(le=>!le)},Pt=r.isMuted&&!r.showTitleOverlay&&(i.kind===L.Y.SevenNews?!0:!r.showInternalPlayButton)&&t.createElement(Q.P,{positionState:{alignToTop:M.compactMode,isLowered:i.kind===L.Y.SevenNews?!1:!r.showTopBar&&r.adPlayed||!r.showTopBar&&r.adPlaying},action:F.handleMuteToggle}),et=r.showInternalPlayButton?t.createElement(b.z,{play:F.playVideo,isCentered:!0,isSmall:M.smallPlayButton}):!1,Z=(dt||r.showTitleOverlay)&&t.createElement(j.Z,{showVideoTitle:dt,play:F.playVideo,cancelAutoplay:F.stopAutoplay,videoDuration:r.currentVideoMetadata?(0,_.c)(r.currentVideoMetadata.duration):void 0,compactMode:M.compactMode||!1,videoDetails:r.currentVideo,autoplayRemainingTime:r.currentState.type==="autoplay-countdown"?r.currentState.remainingTime:void 0}),{innerRef:Ke,...ct}=a,We=(0,ve.F)(r.currentVideo);let se;if(We&&(se=(0,oe.s)(We.reference,(0,ee.q)(i.kind),!1)),u&&r.currentVideoMetadata){const le=(0,ue._)(r.currentVideoMetadata,{publicUrl:z??""});return t.createElement(t.Fragment,null,se&&t.createElement("style",{dangerouslySetInnerHTML:{__html:` 2 @media print { 3 .${h.LS}::before { 4 content: url("${se}"); 5 max-width: 600px; 6 } 7 }`}}),t.createElement(ne.d4,{className:$e,compactMode:M.compactMode,hide:J&&M.compactMode,isShowMore:de,isVideoHub:!0},t.createElement(ne.Uf,null,t.createElement(ze.X,{isSevenNewsV2:!0},Y?t.createElement(te.E,null):t.createElement(t.Fragment,null,t.createElement(h.Rw,{...ct,ref:Ke,posterImage:se},et,Z,c,Pt))),u&&u.initialVideoMetadata&&r.currentVideoMetadata&&t.createElement(Ne,{onEvent:()=>{},itemMeta:u.videoQueue.items?u.videoQueue.items:[],currentVideo:le,currentPath:"/",onSelect:u.handlePlaylistSelect,isLoading:Y,isSevenNewsV2:!0}))),t.createElement(ne.Yw,{style:ge!==L.Y.SevenNews?{}:{marginBottom:16}},t.createElement(ne.ji,null,t.createElement(ne.s2,null,t.createElement(ne.TQ,null),t.createElement(ne.Ki,{isOpened:D},t.createElement(Pe.S,{videoItem:le,onEvent:()=>{}})),t.createElement(ne.px,{isOpened:D,onClick:gt},t.createElement(pe.l,null))),t.createElement(ne.wV,{as:$?"h1":"h2"},le.headline),t.createElement(qe.r,{description:le.teaser,showMore:de,showMoreHandler:()=>k(bt=>!bt)}),ge!==L.Y.SevenNews&&t.createElement(ne.zT,null,t.createElement(ae.a,{profiles:le.profiles,byline:le.byline,hasBackgroun
7d:!0,source:le.source}))),W&&t.createElement(ne.qK,null,W)))}else return null};var ht=e(29008);const lt=(0,ht.Ay)({resolved:{},chunkName(){return"SwmPlayerProvider"},isReady(i){const a=this.resolve(i);return this.resolved[a]!==!0?!1:!!e.m[a]},importAsync:()=>Promise.all([e.e(503),e.e(346)]).then(e.bind(e,35071)),requireAsync(i){const a=this.resolve(i);return this.resolved[a]=!1,this.importAsync(i).then(c=>(this.resolved[a]=!0,c))},requireSync(i){const a=this.resolve(i);return e(a)},resolve(){return 35071}});var mt=e(43419),pt=e(81487),xe=e(65143),_e=e(42247),rt=e(98203),St,Et;const vt=null,yt=(0,X.A)("span",{shouldForwardProp:(0,_e.q)()(["className"]),target:"e1yzats31",label:"StyledSharingWrap"})(({theme:i})=>({color:i.sectionValues.primaryColor,fontWeight:500,fontSize:(0,R.g)(12),display:"flex",justifyContent:"flex-start",[`${rt.sG}`]:{"&::before":{display:"none"}},[(0,Ee.C9)("md")]:{marginBottom:(0,R.g)(0)},".BauhausCardSharing":{marginBottom:(0,R.g)(0),".gtm-facebook-share-button svg":{top:"50%",transform:"translate(-57%, -50%)"},".gtm-facebook-share-button, .gtm-twitter-share-button, .gtm-email-share-button, .gtm-clipboard-share-button":{svg:{fill:A.T.white}}}}),""),o=(0,X.A)("div",{target:"e1yzats30",label:"StyledVideoPlayerByline"})(({theme:i})=>({fontSize:(0,R.g)(12),fontFamily:Ce.l.sevennews.sansSerif,marginTop:0,position:"relative",display:i.kind===L.Y.SevenNews?void 0:"none",fontWeight:400,[(0,Ee.C9)("md")]:i.kind===L.Y.PerthNow?void 0:{position:"absolute",bottom:0},span:{color:A.T.sevennews.dustyGray,margin:(0,R.g)(0,3)},[`${yt}`]:{display:"inline-block",position:"absolute",bottom:(0,xe.P)(i,{fallback:(0,R.g)(-24),sevennews:(0,R.g)(-32)}),[(0,Ee.C9)("sm")]:{position:"unset",verticalAlign:"middle"},[`${rt.sG}`]:{marginLeft:0,"&::before":{display:"none"},"& > button":{marginRight:(0,R.g)(10),marginLeft:0},"& > button.gtm-clipboard-share-button:active:before":{opacity:1,transition:"0s"},"& > button.gtm-clipboard-share-button:before":{position:"absolute",top:(0,R.g)(-35),left:(0,R.g)(-31),width:(0,R.g)(98),opacity:0,padding:(0,R.g)(6),content:'"\u2713 Link Copied "',transition:"opacity 1.7s cubic-bezier(.0,.05,1,-0.24)",fontFamily:i.fonts.sansSerif,fontSize:(0,R.g)(12),fontWeight:600,background:i.colors.palette.black,color:i.colors.palette.white,pointerEvents:"none"}}}}),""),V="video-wrapper",x=i=>{const c=[...new DOMParser().parseFromString(i,"text/html").body.childNodes].map((u,r)=>{if(u.nodeName==="A"){const M=u;return t.createElement(pt.Y,{key:r,href:M.href,openInNewWindow:!0},M.textContent)}else return u.textContent});return t.createElement(t.Fragment,null,c)},U=({theme:i,wrapperElProps:a,videoElement:c,playlistProps:u,playerState:r,playerOptions:M,playerActions:F,hideSticky:J,setHideSticky:z,publicUrl:Y,onPlayNextVideo:W,isLoading:$,withH1:de})=>{const[k,D]=(0,t.useState)(!0),{isMobile:ie}=(0,me.k)(),Be=r.showInternalPlayButton&&ie;(0,t.useEffect)(()=>{D(!0)},[r.currentVideo]);const ge=!r.canAutoplay&&r.showInternalPlayButton&&!M.playButtonText&&i.kind===L.Y.SevenNews,dt=Be||ge,gt=r.isMuted&&!r.showTitleOverlay&&(i.kind===L.Y.SevenNews?!0:!r.showInternalPlayButton)&&t.createElement(Q.P,{positionState:{alignToTop:M.compactMode,isLowered:i.kind===L.Y.SevenNews?!1:!r.showTopBar&&r.adPlayed||!r.showTopBar&&r.adPlaying},action:F.handleMuteToggle}),Pt=r.showInternalPlayButton?t.createElement(b.z,{play:F.playVideo,isCentered:!0,isSmall:M.smallPlayButton}):!1,et=(dt||r.showTitleOverlay)&&t.createElement(j.Z,{showVideoTitle:dt,play:F.playVideo,cancelAutoplay:F.stopAutoplay,videoDuration:r.currentVideoMetadata?(0,_.c)(r.currentVideoMetadata.duration):void 0,compactMode:M.compactMode||!1,videoDetails:r.currentVideo,autoplayRemainingTime:r.currentState.type==="autoplay-countdown"?r.currentState.remainingTime:void 0}),{innerRef:Z,...Ke}=a,ct=(0,ve.F)(r.currentVideo);let We;if(ct&&(We=(0,oe.s)(ct.reference,(0,ee.q)(i.kind),!1)),u&&r.currentVideoMetadata){const se=(0,De._)(r.currentVideoMetadata,{publicUrl:Y??""});return t.createElement(t.Fragment,null,We&&t.createElement("style",{dangerouslySetInnerHTML:{__html:` 8 @media print { 9 .${h.LS}::before { 10 content: url("${We}"); 11 max-width: 600px; 12 } 13 }`}}),t.createElement(h.d4,{className:V,compactMode:M.compactMode,hide:J&&M.compactMode,isShowMore:k,isVideoHub:!0},t.createElement(ze.X,null,$?t.createElement(te.E,null):t.createElement(t.Fragment,null,t.createElement(h.Rw,{...Ke,ref:Z,posterImage:We},Pt,et,c,gt),t.createElement(ze.o8,null,i.kind==="perthnow"&&t.createElement(ye.Fz,{style:{textTransform:"capitalize"},size:"large"},se.primaryTopic.title),i.kind==="thewest"&&t.createElement(ye.Fz,{style:{textTransform:"uppercase"},size:"large"},se.primaryTopic.title,t.createElement(ye.QH,null,t.createElement(ke.N,{width:14,height:14,horizontalSpacing:6,className:Oe.qs}))),i.kind==="sevennews"&&t.createElement(ye.Fz,null,se.primaryTopic.title),t.createElement(ze.wV,{as:de?"h1":"h2"},se.headline),i.kind==="sevennews"?t.createElement(qe.r,{description:se.teaser,showMore:k,showMoreHandler:()=>D(le=>!le)}):t.createElement(ze.G1,null,x(se.teaser)),t.createElement(o,null,i.kind==="sevennews"&&t.createElement(qe.M,{profiles:se.profiles}),t.createElement(yt,{className:"StyledSharingWrap"},t.createElement(mt.r,{className:"BauhausCardSharing",url:se._self,text:se.headline,isGhostStyle:!0,onEvent:()=>{},shareOptions:["facebook","twitter","clipboard"],isBauhaus:!0})))))),u&&u.initialVideoMetadata&&r.currentVideoMetadata&&t.createElement(Ne,{onEvent:()=>{},itemMeta:u.videoQueue.items?u.videoQueue.items:[],currentVideo:se,currentPath:"/",onSelect:u.handlePlaylistSelect,isLoading:$})))}else return null};var I=e(80461);const H=(0,X.A)("div",{target:"e1dhcnxc0",label:"VerticalVideoWrapper"})(({theme:i})=>({position:"relative",width:"100%",height:"100%",overflow:"hidden",backgroundColor:(0,xe.P)(i,{sevennews:A.T.black,fallback:A.T.black}),display:"flex",justifyContent:"center",alignItems:"center","::before":{content:'""',position:"absolute",top:0,left:0,width:"100%",height:(0,R.g)(57),pointerEvents:"none",zIndex:2,background:"linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0))"},".video-js":{width:"100%"},".video-specificity .video-js video.vjs-tech":{backgroundColor:A.T.black,height:"100%",left:"50%",objectFit:"cover",transform:"translateX(-50%)",[(0,Ee.SE)("sm")]:{"@media (max-aspect-ratio: 9/16)":{objectFit:"contain",transform:"translateX(-50%)"}}},'.video-specificity [class*="StyledBrightcoveVideo"] .vjs-control-bar':{background:"transparent",bottom:"-39px !important",transform:"translateY(0) !important",zIndex:16,padding:"0 !important","& .vjs-time-control":{display:"none"},"& > :not(.vjs-progress-control)":{display:"none"},"& .vjs-progress-control":{display:"block",flex:"1 1 auto",top:"0 !important",height:(0,R.g)(6)}},'.video-specificity [class*="StyledBrightcoveVideo"] .vjs-custom-control-spacer'
13:{display:"none"},".VerticalVideoTapOverlay":{position:"absolute",inset:0,zIndex:2,cursor:"pointer"},".Play-Overlay:hover":{background:"transparent"},'& [class*="StyledUnmuteButton"] ':{top:(0,R.g)(10)+"!important",left:"auto",right:(0,R.g)(16),zIndex:3}}),""),G=({theme:i,wrapperElProps:a,videoElement:c,playerState:u,playerOptions:r,playerActions:M,hideSticky:F})=>{const[J,z]=(0,t.useState)(!1),[Y,W]=(0,t.useState)(!1),$=(0,t.useRef)(null),de=(0,t.useRef)(null);(0,t.useEffect)(()=>{z(!1),W(!1)},[u.currentVideo.id]),(0,t.useEffect)(()=>{const Z=$.current?.querySelector("video");if(!Z)return;de.current=Z;let Ke=!0;const ct=()=>{Ke&&z(!1)},We=()=>{Ke&&z(!1)},se=()=>{Ke&&z(!0)},le=()=>{Ke&&(W(!0),z(Z.paused))};return Z.readyState>0&&(W(!0),z(Z.paused)),Z.addEventListener("play",ct),Z.addEventListener("playing",We),Z.addEventListener("pause",se),Z.addEventListener("loadedmetadata",le),()=>{Ke=!1,Z.removeEventListener("play",ct),Z.removeEventListener("playing",We),Z.removeEventListener("pause",se),Z.removeEventListener("loadedmetadata",le)}},[u.currentVideo.id,c]);const k=()=>{M.handleMuteToggle()},D=()=>{if(u.adPlaying)return;const Z=$.current?.querySelector("video");Z&&(Z.paused?(z(!1),M.playVideo(),Z.play().catch(()=>{})):(M.pauseVideo(),Z.pause(),z(!0)))},ie=()=>{},Be=u.showTitleOverlay?null:t.createElement(Q.P,{variant:"vertical",positionState:{alignToTop:!0},isMuted:u.isMuted,action:k}),{innerRef:ge,onTouchEnd:dt,...gt}=a,Pt=et=>{ge(et),$.current=et};return t.createElement(h.d4,{...gt,compactMode:r.compactMode,hide:F&&r.compactMode,onTouchEnd:dt,ref:Pt},t.createElement(H,null,t.createElement(h.Rw,null,t.createElement("div",{className:"VerticalVideoTapOverlay",onClick:D,style:{pointerEvents:u.adPlaying?"none":"auto"}},J&&Y&&u.currentVideoMetadata&&t.createElement(b.z,{play:ie,isCentered:!0,isSmall:r.smallPlayButton})),c,Be)))};class K extends t.Component{mounted=!1;playerOffsetWidth=0;autoplayInterval;constructor(a){super(a),this.state={adStarted:!1,adPlayed:!1,adPlaying:!1,adPaused:!1,videoStarted:!1,videoPlaying:!1,videoPaused:!1,autoplayHasCompleted:!1,isFullscreen:!1,currentVideo:this.props.videoDetails,currentVideoMetadata:void 0,initialVideoMetadata:void 0,currentVideoPlaylistType:"not-playlist-video",showTopBar:!0,playWhenReady:a.playWhenReady||!1,videoPlayable:!1,showInternalPlayButton:!0,isMuted:!0,canAutoplay:!1,videoQueue:{type:"not-playlist-video",items:[]},queuePosition:a.isVideoHub?1:0,playerState:{type:"other"}}}async componentDidMount(){try{this.mounted=!0;const a=await(0,l.yb)(this.state.currentVideo.id,this.state.currentVideo.accountId,this.props.config,this.props.logger);if(!this.mounted)return;const c=await(0,f.v)({forceEnableAutoplay:this.props.isVideoHub||this.props.canAutoPlay});if(!this.mounted)return;const u=c!==f.On.CannotAutoplay,r=this.props.autoplayOptions!==!1&&u;r&&this.props.autoplayOptions!==!1&&this.state.playWhenReady===!1&&this.initAutoplay(this.props.autoplayOptions);const M={...this.state.currentVideo,source:(0,l.o1)(a.source,a.sourceExtra)};this.setState({currentVideo:M,currentVideoMetadata:a,initialVideoMetadata:a,isMuted:!0,canAutoplay:u,showTopBar:!0,showInternalPlayButton:!r&&!this.state.playWhenReady||!1})}catch(a){this.props.logger.error({err:a},"metadata get failed")}}isPlaylistDifferent(a,c){return JSON.stringify([...c].sort((u,r)=>u.id-r.id))!==JSON.stringify([...a].sort((u,r)=>u.id-r.id))}async componentDidUpdate(a){if(a.videoDetails?.id!==this.props.videoDetails.id){const c=await(0,l.yb)(this.props.videoDetails.id,this.props.videoDetails.accountId,this.props.config,this.props.logger),u={...this.props.videoDetails,source:(0,l.o1)(c.source,c.sourceExtra)};this.setState({currentVideo:u,currentVideoMetadata:c,initialVideoMetadata:c})}if(this.props.isVideoHubPlayListFixEnabled&&this.props.isVideoHub){const c=await this.props.getVideoQueue();this.isPlaylistDifferent(this.state.videoQueue.items,c.items)&&this.setState({videoQueue:c})}!a.playWhenReady&&this.props.playWhenReady&&!this.state.playWhenReady&&this.playVideo(),this.props.autoplayOptions&&this.props.autoplayOptions.pauseWhenOutOfView&&((a.inViewport>=50&&this.props.inViewport<50||document.hidden&&!this.state.videoPaused)&&this.pauseVideo(),a.inViewport<50&&this.props.inViewport>=50&&this.resumeVideo())}componentWillUnmount(){this.mounted=!1,this.autoplayInterval!==void 0&&s.clearInterval(this.autoplayInterval)}initAutoplay=a=>{this.mounted&&this.setState({playerState:{type:"autoplay-countdown",auto
13playOptions:a,remainingTime:a&&a.delayDuration?a.delayDuration:0}},()=>{this.autoplayInterval=s.setInterval(this.updateAutoplayTime,1e3)})};updateAutoplayTime=()=>{if(this.state.playerState.type!=="autoplay-countdown"){this.props.logger.error({playerState:this.state.playerState},"Received updateAutoplayTime event when not in autoplay-countdown state");return}const a=this.props.inViewport>50;if(!(this.state.playerState.autoplayOptions.pauseCountdownOutsideViewport&&(a===!1||document.hidden))){if(this.state.playerState.remainingTime>0){const c=this.state.playerState.remainingTime-1;return this.setState(u=>({playerState:{...u.playerState,remainingTime:c}}))}this.autoplayComplete()}};autoplayComplete=()=>{this.autoplayInterval!==void 0&&s.clearInterval(this.autoplayInterval),this.setState({playerState:{type:"other"},showTopBar:!0,playWhenReady:!0,autoplayHasCompleted:!0,showInternalPlayButton:!1})};cancelAutoplay=()=>{this.autoplayInterval!==void 0&&s.clearInterval(this.autoplayInterval),this.setState({playerState:{type:"other"}})};stopAutoplay=()=>{this.cancelAutoplay(),this.setState({autoplayHasCompleted:!1,showInternalPlayButton:!0})};playerReady=async()=>{if(this.props.autoplayNextOptions)try{const a=await this.props.getVideoQueue();this.setState({videoQueue:a})}catch(a){this.props.logger.error({err:a},"getVideoQueue() failed!")}};videoCompleted=async()=>{this.state.videoQueue.items[this.state.queuePosition]&&((0,v.e)("Video play completed"),this.props.autoplayNextOptions!==!1&&this.initAutoplay(this.props.autoplayNextOptions))};variant=()=>this.props.videoOptions.canAutoplayVideos?"Autoplay":"Default-BigPlayButton";handleMuteToggle=()=>{this.setState({isMuted:!this.state.isMuted})};onPlayerEvent=async a=>{switch((0,v.e)("Video event raised",a),a.type){case n.b.playToPauseError:this.setState({showInternalPlayButton:!this.props.isVideoHub,playWhenReady:!1,adPlaying:!1,adPlayed:!0});break;case n.b.playbackError:this.setState({videoPlayable:!0});break;case n.b.playerReady:await this.playerReady(),this.setState({videoPlayable:!0});break;case n.b.videoAvailable:this.state.playWhenReady&&this.playVideo();break;case n.b.videoPlay:this.cancelAutoplay(),this.setState({showInternalPlayButton:!1,playWhenReady:!1,videoPlaying:!0}),this.props.onUserInteraction(a);return;case n.b.videoStart:this.setState({showInternalPlayButton:!1,videoStarted:!0,adPlayed:!0,adPlaying:!1,adPaused:!1,videoPlaying:!0,videoPaused:!1});break;case n.b.videoPause:this.setState({showInternalPlayButton:!1,adPlayed:!0,videoPlaying:!1,showTopBar:!0});break;case n.b.videoEnd:this.videoCompleted();break;case n.b.adError:break;case n.b.adStart:this.cancelAutoplay(),this.setState({showInternalPlayButton:!1,adStarted:!0,adPlayed:!1,adPlaying:!0,adPaused:!1,showTopBar:!0});break;case n.b.adPause:this.setState({adPlayed:!1,adPlaying:!1,adPaused:!0});break;case n.b.adPlay:this.setState({adPlayed:!1,adPlaying:!0,adPaused:!1});break;case n.b.adEnd:this.setState({adPlayed:!0,adPaused:!1,adPlaying:!1});break;case n.b.adPodComplete:this.setState({adPlayed:!0,adPlaying:!1,adPaused:!1});break;case n.b.playerFullscreenEnter:this.setState({isFullscreen:!0});break;case n.b.playerFullscreenExit:this.setState({isFullscreen:!1});break;case n.b.playerUserInactive:!this.state.videoPaused&&this.setState({showTopBar:!1});break;case n.b.playerUserActive:this.setState({showTopBar:!0});break;case n.b.videoVolumeChange:a.payload.muted||this.setState({isMuted:!1});break;case n.b.adVolumeChange:a.payload.muted||this.setState({isMuted:!1});break}this.props.onEvent(a)};handleMouseEnter=a=>{this.setState({showTopBar:!0})};handleMouseMove=a=>{this.state.showTopBar||this.setState({showTopBar:!0})};handleMouseLeave=a=>{(this.state.adPlayed||this.state.videoStarted)&&this.setState({showTopBar:!1})};handlePlaylistScroll=()=>{this.props.onUserInteraction({type:n.b.playlistScroll,originator:"playlist-event",payload:{}})};setRef=a=>{a&&(this.playerOffsetWidth=a.offsetWidth),this.props.innerRef(a)};playVideo=()=>{this.setState({playWhenReady:!1},()=>{this.setState({playWhenReady:!0,showInternalPlayButton:!1,videoPaused:!1,videoPlaying:!!this.state.adPlayed,adPlaying:!!this.state.adPlayed,adPaused:!1})})};pauseVideo=()=>{this.setState({videoPaused:!!this.state.adPlayed,videoPlaying:!1,adPlaying:!1,adPaused:!!this.state.adPlayed})};resumeVideo=()=>{this.setState(()=>{this.setState({videoPaused:!1,videoPlaying:!0,playWhenReady:!0})})};handleUserInactive=()=>{this.setState({showTopBar:!1})};render(){const{videoOptions:a}=this.props,c=this.props.playerProvider(),u={isMuted:this.state.isMuted,adStarted:this.state.adStarted,adPlayed:this.state.adPlayed,adPlaying:this.state.adPlaying,adPaused:this.state.adPaused,videoStarted:this.state.videoStarted,videoPlaying:this.state.videoPlaying,videoPaused:this.state.videoPaused,canAutoplay:this.state.canAutoplay,currentVideo:this.state.currentVideo,currentVideoMetadata:this.state.currentVideoMetadata,currentVideoPlaylistType:this.state.currentVideoPlaylistType,isFullscreen:this.state.isFullscreen,showInternalPlayButton:this.state.showInternalPlayButton,showTitleOverlay:this.state.playerState.type==="autoplay-countdown",showTopBar:this.state.showTopBar,inViewport:this.props.inViewport,currentState:this.state.playerState};return this.props.renderPlayer({theme:this.props.theme,playerActions:{handleMuteToggle:this.handleMuteToggle,playVideo:this.playVideo,stopAutoplay:this.stopAutoplay,pauseVideo:this.pauseVideo,resumeVideo:this.resumeVideo,handleUserInactive:this.handleUserInactive},playerOptions:a,playerState:u,wrapperElProps:{innerRef:this.setRef,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onMouseMove:this.handleMouseMove},videoElement:this.state.currentVideoMetadata?t.createElement("div",null,t.createElement(c,{logger:this.props.logger,config:this.props.config,playerOptions:{...a,brightcovePlayerId:y._}
13,isMuted:this.state.isMuted,adPlaying:this.state.adPlaying,autoplayOptions:this.props.autoplayOptions,autoplayHasCompleted:this.state.autoplayHasCompleted,play:this.state.videoPlayable&&this.state.playWhenReady,pause:this.state.videoPaused,currentVideo:this.state.currentVideo,currentVideoMetadata:this.state.currentVideoMetadata,currentVideoPosition:this.state.queuePosition,playlistType:this.state.currentVideoPlaylistType,isFullscreen:this.state.isFullscreen,onEvent:this.onPlayerEvent,pagePosition:this.props.pagePosition,variant:this.variant(),product:this.props.theme.kind,pathname:this.props.pathname,isVideoHub:this.props.isVideoHub})):null})}}const fe=t.createContext(i=>{const a=typeof bc<"u";return a||i.warn("Global brightcove object does not exist"),a?lt:()=>null}),Te=(0,q.K)(i=>{const a=(0,E.u)(),c=(0,t.useContext)(fe),u=(0,t.useContext)(O.Y),r=(0,t.useContext)(p.Q),M=(0,ce.C)(),{error:F,loading:J}=(0,w.n)({src:e(40120)}),z=(0,t.useContext)(m.R),[Y,W]=(0,t.useState)(!0),$=(0,g.zy)(),de=(0,P.iT)("7-news-video-hub-playlist-fix",!1),k=a.kind==="perthnow",D=a.kind==="sevennews"&&(0,P.iT)("7-news-2-video-hub",!1),ie=k?I.R5:d.r,Be=k&&!i.videoDetails.isVerticalVideo?K:B;return(z||J||F||!Y)&&!i.isVideoHub?t.createElement(ie,{theme:a,playerActions:{playVideo:()=>{W(!0)},handleMuteToggle:()=>{},stopAutoplay:()=>{},closeStickyVideo:()=>{},pauseVideo:()=>{},resumeVideo:()=>{},handleUserInactive:()=>{}},playerOptions:{compactMode:i.videoOptions.compactMode,playButtonText:i.playButtonText,mediaFit:i.videoOptions.mediaFit},playerState:{adStarted:!1,adPlayed:!1,adPlaying:!1,adPaused:!1,videoStarted:!1,videoPlaying:!1,videoPaused:!1,canAutoplay:!1,currentState:{type:"other"},currentVideo:i.videoDetails,currentVideoMetadata:void 0,currentVideoPlaylistType:"not-playlist-video",inViewport:i.inViewport,isFullscreen:!1,isMuted:i.forcedMuted??!1,showInternalPlayButton:!0,showTitleOverlay:!1,showTopBar:!1},videoElement:null,wrapperElProps:{onMouseEnter:()=>{},onMouseLeave:()=>{},onMouseMove:()=>{},onTouchEnd:()=>{},onTouchStart:()=>{},innerRef:()=>{}},hideSticky:i.hideSticky,setHideSticky:i.setHideSticky}):t.createElement(S.t,{log:u,renderError:ge=>t.createElement(h.rK,null,t.createElement("p",null,"An error has occurred with this video."),t.createElement(T.$,{onClick:()=>ge()},"Click here to retry"))},t.createElement(Be,{...i,theme:a,config:{...r,nielsenApid:M},logger:u,playerProvider:()=>c(u),renderPlayer:ge=>i.isVideoHub?D?t.createElement(je,{...ge,hideSticky:i.hideSticky,setHideSticky:i.setHideSticky,publicUrl:i.publicUrl,currentPath:i.currentPath,onPlayNextVideo:i.onPlayNextVideo,isLoading:J,adElement:i.adElement,withH1:i?.currentPath?.match(/bc-[0-9]+$/)!==null}):t.createElement(U,{...ge,hideSticky:i.hideSticky,setHideSticky:i.setHideSticky,publicUrl:i.publicUrl,currentPath:i.currentPath,onPlayNextVideo:i.onPlayNextVideo,isLoading:J,withH1:i?.currentPath?.match(/bc-[0-9]+$/)!==null}):i.videoDetails.isVerticalVideo===!0?t.createElement(G,{...ge}):k?t.createElement(I.R5,{...ge,canAutoPlay:i.canAutoPlay,isVideoSticky:i.isStickyVideo}):t.createElement(d.r,{...ge,hideSticky:i.hideSticky,setHideSticky:i.setHideSticky}),pathname:$.pathname,isVideoHubPlayListFixEnabled:de,isPerthNow:k}))});Te.displayName="Video"}),26228:(function(N,C,e){"use strict";e.d(C,{r:function(){return yt},e:function(){return vt}});var E=e(42860),p=e(46613),m=e(30072),P=e.n(m),t=e(14041),g=e(42577),w=e(53139),T=e(76403),n=e(2182),s=e(86146),y=e(19108),f=e(87244),l=e(78643),v=e(53417),B=e(43329),d=e(63533),O=e(83490),S=e(65143);function q(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const ce=(0,n.A)("div",{target:"eqlq6nf4",label:"StyledTopBar"})({position:"absolute",zIndex:v.f.common.videoTopBar,width:"100%",padding:(0,d.g)(10),transition:"transform 100ms ease, opacity 100ms ease",pointerEvents:"none"},({theme:o,compactMode:V})=>({padding:(0,S.P)(o,{thewest:(0,d.g)(10,10,10,56),sevennews:V?0:(0,d.g)(10,10,10,l.q.sevennews.margins.md),thenightly:V?0:(0,d.g)(10,10,10,l.q.thenightly.margins.md),fallback:`${(0,d.g)(10)}`}),fontFamily:(0,S.P)(o,{thewest:f.l.thewest.sansSerif,perthnow:f.l.perthnow.sansSerifCond,sevennews:f.l.sevennews.sansSerifCond,thenightly:f.l.thenightly.sansSerif,fallback:void 0}),background:(0,S.P)(o,{perthnow:y.T.black80,thewest:"rgba(255,255,255,0.9)",sevennews:`linear-gradient(to top, ${(0,O.zX)(y.T.black,0)}, ${y.T.black35} 80%)`,thenightly:`linear-gradient(to top, ${(0,O.zX)(y.T.black,0)}, ${y.T.black35} 80%)`,fallback:void 0}
13),color:(0,S.P)(o,{perthnow:y.T.white,thewest:y.T.black,sevennews:y.T.white,thenightly:y.T.white,fallback:void 0}),height:(0,S.P)(o,{sevennews:"100%",thenightly:"100%",fallback:void 0})}),({isVisible:o,theme:V})=>o===!1&&V.kind!=="sevennews"&&V.kind!=="thenightly"&&{transition:"transform 1000ms ease",transform:"translateY(-100%)"},({isVisible:o,theme:V})=>o===!1&&(V.kind==="sevennews"||V.kind==="thenightly")&&{transition:"opacity 1000ms ease",opacity:0},{"& .video-js__logo":{width:(0,d.g)(36),height:(0,d.g)(33),fill:y.T.black,position:"absolute",top:(0,d.g)(11),left:(0,d.g)(11)}},""),L=(0,n.A)("div",{target:"eqlq6nf3",label:"StyledInset"})("line-height:1;",({theme:o})=>(o.kind==="sevennews"||o.kind==="thenightly")&&{display:"flex",alignItems:"center",justifyContent:"space-between"},""),oe=(0,n.A)("div",{target:"eqlq6nf2",label:"StyledHeadingAndLogoContainer"})({name:"s5xdrg",styles:"display:flex;align-items:center"}),ue=(0,n.A)("h3",{target:"eqlq6nf1",label:"StyledHeading"})({fontSize:(0,d.g)(16),overflow:"hidden",margin:0,marginBottom:(0,d.g)(3),width:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap",lineHeight:1.15},({theme:o})=>[{fontSize:(0,S.P)(o,{sevennews:(0,d.g)(17),perthnow:(0,d.g)(18),fallback:(0,d.g)(16)})},o.kind==="sevennews"&&{fontWeight:500,color:y.T.white,whiteSpace:"normal",padding:(0,d.g)(l.q.sevennews.margins.sm),width:"auto",marginBottom:0},o.kind==="thenightly"&&{fontWeight:400},{[(0,B.C9)("sm")]:{fontSize:(0,S.P)(o,{perthnow:(0,d.g)(28),fallback:(0,d.g)(16)})}}],""),he=(0,n.A)(s.X,{target:"eqlq6nf0",label:"StyledVideoMetadata"})({fontSize:(0,d.g)(12),overflow:"hidden",margin:0,width:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap"},"");var te=e(57599);const pe=(0,n.A)("img",{target:"eoa92oq1",label:"StyledSourceLogo"})({marginRight:(0,d.g)(8),width:(0,d.g)(70)},""),Pe=(0,n.A)("span",{target:"eoa92oq0",label:"StyledSourceFallback"})({whiteSpace:"nowrap",padding:(0,d.g)(l.q.sevennews.margins.sm)},"");var me=e(77192);const h=o=>t.createElement(ce,{className:"video-js__overlay video-js__overlay--pause",isVisible:o.isVisible},t.createElement(L,{className:"video-js__metadata"},t.createElement(ue,{className:"video-js__heading"},o.videoDetails.heading),o.theme.kind==="thewest"&&t.createElement(te.Y,{className:"video-js__logo"}),t.createElement(he,{duration:o.theme.kind==="thewest"?o.videoDuration:void 0,source:o.videoDetails.source,type:o.videoDetails.videoType}))),b=({isVisible:o,videoDetails:V,compactMode:x})=>{const{source:U}=V;return t.createElement(ce,{compactMode:x,className:"video-js__overlay video-js__overlay--pause",isVisible:o},t.createElement(L,{className:"video-js__metadata"},t.createElement(oe,null,t.createElement(ue,{className:"video-js__heading"},V.heading)),U&&t.createElement(Pe,null,"(Source: ",U,")")))},j=o=>t.createElement(me.k,{sevennews:()=>t.createElement(b,{...o}),thewest:()=>t.createElement(h,{...o}),perthnow:()=>t.createElement(h,{...o}),thenightly:()=>t.createElement(b,{...o})});j.displayName="TopBar";var Q=e(90817),_=e(19494),ae=e(30668),ve=e(80719),ee=e(13133),De=e(31358);const re=(0,n.A)(ee.A,{target:"eibdpt53",label:"RestyledPlayIcon"})(({height:o})=>({height:(0,d.g)(o),width:(0,d.g)(1.5*o),fill:y.T.white,paddingRight:(0,d.g)(o*2/3)}),""),Le=(0,n.A)(ve.Fz,{target:"eibdpt52",label:"RestyledKicker"})(({theme:o})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",top:"auto",bottom:(0,d.g)(6),"&:hover, &:active, &:focus":{background:(0,S.P)(o,{sevennews:V=>V.flyoutNav.hoverColour,fallback:void 0})},[(0,B.SE)("xs")]:{display:"flex"}}),""),Ve=(0,n.A)(De.Ey,{target:"eibdpt51",label:"StyledLive"})({marginLeft:(0,d.g)(9)},""),ke=(0,n.A)("span",{target:"eibdpt50",label:"StyledDuration"})(({iconHeight:o})=>({paddingLeft:(0,d.g)(o*2/3),fontWeight:400,minWidth:"2.5em"}),""),Re="KickerPlayButton",Oe=16,ye=({text:o,duration:V="",play:x,playable:U,type:I})=>{const H=(0,ae.u)(),G=I==="live"?t.createElement(Ve,null):t.createElement(ke,{iconHeight:Oe},V);return t.createElement(Le,{className:Re,kickerPosition:"bottomleftinset-herovideo",kickerType:"block",theme:H,iconHeight:Oe,onClick:K=>{U&&(K.preventDefault(),x())}},t.createElement(re,{height:Oe}),t.createElement("span",null,o),G)};ye.displayName=Re;const Se=({className:o})=>t.createElement("svg",{className:o,width:"16",height:"16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M13.4558 1.11713c.3549-.360802.9998-.301938 1.4405.13148.4406.43342.5102 1.07726.1553 1.43807L2.20038 15.7526c-.35488.3608-.99978.3019-1.440443-.1315-.440658-.4334-.510197-1.0772-.15532-1.438L13.4558 1.11713z",fill:"#fff"}),t.createElement("path",{d:"M15.1416 14.0573c.3605.3546.3012.9995-.1325 1.4405-.4338.441-1.0777.511-1.4382.1564L.514634 2.81248c-.360539-.35462-.301199-.99958.13254-1.44056C1.08091.930933 1.7248.860917 2.08534 1.21553L15.1416 14.0573z",fill:"#fff"}));var He=e(97331),tt=e.n(He),Ie=e(39827);const at=(0,Ie.L)()?!1:/Edge\/\d./i.test(navigator.userAgent);function Ye(){const[o,V]=(0,t.useState)({x:{percentage:0,value:0,total:0,className:""},y:{percentage:0,value:0,total:0,className:""}}),x=(0,t.useRef)(null),U=500;function I(){const K=x.current;if(!K)return;let fe=K.scrollHeight-K.clientHeight;const Te=K.scrollWidth-K.clientWidth;at&&fe===1&&K.scrollTop===0&&(fe=0);const i=fe!==0?K.scrollTop/fe:null,a=Te!==0?K.scrollLeft/Te:null;
13let c="no-scroll-y";i===0?c="scroll-top":i===1?c="scroll-bottom":i&&(c="scroll-middle-y");let u="no-scroll-x";a===0?u="scroll-left":a===1?u="scroll-right":a&&(u="scroll-middle-x");const r={x:{percentage:a,value:K.scrollLeft,total:Te,className:u},y:{percentage:i,value:K.scrollTop,total:fe,className:c}};V(r)}const H=tt()(I,U),G=(0,t.useCallback)(K=>{K?(K.addEventListener("scroll",H),window.addEventListener("resize",H),x.current=K,H()):x.current&&(x.current.removeEventListener("scroll",H),window.removeEventListener("resize",H))},[]);return[o,G,x]}var Qe=e(50291),X=e(69555),Xe=e(38953),Me=e(67380),R=e(4637);const Ee=({className:o,title:V})=>t.createElement("svg",{viewBox:"0 0 16 29",className:o,xmlns:"http://www.w3.org/2000/svg"},t.createElement("title",null,V||"Chevron Left Icon"),t.createElement("path",{transform:"rotate(-180 6.599999904632568,14.133500099182129) ",d:"m0.79,0.236l3.5,0l8.12,13.727l-8.11,14.068l-3.51,0l8.149,-14.049l-8.149,-13.746z"}));var A=e(84397);function Ce(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const be=98,we=180,Ae=28,nt=(0,n.A)("span",{target:"e5denmy15",label:"StyledUpNextText"})(({theme:o})=>({fontSize:(0,d.g)(14),fontWeight:700,lineHeight:(0,d.g)(20),marginBottom:(0,d.g)(5),fontFamily:o.fonts.sansSerifCond,color:y.T.white,textTransform:"uppercase"}),""),Ge=(0,n.A)("div",{target:"e5denmy14",label:"StyledPlaylistWrapper"})(({theme:o,upNextVisible:V,compactMode:x,hide:U})=>{let I=x?be:we;return x||(I=V?we:we-Ae),{display:U?"none":"grid",height:(0,S.P)(o,{thewest:I+5,fallback:I}),position:"relative",backgroundColor:y.T.black,paddingTop:o.margins.sm,paddingLeft:(0,S.P)(o,{perthnow:o.margins.sm,fallback:void 0}),paddingRight:(0,S.P)(o,{perthnow:o.margins.sm,fallback:void 0}),[(0,B.C9)("sm")]:{paddingBottom:(0,S.P)(o,{thewest:o.margins.md,fallback:o.margins.sm}),paddingLeft:x?o.margins.sm:o.margins.md,paddingRight:x?o.margins.sm:o.margins.md}}},""),ut=(0,n.A)("ul",{target:"e5denmy13",label:"StyledVideoPlaylist"})({name:"19zjb4u",styles:"display:flex;position:relative;list-style:none;padding:0;margin:0;scroll-snap-type:x mandatory;scroll-snap-stop:always;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;}"}),ot=(0,n.A)("div",{target:"e5denmy12",label:"StyledPlaylistActions"})({position:"absolute",width:"100%",left:0,top:0,display:"none",[(0,B.C9)("sm")]:{display:"block"}},""),it=(o,V)=>({position:"absolute",padding:(0,d.g)(0,22),height:(0,d.g)(151),border:"none",background:"none",cursor:"pointer",color:y.T.white,marginTop:o?(0,d.g)(29):0,...(0,O.kY)({properties:["opacity"],speed:"med"}),"&:hover, &:active":{color:(0,S.P)(V,{sevennews:x=>x.video.focusColor,perthnow:y.T.perthnow.pinkThulite,thewest:void 0,fallback:void 0}),"& > svg":{left:"50%"}},"&:focus":{outline:"none"}}),Je={content:"''",position:"absolute",left:0,right:0,top:0,bottom:0,pointerEvents:"none"},Ze=(0,n.A)("button",{target:"e5denmy11",label:"StyledRotateLeftButton"})(({visible:o,upNextVisible:V,theme:x})=>({...it(V,x),left:0,opacity:o?1:0,pointerEvents:o?"auto":"none","&::before":{...Je,right:"-30%",...(0,R.qy)({colorStops:["transparent",y.T.black],fallback:"transparent",toDirection:"270deg"})}}),""),Ue=(0,n.A)("button",{target:"e5denmy10",label:"StyledRotateRightButton"})(({visible:o,upNextVisible:V,theme:x})=>({...it(V,x),right:0,opacity:o?1:0,pointerEvents:o?"auto":"none","&::before":{...Je,left:"-30%",...(0,R.qy)({colorStops:["transparent",y.T.black],fallback:"transparent",toDirection:"90deg"})}}),""),st=(0,n.A)(A.I,{target:"e5denmy9",label:"StyledIconChevronRight"})({position:"absolute",top:(0,d.g)(79),left:"40%",width:(0,d.g)(12),height:(0,d.g)(20),color:"inherit",fill:"currentColor",transform:"translate(-50%, -50%)",...(0,O.kY)({properties:["left","color"],speed:"med"})},""),Fe=(0,n.A)(Ee,{target:"e5denmy8",label:"StyledIconChevronLeft"})({position:"absolute",top:(0,d.g)(79),left:"50%",width:(0,d.g)(12),height:(0,d.g)(20),color:"inherit",fill:"
13currentColor",transform:"translate(-50%, -50%)",...(0,O.kY)({properties:["left","color"],speed:"med"})},""),Ne=(0,n.A)("li",{target:"e5denmy7",label:"StyledVideoPlaylistItem"})({position:"relative",marginRight:(0,d.g)(22),flexBasis:(0,d.g)(140),flexGrow:0,flexShrink:0,scrollSnapAlign:"start"},""),ft=(0,n.A)("button",{target:"e5denmy6",label:"StyledVideoPlaylistButton"})(({active:o})=>({background:"none",border:"none",padding:0,margin:0,width:"100%",textAlign:"left",cursor:"pointer",opacity:o?1:.9,...(0,O.kY)({properties:["opacity"],speed:"fast"}),"&:hover, &:focus":{outline:"none",opacity:1,h2:{textDecoration:"underline"}}}),""),ze=(0,n.A)("figure",{target:"e5denmy5",label:"StyledPlaylistItemMedia"})({position:"relative",width:"100%",height:(0,d.g)(80)},""),qe=(0,n.A)("img",{target:"e5denmy4",label:"StyledPlaylistItemImage"})({name:"17y86f6",styles:"position:absolute;margin:auto;width:140px;height:80px;left:50%;top:100%;bottom:0;transform:translate(-50%, -50%);object-fit:cover"}),ne=(0,n.A)("div",{target:"e5denmy3",label:"StyledPlaylistItemDetails"})(({theme:o,active:V})=>({position:"absolute",bottom:0,width:"100%",height:80,padding:(0,d.g)(60,10,10),color:y.T.white,fontSize:(0,d.g)(12),fontFamily:o.fonts.sansSerif,...(0,R.qy)({colorStops:["transparent",y.T.sevennews.charade],fallback:"transparent",toDirection:"180deg"}),"&:focus":{border:(0,S.P)(o,{sevennews:x=>`2px solid ${x.video.focusColor}`,perthnow:`2px solid ${y.T.perthnow.pinkThulite}`,fallback:void 0})},border:V?(0,S.P)(o,{sevennews:x=>` 2px solid ${x.video.focusColor}`,perthnow:`2px solid ${y.T.perthnow.pinkThulite}`,fallback:void 0}):void 0}),""),$e=(0,n.A)("div",{target:"e5denmy2",label:"StyledPlaylistItemPlayIcon"})({display:"inline-block",position:"relative",width:(0,d.g)(18),"&::before":{position:"absolute",content:"''",bottom:(0,d.g)(-2),display:"block",width:0,height:0,borderWidth:`${(0,d.g)(6)} 0 ${(0,d.g)(6)} ${(0,d.g)(10)}`,borderStyle:"solid",borderColor:"transparent",borderLeftColor:y.T.white}},""),je=(0,n.A)("h2",{target:"e5denmy1",label:"StyledPlaylistItemTitle"})(({theme:o})=>({fontSize:(0,S.P)(o,{sevennews:(0,d.g)(15),fallback:(0,d.g)(14)}),fontWeight:400,color:y.T.white,fontFamily:(0,S.P)(o,{sevennews:o.fonts.sansSerifCond,fallback:o.fonts.sansSerif}),marginTop:(0,d.g)(8),marginBottom:0,overflow:"hidden !important",textOverflow:"ellipsis",maxHeight:(0,d.g)(50),display:"-webkit-box",WebkitLineClamp:4,WebkitBoxOrient:"vertical"}),""),ht=(0,n.A)("div",{target:"e5denmy0",label:"StyledCompactDetailsContainer"})(({theme:o})=>({position:"absolute",minWidth:(0,d.g)(140),maxWidth:(0,d.g)(140),top:(0,d.g)(-4),right:(0,d.g)(-140-o.margins.sm)}),""),lt=162,mt=({showUpNextLabel:o,videoQueue:V,onSelect:x,activeItemId:U,isLoaded:I,onScroll:H,compactMode:G,hide:K})=>{const[fe,Te,i]=Ye(),a=(0,Qe.Z)(U),c=(0,Qe.Z)(G),u=V.findIndex(W=>W.id===U),r=u>-1?u+1:-1,M=r<V.length&&r!==-1?r:0,F=G?V.length>0?[V[M]]:[]:V,J=()=>{xe(lt,!0,i)},z=()=>{xe(-lt,!0,i)};(0,t.useEffect)(()=>{(a!==U||G!==c)&&xe(r*lt,!1,i)},[U,a,r,i,G,c]);const Y=o&&!G||!1;return t.createElement(Ge,{compactMode:G,upNextVisible:Y,hide:K},Y&&t.createElement(nt,null,"Up Next"),t.createElement(ut,{"aria-roledescription":"carousel",onScrollCapture:H,ref:Te},F.map((W,$)=>t.createElement(rt,{compactMode:G,key:$,item:W,onSelect:x,active:U===W.id,accessibilityLabel:`${$+1} of ${V.length} - ${W.name}`})),!I&&t.createElement(_e,null)),I&&!G&&t.createElement(ot,null,t.createElement(Ze,{type:"button","aria-label":"Go to the next slide",onClick:z,upNextVisible:Y,visible:fe.x.percentage!==0},t.createElement(Fe,null)),t.createElement(Ue,{type:"button","aria-label":"Go to the next slide",onClick:J,upNextVisible:Y,visible:fe.x.percentage!==1},t.createElement(st,null))))},pt=!(0,Ie.L)()&&"scrollBehavior"in document.documentElement.style,xe=(o,V=!1,x)=>{x.current&&(pt?x.current.scrollTo({left:V?x.current.scrollLeft+o:o,behavior:"smooth"}):x.current.scrollLeft=V?x.current.scrollLeft+o:o)},_e=()=>t.createElement(t.Fragment,null,(0,X.$r)(6).map((o,V)=>t.createElement(Ne,{key:V},t.createElement(Xe.y,{loadingBackgroundColor:y.T.sevennews.charade,fixedRatio:"16:9",image:void 0}),t.createElement(je,null,t.createElement(Me.E,{dark:!0,count:2}))))),rt=({item:o,onSelect:V,active:x,accessibilityLabel:U,compactMode:I})=>{const{fallbackImages:H}=(0,ae.u)(),G=(0,t.useRef)(null),K=()=>V(o),fe=o.posterImage||H.crops["16:9"],Te=t.createElement(je,null,o.name);return t.createElement(Ne,{ref:G,"aria-roledescription":"slide","aria-label":U,"aria-current":x},t.createElement(ft,{active:x,title:`Click to play ${o.name}`,onClick:K},t.createElement(ze,null,t.createElement(qe,{src:(0,p.s)(fe.reference,140,!0),alt:o.name||o.description}),t.createElement(ne,{compactMode:I,active:x},t.createElement($e,null),o.videoType!=="live"?(0,_.c)(o.duration):null)),!I&&Te,I&&t.createElement(ht,null,t.createElement(nt,null,"Up Next"),Te)))};var St=e(65976),Et=e(64507);const vt="video-wrapper",yt=({theme:o,wrapperElProps:V,videoElement:x,playlistProps:U,playerState:I,playerOptions:H,playerActions:G,hideSticky:K,setHideSticky:fe})=>{const i=!I.canAutoplay&&I.showInternalPlayButton&&!H.playButtonText&&o.kind==="sevennews",a=I.adPlayed===!0&&(!H.compactMode||o.kind==="sevennews")&&I.showTopBar,c=I.isMuted&&!I.showTitleOverlay&&!I.showInternalPlayButton&&t.createElement(Q.P,{positionState:{alignToTo
13p:H.compactMode,isLowered:!I.showTopBar&&I.adPlayed||!I.showTopBar&&I.adPlaying},action:G.handleMuteToggle}),u=H.compactMode&&o.kind===E.Y.SevenNews&&t.createElement(g.BX,{onClick:()=>{G.closeStickyVideo(),fe&&fe(!0)}},t.createElement(Se,null)),r=I.currentVideoMetadata?(0,_.c)(I.currentVideoMetadata.duration):void 0,M=t.createElement(j,{theme:o,compactMode:H.compactMode,isVisible:a&&!I.isFullscreen,videoDuration:r,videoDetails:I.currentVideo}),F=I.showInternalPlayButton?H.playButtonText?t.createElement(ye,{type:I.currentVideo.videoType,text:H.playButtonText,duration:r,play:G.playVideo,playable:I.currentVideoMetadata!==void 0}):t.createElement(w.z,{play:G.playVideo,isCentered:!0,isSmall:H.smallPlayButton}):!1,J=(i||I.showTitleOverlay)&&t.createElement(T.Z,{showVideoTitle:i,play:G.playVideo,cancelAutoplay:G.stopAutoplay,videoDuration:I.currentVideoMetadata?(0,_.c)(I.currentVideoMetadata.duration):void 0,compactMode:H.compactMode||!1,videoDetails:I.currentVideo,autoplayRemainingTime:I.currentState.type==="autoplay-countdown"?I.currentState.remainingTime:void 0}),{innerRef:z,...Y}=V,W=H.hidePoster?void 0:(0,St.F)(I.currentVideo);let $;return W&&($=(0,p.s)(W.reference,(0,Et.q)(o.kind),!1)),t.createElement(t.Fragment,null,$&&t.createElement("style",{dangerouslySetInnerHTML:{__html:` 14 @media print { 15 .${g.LS}::before { 16 content: url("${$}"); 17 max-width: 600px; 18 } 19 }`}}),t.createElement(g.d4,{className:vt,compactMode:H.compactMode,hide:K&&H.compactMode},F,t.createElement(g.Rw,{...Y,ref:z,posterImage:$,mediaFit:H.mediaFit},M,J,x,c,u)),U&&t.createElement(mt,{hide:K&&H.compactMode,compactMode:H.compactMode,showUpNextLabel:o.kind!==E.Y.PerthNow,activeItemId:U.currentVideoId,isLoaded:U.videoQueue.items.length!==0,onSelect:U.handlePlaylistSelect,onScroll:P()(U.handlePlaylistScroll,500),videoQueue:U.initialVideoMetadata?[U.initialVideoMetadata,...U.videoQueue.items]:[]}))}}),53139:(function(N,C,e){"use strict";e.d(C,{z:function(){return f}});var E=e(14041),p=e(24890),m=e(2182),P=e(19099),t=e(84517),g=e(53417),w=e(83490),T=e(65143),n=e(19108);const s=(0,m.A)("div",{target:"edf5wxz0",label:"StyledPlayOverlay"})("position:absolute;top:0;bottom:0;left:0;right:0;cursor:pointer;",({theme:l})=>({transition:(0,T.P)(l,{sevennews:`background ${t.cz.easeOut.fast}`,thenightly:`background ${t.cz.easeOut.fast}`,fallback:void 0}),zIndex:(0,T.P)(l,{sevennews:g.f.common.videoPlayButton,thenightly:g.f.common.videoPlayButton,fallback:void 0}),[`& ${P.O6}`]:{pointerEvents:(0,T.P)(l,{sevennews:"none",thenightly:"none",fallback:void 0})},...(0,P.Xr)(l),"&:hover":{background:(0,T.P)(l,{sevennews:v=>(0,w.zX)(v.video.playOverlay,.3),thenightly:(0,w.zX)(n.T.thenightly.neutral[100],.3),fallback:void 0}),button:{backgroundColor:(0,T.P)(l,{sevennews:v=>(0,w.zX)(v.video.playOverlay,.5),fallback:void 0})}},"&:active, &:focus":{border:(0,T.P)(l,{sevennews:v=>`2px solid ${v.video.focusColor}`,thenightly:`2px solid ${n.T.thenightly.neutral[100]}`,fallback:void 0}),margin:(0,T.P)(l,{thenightly:"-6px",fallback:void 0}),borderRadius:(0,T.P)(l,{thenightly:"4px",fallback:void 0})}}),"");var y=e(84512);const f=l=>E.createElement(s,{className:y.y,onClick:l.play},E.createElement(p.D,{onClick:l.play,isCentered:l.isCentered,isInversed:l.isInversed,isSmall:l.isSmall}));f.displayName="PlayOverlay"}),76403:(function(N,C,e){"use strict";e.d(C,{Z:function(){return me}});var E=e(42860),p=e(14041),m=e(24890),P=e(2182),t=e(19099),g=e(86146),w=e(19108),T=e(53417),n=e(43329),s=e(63533),y=e(83490),f=e(65143);function l(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const v=h=>(0,f.P)(h,{thewest:w.T.black,perthnow:w.T.white,sevennews:w.T.white,fallback:void 0}),B=h=>(0,f.P)(h,{thewest:b=>b.primaryColor,perthnow:w.T.perthnow.pinkThulite,sevennews:b=>b.video.primaryColor,fallback:void 0}),d=(0,P.A)("div",{target:"e1ewbkko9",label:"StyledTitleOverlay"})({alignItems:"center",zIndex:T.f.common.videoTitleOverlay,right:0,bottom:0,left:0,position:"absolute",paddingRight:(0,s.g)(15)},({theme:h})=>({display:(0,f.P)(h,{sevennews:"none",thenightly:"none",fallback:"flex"}),paddingLeft:(0,f.P)(h,{sevennews:(0,s.g)(18),fallback:(0,s.g)(75)}),height:(0,f.P)(h,{sevennews:(0,s.g)(62),fallback:(0,s.g)(80)}),[(0,n.C9)("sm")]:{height:(0,f.P)(h,{sevennews:(0,s.g)(62),fallback:(0,s.g)(100)}),paddingLeft:(0,f.P)(h,{sevennews:(0,s.g)(18),fallback:(0,s.g)(120)})},fontFamily:(0,f.P)(h,{sevennews:h.fonts.sansSerifCond,fallback:h.fonts.sansSerif}),background:(0,f.P)(h,{thewest:"hsla(0, 0%, 100%, .9)",perthnow:w.T.perthnow.greyBasalt90,sevennews:(0,y.zX)(w.T.black,.7),fallback:void 0}),color:v(h),[`& .${t.Z2}`]:{bottom:(0,f.P)(h,{sevennews:(0,s.g)(18),fallback:void 0}),[(0,n.C9)("sm")]:{bottom:(0,f.P)(h,{sevennews:(0,s.g)(30),fallback:void 0})}}}),({compactMode:h,theme:b})=>h?{height:(0,f.P)(b,{sevennews:(0,s.g)(40),fallback:void 0}),[(0,n.C9)("sm")]:{height:(0,f.P)(b,{sevennews:(0,s.g)(62),fallback:(0,s.g)(100)})},paddingLeft:(0,f.P)(b,{sevennews:(0,s.g)(18),fallback:(0,s.g)(112)})}:{},""),O=(0,P.A)("div",{target:"e1ewbkko8",label:"StyledInset"})({lineHeight:1,width:"100%",maxWidth:"100%",[(0,n.C9)("sm")]:{transform:"none",paddingTop:0,paddingBottom:0}},({theme:h})=>({transform:(0,f.P)(h,{sevennews:void 0,fallback:`translateY(${(0,s.g)(3)})`}),padding:(0,f.P)(h,{sevennews:`${(0,s.g)(4)} 0`,fallback:`${(0,s.g)(4)} 0 ${(0,s.g)(4)} ${(0,s.g)(10)}`}),borderLeft:(0,f.P)(h,{sevennews:void 0,fallback:`${(0,s.g)(4)} solid ${B(h)}`})}),""),S=(0,P.A)("div",{target:"e1ewbkko7",label:"StyledTitles"})({name:"lkh5er",styles:"display:flex;flex-wrap:wrap;align-items:center"}),q=(0,P.A)("h3",{target:"e1ewbkko6",label:"StyledHeading"})(({theme:h,showVideoTitle:b})=>({fontSize:(0,f.P)(h,{sevennews:(0,s.g)(14),fallback:(0,s.g)(18)}),fontWeight:b?"normal":"revert",overflow:b?"visible":"hidden",margin:0,padding:0,flex:(0,f.P)(h,{sevennews:void 0,fallback:"1 1 70%"}),textOverflow:"ellipsis",whiteSpace:b?"normal":"nowrap",lineHeight:1.2,verticalAlign:"middle",[(0,n.C9)("md")]:{fontSize:(0,f.P)(h,{sevennews:(0,s.g)(17),fallback:(0,s.g)(22)}
19)},"&::after":(0,f.P)(h,{sevennews:{content:'" "',whiteSpace:"pre"},fallback:void 0})}),h=>h.autoPlayIsEnabled&&{display:"none",[(0,n.C9)("sm")]:{display:"block"}},""),ce=(0,P.A)("span",{target:"e1ewbkko5",label:"StyledVideoDuration"})(({theme:h})=>({display:(0,f.P)(h,{sevennews:"inline-block",fallback:"none"}),[(0,n.C9)("sm")]:{display:"none"},paddingLeft:(0,s.g)(5)}),""),L=(0,P.A)(g.X,{target:"e1ewbkko4",label:"StyledVideoMetadata"})(({theme:h})=>[{display:"none",margin:(0,f.P)(h,{sevennews:0,fallback:`0 0 0 ${(0,s.g)(15)}`}),padding:0,verticalAlign:"middle",whiteSpace:"nowrap",lineHeight:(0,f.P)(h,{sevennews:1.2,fallback:void 0}),[(0,n.C9)("sm")]:{display:(0,f.P)(h,{sevennews:"inline-block",fallback:"block"}),fontSize:(0,s.g)(14)},[(0,n.C9)("md")]:{fontSize:(0,s.g)(16)}},h.kind==="sevennews"&&{time:{fontWeight:600}}],""),oe=(0,P.A)("div",{target:"e1ewbkko3",label:"StyledAutoplayWrap"})(({theme:h})=>({display:"flex",alignItems:"center",[(0,n.C9)("sm")]:{marginTop:(0,f.P)(h,{sevennews:(0,s.g)(4),fallback:(0,s.g)(6)})},fontFamily:(0,f.P)(h,{sevennews:h.fonts.sansSerif,fallback:void 0})}),""),ue=(0,P.A)("p",{target:"e1ewbkko2",label:"StyledCountdown"})(({theme:h})=>({fontSize:(0,f.P)(h,{sevennews:(0,s.g)(14),fallback:(0,s.g)(16)}),margin:(0,f.P)(h,{sevennews:`0 ${(0,s.g)(8)} 0 0`,fallback:`0 ${(0,s.g)(15)} 0 0`}),lineHeight:1}),""),he=(0,P.A)("span",{target:"e1ewbkko1",label:"StyledCountdownTime"})({name:"1j389vi",styles:"font-weight:700"}),te=(0,P.A)("button",{target:"e1ewbkko0",label:"StyledCancel"})(({theme:h})=>({margin:0,padding:0,lineHeight:1,cursor:"pointer",background:"none",border:"none",color:v(h),fontSize:(0,f.P)(h,{sevennews:(0,s.g)(13),fallback:(0,s.g)(16)}),fontWeight:(0,f.P)(h,{sevennews:400,fallback:700}),textTransform:(0,f.P)(h,{sevennews:void 0,fallback:"uppercase"}),textDecoration:(0,f.P)(h,{sevennews:"underline",fallback:void 0}),"&::before":{display:(0,f.P)(h,{sevennews:"none",fallback:"inline-block"}),marginRight:(0,s.g)(5),width:(0,s.g)(16),height:(0,s.g)(16),content:"''",verticalAlign:"top",background:(0,f.P)(h,{thewest:w.T.black,perthnow:w.T.white,sevennews:w.T.sevennews.charade,fallback:void 0})},"&:hover":{color:B(h)},[(0,n.C9)("sm")]:{display:"inline-block"}}),"");var pe=e(3529),Pe=e(77192);const me=({videoDuration:h,videoDetails:b,play:j,autoplayRemainingTime:Q,cancelAutoplay:_,compactMode:ae,showVideoTitle:ve})=>{const ee=Q!==void 0,De=(0,pe.B)();return p.createElement(Pe.k,{sevennews:()=>p.createElement(d,{compactMode:ae},p.createElement(O,null,p.createElement(S,null,p.createElement(q,{title:b.heading,autoPlayIsEnabled:ee,showVideoTitle:ve},b.heading,ve&&h&&p.createElement(ce,null,h)),!ae&&p.createElement(L,{duration:h,source:b.source,type:b.videoType})),ee&&p.createElement(oe,null,p.createElement(ue,null,"Video will play in"," ",p.createElement(he,null,Q),".."),p.createElement(te,{className:"video-js__autoplay-control",type:"button",onClick:_},"Don't play video")))),fallback:()=>p.createElement(d,{compactMode:ae},p.createElement(m.D,{onClick:j,isCentered:!1,isInversed:De!==E.Y.SevenNews}),p.createElement(O,null,p.createElement(S,null,p.createElement(q,{title:b.heading,autoPlayIsEnabled:ee},b.heading),!ae&&p.createElement(L,{duration:h,source:b.source,type:b.videoType})),ee&&p.createElement(oe,null,p.createElement(ue,null,"Video will play in"," ",p.createElement(he,null,Q)),p.createElement(te,{className:"video-js__autoplay-control",type:"button",onClick:_},"Stop Autoplay"))))})};me.displayName="TitleOverlay"}),86146:(function(N,C,e){"use strict";var E=e(87447),p=e(14041);const m=({className:P,duration:t,source:g,type:w})=>{if(!t&&!g)return null;const T=w==="live",n=!T&&t,s=g!==void 0,y=(n||T)&&s;return p.createElement("p",{className:(0,E.cx)(P,"video-metadata")},T&&"Live",n&&p.createElement("time",null,t),y&&" | ",s&&p.createElement("span",null,g))};m.displayName="VideoMetadata",e.d(C,["X",0,m])}),4422:(function(N,C,e){"use strict";var E=e(20124),p=e.n(E);const m=p()("swm-player"),P=p()("video-queue");e.d(C,["e",0,m])}),19494:(function(N,C,e){"use strict";const E=(p,m)=>{const P=p/1e3,t=Math.floor(P%60),g=t<10?`0${t}`:t.toString(),w=Math.floor(P%3600/60),T=m===!0?P>=3600?" hours":w>0?" mins":" seconds":"";if(P>=3600){const n=Math.floor(P/3600),s=w<10?`0${w}`:w.toString();return`${n}:${s}:${g}${T}`}return`${w}:${g}${T}`};e.d(C,["c",0,E])}),2299:(function(N,C,e){"use strict";e.d(C,{o1:function(){return m},yb:function(){return f}});var E=e(69555),p=e(73251);function m(l,v){if(!l)return;switch(l.toLowerCase()){case"other":case"news corp australia":case"radio":return v||l;case"facebook":case"twitter":case"instagram":case"youtube":case"snapchat":case"linkedin":return v?`${l} - ${v}`:l;default:return l}}function P(l){return l.ovu_provider_details?{source:l.ovu_provider_details.provider_full_name}:l.source?{source:l.source,sourceExtra:l.source_extra}:null}function t(l){if(!l)return[];try{const v=JSON.parse(l);return Array.isArray(v)?v:[]}catch{return[]}}function g(l){if(l.custom_fields.primary_topic)return l.custom_fields.primary_topic}function w(l){const v=l.custom_fields.topic_tags||l.custom_fields.secondary_topics;return v?v.split(",").map(B=>B.trim()):[]}function T(l,v){if(l.poster?l.poster.indexOf("https")===0:!1)return{src:l.poster,reference:l.poster,format:"",width:16,height:9,dimensions:"16x9",ratio:"16:9"};const d=(0,E.I6)(l.poster_sources,O=>O.src.indexOf("https")===0);return d?{src:d.src,reference:d.src,format:"",width:16,height:9,dimensions:"16x9",ratio:"16:9"}:(v.warn({id:l.id,account_id:l.account_id,poster_sources:l.poster_sources,poster:l.poster},"No acceptable https poster frame was found for video"),null)}function n(l,v){const B=t(l.custom_fields.producer),d=P(l.custom_fields),O=T(l,v),S=g(l),q=w(l);return{id:l.id,accountId:l.account_id,source:d?d.source:null,sourceExtra:d&&d.sourceExtra?d.sourceExtra:null,duration:l.duration,name:l.name,longDescription:l.long_description,description:l.description,byline:l.custom_fields.byline||null,producer:B,posterImage:O,primaryTopic:S||"",secondaryTopics:q,videoType:l.custom_fields.video_type||null,videoContentType:l.custom_fields.video_content_type||null,expiryDate:null,seriesInfo:l.series_info,publicationDate:l.created_at,canonicalSource:l.custom_fields.canonical_source||null,isVerticalVideo:l.custom_fields.is_vertical_video==="TRUE",slug:null}}async function s(l,v){const B=`https://edge.api.brightcove.com/playback/v1/accounts/${v}/videos/${(0,p.J)(l)}`;return await fetch(B,{headers:{Accept:"application/json;pk=BCpkADawqM0DDw19NyXW8HYv6ywzHzuh20lUOLa8A7-afTvOp0AjT901bCj8pvGQAlbuUPUKrbSRxKJXV7yHBQ2ebGC159vvEAJlBJ4G2VmmEeK-ZuB08VsKKe6ph9narO8
190eFChm0JXfj1p"}}).then(O=>{if(O.status!==200)throw new Error("Request Failed");return O.json()})}async function y(l,v){const B=`${v.contentApi}/video/meta/${(0,p.J)(l)}`;return await fetch(B).then(O=>{if(O.status!==200)throw new Error("Request Failed");return O.json()})}async function f(l,v,B,d){try{return await y(l,B)}catch{const S=await s(l,v);return n(S,d)}}}),64507:(function(N,C,e){"use strict";var E=e(42860);const p=P=>{switch(P){case E.Y.SevenNews:return"7NEWS Videos";case E.Y.PerthNow:return"PerthNow Videos";case E.Y.TheWest:return"The West Videos";case E.Y.TheNightly:return"The Nightly Videos"}},m=P=>{switch(P){case E.Y.PerthNow:return 1024;case E.Y.TheWest:return 1024;case E.Y.SevenNews:return 1024;case E.Y.TheNightly:return 1024}};e.d(C,["q",0,m,"y",0,p])}),39527:(function(N,C,e){"use strict";e.r(C);var E=e(42305),p=e(50183),m=e(91436),P=e(14041),t=e(81786),g=e(21492),w=e(67208),T=e(72307),n=e(30011),s=e(57185),y=e(38769);const f=v=>{const[B,d]=(0,P.useState)(!1),O=(0,t.e)(),S=(0,E.v)({consentRequiredLevel:m.Rg.Advertising|m.Rg.Analytics}),q=O||S,ce=(0,p.iT)("magnite-header-tag-wrapper"),{byline:L,captionText:oe,credit:ue,kind:he="video",videoDetails:te,autoplayOptions:pe,autoplayNextOptions:Pe,playButtonText:me,isVideoHub:h,publicUrl:b,publicationPathname:j,onPlayNextVideo:Q,setVideoRendered:_,isVideoCurrentlySticky:ae}=v;if(!te.id)return null;if(!q)return P.createElement(T.V,null);const ve=ae||v.videoOptions.compactMode,ee=P.createElement(g.C,{ref:_,videoDetails:te,showTitles:v.showTitles,pauseOverlay:v.pauseOverlay,autoplayOptions:pe,autoplayNextOptions:Pe,videoOptions:{...v.videoOptions,compactMode:ve,isMagniteEnabled:ce},innerRef:v.innerRef,getVideoQueue:v.getVideoQueue,onEvent:v.onEvent,pagePosition:v.isHeroVideo?"hero-video":"inline-article",onUserInteraction:()=>{},showPlaylist:!1,playButtonText:me,hideSticky:B,setHideSticky:d,isStickyVideo:ae,isVideoHub:h,publicUrl:b,currentPath:j,onPlayNextVideo:Q,adElement:v.adElement,canAutoPlay:v.isHeroVideo});return P.createElement(w.VS,{className:w.zT},ee,(oe||ue||L)&&P.createElement(y.SI,{byline:L,captionText:oe,credit:ue,kind:he,shouldIndent:!0}))},l=(0,n.Y)((0,s.I)(f));C.default=l,e.d(C,["PNWebArticleVideo",0,l])}),80461:(function(N,C,e){"use strict";e.d(C,{R5:function(){return Ee},ZC:function(){return Me}});var E=e(46613),p=e(42860),m=e(14041),P=e(99870),t=e.n(P),g=e(42577),w=e(65976),T=e(64507),n=e(2182),s=e(53417),y=e(63533),f=e(43329),l=e(7876),v=e(95779),B=e(53432),d;function O(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const{spacing:S}=v.metricsPN,q=(0,n.A)("div",{target:"e122rps82",label:"StyledPNTopBar"})({position:"absolute",zIndex:s.f.common.videoTopBar,width:"100%",padding:(0,y.g)(S.XS,S.S,S.S),transition:"transform 100ms ease, opacity 100ms ease",pointerEvents:"none",background:"linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 76%)",color:v.colorsPN.text.inverse,...B.r5.label.XS.medium,h3:{margin:S.none},[(0,f.C9)("sm")]:{padding:(0,y.g)(S.XS,S.S),...B.r5.label.S.medium,h3:{paddingBottom:(0,y.g)(S.XL)}},[(0,f.C9)("lg")]:{padding:(0,y.g)(S.S),fontSize:(0,y.g)(14),h3:{paddingBottom:(0,y.g)(S.XS)}}},({isVisible:A})=>A===!1&&{transition:"transform 1000ms ease",transform:"translateY(-100%)"},""),ce=null,L=(0,n.A)("h3",{target:"e122rps80",label:"StyledPNHeading"})({...l.A.S.kicker,overflow:"hidden",margin:0,marginBottom:(0,y.g)(S["4XS"]),width:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap"},""),oe=({visible:A,videoDetails:Ce,isAdPlaying:be})=>m.createElement(q,{className:"video-js__overlay video-js__overlay--pause",isVisible:A},m.createElement(L,{className:"video-js__heading"},be?"Ad":Ce.heading));
19oe.displayName="PNVideoTopBar";var ue=e(42247),he;function te(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const pe="pn-video-specificity",{background:Pe}=v.colorsPN,me=null,h=(0,ue.L)(pe)((0,n.A)("div",{target:"e178882h1",label:"StyledPNVideo"})({backgroundRepeat:"no-repeat",backgroundPosition:"center center",backgroundSize:"cover",backgroundColor:Pe.strong,padding:"0 0 56.25%",minHeight:"80px",position:"relative",overflow:"hidden",[(0,f.C9)("sm")]:{minHeight:"140px"},".collection__card-media > &":{padding:"auto",minHeight:"unset",position:"absolute",top:0,right:0,bottom:0,left:0,overflow:"hidden"}},A=>({backgroundImage:A.posterImage&&`url(${A.posterImage})`,borderRadius:A.isStickyVideo?"8px":void 0,height:A.isVerticalVideo?"100%":void 0}),{[`&.${pe} .vjs-big-play-button`]:{display:"none"},[`&.${pe} .vjs-big-play-button .vjs-control-text`]:{position:"relative",overflow:"visible",clip:"auto",margin:0,padding:0,border:0,display:"none"},'& [class*="StyledUnmuteButton"]':{top:(0,y.g)(10),left:"auto",right:(0,y.g)(16),zIndex:3}},""));h.displayName="StyledPNVideo";const b=(0,n.A)("div",{target:"e178882h0",label:"StyledStickyVideoCloseButton"})({marginLeft:"auto",marginBottom:(0,y.g)(8),width:40,height:40,right:0,borderRadius:(0,y.g)(72),background:v.colorsPN.fill.strong,display:"flex",justifyContent:"center",alignItems:"center","&:hover":{background:v.colorsPN.text.secondary,cursor:"pointer"}},""),j=()=>m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},m.createElement("path",{d:"M18 6L6 18M6 6L18 18",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));var Q=e(24890),_=e(84512),ae=e(87447),ve=e(19099),ee=e(14904);function De(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const{icon:re,shadow:Le}=v.colorsPN,{spacing:Ve,radius:ke,layout:Re}=v.metricsPN,Oe=(0,n.A)("div",{target:"e3z12ed1",label:"StyledPNPlayOverlay"})("position:absolute;top:0;bottom:0;left:0;right:0;cursor:pointer;",({theme:A})=>({[`${ee.Fz} &`]:{display:"none"},...(0,ve.Xr)(A)}),""),ye=(0,ae.i7)({name:"10p7chn-spinnerShow",styles:"to{visibility:visible;};label:spinnerShow;"}),Se=(0,ae.i7)({name:"bb2d78-spinnerSpin",styles:"100%{transform:rotate(360deg);};label:spinnerSpin;"}),He=(0,ae.i7)({"0%":{borderTopColor:re.inverse},"20%":{borderTopColor:re.inverse},"35%":{borderTopColor:Le.blurs35},"60%":{borderTopColor:re.inverse},"100%":{borderTopColor:re.inverse}},";label:spinnerFade;"),tt=(0,n.A)("div",{target:"e3z12ed0",label:"StyledPNSpinner"})({border:`6px solid ${Le.blurs35}`,boxSizing:"border-box",backgroundClip:"padding-box",position:"absolute",zIndex:s.f.common.videoPlayButton,width:(0,y.g)(Ve["2XL"]),height:(0,y.g)(Ve["2XL"]),borderRadius:(0,y.g)(ke.XL),left:"50%",top:"50%",transform:"translate(-50%, -50%)",animation:`0s linear 0.3s forwards ${ye}`,WebkitAnimation:`0s linear 0.3s forwards ${ye}`,"&:before, &:after":{content:"''",position:"absolute",margin:(0,y.g)(-Ve["3XS"]),boxSizing:"inherit",width:"inherit",height:"inherit",borderRadius:"inherit",opacity:1,border:"inherit",borderColor:"transparent",borderTopColor:re.inverse,animation:`${Se} 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, 20 ${He} 1.1s linear infinite`,WebkitAnimation:`${Se} 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, 21 ${He} 1.1s linear infinite`},"&:before":{borderTopColor:re.inverse},"&:after":{borderTopColor:re.inverse,animationDelay:"0.44s"},[(0,f.C9)("sm")]:{width:(0,y.g)(Re.section.tablet),height:(0,y.g)(Re.section.tablet),borderRadius:(0,y.g)(ke.XL)}},""),Ie=A=>m.createElement(Oe,{className:_.y,onClick:A.play},A.autoPlay?m.createElement(tt,null):m.createElement(Q.D,{onClick:A.play,isCentered:A.isCentered,isInversed:A.isInversed,isSmall:A.isSmall}));Ie.displayName="PNPlayOverlay";var at=e(85492),Ye=e(37165),Qe=e(40933),X=e(90817);const Xe="video-wrapper",Me="pn-control-dismiss",R="pn-play-hidden",Ee=({wrapperElProps:A,videoElement:Ce,playerState:be,playerOptions:we,playerActions:Ae,canAutoPlay:nt,isVideoSticky:Ge,isVerticalVideo:ut})=>{const{adStarted:ot,adPlayed:it,adPaused:Je,showTopBar:Ze,videoStarted:Ue,videoPlaying:st,videoPaused:Fe}=be,{handleUserInactive:Ne}=Ae,[ft,ze]=(0,m.useState)(!0),[qe,ne]=(0,m.useState)(!0),[$e,je]=(0,m.useState)(!1),ht=typeof navigator<"u"&&Ye.Fr.any(),{innerRef:lt,...mt}=A,pt=(0,w.F)(be.currentVideo);let xe;const _e=(0,m.useRef)(null),rt=(ot||it)&&Ze;(0,m.useEffect)(()=>
21{if(rt&&ne(!1),Fe||Je)clearTimeout(_e.current),Ze?ne(!1):(ne(!0),Ne());else if(!Ze)ne(!0),Ne();else return clearTimeout(_e.current),_e.current=setTimeout(()=>{ze(!1),(!Fe||!Je)&&(ne(!0),Ne())},3e3),()=>{clearTimeout(_e.current)}},[rt,Ne,ft,Fe,Ze,Ue,Je]),(0,m.useEffect)(()=>{!Ge&&$e&&je?.(!1)},[Ge,$e,je]);const St=m.createElement(oe,{compactMode:we.compactMode,visible:!qe,videoDetails:be.currentVideo,isAdPlaying:ot&&!it}),Et=m.createElement(at.q,{overlayButtonScale:"L",isCentred:!0,status:Ue&&st?"playing":Ue&&!st?"paused":"hidden",isTouchDevice:ht}),vt=ot||Ue?null:m.createElement(Ie,{play:Ae.playVideo,isCentered:!0,isSmall:we.smallPlayButton,autoPlay:nt}),yt=t()(qe?Me:"",Ue&&!ht?R:"");pt&&(xe=(0,E.s)(pt.reference,(0,T.q)(p.Y.PerthNow),!1));const o=()=>{Ae.handleMuteToggle()},V=!be.showTitleOverlay&&ut?m.createElement(X.P,{variant:"vertical",positionState:{alignToTop:!0},isMuted:be.isMuted,action:o}):null;return m.createElement(m.Fragment,null,Ge===!0&&m.createElement(b,{onClick:()=>{$e===!0?(je?.(!1),Ae.playVideo()):(je?.(!0),Ae.pauseVideo())}},$e===!0?m.createElement(Qe.o,{stroke:v.colorsPN.fill.base,width:24,height:24}):m.createElement(j,null)),xe&&m.createElement("style",{dangerouslySetInnerHTML:{__html:` 22 @media print { 23 .${g.BI}::before { 24 content: url("${xe}"); 25 max-width: 600px; 26 } 27 }`}}),m.createElement(g.d4,{className:Xe,compactMode:we.compactMode,hide:$e&&we.compactMode}
27,vt,m.createElement(h,{...mt,ref:lt,posterImage:xe,className:yt,isStickyVideo:Ge,isVerticalVideo:ut},St,Et,Ce,V)))}}),3097:(function(N,C,e){"use strict";e.r(C);var E=e(30668),p=e(42305),m=e(50183),P=e(91436),t=e(42860),g=e(14041),w=e(81786),T=e(21492),n=e(26228),s=e(39938),y=e(7547),f=e(72307),l=e(30011),v=e(57185),B=e(54586);const d=S=>{const q=(0,E.u)(),[ce,L]=(0,g.useState)(!1),[oe,ue]=(0,g.useState)(!!S.autoplayOptions),[he,te]=(0,g.useState)(!1),pe=(0,w.e)(),Pe=(0,p.v)({consentRequiredLevel:P.Rg.Advertising|P.Rg.Analytics}),me=pe||Pe,h=X=>{X.type==="video.play"&&ue(!0),S.onEvent(X)};(0,g.useEffect)(()=>{const X=document.querySelector(".sticky-cell"),Xe=A=>{!!(S.viewportWidth>=B.f.md&&oe)&&X&&A[0].isIntersecting===!1?(X.classList.add(s.im),L(!0)):(X&&X.classList.remove(s.im),L(!1))};let Me;const Ee={rootMargin:`${X?.offsetHeight||630}px 0px 0px 0px`,threshold:.05};if(S.isVideoStickyEnabled&&"IntersectionObserver"in window){const A=document.querySelector(".sticky-cell");A&&A.style.setProperty("--stickyHeight",`${A.getBoundingClientRect().height+20}px`),Me=new IntersectionObserver(Xe,Ee);const Ce=document.querySelector(".sticky-top");if(Ce&&Me.observe(Ce),q.kind===t.Y.SevenNews){const be=S.showPlaylist?180:0,we=document.querySelector(`.${y.g}`),Ae=document.querySelector(`.${n.e}`),nt=document.querySelector(".sticky-container .figcaption");we&&we.style.setProperty("--stickyContainerHeight",`${Ae.getBoundingClientRect().height+nt.getBoundingClientRect().height+be+22.5}px`)}}return()=>{Me&&Me.disconnect()}},[S.isVideoStickyEnabled,S.viewportWidth,S.showPlaylist,q.kind,oe]);const b=(0,m.iT)("magnite-header-tag-wrapper"),{byline:j,captionText:Q,credit:_,kind:ae="video",videoDetails:ve,isHeroVideo:ee,isVerticalVideo:De,autoplayOptions:re,autoplayNextOptions:Le,figcaptionRenderOptions:Ve,playButtonText:ke,isVideoHub:Re,publicUrl:Oe,publicationPathname:ye,onPlayNextVideo:Se,setVideoRendered:He,forcedMuted:tt,onMuteChange:Ie}=S;if(!ve.id)return null;if(!me)return g.createElement(f.V,null);const at=S.showPlaylist&&(!ce||q.kind==="sevennews"),Ye=ce||S.videoOptions.compactMode,Qe=g.createElement(T.C,{ref:He,videoDetails:ve,showTitles:S.showTitles,pauseOverlay:S.pauseOverlay,autoplayOptions:re,autoplayNextOptions:Le,playWhenReady:S.playWhenReady,videoOptions:{...S.videoOptions,compactMode:Ye,isMagniteEnabled:b},innerRef:S.innerRef,getVideoQueue:S.getVideoQueue,onEvent:S.onEvent,pagePosition:S.pagePosition??(S.isHeroVideo?"hero-video":"inline-article"),onUserInteraction:h,showPlaylist:at,playButtonText:Re?"Play":ke||void 0,hideSticky:he,setHideSticky:te,isVideoHub:Re,publicUrl:Oe,currentPath:ye,onPlayNextVideo:Se,adElement:S.adElement,forcedMuted:tt,onMuteChange:Ie});return g.createElement(s.xn,{isHeroVideo:ee,isVerticalVideo:De,className:s.fw},g.createElement(s.Mq,{isHeroVideo:ee},Qe),Ve==="hidden"?g.createElement(s.aB,{isHeroVideo:ee}):Ye?!he&&(Q||_||j)&&g.createElement(s.aB,{byline:j,captionText:Q,credit:ee?void 0:_,isHeroVideo:ee,kind:ae,figcaptionLayout:Ve,sticky:!0}):(Q||_||j)&&g.createElement(s.aB,{byline:j,captionText:Q,credit:ee?void 0:_,isHeroVideo:ee,kind:ae,figcaptionLayout:Ve}))},O=(0,l.Y)((0,v.I)(d));C.default=O,e.d(C,["WebArticleVideo",0,O])}),99870:(function(N,C){var e,E;/*! 28 Copyright (c) 2018 Jed Watson. 29 Licensed under the MIT License (MIT), see 30 http://jedwatson.github.io/classnames 31*/(function(){"use strict";var p={}.hasOwnProperty;function m(){for(var P=[],t=0;t<arguments.length;t++){var g=arguments[t];if(g){var w=typeof g;if(w==="string"||w==="number")P.push(g);else if(Array.isArray(g)){if(g.length){var T=m.apply(null,g);T&&P.push(T)}}else if(w==="object")if(g.toString===Object.prototype.toString)for(var n in g)p.call(g,n)&&g[n]&&P.push(n);else P.push(g.toString())}}return P.join(" ")}N.exports?(m.default=m,N.exports=m):(e=[],E=(function(){return m}).apply(C,e),E!==void 0&&(N.exports=E))})()}),40120:(function(N,C,e){N.exports=e.p+"static/js/1c7c272eddb12e4592405121f163cc78.js"}),86403:(function(N,C,e){var E=e(62945),p=/^\s+/;function m(P){return P&&P.slice(0,E(P)+1).replace(p,"")}N.exports=m}),62945:(function(N){var C=/\s/;function e(E){for(var p=E.length;p--&&C.test(E.charAt(p)););return p}N.exports=e}),12784:(function(N,C,e){var E=e(41580),p=e(94495),m=e(6131),P="Expected a function",t=Math.max,g=Math.min;function w(T,n,s){var y,f,l,v,B,d,O=0,S=!1,q=!1,ce=!0;if(typeof T!="function")throw new TypeError(P);n=m(n)||0,E(s)&&(S=!!s.leading,q="maxWait"in s,l=q?t(m(s.maxWait)||0,n):l,ce="trailing"in s?!!s.trailing:ce);function L(b){var j=y,Q=f;return y=f=void 0,O=b,v=T.apply(Q,j),v}function oe(b){return O=b,B=setTimeout(te,n),S?L(b):v}function ue(b){var j=b-d,Q=b-O,_=n-j;return q?g(_,l-Q):_}function he(b){var j=b-d,Q=b-O;return d===void 0||j>=n||j<0||q&&Q>=l}function te(){var b=p();if(he(b))return pe(b);B=setTimeout(te,ue(b))}function pe(b){return B=void 0,ce&&y?L(b):(y=f=void 0,v)}
31function Pe(){B!==void 0&&clearTimeout(B),O=0,y=d=f=B=void 0}function me(){return B===void 0?v:pe(p())}function h(){var b=p(),j=he(b);if(y=arguments,f=this,d=b,j){if(B===void 0)return oe(d);if(q)return clearTimeout(B),B=setTimeout(te,n),L(d)}return B===void 0&&(B=setTimeout(te,n)),v}return h.cancel=Pe,h.flush=me,h}N.exports=w}),41580:(function(N){function C(e){var E=typeof e;return e!=null&&(E=="object"||E=="function")}N.exports=C}),94495:(function(N,C,e){var E=e(78942),p=function(){return E.Date.now()};N.exports=p}),97331:(function(N,C,e){var E=e(12784),p=e(41580),m="Expected a function";function P(t,g,w){var T=!0,n=!0;if(typeof t!="function")throw new TypeError(m);return p(w)&&(T="leading"in w?!!w.leading:T,n="trailing"in w?!!w.trailing:n),E(t,g,{leading:T,maxWait:g,trailing:n})}N.exports=P}),6131:(function(N,C,e){var E=e(86403),p=e(41580),m=e(51187),P=NaN,t=/^[-+]0x[0-9a-f]+$/i,g=/^0b[01]+$/i,w=/^0o[0-7]+$/i,T=parseInt;function n(s){if(typeof s=="number")return s;if(m(s))return P;if(p(s)){var y=typeof s.valueOf=="function"?s.valueOf():s;s=p(y)?y+"":y}if(typeof s!="string")return s===0?s:+s;s=E(s);var f=g.test(s);return f||w.test(s)?T(s.slice(2),f?2:8):t.test(s)?P:+s}N.exports=n}),90391:(function(N,C,e){"use strict";N.exports=e.p+"static/media/playButton.7efda53a..svg"})}]); 32 33//# sourceMappingURL=ArticleVideo-web_9b9bc47470418188b2c5.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.