{m.persons_heading()}

{m.persons_subtitle()}

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

(qFocused = true)} onblur={() => (qFocused = false)} class="block w-full 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:border-ink focus:ring-1 focus:ring-ink focus:outline-none" />

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

{m.persons_empty_heading()}

{m.persons_empty_text()}

{:else}

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

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

{person.firstName} {person.lastName}

{#if person.alias}

"{person.alias}"

{/if}

{/each}

{/if}