{#if isOpen}
e.stopPropagation()} role="dialog" aria-modal="true" transition:cloudMaterialize>
{steps[currentStep].title}
×
{@html steps[currentStep].content} {#if steps[currentStep].sgfUrl === '/simplecapture.sgf' && singleCaptureData}
resetMoves('single')} disabled={singleCaptureMoveIndex === 0} title="Reset to start" > ⏮
prevMove('single')} disabled={singleCaptureMoveIndex === 0} title="Previous move" > ◀
Move {singleCaptureMoveIndex} / {singleCaptureData.moves.length}
nextMove('single')} disabled={singleCaptureMoveIndex === singleCaptureData.moves.length} title="Next move" > ▶
singleCaptureMoveIndex = singleCaptureData!.moves.length} disabled={singleCaptureMoveIndex === singleCaptureData.moves.length} title="Jump to end" > ⏭
{/if} {#if steps[currentStep].sgfUrl === '/3stonecapture.sgf' && groupCaptureData}
resetMoves('group')} disabled={groupCaptureMoveIndex === 0} title="Reset to start" > ⏮
prevMove('group')} disabled={groupCaptureMoveIndex === 0} title="Previous move" > ◀
Move {groupCaptureMoveIndex} / {groupCaptureData.moves.length}
nextMove('group')} disabled={groupCaptureMoveIndex === groupCaptureData.moves.length} title="Next move" > ▶
groupCaptureMoveIndex = groupCaptureData!.moves.length} disabled={groupCaptureMoveIndex === groupCaptureData.moves.length} title="Jump to end" > ⏭
{/if} {#if steps[currentStep].sgfUrl === '/scoringdemo.sgf' && scoringDemoData}
resetMoves('scoring')} disabled={scoringDemoMoveIndex === 0} title="Reset to start" > ⏮
prevMove('scoring')} disabled={scoringDemoMoveIndex === 0} title="Previous move" > ◀
Move {scoringDemoMoveIndex} / {scoringDemoData.moves.length}
nextMove('scoring')} disabled={scoringDemoMoveIndex === scoringDemoData.moves.length} title="Next move" > ▶
scoringDemoMoveIndex = scoringDemoData!.moves.length} disabled={scoringDemoMoveIndex === scoringDemoData.moves.length} title="Jump to end" > ⏭
{/if}
{/if}