{#if isOwner || visiblePeople.length > 0}

{$t('people')}

{#if isOwner} {#if people.some((person) => person.isHidden)} assetViewerManager.toggleHiddenPeople()} /> {/if} assetViewerManager.toggleFaceEditMode()} /> {#if faceManager.data.length > 0} assetViewerManager.openEditFacesPanel()} /> {/if} {/if}

{/if}

{#each visiblePeople as person (person.id)} {const personFaces = $derived(faceManager.facesByPersonId.get(person.id) ?? [])} {const isHighlighted = $derived( personFaces.some((f) => assetViewerManager.highlightedFaces.some((b) => b.id === f.id)), )} assetViewerManager.setHighlightedFaces(personFaces)} onblur={() => assetViewerManager.clearHighlightedFaces()} onpointerenter={() => assetViewerManager.setHighlightedFaces(personFaces)} onpointerleave={() => assetViewerManager.clearHighlightedFaces()} > {/each}