@engie-group/fluid-design-system-angular/src/components/list-item/list-item.component.html

Fluid Design System Angular

<ng-template #itemContent>
  <nj-icon
    *ngIf="iconName"
    [name]="iconName"
    [ariaLabel]="iconAriaLabel"
    class="nj-list-deprecated__item-icon">
  </nj-icon>
  <ng-container *ngIf="!isIconOnly" [ngTemplateOutlet]="isCheckboxContent ? checkboxContent : brutContent"></ng-container>
  <div *ngIf="!isIconOnly" class="nj-list-deprecated__item-right-content">
    <ng-content select="[njListItemRightContent]"></ng-content>
  </div>
</ng-template>

<button *ngIf="type === 'button'" type="button" (click)="itemClick.emit($event)">
  <ng-container [ngTemplateOutlet]="itemContent"></ng-container>
</button>

<a *ngIf="type === 'link'" (click)="itemClick.emit($event)" [attr.href]="href">
  <ng-container [ngTemplateOutlet]="itemContent"></ng-container>
</a>

<ng-container
  *ngIf="!type || type === 'list'"
  [ngTemplateOutlet]="itemContent"
></ng-container>

<ng-template #checkboxContent>
  <nj-checkbox [isChecked]="isActive" [inputId]="checkboxContentId" [isPresentational]="true">
    <ng-container [ngTemplateOutlet]="brutContent"></ng-container>
  </nj-checkbox>
</ng-template>

<ng-template #brutContent>
  <ng-content></ng-content>
</ng-template>