{m.page_title_persons()}

(qFocused = true)} onblur={() => (qFocused = false)} class="block w-56 rounded-sm border border-line bg-surface py-2.5 pr-10 pl-4 font-sans text-sm text-ink placeholder-ink-3 shadow-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring" />

{#if data.canWrite} {m.persons_btn_new()} {/if}

{#if data.persons.length === 0} {:else}

{#each data.persons as person (person.id)}

{person.firstName?.[0]}{person.lastName?.[0]}

{person.firstName} {person.lastName}

{#if person.alias}

„{person.alias}"

{/if} {#if person.birthYear || person.deathYear}

{formatLifeDateRange(person.birthYear, person.deathYear)}

{/if} {#if (person.documentCount ?? 0) > 0} {person.documentCount === 1 ? m.person_card_doc_count_one() : m.person_card_doc_count_many({ count: person.documentCount ?? 0 })} {/if}

{/each}

{/if}