<button
  class="btn btn-dot collapse-btn"
  title="{{ (isExpanded ? collapse : expand) | translate }}"
  [attr.aria-label]="(isExpanded ? collapse : expand) | translate"
  [attr.aria-controls]="context.item.id"
  [attr.aria-expanded]="isExpanded"
  [ngClass]="{ active: isExpanded }"
  (click)="toggleExpand()"
>
  @if (!loading) {
    <i c8yIcon="chevron-right"></i>
  }
  @if (loading) {
    <i class="icon-spin" c8yIcon="circle-o-notch"></i>
  }
</button>