@for (item of visibleItems(); track $index; let i = $index) {
  <pi-avatar
    [image]="item.image"
    [name]="item.name"
    [alt]="item.alt"
    [color]="item.color ?? 'primary'"
    [size]="size()"
    [style.z-index]="zIndexFor(i)"
  />
}
@if (overflowCount() > 0) {
  <span class="pi-avatar-group__overflow">+{{ overflowCount() }}</span>
}