src/app/pages/app-navigation-frame/components/nav-drop-down-menu/drop-down-menu.component.html

<!-------------------------------------------------------------------------------
 * Copyright (c) 2020 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0
 *
 * SPDX-License-Identifier: EPL-2.0
 -------------------------------------------------------------------------------->

<button #appDropDown="appDropDown"
        (click)="appDropDown.toggle()"
        [appDropDown]="dropDownTemplate"
        [class.drop-down-button-opened]="appDropDown.isOpen"
        class="drop-down-button drop-down-toggle cursor-pointer user-select-none">

  <span class="drop-down-button-label">
    <ng-content></ng-content>
  </span>

  <mat-icon
    [class.drop-down-button-icon-opened]="appDropDown.isOpen"
    class="drop-down-button-icon">
    play_arrow
  </mat-icon>

</button>

<ng-template #dropDownTemplate>

  <div *ngIf="appDropDown.isOpen" class="drop-down-menu">

    <button (click)="logOut()"
            class="drop-down-button cursor-pointer user-select-none drop-down-menu-item">
      <span> {{ 'core.logout' | translate}}</span>
    </button>

  </div>
</ng-template>