<nav
  id="navigator"
  class="navigator"
  [attr.aria-label]="'Navigator' | translate"
  [ngClass]="{ open: open }"
  *ngIf="isLeft$ | async; else right"
>
  <ng-template [ngTemplateOutlet]="content"></ng-template>
</nav>

<ng-template #right>
  <aside class="c8y-right-drawer" [cdkTrapFocus]="open" [attr.aria-label]="'User menu' | translate">
    <ng-template [ngTemplateOutlet]="content"></ng-template>
  </aside>
</ng-template>

<ng-template #content>
  <ng-container *ngFor="let drawerItem of drawerItems$ | async">
    <ng-container *c8yComponentOutlet="drawerItem.component; environmentInjector: drawerItem.injector"></ng-container>
  </ng-container>
</ng-template>