markdown-flow-ui 0.2.26-dev.4 → 0.2.26-dev.6

package/dist/components/Slide/Slide.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),t=require("react"),Jr=require("../../lib/sandboxInteraction.cjs"),Ie=require("../../lib/utils.cjs"),Xr=require("../../lib/useResolvedDirection.cjs"),Ln=require("../../lib/locale.cjs"),zr=require("../ui/loading-overlay-card.cjs"),$r=require("../ContentRender/ContentRender.cjs"),Fn=require("../ContentRender/IframeSandbox.cjs");require("../ui/inputGroup/input-group.cjs");const mt=require("../../lib/mobileDevice.cjs"),Qr=require("./Player.cjs"),Zr=require("./MarkdownSlideScaling.cjs"),eo=require("./SubtitleOverlay.cjs"),to=require("./useSlide.cjs"),no=require("./useWakePlayerFromIframe.cjs"),ro=require("./utils/playerKeyboardShortcutContext.cjs"),oo=require("./utils/playerKeyboardShortcuts.cjs"),Ke=require("./utils/mobileScreenMode.cjs"),pt=require("./utils/interactionPlayback.cjs"),so=require("./utils/markdownScaling.cjs"),Ut=require("./utils/playerNavigationContext.cjs"),lo=require("./utils/appendedMarkerAdvance.cjs"),Dn=require("./utils/stepAudioProgress.cjs"),qn=require("./utils/playbackSequence.cjs"),Ht=require("./utils/subtitleJumpNavigation.cjs"),Nn=require("./utils/playerCustomActions.cjs"),ao=require("./utils/playbackTimeStore.cjs"),io=require("./utils/interactionResolution.cjs"),uo=require("./utils/playerToggleMode.cjs"),Bn=require("./utils/imageOnlyStepVisualReady.cjs"),co=require("./utils/silentStepAutoAdvance.cjs"),Vn=require("./utils/playerVisibility.cjs"),Hn=require("./slideI18n.cjs");;/* empty css            */const Yt=require("../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.cjs"),fo=require("../../node_modules/lucide-react/dist/esm/icons/chevron-left.cjs"),yo=2e3,mo=300,po=160,ho=16,Kn=3e3,ht={x:0,y:0},Gt=.5,go=typeof window>"u"?t.useEffect:t.useLayoutEffect,So=["button","input","textarea",'[contenteditable=""]','[contenteditable="true"]','[contenteditable="plaintext-only"]'].join(", "),Jt="waitingForAudio",bo=({x:u,y:c})=>({x:Number(u.toFixed(2)),y:Number(c.toFixed(2))}),jn=u=>Math.abs(u)>=Gt,Un=(u,c)=>Math.abs(u.x-c.x)<Gt&&Math.abs(u.y-c.y)<Gt,vo=(u,c)=>typeof u=="string"?u:u[c]??u[Jt]??Hn.DEFAULT_SLIDE_BUFFERING_TEXTS[c],Io=(u,c)=>typeof u=="string"?u:{...c,...u},Ao=(u,c)=>c?u!=="loadingAudio":!1,Yn=t.memo(({content:u,title:c,dragHandleAriaLabel:j,locale:Ae,dir:U,lang:H,defaultButtonText:Ce,defaultInputText:oe,defaultSelectedValues:je,confirmButtonText:gt,copyButtonText:Y,copiedButtonText:St,onSend:Ee,onDragHandlePointerCancel:Ue,onDragHandlePointerDown:bt,onDragHandlePointerMove:He,onDragHandlePointerUp:Ye,readonly:We=!1})=>i.jsxs("div",{className:"slide-player__interaction-card",children:[i.jsx("button",{type:"button",className:"slide-player__interaction-drag-handle","aria-label":j,onPointerCancel:Ue,onPointerDown:bt,onPointerMove:He,onPointerUp:Ye,children:i.jsxs("span",{className:"slide-player__interaction-drag-handle-icon",children:[i.jsx(Yt.default,{"aria-hidden":"true"}),i.jsx(Yt.default,{"aria-hidden":"true"}),i.jsx(Yt.default,{"aria-hidden":"true"})]})}),i.jsx("div",{className:"slide-player__interaction-header",children:i.jsx("p",{className:"slide-player__interaction-title",children:c})}),i.jsx("div",{className:"slide-player__interaction-body",children:i.jsx($r.default,{content:u,locale:Ae,dir:U,lang:H,defaultButtonText:Ce,defaultInputText:oe,defaultSelectedValues:je,confirmButtonText:gt,copyButtonText:Y,copiedButtonText:St,onSend:Ee,readonly:We,sandboxMode:"content"})})]}));Yn.displayName="InteractionOverlayCard";const Co=(u,c)=>u.length===c.length&&u.every((j,Ae)=>{const U=c[Ae];return j.sequence_number===U?.sequence_number&&j.type===U?.type&&j.content===U?.content}),Wt=u=>u instanceof HTMLElement&&!!u.closest(So),Eo=({elementList:u=[],locale:c,playerEnabled:j,playerControlsVisibility:Ae,playerClassName:U,fullscreenHeader:H,playerCustomActions:Ce,playerCustomActionPauseOnActive:oe=!0,bufferingText:je,interactionTitle:gt,interactionTexts:Y,playerTexts:St,playerAutoHideDelay:Ee=3e3,markerAutoAdvanceDelay:Ue=yo,showSlideProgress:bt=!1,onSlideProgressNavigate:He,interactionDefaultValueOptions:Ye,onSend:We,onPlayerVisibilityChange:vt,onMobileViewModeChange:Xt,onStepChange:zt,onPlaybackCheckpoint:Wn,playbackRestoreRequest:N=null,enableKeyboardShortcuts:se=!0,enableIframeScaling:Gn=!0,enableMarkdownScaling:Jn=!0,disableLoadingOverlay:M=!1,className:Xn,dir:zn,lang:$n,onPointerDown:$t,onFocusCapture:Qt,...Qn})=>{const W=zn??Ln.getMarkdownFlowDirection(c),xe=$n??Ln.getMarkdownFlowLanguage(c),O=t.useMemo(()=>Hn.getSlideLocaleTexts(c),[c]),Zn=t.useMemo(()=>Io(je,O.bufferingText),[je,O.bufferingText]),{playerEnabled:er,playerControlsVisibility:G}=Vn.resolveSlidePlayerVisibility({playerEnabled:j,playerControlsVisibility:Ae}),Ge=t.useId(),le=t.useRef(null),{resolvedDirection:tr}=Xr.useResolvedDirection(le,W),It=t.useRef(null),Je=t.useRef(null),Zt=t.useRef(null),ae=t.useRef(null),Xe=t.useRef(!1),we=t.useRef(null),ze=t.useRef(null),J=t.useRef(null),Re=t.useRef(null),ke=t.useRef(null),ie=t.useRef(null),Pe=t.useRef(null),en=t.useRef([]),ue=t.useRef(!1),B=t.useRef(null),Te=t.useRef(null),tn=t.useRef(0),At=t.useRef(null),nn=t.useRef({markerCount:0,currentIndex:-1,canGoNext:!1}),Ct=t.useRef(!1),{currentElementList:E,stepElementLists:rn,slideElementList:p,currentIndex:a,audioList:d,audioSlideIndexes:X,currentAudioSequenceIndexes:$e,currentStepHasSpeakableElement:b,currentInteractionElement:f,canGoPrev:nr,canGoNext:x,handlePrev:on,handleNext:_,handleGoTo:ce}=to.default(u),Me=t.useMemo(()=>{if(!(a<0))return p[a]},[a,p]),de=t.useMemo(()=>E.map((e,n)=>`${e.sequence_number??`${e.type}-${n}`}:${String(e.is_new??"")}`),[E]),sn=p.length,rr=sn===1,v=er&&(p.length>0||d.length>0||!!f),or=t.useMemo(()=>({enabled:se,ownerId:Ge}),[se,Ge]),V=t.useCallback(()=>{!se||!v||oo.activatePlayerKeyboardShortcutOwner(Ge)},[se,Ge,v]),w=t.useMemo(()=>$e.map(e=>d[e]?.audioKey).filter(e=>!!e),[d,$e]),[sr,_e]=t.useState(!0),[Qe,z]=t.useState(!1),[Et,xt]=t.useState(!0),[Oe,ln]=t.useState(!0),[I,L]=t.useState(null),[Ze,an]=t.useState(null),Le=t.useRef(null),un=t.useRef(null),[lr,cn]=t.useState(null),[ar,h]=t.useState(!1),[ir,wt]=t.useState(Jt),[R,et]=t.useState(!1),tt=t.useRef(new Set),[ur,nt]=t.useState(!1),[dn,cr]=t.useState(!0),[Rt,kt]=t.useState(!1),[g,Pt]=t.useState(),[fe,rt]=t.useState(!1),[fn,ot]=t.useState(!1),[A,Tt]=t.useState(ht),[Mt,_t]=t.useState(!1),[dr,ye]=t.useState(0),[yn,fr]=t.useState(!1),F=t.useMemo(()=>mt.isMobileDevice(),[]),[st,Ot]=t.useState(Ke.DEFAULT_MOBILE_VIEW_MODE),[mn,Lt]=t.useState(!1),[yr,pn]=t.useState(()=>F?mt.isLandscapeViewport():!1),me=t.useMemo(()=>ao.createPlaybackTimeStore(),[]),{effectiveMobileViewMode:$,isImmersiveMobileFullscreen:pe,isNativeMobileFullscreen:hn,shouldRotateFullscreenViewport:mr}=t.useMemo(()=>Ke.resolveMobileViewModeState({hasManualMobileViewMode:mn,isMobileDevice:F,mobileViewMode:st}),[mn,F,yr,st]),gn=t.useRef($),{controlsVisible:D,layoutReserved:lt}=Vn.resolveSlidePlayerLayoutState({isAutoVisible:sr,playerControlsVisibility:G,shouldMountPlayer:v}),pr=pe&&D,hr=pe&&lt,gr=pe||hn,Sn=yn&&!F,Sr=t.useCallback(e=>{Lt(!0),Ot(e)},[]),bn=t.useCallback(()=>{Lt(!1),Ot(Ke.DEFAULT_MOBILE_VIEW_MODE)},[]),br=t.useCallback(()=>{bn(),H?.onBack?.()},[H,bn]),k=t.useCallback(()=>{J.current!==null&&(window.clearTimeout(J.current),J.current=null)},[]),P=t.useCallback(()=>{Re.current!==null&&(window.clearTimeout(Re.current),Re.current=null)},[]),at=t.useCallback(()=>{k(),P(),rt(!1),ye(0)},[k,P]),it=t.useCallback(e=>{e&&at(),kt(e)},[at]),vn=t.useCallback(()=>{at(),kt(e=>!e)},[at]),Q=t.useCallback(()=>{Tt(e=>e.x===ht.x&&e.y===ht.y?e:ht),_t(!1),Pe.current=null,ie.current=null},[]),{mountedStepStates:vr,currentMountedStateIndex:Ir}=t.useMemo(()=>{const e=[],n=new Map;return rn.forEach((r,s)=>{const l=e.findIndex(o=>Co(o.elementList,r));if(l>=0){e[l]?.sourceStepIndexes.push(s),n.set(s,l);return}e.push({elementList:r,sourceStepIndexes:[s]}),n.set(s,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:a>=0?n.get(a)??-1:-1}},[a,rn]),In=t.useMemo(()=>String(a),[a]),C=t.useMemo(()=>I?d.findIndex(e=>(e.audioKey??"")===I):-1,[d,I]),ut=t.useMemo(()=>C>=0?d[C]:void 0,[d,C]);t.useEffect(()=>{if(!N||N.id===un.current)return;const e=d.findIndex(r=>r.audioKey===N.audioKey);if(e<0)return;const n=X[e];n!=null&&(un.current=N.id,xt(!0),L(N.audioKey),Le.current=N,an(N),a!==n&&ce(n))},[d,X,a,ce,N]);const Ar=ut?.element?.subtitle_cues??[],ct=t.useMemo(()=>w[0]??"none",[w]),Ft=t.useMemo(()=>({currentElement:Nn.resolvePlayerCustomActionElement({currentAudioIndex:C,currentAudioSequenceIndexes:$e,audioList:d,currentInteractionElement:g,currentStepElement:Me}),currentIndex:a,currentStepElement:Me,isActive:Rt,setActive:it,toggleActive:vn}),[g,d,C,$e,a,Me,Rt,it,vn]),dt=t.useMemo(()=>Nn.getPlayerCustomActionCount(Ce,Ft),[Ft,Ce]),Dt=dt>0,qt=Dt&&Rt,Cr=t.useMemo(()=>({"--slide-player-custom-action-count":String(dt),"--slide-player-mobile-control-count":String(dt+4),"--slide-interaction-drag-x":`${A.x}px`,"--slide-interaction-drag-y":`${A.y}px`}),[A.x,A.y,dt]),An=w.length>0,Cn=t.useMemo(()=>f?`${f.sequence_number??"none"}:${String(f.content??"")}`:"none",[f]),he=t.useMemo(()=>[In,Cn].join("|"),[Cn,In]),Er=t.useMemo(()=>[he,ut?.audioKey??"none",String(C)].join("|"),[C,ut?.audioKey,he]),En=!!t.useMemo(()=>!ct||ct==="none"?"":d.find(n=>n.audioKey===ct)?.audioUrl?.trim()??"",[d,ct]),Z=oe&&qt,Fe=t.useMemo(()=>uo.shouldUseAutoAdvanceToggle({canGoNext:x,currentAudioIndex:C,currentStepHasSpeakableElement:b,hasInteraction:!!f}),[x,C,f,b]),xn=t.useMemo(()=>co.resolveSilentStepAutoAdvanceBehavior({currentElementList:E,currentStepHasSpeakableElement:b,currentInteractionElement:f,markerAutoAdvanceDelay:Ue}),[E,f,b,Ue]),wn=xn.delayMs,De=xn.usesImageOnlyDelay,Nt=t.useMemo(()=>`${a}:${de.join("|")}`,[a,de]),[xr,wr]=t.useState(null),Rn=!De||xr===Nt,q=t.useCallback(()=>{ae.current!==null&&(window.clearTimeout(ae.current),ae.current=null)},[]),ge=t.useCallback(()=>{we.current!==null&&(window.clearTimeout(we.current),we.current=null)},[]),K=t.useCallback(()=>{ze.current!==null&&(window.clearTimeout(ze.current),ze.current=null)},[]),T=t.useCallback((e={})=>{ge(),k(),P(),K(),L(null),me.reset(),h(!1),wt(Jt),et(!1),tt.current=new Set,nt(!1),cn(null),e.preservePendingSubtitleJump||(Te.current=null),Pt(void 0),rt(!1),ye(0)},[ge,K,k,P,me]),ft=t.useCallback(e=>{tn.current+=1,cn({...e,id:tn.current})},[]),Se=t.useCallback(()=>{const e=Dn.resolvePendingStepAudioKey(w,tt.current);return e?(L(e),!0):!1},[w]),qe=t.useCallback(()=>{k(),P(),rt(!1),ye(0),!Se()&&x&&_()},[x,k,P,_,Se]),kn=t.useCallback(e=>{if(P(),!e)return;const n=()=>{Re.current=null,ye(po),rt(!0),B.current=null};Re.current=window.setTimeout(n,mo)},[P]),Bt=t.useCallback(()=>Xe.current||!!le.current?.querySelector(".slide-player__controls:hover"),[]),y=t.useCallback((e=Qe)=>{!v||G==="hidden"||(_e(!0),q(),!(G==="visible"||!e||Ee<=0||Bt())&&(ae.current=window.setTimeout(()=>{if(Bt()){ae.current=null;return}_e(!1),ae.current=null},Ee)))},[q,Qe,Bt,Ee,G,v]),Ne=!!Ht.hasResolvedInteractionElement(f),ee=!!f&&!Ne,Rr=t.useCallback(e=>{xt(e)},[]),be=t.useCallback(e=>{e&&xt(e.shouldContinuePlayback)},[]);t.useEffect(()=>{ln(Et)},[a,Et,oe]),t.useEffect(()=>{oe&&it(!1)},[a,oe,it]),t.useEffect(()=>{Dt||kt(!1)},[Dt]),t.useEffect(()=>()=>{ge(),K(),q(),k(),P()},[ge,K,k,P,q]),t.useEffect(()=>{if(!De){K();return}let e=!1,n=null,r=null;const s=()=>{r?.(),r=null},l=()=>{e||(s(),K(),wr(Nt))},o=()=>{if(e)return;s();const m=Je.current?.querySelector('[data-active-step="true"]');if(!m)return;const S=Array.from(m.querySelectorAll("iframe"));if(S.length===0||Bn.areImageOnlyStepIframeVisualsReady(S)){l();return}const te=[],Ve=()=>{e||(n!==null&&window.cancelAnimationFrame(n),n=window.requestAnimationFrame(()=>{n=null,o()}))},jt=(ne,ve,re)=>{ne.addEventListener(ve,re,{once:!0}),te.push(()=>ne.removeEventListener(ve,re))};S.forEach(ne=>{const ve=ne.contentDocument;if(!ve||ve.readyState!=="complete"){jt(ne,"load",Ve);return}Array.from(ve.images).filter(re=>!re.complete).forEach(re=>{jt(re,"load",Ve),jt(re,"error",Ve)})}),r=()=>{te.forEach(ne=>ne())}};return n=window.requestAnimationFrame(()=>{n=null,o()}),ze.current=window.setTimeout(()=>{l()},Bn.DEFAULT_IMAGE_ONLY_VISUAL_READY_TIMEOUT_MS),()=>{e=!0,s(),K(),n!==null&&window.cancelAnimationFrame(n)}},[K,E,a,Nt,De]),t.useEffect(()=>(vt?.(D),()=>{vt?.(!1)}),[vt,D]),t.useEffect(()=>{D||(Xe.current=!1)},[D]),t.useEffect(()=>{F||st===Ke.DEFAULT_MOBILE_VIEW_MODE||(Lt(!1),Ot(Ke.DEFAULT_MOBILE_VIEW_MODE))},[F,st]),t.useEffect(()=>{if(!F){pn(!1);return}const e=()=>{pn(mt.isLandscapeViewport()),Q()},n=()=>{Q()};e(),window.addEventListener("orientationchange",n),window.screen?.orientation?.addEventListener?.("change",n);const r=mt.subscribeMobileDeviceChange(e);return()=>{r(),window.removeEventListener("orientationchange",n),window.screen?.orientation?.removeEventListener?.("change",n)}},[F,Q]),t.useEffect(()=>{Xt?.($)},[$,Xt]),t.useEffect(()=>{gn.current!==$&&Q(),gn.current=$},[$,Q]),t.useEffect(()=>{zt?.(Me,a)},[a,Me,zt]),t.useEffect(()=>{const e=nn.current,n=lo.shouldAutoAdvanceIntoAppendedMarker({previousMarkerCount:e.markerCount,nextMarkerCount:p.length,previousIndex:e.currentIndex,previousCanGoNext:e.canGoNext,nextCanGoNext:x,currentAudioKey:I,hasCompletedCurrentStepAudio:R,hasResolvedCurrentInteraction:Ne,currentStepHasSpeakableElement:b,currentInteractionElement:f,isAutoAdvanceEnabled:Oe,shouldUseSilentStepAutoAdvanceToggle:Fe});nn.current={markerCount:p.length,currentIndex:a,canGoNext:x},n&&_()},[x,I,a,f,b,_,R,Ne,Oe,Fe,p.length]),t.useEffect(()=>{if(!v||G==="hidden"){q(),_e(!1);return}if(G==="visible"){q(),_e(!0);return}Qe||y(!0)},[q,Qe,G,v,y]),t.useEffect(()=>{if(typeof window>"u")return;const e=n=>{n.origin===window.location.origin&&Jr.isSandboxInteractionMessage(n.data)&&n.data.eventType==="click"&&v&&(V(),z(!0),y(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[V,v,y]),no.default({sectionRef:le,enabled:v,keyboardShortcutsEnabled:se,onKeyboardShortcut:V,onWake:()=>{V(),z(!0),y(!0)}}),t.useEffect(()=>{if(!v){T();return}if(Le.current){At.current=he;return}const{hasPlaybackContextChanged:e,shouldInitializeAudioSequence:n}=qn.getPlaybackSequenceTransition({previousResetKey:At.current,nextResetKey:he,currentAudioKey:I,hasCompletedCurrentStepAudio:R});At.current=he;const r=B.current===a&&!!f,s=pt.shouldPresentInteractionOverlay({hasInteraction:!!f,shouldBlockPlaybackForInteraction:ee,shouldOpenInteractionOverlayAfterAudio:r,hasPlaybackContextChanged:e,hasResolvedCurrentInteraction:Ne,currentStepHasSpeakableElement:b,isPlayerCustomActionActive:qt}),l=Te.current,o=l?.slideIndex===a;if(e&&T({preservePendingSubtitleJump:o}),!(E.length===0&&!f)&&!Z){if(l?.slideIndex===a&&Ht.canReachSubtitleJumpTarget({currentIndex:a,resolvedCurrentInteractionElement:g,slideElementList:p,targetSlideIndex:l.slideIndex})){Te.current=null,Ct.current=!0,L(l.audioKey),ft({audioIndex:l.audioIndex,timeMs:l.timeMs});return}if(f&&Pt(f),s){kn(f);return}if(P(),B.current=null,!ee&&n&&!Se()){if(b){if(M){h(!1);return}h(!0);return}if(x&&!(Fe&&!Oe)&&!(De&&!Rn))return we.current=window.setTimeout(()=>{we.current=null,_()},wn),()=>{ge()}}}},[g,x,ge,E.length,a,f,I,he,b,De,Rn,wn,_,R,M,Oe,Ne,qt,ee,P,T,ft,kn,v,p,Se,Z,Fe]),t.useEffect(()=>{if(M||Z||!b||ee){h(!1);return}if(R){h(!1);return}if(An){h(!1);return}wt("waitingForAudio"),h(!0)},[An,b,R,M,Z,ee]),t.useEffect(()=>{R&&Dn.hasUnplayedStepAudio(w,tt.current)&&et(!1)},[w,R]),t.useEffect(()=>{if(Le.current)return;const e=Ct.current;Ct.current=!1,qn.shouldStartDefaultAudioSequence({currentAudioKey:I,currentAudioSequenceLength:w.length,currentStepHasSpeakableElement:b,hasCompletedCurrentStepAudio:R,shouldBlockPlaybackForInteraction:ee,shouldPausePlaybackForCustomAction:Z,shouldSkipDefaultAudioStart:e})&&Se()},[I,w,b,R,Z,ee,Se]),t.useEffect(()=>{!I||C>=0||L(null)},[C,I]),t.useEffect(()=>{C>=0||me.reset()},[C,me]),t.useEffect(()=>{nt(!1)},[Er]);const{interactionDefaults:Pn,interactionDefaultSelectedValues:kr,hasResolvedInteractionInput:Tn,isInteractionReadonly:Pr,shouldAutoContinueInteraction:Mn}=t.useMemo(()=>io.resolveSlideInteractionState(g,{interactionDefaultValueOptions:Ye}),[g,Ye]),Tr=!!g?.readonly||Pr,Be=pt.shouldRenderInteractionOverlay({hasActiveInteraction:!!g,isInteractionOverlayOpen:fe}),Mr=t.useCallback(e=>{const r=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");Pt(s=>!s||!r?s:{...s,user_input:r}),We?.(e,g),qe()},[g,qe,We]);t.useEffect(()=>{const e=()=>{fr(document.fullscreenElement===le.current)};return e(),document.addEventListener("fullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e)}},[]),t.useEffect(()=>{g&&fe||ot(!1)},[g,fe]),t.useEffect(()=>{Q()},[g,Q]),t.useEffect(()=>{if(!Be){ye(0);return}const e=ke.current;if(!e)return;const n=()=>{const s=Math.ceil(e.getBoundingClientRect().height);ye(s+ho)};if(n(),typeof ResizeObserver>"u")return;const r=new ResizeObserver(()=>{n()});return r.observe(e),()=>{r.disconnect()}},[Be]),t.useEffect(()=>{if(k(),!!fe){if(Mn)return J.current=window.setTimeout(()=>{J.current=null,qe()},Kn),()=>{k()};if(!(fn||!Tn))return J.current=window.setTimeout(()=>{J.current=null,qe()},Kn),()=>{k()}}},[k,qe,fn,Tn,fe,Mn]);const _r=(e,n={})=>e?e.type==="slot"?i.jsx(i.Fragment,{children:e.content}):e.type==="html"?i.jsx(Fn.default,{className:"content-render-iframe",disableLoadingOverlay:M,hideFullScreen:!0,locale:c,dir:W,lang:xe,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content,enableScaling:Gn}):i.jsx(Fn.default,{className:"content-render-iframe",disableLoadingOverlay:M,hideFullScreen:!0,locale:c,dir:W,lang:xe,mode:"blackboard",type:"markdown",content:e.content}):null,Or=(e=[],n=!1)=>{if(e.length===0)return null;const r=e.filter(o=>o.is_renderable!==!1).length,s=n&&Jn?so.resolveMarkdownScalingMode(e):"disabled",l=e.reduce((o,m,S)=>m.is_renderable!==!1?S:o,-1);return i.jsx(Zr.default,{className:"slide-stage__content flex w-full flex-col gap-4",mode:s,children:e.map((o,m)=>{const S=o.type==="html"&&o.is_renderable===!1;return i.jsx("div",{ref:n&&m===l?Zt:null,"aria-hidden":S||void 0,className:Ie.cn("w-full shrink-0",r===1&&o.is_renderable!==!1&&"slide-element--single",S?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":o.is_renderable===!1&&"hidden"),children:_r(o,{replaceRootScreenHeightWithFull:r===1&&o.type==="html"&&o.is_renderable!==!1})},o.sequence_number??`${o.type}-${m}`)})})},Lr=t.useCallback(()=>{const e=le.current;if(e){if(document.fullscreenElement===e){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},[]),_n=t.useCallback(()=>{const e=Je.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),Vt=t.useCallback(e=>Ht.canReachSubtitleJumpTarget({currentIndex:a,resolvedCurrentInteractionElement:g,slideElementList:p,targetSlideIndex:X[e.audioIndex]}),[g,X,a,p]),Fr=t.useCallback((e,n)=>{const s=d[e.audioIndex]?.audioKey,l=X[e.audioIndex];return!s||l==null||!Vt(e)?!1:(be(n),B.current=null,h(!1),et(!1),nt(!1),Ut.shouldWakePlayerControlsAfterNavigation(n)&&(z(!0),y(!0)),l===a?(Te.current=null,T(),L(s),ft(e),!0):(ue.current=!0,T(),Te.current={audioIndex:e.audioIndex,audioKey:s,slideIndex:l,timeMs:e.timeMs},ce(l),!0))},[d,X,Vt,a,ce,ft,T,y,be]),Dr=t.useCallback(e=>{be(e),ue.current=!0,B.current=null,h(!1),Ut.shouldWakePlayerControlsAfterNavigation(e)&&(z(!0),y(!0)),T(),on()},[on,T,y,be]),qr=t.useCallback(e=>{be(e),ue.current=!0,B.current=null,h(!1),Ut.shouldWakePlayerControlsAfterNavigation(e)&&(z(!0),y(!0)),T(),_()},[_,T,y,be]),Nr=t.useCallback(e=>{e<0||e>=p.length||e===a||(ue.current=!0,B.current=null,h(!1),z(!0),y(!0),T(),ce(e),He?.(p[e],e))},[a,ce,He,T,y,p]),Br=t.useCallback(({loading:e,reason:n})=>{if(M){h(!1);return}if(!b||R){h(!1);return}e&&n&&wt(n),h(Ao(n,e))},[b,R,M]);t.useEffect(()=>{M&&h(!1)},[M]);const Vr=t.useCallback(e=>{const n=d[e]?.audioKey;if(!n||!I||n!==I)return;tt.current.add(n);const r=w.findIndex(o=>o===n);if(r<0){L(null);return}const s=r+1,l=w[s];if(l){L(l);return}if(L(null),et(!0),h(!1),x){const o=a+1,m=p[o];En&&m?.type==="interaction"&&(B.current=o),_();return}},[d,x,a,I,w,_,En,p]),Kr=t.useCallback(()=>{Xe.current=!0,q(),v&&_e(!0)},[q,v]),jr=t.useCallback(()=>{Xe.current=!1,y(!0)},[y]),Kt=t.useCallback(e=>{e.stopPropagation(),D&&y(!0)},[D,y]),yt=t.useCallback((e,n)=>{const r=It.current;if(!r)return null;const s=e.getBoundingClientRect(),l=r.getBoundingClientRect();return{minX:n.x+l.left-s.left,maxX:n.x+l.right-s.right,minY:n.y+l.top-s.top,maxY:n.y+l.bottom-s.bottom}},[]);go(()=>{const e=ke.current;if(!Be||!e){ie.current=null;return}const n=ie.current,r=e.getBoundingClientRect();if(!n||Mt){ie.current={left:r.left,top:r.top};return}const s=n.left-r.left,l=n.top-r.top;if(!jn(s)&&!jn(l)){ie.current={left:r.left,top:r.top};return}const o={x:A.x+s,y:A.y+l},m=yt(e,A),S=bo(m?pt.clampInteractionOverlayDragOffset(o,m):o);ie.current={left:r.left+S.x-A.x,top:r.top+S.y-A.y},Un(S,A)||Tt(te=>Un(te,S)?te:S)},[yt,A,Mt,lt,Be]);const Ur=t.useCallback(e=>{if(Kt(e),e.button!==0||!e.currentTarget.isConnected||!ke.current)return;const n=yt(ke.current,A);n&&(e.preventDefault(),e.currentTarget.hasPointerCapture?.(e.pointerId)!==!0&&e.currentTarget.setPointerCapture(e.pointerId),Pe.current={pointerId:e.pointerId,startClientX:e.clientX,startClientY:e.clientY,startOffset:A,bounds:n},_t(!0))},[yt,A,Kt]),Hr=t.useCallback(e=>{const n=Pe.current;!n||n.pointerId!==e.pointerId||(e.preventDefault(),e.stopPropagation(),Tt(pt.clampInteractionOverlayDragOffset({x:n.startOffset.x+e.clientX-n.startClientX,y:n.startOffset.y+e.clientY-n.startClientY},n.bounds)))},[]),On=t.useCallback(e=>{const n=Pe.current;!n||n.pointerId!==e.pointerId||(e.stopPropagation(),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId),Pe.current=null,_t(!1))},[]),Yr=t.useCallback(e=>{V(),$t?.(e)},[V,$t]),Wr=t.useCallback(e=>{V(),Qt?.(e)},[V,Qt]),Gr=t.useCallback(()=>{z(!0),y(!0)},[y]);return t.useEffect(()=>{const e=en.current,s=(e.length>0&&e.length<de.length&&e.every((o,m)=>o===de[m])?E.slice(e.length):[]).some(o=>o.is_new===!1);if(en.current=de,!s)return;const l=window.requestAnimationFrame(()=>{const o=Je.current,m=Zt.current;if(!o||!m)return;const S=o.getBoundingClientRect(),te=m.getBoundingClientRect(),Ve=o.scrollTop+(te.top-S.top);o.scrollTo({top:Math.max(Ve,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(l)}},[E,de]),t.useEffect(()=>{if(!ue.current||(ue.current=!1,E.length===0))return;const e=window.requestAnimationFrame(()=>{_n()});return()=>{window.cancelAnimationFrame(e)}},[E,_n]),i.jsxs("section",{ref:le,className:Ie.cn("relative h-full w-full",F&&"slide--mobile-device",Sn&&"slide--browser-fullscreen",pe&&"slide--mobile-landscape",hn&&"slide--mobile-landscape-native",Xn),dir:W,lang:xe,onClick:Gr,onFocusCapture:Wr,onPointerDown:Yr,...Qn,children:[gr?i.jsx("div",{"aria-hidden":"true",className:"pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"}):null,i.jsxs("div",{ref:It,className:Ie.cn("slide__viewport relative h-full min-h-0 w-full",pe&&"slide__viewport--mobile-landscape",pe&&!mr&&"slide__viewport--mobile-landscape-native"),children:[pr?i.jsxs("div",{className:"slide-landscape-header",children:[i.jsx("button",{"aria-label":H?.backAriaLabel??O.fullscreenBackAriaLabel,className:"slide-landscape-header__back",onClick:br,type:"button",children:i.jsx(fo.default,{className:"slide-landscape-header__icon h-6 w-6",strokeWidth:2.25})}),H?.content?i.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:H.content}):null]}):null,i.jsx("div",{className:Ie.cn("h-full min-h-0 w-full",hr&&"slide__viewport-content--with-header",rr?"slide-content--single":"grid gap-4"),children:E.length>0?i.jsx("div",{className:"slide-stage",children:i.jsx("div",{ref:Je,className:"slide-stage__layer w-full",children:vr.map((e,n)=>{const r=n===Ir;return i.jsx("div",{"data-active-step":r?"true":void 0,"aria-hidden":!r||void 0,className:"w-full h-full",style:{display:r?void 0:"none"},children:Or(e.elementList,r)},e.sourceStepIndexes[0]??n)})})}):null}),ar?i.jsx(zr.default,{message:vo(Zn,ir),className:"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"}):null,i.jsx(eo.default,{extraBottomOffset:dr,hasPlayerGap:lt,isEnabled:dn&&ur,playbackTimeStore:me,subtitleCues:Ar}),Be?i.jsx("div",{ref:ke,"data-player-keyboard-shortcuts-ignore":"true",className:Ie.cn("slide-interaction-overlay",lt?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone",Mt&&"slide-interaction-overlay--dragging"),onClick:Kt,onPointerDownCapture:e=>{Wt(e.target)&&ot(!0)},onFocusCapture:e=>{Wt(e.target)&&ot(!0)},onInputCapture:e=>{Wt(e.target)&&ot(!0)},style:Cr,children:i.jsx(Yn,{dir:W,lang:xe,content:String(g?.content??""),dragHandleAriaLabel:Y?.dragHandleAriaLabel??O.interactionTexts.dragHandleAriaLabel,locale:c,defaultButtonText:Pn.buttonText??"",defaultInputText:Pn.inputText??"",defaultSelectedValues:kr,confirmButtonText:Y?.confirmButtonText??O.interactionTexts.confirmButtonText,copyButtonText:Y?.copyButtonText??O.interactionTexts.copyButtonText,copiedButtonText:Y?.copiedButtonText??O.interactionTexts.copiedButtonText,onSend:Mr,onDragHandlePointerCancel:On,onDragHandlePointerDown:Ur,onDragHandlePointerMove:Hr,onDragHandlePointerUp:On,readonly:Tr,title:Y?.title??gt??O.interactionTexts.title})}):null,v?i.jsx(ro.PlayerKeyboardShortcutContext.Provider,{value:or,children:i.jsx(Qr.default,{dir:W==="auto"?tr:W,lang:xe,audioList:d,className:Ie.cn("absolute left-1/2 z-[2] -translate-x-1/2",Sn?"bottom-3":"-bottom-3",U,!D&&"pointer-events-none opacity-0"),currentAudioIndex:C,defaultPlaying:Et,enableKeyboardShortcuts:se,isPlaybackPaused:Z,isAutoAdvanceEnabled:Oe,locale:c,isInteractionOpen:fe,isSubtitleEnabled:dn,onAutoAdvanceToggle:ln,onLoadingChange:Br,onPlaybackStarted:()=>{nt(!0)},onPlaybackCheckpoint:({audioKey:e,isComplete:n,timeMs:r})=>{const s=d.findIndex(o=>o.audioKey===e),l=s>=0?d[s]:void 0;!l?.audioKey||!l.element||Wn?.({audioKey:l.audioKey,element:l.element,isComplete:n,stepIndex:X[s]??a,timeMs:r})},onPlaybackPreferenceChange:Rr,onPlaybackTimeChange:me.setTime,onSubtitleToggle:()=>{cr(e=>!e)},nextDisabled:!x,onEnded:Vr,onFullscreen:Lr,isFullscreen:yn,mobileViewMode:$,settingsPortalContainer:It.current,onMobileViewModeChange:Sr,onControlsPointerEnter:Kr,onControlsPointerLeave:jr,onNext:qr,onPrev:Dr,onSubtitleJump:Fr,canJumpToSubtitleTarget:Vt,prevDisabled:!nr,showControls:D,slideProgress:bt?{ariaLabel:O.slideProgressAriaLabel,currentIndex:a,onNavigate:Nr,totalSteps:sn}:null,subtitleSeekRequest:lr,playbackRestoreRequest:Ze&&Ze.audioKey===ut?.audioKey?{id:Ze.id,timeMs:Ze.timeMs}:null,onPlaybackRestoreComplete:e=>{Le.current?.id===e&&(Le.current=null,an(null))},texts:St,customActionContext:Ft,customActions:Ce,useAutoAdvanceToggle:Fe})}):null]})]})};exports.default=Eo;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),t=require("react"),Xr=require("../../lib/sandboxInteraction.cjs"),Ie=require("../../lib/utils.cjs"),zr=require("../../lib/useResolvedDirection.cjs"),Fn=require("../../lib/locale.cjs"),$r=require("../ui/loading-overlay-card.cjs"),Qr=require("../ContentRender/ContentRender.cjs"),Dn=require("../ContentRender/IframeSandbox.cjs");require("../ui/inputGroup/input-group.cjs");const yt=require("../../lib/mobileDevice.cjs"),Zr=require("./Player.cjs"),eo=require("./MarkdownSlideScaling.cjs"),to=require("./SubtitleOverlay.cjs"),no=require("./useSlide.cjs"),ro=require("./useWakePlayerFromIframe.cjs"),oo=require("./utils/playerKeyboardShortcutContext.cjs"),so=require("./utils/playerKeyboardShortcuts.cjs"),Ke=require("./utils/mobileScreenMode.cjs"),mt=require("./utils/interactionPlayback.cjs"),lo=require("./utils/markdownScaling.cjs"),Ut=require("./utils/playerNavigationContext.cjs"),ao=require("./utils/appendedMarkerAdvance.cjs"),qn=require("./utils/stepAudioProgress.cjs"),Nn=require("./utils/playbackSequence.cjs"),Ht=require("./utils/subtitleJumpNavigation.cjs"),Bn=require("./utils/playerCustomActions.cjs"),io=require("./utils/playbackTimeStore.cjs"),uo=require("./utils/interactionResolution.cjs"),co=require("./utils/playerToggleMode.cjs"),Vn=require("./utils/imageOnlyStepVisualReady.cjs"),fo=require("./utils/silentStepAutoAdvance.cjs"),Kn=require("./utils/playerVisibility.cjs"),Yn=require("./slideI18n.cjs");;/* empty css            */const Yt=require("../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.cjs"),yo=require("../../node_modules/lucide-react/dist/esm/icons/chevron-left.cjs"),mo=2e3,po=300,ho=160,go=16,jn=3e3,pt={x:0,y:0},Wt=.5,So=typeof window>"u"?t.useEffect:t.useLayoutEffect,bo=["button","input","textarea",'[contenteditable=""]','[contenteditable="true"]','[contenteditable="plaintext-only"]'].join(", "),Jt="waitingForAudio",vo=({x:u,y:c})=>({x:Number(u.toFixed(2)),y:Number(c.toFixed(2))}),Un=u=>Math.abs(u)>=Wt,Hn=(u,c)=>Math.abs(u.x-c.x)<Wt&&Math.abs(u.y-c.y)<Wt,Io=(u,c)=>typeof u=="string"?u:u[c]??u[Jt]??Yn.DEFAULT_SLIDE_BUFFERING_TEXTS[c],Ao=(u,c)=>typeof u=="string"?u:{...c,...u},Co=(u,c)=>c?u!=="loadingAudio":!1,Gn=t.memo(({content:u,title:c,dragHandleAriaLabel:U,locale:Ae,dir:H,lang:Y,defaultButtonText:Ce,defaultInputText:se,defaultSelectedValues:je,confirmButtonText:ht,copyButtonText:G,copiedButtonText:gt,onSend:Ee,onDragHandlePointerCancel:Ue,onDragHandlePointerDown:St,onDragHandlePointerMove:bt,onDragHandlePointerUp:He,readonly:Ye=!1})=>i.jsxs("div",{className:"slide-player__interaction-card",children:[i.jsx("button",{type:"button",className:"slide-player__interaction-drag-handle","aria-label":U,onPointerCancel:Ue,onPointerDown:St,onPointerMove:bt,onPointerUp:He,children:i.jsxs("span",{className:"slide-player__interaction-drag-handle-icon",children:[i.jsx(Yt.default,{"aria-hidden":"true"}),i.jsx(Yt.default,{"aria-hidden":"true"}),i.jsx(Yt.default,{"aria-hidden":"true"})]})}),i.jsx("div",{className:"slide-player__interaction-header",children:i.jsx("p",{className:"slide-player__interaction-title",children:c})}),i.jsx("div",{className:"slide-player__interaction-body",children:i.jsx(Qr.default,{content:u,locale:Ae,dir:H,lang:Y,defaultButtonText:Ce,defaultInputText:se,defaultSelectedValues:je,confirmButtonText:ht,copyButtonText:G,copiedButtonText:gt,onSend:Ee,readonly:Ye,sandboxMode:"content"})})]}));Gn.displayName="InteractionOverlayCard";const Eo=(u,c)=>u.length===c.length&&u.every((U,Ae)=>{const H=c[Ae];return U.sequence_number===H?.sequence_number&&U.type===H?.type&&U.content===H?.content}),Gt=u=>u instanceof HTMLElement&&!!u.closest(bo),xo=({elementList:u=[],locale:c,playerEnabled:U,playerControlsVisibility:Ae,playerClassName:H,fullscreenHeader:Y,playerCustomActions:Ce,playerCustomActionPauseOnActive:se=!0,bufferingText:je,interactionTitle:ht,interactionTexts:G,playerTexts:gt,playerAutoHideDelay:Ee=3e3,markerAutoAdvanceDelay:Ue=mo,showSlideProgress:St=!1,isSlideProgressGenerating:bt=!1,onSlideProgressNavigate:He,interactionDefaultValueOptions:Ye,onSend:Xt,onPlayerVisibilityChange:vt,onMobileViewModeChange:zt,onStepChange:$t,onPlaybackCheckpoint:Wn,playbackRestoreRequest:N=null,enableKeyboardShortcuts:le=!0,enableIframeScaling:Jn=!0,enableMarkdownScaling:Xn=!0,disableLoadingOverlay:M=!1,className:zn,dir:$n,lang:Qn,onPointerDown:Qt,onFocusCapture:Zt,...Zn})=>{const W=$n??Fn.getMarkdownFlowDirection(c),xe=Qn??Fn.getMarkdownFlowLanguage(c),_=t.useMemo(()=>Yn.getSlideLocaleTexts(c),[c]),er=t.useMemo(()=>Ao(je,_.bufferingText),[je,_.bufferingText]),{playerEnabled:tr,playerControlsVisibility:J}=Kn.resolveSlidePlayerVisibility({playerEnabled:U,playerControlsVisibility:Ae}),Ge=t.useId(),ae=t.useRef(null),{resolvedDirection:nr}=zr.useResolvedDirection(ae,W),It=t.useRef(null),We=t.useRef(null),en=t.useRef(null),ie=t.useRef(null),Je=t.useRef(!1),we=t.useRef(null),Xe=t.useRef(null),X=t.useRef(null),Re=t.useRef(null),Pe=t.useRef(null),ue=t.useRef(null),ke=t.useRef(null),tn=t.useRef([]),ce=t.useRef(!1),B=t.useRef(null),Te=t.useRef(null),nn=t.useRef(0),At=t.useRef(null),rn=t.useRef({markerCount:0,currentIndex:-1,canGoNext:!1}),Ct=t.useRef(!1),{currentElementList:E,stepElementLists:on,slideElementList:p,currentIndex:a,audioList:d,audioSlideIndexes:z,currentAudioSequenceIndexes:ze,currentStepHasSpeakableElement:b,currentInteractionElement:f,canGoPrev:rr,canGoNext:x,handlePrev:sn,handleNext:O,handleGoTo:de}=no.default(u),Me=t.useMemo(()=>{if(!(a<0))return p[a]},[a,p]),fe=t.useMemo(()=>E.map((e,n)=>`${e.sequence_number??`${e.type}-${n}`}:${String(e.is_new??"")}`),[E]),ln=p.length,or=ln===1,v=tr&&(p.length>0||d.length>0||!!f),sr=t.useMemo(()=>({enabled:le,ownerId:Ge}),[le,Ge]),V=t.useCallback(()=>{!le||!v||so.activatePlayerKeyboardShortcutOwner(Ge)},[le,Ge,v]),w=t.useMemo(()=>ze.map(e=>d[e]?.audioKey).filter(e=>!!e),[d,ze]),[lr,_e]=t.useState(!0),[$e,$]=t.useState(!1),[Et,xt]=t.useState(!0),[Oe,an]=t.useState(!0),[I,L]=t.useState(null),[Qe,un]=t.useState(null),Le=t.useRef(null),cn=t.useRef(null),[ar,dn]=t.useState(null),[ir,h]=t.useState(!1),[ur,wt]=t.useState(Jt),[R,Ze]=t.useState(!1),et=t.useRef(new Set),[cr,tt]=t.useState(!1),[fn,dr]=t.useState(!0),[Rt,Pt]=t.useState(!1),[g,kt]=t.useState(),[ye,nt]=t.useState(!1),[yn,rt]=t.useState(!1),[A,Tt]=t.useState(pt),[Mt,_t]=t.useState(!1),[fr,me]=t.useState(0),[mn,yr]=t.useState(!1),F=t.useMemo(()=>yt.isMobileDevice(),[]),[ot,Ot]=t.useState(Ke.DEFAULT_MOBILE_VIEW_MODE),[pn,Lt]=t.useState(!1),[mr,hn]=t.useState(()=>F?yt.isLandscapeViewport():!1),pe=t.useMemo(()=>io.createPlaybackTimeStore(),[]),{effectiveMobileViewMode:Q,isImmersiveMobileFullscreen:he,isNativeMobileFullscreen:gn,shouldRotateFullscreenViewport:pr}=t.useMemo(()=>Ke.resolveMobileViewModeState({hasManualMobileViewMode:pn,isMobileDevice:F,mobileViewMode:ot}),[pn,F,mr,ot]),Sn=t.useRef(Q),{controlsVisible:D,layoutReserved:st}=Kn.resolveSlidePlayerLayoutState({isAutoVisible:lr,playerControlsVisibility:J,shouldMountPlayer:v}),hr=he&&D,gr=he&&st,Sr=he||gn,bn=mn&&!F,br=t.useCallback(e=>{Lt(!0),Ot(e)},[]),vn=t.useCallback(()=>{Lt(!1),Ot(Ke.DEFAULT_MOBILE_VIEW_MODE)},[]),vr=t.useCallback(()=>{vn(),Y?.onBack?.()},[Y,vn]),P=t.useCallback(()=>{X.current!==null&&(window.clearTimeout(X.current),X.current=null)},[]),k=t.useCallback(()=>{Re.current!==null&&(window.clearTimeout(Re.current),Re.current=null)},[]),lt=t.useCallback(()=>{P(),k(),nt(!1),me(0)},[P,k]),at=t.useCallback(e=>{e&&lt(),Pt(e)},[lt]),In=t.useCallback(()=>{lt(),Pt(e=>!e)},[lt]),Z=t.useCallback(()=>{Tt(e=>e.x===pt.x&&e.y===pt.y?e:pt),_t(!1),ke.current=null,ue.current=null},[]),{mountedStepStates:Ir,currentMountedStateIndex:Ar}=t.useMemo(()=>{const e=[],n=new Map;return on.forEach((r,s)=>{const l=e.findIndex(o=>Eo(o.elementList,r));if(l>=0){e[l]?.sourceStepIndexes.push(s),n.set(s,l);return}e.push({elementList:r,sourceStepIndexes:[s]}),n.set(s,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:a>=0?n.get(a)??-1:-1}},[a,on]),An=t.useMemo(()=>String(a),[a]),C=t.useMemo(()=>I?d.findIndex(e=>(e.audioKey??"")===I):-1,[d,I]),it=t.useMemo(()=>C>=0?d[C]:void 0,[d,C]);t.useEffect(()=>{if(!N||N.id===cn.current)return;const e=d.findIndex(r=>r.audioKey===N.audioKey);if(e<0)return;const n=z[e];n!=null&&(cn.current=N.id,xt(!0),L(N.audioKey),Le.current=N,un(N),a!==n&&de(n))},[d,z,a,de,N]);const Cr=it?.element?.subtitle_cues??[],ut=t.useMemo(()=>w[0]??"none",[w]),Ft=t.useMemo(()=>({currentElement:Bn.resolvePlayerCustomActionElement({currentAudioIndex:C,currentAudioSequenceIndexes:ze,audioList:d,currentInteractionElement:g,currentStepElement:Me}),currentIndex:a,currentStepElement:Me,isActive:Rt,setActive:at,toggleActive:In}),[g,d,C,ze,a,Me,Rt,at,In]),ct=t.useMemo(()=>Bn.getPlayerCustomActionCount(Ce,Ft),[Ft,Ce]),Dt=ct>0,qt=Dt&&Rt,Er=t.useMemo(()=>({"--slide-player-custom-action-count":String(ct),"--slide-player-mobile-control-count":String(ct+4),"--slide-interaction-drag-x":`${A.x}px`,"--slide-interaction-drag-y":`${A.y}px`}),[A.x,A.y,ct]),Cn=w.length>0,En=t.useMemo(()=>f?`${f.sequence_number??"none"}:${String(f.content??"")}`:"none",[f]),ge=t.useMemo(()=>[An,En].join("|"),[En,An]),xr=t.useMemo(()=>[ge,it?.audioKey??"none",String(C)].join("|"),[C,it?.audioKey,ge]),xn=!!t.useMemo(()=>!ut||ut==="none"?"":d.find(n=>n.audioKey===ut)?.audioUrl?.trim()??"",[d,ut]),ee=se&&qt,Fe=t.useMemo(()=>co.shouldUseAutoAdvanceToggle({canGoNext:x,currentAudioIndex:C,currentStepHasSpeakableElement:b,hasInteraction:!!f}),[x,C,f,b]),wn=t.useMemo(()=>fo.resolveSilentStepAutoAdvanceBehavior({currentElementList:E,currentStepHasSpeakableElement:b,currentInteractionElement:f,markerAutoAdvanceDelay:Ue}),[E,f,b,Ue]),Rn=wn.delayMs,De=wn.usesImageOnlyDelay,Nt=t.useMemo(()=>`${a}:${fe.join("|")}`,[a,fe]),[wr,Rr]=t.useState(null),Pn=!De||wr===Nt,q=t.useCallback(()=>{ie.current!==null&&(window.clearTimeout(ie.current),ie.current=null)},[]),Se=t.useCallback(()=>{we.current!==null&&(window.clearTimeout(we.current),we.current=null)},[]),K=t.useCallback(()=>{Xe.current!==null&&(window.clearTimeout(Xe.current),Xe.current=null)},[]),T=t.useCallback((e={})=>{Se(),P(),k(),K(),L(null),pe.reset(),h(!1),wt(Jt),Ze(!1),et.current=new Set,tt(!1),dn(null),e.preservePendingSubtitleJump||(Te.current=null),kt(void 0),nt(!1),me(0)},[Se,K,P,k,pe]),dt=t.useCallback(e=>{nn.current+=1,dn({...e,id:nn.current})},[]),be=t.useCallback(()=>{const e=qn.resolvePendingStepAudioKey(w,et.current);return e?(L(e),!0):!1},[w]),qe=t.useCallback(()=>{P(),k(),nt(!1),me(0),!be()&&x&&O()},[x,P,k,O,be]),kn=t.useCallback(e=>{if(k(),!e)return;const n=()=>{Re.current=null,me(ho),nt(!0),B.current=null};Re.current=window.setTimeout(n,po)},[k]),Bt=t.useCallback(()=>Je.current||!!ae.current?.querySelector(".slide-player__controls:hover"),[]),y=t.useCallback((e=$e)=>{!v||J==="hidden"||(_e(!0),q(),!(J==="visible"||!e||Ee<=0||Bt())&&(ie.current=window.setTimeout(()=>{if(Bt()){ie.current=null;return}_e(!1),ie.current=null},Ee)))},[q,$e,Bt,Ee,J,v]),Ne=!!Ht.hasResolvedInteractionElement(f),te=!!f&&!Ne,Pr=t.useCallback(e=>{xt(e)},[]),j=t.useCallback(e=>{e&&xt(e.shouldContinuePlayback)},[]);t.useEffect(()=>{an(Et)},[a,Et,se]),t.useEffect(()=>{se&&at(!1)},[a,se,at]),t.useEffect(()=>{Dt||Pt(!1)},[Dt]),t.useEffect(()=>()=>{Se(),K(),q(),P(),k()},[Se,K,P,k,q]),t.useEffect(()=>{if(!De){K();return}let e=!1,n=null,r=null;const s=()=>{r?.(),r=null},l=()=>{e||(s(),K(),Rr(Nt))},o=()=>{if(e)return;s();const m=We.current?.querySelector('[data-active-step="true"]');if(!m)return;const S=Array.from(m.querySelectorAll("iframe"));if(S.length===0||Vn.areImageOnlyStepIframeVisualsReady(S)){l();return}const ne=[],Ve=()=>{e||(n!==null&&window.cancelAnimationFrame(n),n=window.requestAnimationFrame(()=>{n=null,o()}))},jt=(re,ve,oe)=>{re.addEventListener(ve,oe,{once:!0}),ne.push(()=>re.removeEventListener(ve,oe))};S.forEach(re=>{const ve=re.contentDocument;if(!ve||ve.readyState!=="complete"){jt(re,"load",Ve);return}Array.from(ve.images).filter(oe=>!oe.complete).forEach(oe=>{jt(oe,"load",Ve),jt(oe,"error",Ve)})}),r=()=>{ne.forEach(re=>re())}};return n=window.requestAnimationFrame(()=>{n=null,o()}),Xe.current=window.setTimeout(()=>{l()},Vn.DEFAULT_IMAGE_ONLY_VISUAL_READY_TIMEOUT_MS),()=>{e=!0,s(),K(),n!==null&&window.cancelAnimationFrame(n)}},[K,E,a,Nt,De]),t.useEffect(()=>(vt?.(D),()=>{vt?.(!1)}),[vt,D]),t.useEffect(()=>{D||(Je.current=!1)},[D]),t.useEffect(()=>{F||ot===Ke.DEFAULT_MOBILE_VIEW_MODE||(Lt(!1),Ot(Ke.DEFAULT_MOBILE_VIEW_MODE))},[F,ot]),t.useEffect(()=>{if(!F){hn(!1);return}const e=()=>{hn(yt.isLandscapeViewport()),Z()},n=()=>{Z()};e(),window.addEventListener("orientationchange",n),window.screen?.orientation?.addEventListener?.("change",n);const r=yt.subscribeMobileDeviceChange(e);return()=>{r(),window.removeEventListener("orientationchange",n),window.screen?.orientation?.removeEventListener?.("change",n)}},[F,Z]),t.useEffect(()=>{zt?.(Q)},[Q,zt]),t.useEffect(()=>{Sn.current!==Q&&Z(),Sn.current=Q},[Q,Z]),t.useEffect(()=>{$t?.(Me,a)},[a,Me,$t]),t.useEffect(()=>{const e=rn.current,n=ao.shouldAutoAdvanceIntoAppendedMarker({previousMarkerCount:e.markerCount,nextMarkerCount:p.length,previousIndex:e.currentIndex,previousCanGoNext:e.canGoNext,nextCanGoNext:x,currentAudioKey:I,hasCompletedCurrentStepAudio:R,hasResolvedCurrentInteraction:Ne,currentStepHasSpeakableElement:b,currentInteractionElement:f,isAutoAdvanceEnabled:Oe,shouldUseSilentStepAutoAdvanceToggle:Fe});rn.current={markerCount:p.length,currentIndex:a,canGoNext:x},n&&O()},[x,I,a,f,b,O,R,Ne,Oe,Fe,p.length]),t.useEffect(()=>{if(!v||J==="hidden"){q(),_e(!1);return}if(J==="visible"){q(),_e(!0);return}$e||y(!0)},[q,$e,J,v,y]),t.useEffect(()=>{if(typeof window>"u")return;const e=n=>{n.origin===window.location.origin&&Xr.isSandboxInteractionMessage(n.data)&&n.data.eventType==="click"&&v&&(V(),$(!0),y(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[V,v,y]),ro.default({sectionRef:ae,enabled:v,keyboardShortcutsEnabled:le,onKeyboardShortcut:V,onWake:()=>{V(),$(!0),y(!0)}}),t.useEffect(()=>{if(!v){T();return}if(Le.current){At.current=ge;return}const{hasPlaybackContextChanged:e,shouldInitializeAudioSequence:n}=Nn.getPlaybackSequenceTransition({previousResetKey:At.current,nextResetKey:ge,currentAudioKey:I,hasCompletedCurrentStepAudio:R});At.current=ge;const r=B.current===a&&!!f,s=mt.shouldPresentInteractionOverlay({hasInteraction:!!f,shouldBlockPlaybackForInteraction:te,shouldOpenInteractionOverlayAfterAudio:r,hasPlaybackContextChanged:e,hasResolvedCurrentInteraction:Ne,currentStepHasSpeakableElement:b,isPlayerCustomActionActive:qt}),l=Te.current,o=l?.slideIndex===a;if(e&&T({preservePendingSubtitleJump:o}),!(E.length===0&&!f)&&!ee){if(l?.slideIndex===a&&Ht.canReachSubtitleJumpTarget({currentIndex:a,resolvedCurrentInteractionElement:g,slideElementList:p,targetSlideIndex:l.slideIndex})){Te.current=null,Ct.current=!0,L(l.audioKey),dt({audioIndex:l.audioIndex,timeMs:l.timeMs});return}if(f&&kt(f),s){kn(f);return}if(k(),B.current=null,!te&&n&&!be()){if(b){if(M){h(!1);return}h(!0);return}if(x&&!(Fe&&!Oe)&&!(De&&!Pn))return we.current=window.setTimeout(()=>{we.current=null,O()},Rn),()=>{Se()}}}},[g,x,Se,E.length,a,f,I,ge,b,De,Pn,Rn,O,R,M,Oe,Ne,qt,te,k,T,dt,kn,v,p,be,ee,Fe]),t.useEffect(()=>{if(M||ee||!b||te){h(!1);return}if(R){h(!1);return}if(Cn){h(!1);return}wt("waitingForAudio"),h(!0)},[Cn,b,R,M,ee,te]),t.useEffect(()=>{R&&qn.hasUnplayedStepAudio(w,et.current)&&Ze(!1)},[w,R]),t.useEffect(()=>{if(Le.current)return;const e=Ct.current;Ct.current=!1,Nn.shouldStartDefaultAudioSequence({currentAudioKey:I,currentAudioSequenceLength:w.length,currentStepHasSpeakableElement:b,hasCompletedCurrentStepAudio:R,shouldBlockPlaybackForInteraction:te,shouldPausePlaybackForCustomAction:ee,shouldSkipDefaultAudioStart:e})&&be()},[I,w,b,R,ee,te,be]),t.useEffect(()=>{!I||C>=0||L(null)},[C,I]),t.useEffect(()=>{C>=0||pe.reset()},[C,pe]),t.useEffect(()=>{tt(!1)},[xr]);const{interactionDefaults:Tn,interactionDefaultSelectedValues:kr,hasResolvedInteractionInput:Mn,isInteractionReadonly:Tr,shouldAutoContinueInteraction:_n}=t.useMemo(()=>uo.resolveSlideInteractionState(g,{interactionDefaultValueOptions:Ye}),[g,Ye]),Mr=!!g?.readonly||Tr,Be=mt.shouldRenderInteractionOverlay({hasActiveInteraction:!!g,isInteractionOverlayOpen:ye}),_r=t.useCallback(e=>{const r=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");kt(s=>!s||!r?s:{...s,user_input:r}),Xt?.(e,g),qe()},[g,qe,Xt]);t.useEffect(()=>{const e=()=>{yr(document.fullscreenElement===ae.current)};return e(),document.addEventListener("fullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e)}},[]),t.useEffect(()=>{g&&ye||rt(!1)},[g,ye]),t.useEffect(()=>{Z()},[g,Z]),t.useEffect(()=>{if(!Be){me(0);return}const e=Pe.current;if(!e)return;const n=()=>{const s=Math.ceil(e.getBoundingClientRect().height);me(s+go)};if(n(),typeof ResizeObserver>"u")return;const r=new ResizeObserver(()=>{n()});return r.observe(e),()=>{r.disconnect()}},[Be]),t.useEffect(()=>{if(P(),!!ye){if(_n)return X.current=window.setTimeout(()=>{X.current=null,qe()},jn),()=>{P()};if(!(yn||!Mn))return X.current=window.setTimeout(()=>{X.current=null,qe()},jn),()=>{P()}}},[P,qe,yn,Mn,ye,_n]);const Or=(e,n={})=>e?e.type==="slot"?i.jsx(i.Fragment,{children:e.content}):e.type==="html"?i.jsx(Dn.default,{className:"content-render-iframe",disableLoadingOverlay:M,hideFullScreen:!0,locale:c,dir:W,lang:xe,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content,enableScaling:Jn}):i.jsx(Dn.default,{className:"content-render-iframe",disableLoadingOverlay:M,hideFullScreen:!0,locale:c,dir:W,lang:xe,mode:"blackboard",type:"markdown",content:e.content}):null,Lr=(e=[],n=!1)=>{if(e.length===0)return null;const r=e.filter(o=>o.is_renderable!==!1).length,s=n&&Xn?lo.resolveMarkdownScalingMode(e):"disabled",l=e.reduce((o,m,S)=>m.is_renderable!==!1?S:o,-1);return i.jsx(eo.default,{className:"slide-stage__content flex w-full flex-col gap-4",mode:s,children:e.map((o,m)=>{const S=o.type==="html"&&o.is_renderable===!1;return i.jsx("div",{ref:n&&m===l?en:null,"aria-hidden":S||void 0,className:Ie.cn("w-full shrink-0",r===1&&o.is_renderable!==!1&&"slide-element--single",S?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":o.is_renderable===!1&&"hidden"),children:Or(o,{replaceRootScreenHeightWithFull:r===1&&o.type==="html"&&o.is_renderable!==!1})},o.sequence_number??`${o.type}-${m}`)})})},Fr=t.useCallback(()=>{const e=ae.current;if(e){if(document.fullscreenElement===e){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},[]),On=t.useCallback(()=>{const e=We.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),Vt=t.useCallback(e=>Ht.canReachSubtitleJumpTarget({currentIndex:a,resolvedCurrentInteractionElement:g,slideElementList:p,targetSlideIndex:z[e.audioIndex]}),[g,z,a,p]),Dr=t.useCallback((e,n)=>{const s=d[e.audioIndex]?.audioKey,l=z[e.audioIndex];return!s||l==null||!Vt(e)?!1:(j(n),B.current=null,h(!1),Ze(!1),tt(!1),Ut.shouldWakePlayerControlsAfterNavigation(n)&&($(!0),y(!0)),l===a?(Te.current=null,T(),L(s),dt(e),!0):(ce.current=!0,T(),Te.current={audioIndex:e.audioIndex,audioKey:s,slideIndex:l,timeMs:e.timeMs},de(l),!0))},[d,z,Vt,a,de,dt,T,y,j]),qr=t.useCallback(e=>{j(e),ce.current=!0,B.current=null,h(!1),Ut.shouldWakePlayerControlsAfterNavigation(e)&&($(!0),y(!0)),T(),sn()},[sn,T,y,j]),Nr=t.useCallback(e=>{j(e),ce.current=!0,B.current=null,h(!1),Ut.shouldWakePlayerControlsAfterNavigation(e)&&($(!0),y(!0)),T(),O()},[O,T,y,j]),Br=t.useCallback((e,n)=>{e<0||e>=p.length||e===a||(j(n),ce.current=!0,B.current=null,h(!1),$(!0),y(!0),T(),de(e),He?.(p[e],e))},[a,de,He,T,y,p,j]),Vr=t.useCallback(({loading:e,reason:n})=>{if(M){h(!1);return}if(!b||R){h(!1);return}e&&n&&wt(n),h(Co(n,e))},[b,R,M]);t.useEffect(()=>{M&&h(!1)},[M]);const Kr=t.useCallback(e=>{const n=d[e]?.audioKey;if(!n||!I||n!==I)return;et.current.add(n);const r=w.findIndex(o=>o===n);if(r<0){L(null);return}const s=r+1,l=w[s];if(l){L(l);return}if(L(null),Ze(!0),h(!1),x){const o=a+1,m=p[o];xn&&m?.type==="interaction"&&(B.current=o),O();return}},[d,x,a,I,w,O,xn,p]),jr=t.useCallback(()=>{Je.current=!0,q(),v&&_e(!0)},[q,v]),Ur=t.useCallback(()=>{Je.current=!1,y(!0)},[y]),Kt=t.useCallback(e=>{e.stopPropagation(),D&&y(!0)},[D,y]),ft=t.useCallback((e,n)=>{const r=It.current;if(!r)return null;const s=e.getBoundingClientRect(),l=r.getBoundingClientRect();return{minX:n.x+l.left-s.left,maxX:n.x+l.right-s.right,minY:n.y+l.top-s.top,maxY:n.y+l.bottom-s.bottom}},[]);So(()=>{const e=Pe.current;if(!Be||!e){ue.current=null;return}const n=ue.current,r=e.getBoundingClientRect();if(!n||Mt){ue.current={left:r.left,top:r.top};return}const s=n.left-r.left,l=n.top-r.top;if(!Un(s)&&!Un(l)){ue.current={left:r.left,top:r.top};return}const o={x:A.x+s,y:A.y+l},m=ft(e,A),S=vo(m?mt.clampInteractionOverlayDragOffset(o,m):o);ue.current={left:r.left+S.x-A.x,top:r.top+S.y-A.y},Hn(S,A)||Tt(ne=>Hn(ne,S)?ne:S)},[ft,A,Mt,st,Be]);const Hr=t.useCallback(e=>{if(Kt(e),e.button!==0||!e.currentTarget.isConnected||!Pe.current)return;const n=ft(Pe.current,A);n&&(e.preventDefault(),e.currentTarget.hasPointerCapture?.(e.pointerId)!==!0&&e.currentTarget.setPointerCapture(e.pointerId),ke.current={pointerId:e.pointerId,startClientX:e.clientX,startClientY:e.clientY,startOffset:A,bounds:n},_t(!0))},[ft,A,Kt]),Yr=t.useCallback(e=>{const n=ke.current;!n||n.pointerId!==e.pointerId||(e.preventDefault(),e.stopPropagation(),Tt(mt.clampInteractionOverlayDragOffset({x:n.startOffset.x+e.clientX-n.startClientX,y:n.startOffset.y+e.clientY-n.startClientY},n.bounds)))},[]),Ln=t.useCallback(e=>{const n=ke.current;!n||n.pointerId!==e.pointerId||(e.stopPropagation(),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId),ke.current=null,_t(!1))},[]),Gr=t.useCallback(e=>{V(),Qt?.(e)},[V,Qt]),Wr=t.useCallback(e=>{V(),Zt?.(e)},[V,Zt]),Jr=t.useCallback(()=>{$(!0),y(!0)},[y]);return t.useEffect(()=>{const e=tn.current,s=(e.length>0&&e.length<fe.length&&e.every((o,m)=>o===fe[m])?E.slice(e.length):[]).some(o=>o.is_new===!1);if(tn.current=fe,!s)return;const l=window.requestAnimationFrame(()=>{const o=We.current,m=en.current;if(!o||!m)return;const S=o.getBoundingClientRect(),ne=m.getBoundingClientRect(),Ve=o.scrollTop+(ne.top-S.top);o.scrollTo({top:Math.max(Ve,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(l)}},[E,fe]),t.useEffect(()=>{if(!ce.current||(ce.current=!1,E.length===0))return;const e=window.requestAnimationFrame(()=>{On()});return()=>{window.cancelAnimationFrame(e)}},[E,On]),i.jsxs("section",{ref:ae,className:Ie.cn("relative h-full w-full",F&&"slide--mobile-device",bn&&"slide--browser-fullscreen",he&&"slide--mobile-landscape",gn&&"slide--mobile-landscape-native",zn),dir:W,lang:xe,onClick:Jr,onFocusCapture:Wr,onPointerDown:Gr,...Zn,children:[Sr?i.jsx("div",{"aria-hidden":"true",className:"pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"}):null,i.jsxs("div",{ref:It,className:Ie.cn("slide__viewport relative h-full min-h-0 w-full",he&&"slide__viewport--mobile-landscape",he&&!pr&&"slide__viewport--mobile-landscape-native"),children:[hr?i.jsxs("div",{className:"slide-landscape-header",children:[i.jsx("button",{"aria-label":Y?.backAriaLabel??_.fullscreenBackAriaLabel,className:"slide-landscape-header__back",onClick:vr,type:"button",children:i.jsx(yo.default,{className:"slide-landscape-header__icon h-6 w-6",strokeWidth:2.25})}),Y?.content?i.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:Y.content}):null]}):null,i.jsx("div",{className:Ie.cn("h-full min-h-0 w-full",gr&&"slide__viewport-content--with-header",or?"slide-content--single":"grid gap-4"),children:E.length>0?i.jsx("div",{className:"slide-stage",children:i.jsx("div",{ref:We,className:"slide-stage__layer w-full",children:Ir.map((e,n)=>{const r=n===Ar;return i.jsx("div",{"data-active-step":r?"true":void 0,"aria-hidden":!r||void 0,className:"w-full h-full",style:{display:r?void 0:"none"},children:Lr(e.elementList,r)},e.sourceStepIndexes[0]??n)})})}):null}),ir?i.jsx($r.default,{message:Io(er,ur),className:"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"}):null,i.jsx(to.default,{extraBottomOffset:fr,hasPlayerGap:st,isEnabled:fn&&cr,playbackTimeStore:pe,subtitleCues:Cr}),Be?i.jsx("div",{ref:Pe,"data-player-keyboard-shortcuts-ignore":"true",className:Ie.cn("slide-interaction-overlay",st?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone",Mt&&"slide-interaction-overlay--dragging"),onClick:Kt,onPointerDownCapture:e=>{Gt(e.target)&&rt(!0)},onFocusCapture:e=>{Gt(e.target)&&rt(!0)},onInputCapture:e=>{Gt(e.target)&&rt(!0)},style:Er,children:i.jsx(Gn,{dir:W,lang:xe,content:String(g?.content??""),dragHandleAriaLabel:G?.dragHandleAriaLabel??_.interactionTexts.dragHandleAriaLabel,locale:c,defaultButtonText:Tn.buttonText??"",defaultInputText:Tn.inputText??"",defaultSelectedValues:kr,confirmButtonText:G?.confirmButtonText??_.interactionTexts.confirmButtonText,copyButtonText:G?.copyButtonText??_.interactionTexts.copyButtonText,copiedButtonText:G?.copiedButtonText??_.interactionTexts.copiedButtonText,onSend:_r,onDragHandlePointerCancel:Ln,onDragHandlePointerDown:Hr,onDragHandlePointerMove:Yr,onDragHandlePointerUp:Ln,readonly:Mr,title:G?.title??ht??_.interactionTexts.title})}):null,v?i.jsx(oo.PlayerKeyboardShortcutContext.Provider,{value:sr,children:i.jsx(Zr.default,{dir:W==="auto"?nr:W,lang:xe,audioList:d,className:Ie.cn("absolute left-1/2 z-[2] -translate-x-1/2",bn?"bottom-3":"-bottom-3",H,!D&&"pointer-events-none opacity-0"),currentAudioIndex:C,defaultPlaying:Et,enableKeyboardShortcuts:le,isPlaybackPaused:ee,isAutoAdvanceEnabled:Oe,locale:c,isInteractionOpen:ye,isSubtitleEnabled:fn,onAutoAdvanceToggle:an,onLoadingChange:Vr,onPlaybackStarted:()=>{tt(!0)},onPlaybackCheckpoint:({audioKey:e,isComplete:n,timeMs:r})=>{const s=d.findIndex(o=>o.audioKey===e),l=s>=0?d[s]:void 0;!l?.audioKey||!l.element||Wn?.({audioKey:l.audioKey,element:l.element,isComplete:n,stepIndex:z[s]??a,timeMs:r})},onPlaybackPreferenceChange:Pr,onPlaybackTimeChange:pe.setTime,onSubtitleToggle:()=>{dr(e=>!e)},nextDisabled:!x,onEnded:Kr,onFullscreen:Fr,isFullscreen:mn,mobileViewMode:Q,settingsPortalContainer:It.current,onMobileViewModeChange:br,onControlsPointerEnter:jr,onControlsPointerLeave:Ur,onNext:Nr,onPrev:qr,onSubtitleJump:Dr,canJumpToSubtitleTarget:Vt,prevDisabled:!rr,showControls:D,slideProgress:St?{ariaLabel:_.slideProgressAriaLabel,currentIndex:a,generatingLabel:_.slideProgressGeneratingLabel,isGenerating:bt,onNavigate:Br,totalSteps:ln}:null,subtitleSeekRequest:ar,playbackRestoreRequest:Qe&&Qe.audioKey===it?.audioKey?{id:Qe.id,timeMs:Qe.timeMs}:null,onPlaybackRestoreComplete:e=>{Le.current?.id===e&&(Le.current=null,un(null))},texts:gt,customActionContext:Ft,customActions:Ce,useAutoAdvanceToggle:Fe})}):null]})]})};exports.default=xo;
 //# sourceMappingURL=Slide.cjs.map