@if (part.type === 'text/html') {
  @if (content | async | mailAttachmentText: part.parameters?.charset; as content) {
    <div class="html" [shadowHTML]="content"></div>
  } @else {
    <ion-skeleton-text animated></ion-skeleton-text>
  }
} @else if (part.type === 'text/plain') {
  @if (content | async | mailAttachmentText: part.parameters?.charset; as content) {
    <pre>{{ content }}</pre>
  } @else {
    <ion-skeleton-text animated></ion-skeleton-text>
  }
} @else if (part.type === 'multipart/alternative') {
  @if (part.childNodes && part.childNodes.length > 0) {
    <stapps-mail-part [part]="part.childNodes | mailPreferredAlternative" [mail]="mail"></stapps-mail-part>
  }
} @else if (part.type.startsWith('multipart')) {
  @for (child of part.childNodes; track child) {
    <stapps-mail-part [part]="child" [mail]="mail"></stapps-mail-part>
  }
} @else {
  <stapps-mail-part-attachment [part]="part" [mail]="mail"></stapps-mail-part-attachment>
}