List - People Timeline

{#each filteredPeople as person (person.id)}

(selectedPerson = person)} on:keydown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); selectedPerson = person; } }} >

{person.name}

{person.born ? formatYear(person.born) : '?'} - {person.died ? formatYear(person.died) : 'present'}

{#if person.died && person.born}

({Math.abs(person.died - person.born)} years)

{/if}

{/each}

{selectedPerson.name}

{#if selectedPerson.born || selectedPerson.died} {selectedPerson.born ? formatYear(selectedPerson.born) : '?'} - {selectedPerson.died ? formatYear(selectedPerson.died) : 'present'} {#if selectedPerson.died && selectedPerson.born}
({Math.abs(selectedPerson.died - selectedPerson.born)} years old) {/if} {/if}

People ({filteredPeople.length})

{person.name}