https://assets-cdn.nationalgeographic.com/natgeo/e06bc2d656d9-rele…/client/natgeo/4957-5c7ee9f3.js

1"use strict";(self.webpackChunknatgeo=self.webpackChunknatgeo||[]).push([[4957],{14957:(e,t,o)=>{o.r(t),o.d(t,{APP_SUPPORT:()=>a.A,AdBadgeOverlay:()=>a.at,AdMarkers:()=>a.a4,AffiliateLogo:()=>a.aU,AiringModal:()=>a.bQ,AiringModalControl:()=>a.bS,AiringModalControlController:()=>a.bT,AiringModalController:()=>a.bR,AiringSelectionView:()=>a.bU,AiringSelectionViewController:()=>a.bV,AlternativeBroadcastModal:()=>a.cf,AlternativeBroadcastModalControl:()=>a.ch,AlternativeBroadcastModalControlController:()=>a.ci,AlternativeBroadcastModalController:()=>a.cg,AudioMenuList:()=>n,AudioSelectionView:()=>a.bE,AudioSelectionViewController:()=>a.bF,AudioSwitcherMainSelectionView:()=>a.ca,AudioSwitcherMainSelectionViewController:()=>a.cb,AudioSwitcherModal:()=>a.c6,AudioSwitcherModalControl:()=>a.c8,AudioSwitcherModalControlController:()=>a.c9,AudioSwitcherModalController:()=>a.c7,AutoPlayToggle:()=>a.b6,BaseCaptionSettingsService:()=>a.co,BaseDialogModal:()=>a.bp,BaseDialogModalControl:()=>a.br,BaseDialogModalControlController:()=>a.bs,BaseDialogModalController:()=>a.bq,BaseDialogModalView:()=>a.B,BaseMenuDirective:()=>a.z,BufferingOverlay:()=>a.au,CaptionPreview:()=>a.b8,CaptionSettingsView:()=>a.bI,CaptionSettingsViewController:()=>a.bJ,CaptionsFontSize:()=>a.b7,CaptionsMenuList:()=>C,CaptionsToggle:()=>a.b9,CastingControlOverlay:()=>a.aA,CastingControlOverlayController:()=>a.aB,CastingTutorialOverlay:()=>a.aC,CastingTutorialOverlayController:()=>a.aD,CatchUpToLiveJumpToLive:()=>a.K,CatchUpToLiveNextClip:()=>a.L,CatchUpToLivePreviousClip:()=>a.N,CatchUpToLiveSlide:()=>a.P,ClickToPlayOverlay:()=>a.aO,ColorOpacityPicker:()=>a.ba,ControlsOverlayMixin:()=>a.C,CurrentTimeIndicator:()=>a.aV,CurrentTimeIndicatorController:()=>a.aW,DEFAULT_TEXT_DIRECTION:()=>a.D,DMP_TIMED_TEXT_SIZE_THREE_TIER_ORDER:()=>a.cm,DRAGGABLE_SURFACE_DRAG:()=>l.c,DRAGGABLE_SURFACE_DRAG_END:()=>l.b,DRAGGABLE_SURFACE_DRAG_START:()=>l.d,DRAGGABLE_SURFACE_HANDLE_ATTR:()=>l.p,DRAGGABLE_SURFACE_NO_DRAG_ATTR:()=>l.q,DebugControl:()=>a.V,DebugMarkersOverlay:()=>a.aT,DialogModalController:()=>a.G,DraggableSurface:()=>l.D,EndCardOverlay:()=>a.av,ErrorOverlay:()=>a.aP,ExpandableMetadata:()=>a.b4,ExpandableMetadataController:()=>a.b5,FontPicker:()=>a.bb,Image:()=>a.F,InactivityOverlay:()=>a.aM,KeyboardActions:()=>a.W,KeyboardActionsController:()=>a.X,LiveButton:()=>a.Y,LocalStateController:()=>a.cu,MODAL_EVENT_TYPES:()=>a.m,MODAL_NAMES:()=>a.M,MODAL_VIEW_NAMES:()=>a.n,MainBroadcastView:()=>a.cj,MainSettingsView:()=>a.bC,MainSettingsViewController:()=>a.bD,MainShareView:()=>b,MainShareViewController:()=>u,MainVibeDebugView:()=>a.c1,MainVibeDebugViewController:()=>a.c2,MenuHeader:()=>a.bc,MenuNavItem:()=>a.bd,ModalMenuHeader:()=>a.bn,NetworkAttributionOverlay:()=>a.aF,NetworkAttributionOverlayController:()=>a.aG,OverlayAction:()=>a.O,PickerDots:()=>a.be,PivotTrayCarousel:()=>a.aS,PivotTrayOverlay:()=>a.aQ,PivotTrayTile:()=>a.aR,PlayNext:()=>a.Z,PlayPauseIndicator:()=>a.b2,PlayPauseIndicatorController:()=>a.b3,PointerActions:()=>a._,PointerActionsController:()=>a.$,PosterOverlay:()=>a.aE,ProgramDecoration:()=>a.b0,ProgramDecorationController:()=>a.b1,ProgressBar:()=>a.a2,ProgressBarController:()=>a.a3,ProgressBarPreview:()=>a.a5,PromoOverlay:()=>a.aL,QA_ELEMENTS:()=>a.Q,QuickFastForward:()=>a.a6,QuickFastForwardController:()=>a.a7,QuickRewind:()=>a.a8,QuickRewindController:()=>a.a9,RESIZE_EVENT:()=>a.R,RatingsOverlay:()=>a.aK,ResetMixin:()=>a.v,RestartPlayback:()=>a.aa,RestartPlaybackController:()=>a.ab,SLIDER_DIRECTION:()=>a.k,ServiceAttributionOverlay:()=>a.aH,SettingsControl:()=>T,SettingsControlController:()=>a.bB,SettingsDropdown:()=>a.bf,SettingsModal:()=>a.bz,SettingsModalControl:()=>a.c,SettingsModalControlController:()=>a.bB,SettingsModalController:()=>a.bA,ShareAtTime:()=>a.bi,ShareControl:()=>a.ac,ShareControlController:()=>a.ad,ShareIcons:()=>a.bl,ShareIconsController:()=>a.bm,ShareModal:()=>a.bt,ShareModalControl:()=>a.bv,ShareModalControlController:()=>a.bw,ShareModalController:()=>a.bu,ShareUrlInput:()=>a.bg,SkipButton:()=>a.ao,SkipOverlay:()=>a.aN,SnapSlider:()=>a.bh,SocialIcon:()=>a.bj,StartupOverlaySequencerController:()=>a.H,StreamController:()=>a.S,StyledRadioButtons:()=>a.bk,SubtitlesSelectionView:()=>a.bG,SubtitlesSelectionViewController:()=>a.bH,TabView:()=>a.T,TextToSpeech:()=>a.aX,TimeRemainingIndicator:()=>a.aY,TimeRemainingIndicatorController:()=>a.aZ,TimedTextAppearanceLabel:()=>

1a.cn,TimedTextBackgroundColor:()=>a.cp,TimedTextFont:()=>a.cr,TimedTextFontColor:()=>a.cq,TimedTextFontEdge:()=>a.cs,TimerMode:()=>a.J,TitleBug:()=>a.ap,TitleBugController:()=>a.aq,TitleOverlay:()=>a.aw,TitleOverlayController:()=>a.ax,ToastNotification:()=>a.aI,ToastNotificationController:()=>a.aJ,ToggleCaptionsButton:()=>a.ae,ToggleCaptionsButtonController:()=>a.af,ToggleFullscreenButton:()=>a.ag,ToggleFullscreenButtonController:()=>a.ah,ToggleMuteButton:()=>a.aj,ToggleMuteController:()=>a.ak,TogglePipButton:()=>a.ai,TogglePlayPause:()=>a.al,TogglePlayPauseController:()=>a.am,Tooltip:()=>a.E,TotalDuration:()=>a.a_,TotalDurationController:()=>a.a$,UI_EVENTS:()=>a.l,UiKit:()=>a.d,UiKitElement:()=>a.U,VibeDebugModal:()=>a.bZ,VibeDebugModalControl:()=>a.b$,VibeDebugModalControlController:()=>a.c0,VibeDebugModalController:()=>a.b_,VolumeBar:()=>a.an,airingModalControlTokens:()=>a.bY,airingModalTokens:()=>a.bW,airingSelectionViewTokens:()=>a.bX,alternativeBroadcastModalControlTokens:()=>a.cl,alternativeBroadcastModalTokens:()=>a.ck,audioSelectionViewTokens:()=>a.bN,audioSwitcherMainSelectionViewTokens:()=>a.ce,audioSwitcherModalControlTokens:()=>a.cd,audioSwitcherModalTokens:()=>a.cc,captionSettingsViewTokens:()=>a.bP,controlsOverlayInitialState:()=>a.x,controlsOverlaySelector:()=>a.y,createAnalyticsMiddleware:()=>a.h,createDisneyWebPlayerSink:()=>a.j,getPcsForcedTimedTextFontFamilyForLanguage:()=>a.g,isTimedTextFontFamilyUserSelectable:()=>a.i,mainSettingsViewTokens:()=>a.bM,mainVibeDebugViewTokens:()=>a.c5,modalMenuHeaderTokens:()=>a.bo,pointerActionsInitialState:()=>a.a1,pointerActionsSelector:()=>a.a0,settingsModalControlTokens:()=>a.bL,settingsModalTokens:()=>a.bK,shareModalControlTokens:()=>a.by,shareModalTokens:()=>a.bx,subtitlesSelectionViewTokens:()=>a.bO,titleBugInitialState:()=>a.ar,titleBugSelector:()=>a.as,titleOverlayInitialState:()=>a.ay,titleOverlaySelector:()=>a.az,toCSS:()=>a.e,toCoreUiExtension:()=>a.t,toRegisterComponents:()=>a.f,toStateStream:()=>a.ct,vibeDebugModalControlTokens:()=>a.c4,vibeDebugModalTokens:()=>a.c3,withContext:()=>a.w,withDebug:()=>a.q,withPointerExclude:()=>a.u,withResize:()=>a.s,withStyles:()=>a.r,withTimeout:()=>a.p,withTooltip:()=>a.o});var a=o(96817),l=o(87193);const i={audioTracks:[]},r=e=>({audioTracks:e.audio?.tracks??[]});class n extends a.U{constructor(){super(...arguments),this.streamController=new a.S(this,r,i),this.handleClick=(e,t)=>{this.selectAudioTrack(e)},this.handleKeyDown=(e,t)=>{"Enter"===t.key&&(t.preventDefault(),this.handleClick(e,t))},this.handleKeyUp=(e,t)=>{" "===t.key&&(t.preventDefault(),this.handleClick(e,t))}}get audioTracks(){return this.streamController.value.audioTracks}selectAudioTrack(e){this.commandBus?.dispatchCommand(a.I.AUDIO_TRACK_SELECTION,{label:"Audio menu list",track:e})}render(){return l.x`
2			${this.audioTracks?.map((e=>l.x`
3					<div
4						class="audio-menu-selection"
5						@click=${this.handleClick.bind(this,e)}
6						@keydown=${this.handleKeyDown.bind(this,e)}
7						@keyup=${this.handleKeyUp.bind(this,e)}
8						role="button"
9						tabindex="0"
10					>
11						<span>${e.displayName?.title??e.name}</span>
12						${e.isSelected?l.x`<span>&#9989;</span>`:l.E}
13					</div>
14				`))}
15		`}}class s{constructor(e){(this.host=e).addController(this)}hostConnected(){}hostDisconnected(){}selectCaptionTrack(e){this.host.commandBus?.dispatchCommand(a.I.CAPTIONS_TRACK_SELECTION,{label:"Captions menu list",track:e})}}const c={captionTracks:[]},d=e=>({captionTracks:e.captions?.tracks??[]});class C extends a.U{constructor(){super(...arguments),this.streamController=new a.S(this,d,c),this.controller=new s(this),this.handleClick=(e,t)=>{this.controller.selectCaptionTrack(e)},this.handleKeyDown=(e,t)=>{"Enter"===t.key&&(t.preventDefault(),this.handleClick(e,t))},this.handleKeyUp=(e,t)=>{" "===t.key&&(t.preventDefault(),this.handleClick(e,t))}}render(){const{captionTracks:e}=this.streamController.value;return l.x`
16			${e?.map((e=>l.x`
17					<div
18						class="caption-menu-selection"
19						@click=${this.handleClick.bind(this,e)}
20						@keydown=${this.handleKeyDown.bind(this,e)}

21						@keyup=${this.handleKeyUp.bind(this,e)}
22						role="button"
23						tabindex="0"
24					>
25						<span>${e.displayName?.title??e.name}</span>
26						${e.isSelected?l.x`<span>&#9989;</span>`:l.E}
27					</div>
28				`))}
29		`}}class u{get title(){const{dictionary:e}=this.host;return e?.translate(a.a.MEDIA.CONTROLS.SHARE,"Share")}constructor(e){(this.host=e).addController(this)}hostConnected(){}hostDisconnected(){}}class b extends a.B{constructor(){super(...arguments),this.controller=new u(this)}render(){const{title:e}=this.controller;return l.x`
30			<modal-menu-header
31				title=${e}
32				titleId=${a.b}
33				.onCloseClick=${this.onCloseModalClick}
34				.hasCloseButton=${!0}
35			></modal-menu-header>
36			<nav class="share-icons-container" aria-label="${e}">
37				<share-icons></share-icons>
38			</nav>
39		`}}class T extends a.c{}}}]);