@if (searchForms$ | async; as forms) {
  @if (forms.length === 1) {
    <button class="adf-search-form adf-search-form-button"
      [disableRipple]="true"
      mat-button
      [title]="getSelected(forms) | translate"
      [attr.aria-label]="getSelected(forms) | translate">
      <span class="adf-search-form-title">{{ getSelected(forms) | translate }}</span>
    </button>
  }
  @if (forms.length > 1) {
    <button class="adf-search-form adf-search-form-button"
      [matMenuTriggerFor]="menu"
      #menuTrigger="matMenuTrigger"
      [disableRipple]="true"
      mat-button
      [title]="getSelected(forms) | translate"
      [attr.aria-label]="getSelected(forms) | translate"
      [matMenuTriggerRestoreFocus]="true">
      <span class="adf-search-form-title">{{ getSelected(forms) | translate }}</span>
      <mat-icon [class.adf-search-form-icon-selected]="menuTrigger.menuOpen" class="adf-search-form-icon" adf-icon="expand_more" iconPositionEnd />
    </button>
    <mat-menu #menu="matMenu" class="adf-search-form-menu">
      @for (form of forms; track form) {
        <button mat-menu-item tabindex="0" [attr.aria-label]="form.name | translate" (click)="onSelectionChange(form)">
          {{ form.name | translate }}
        </button>
      }
    </mat-menu>
  }
}