{{ displayType }}
@if (portfolioService.toolbarService.editMode && subSortField.sortField(subSortField.sortFieldIndex)) {
  <span
    class="print-hidden form-inline toolbar toolbar-container">
    @if (!toolbarCollapsedToggleChecked || !classifier?.toolbarCollapsedToggleChecked) {
      <span
        class="form-inline members">
        {{ uiService.uiText('by') }}
      </span>
    }
    @if (!toolbarCollapsedToggleChecked) {
      <span class="form-inline members">
        <span #clickableHome (click)="subSortField.nextSort($event, Go.Home)" (keypress)="inputService.keypress($event)"
          [title]="subSortField.nextSortTitle(Go.Home)"
          [attr.aria-labelledby]="uiService.label(displayType) + '_home'">
          <em class="fas fa-sort"></em>
        </span>
        <span #clickableBack (click)="subSortField.nextSort($event, Go.Back)" (keypress)="inputService.keypress($event)"
          [title]="subSortField.nextSortTitle(Go.Back)"
          [attr.aria-labelledby]="uiService.label((displayType) + '_back')">
          {{ subSortField.nextBack }}
        </span>
        <span #clickableForward (click)="subSortField.nextSort($event, Go.Forward)"
          (keypress)="inputService.keypress($event)" [title]="subSortField.nextSortTitle(Go.Forward)"
          [attr.aria-labelledby]="uiService.label(displayType) + '_forward'">
          {{ subSortField.sortField(subSortField.sortFieldIndex).toLowerCase() }}
          {{ subSortField.orderDirection }}
          {{ subSortField.nextForward }}
        </span>
      </span>
    }
    <app-toggle #toolbarCollapsedToggle [toggleKind]="ToggleKind.ToolbarCollapsed" [entityKey]="toggleEntityKey"
      [context]="{ sliderClass: 'slider-darkgrey' }">
    </app-toggle>
    @if ([
      'Certifications',
      'Certifications Index',
      'Certifications List',
      'Languages',
      'Languages Index',
      'Languages List',
      'Languages Chart',
      'Courses',
      'Courses Index',
      'Courses List',
      'Organizations',
      'Organizations Index',
      'Organizations List',
      'Honors and Awards',
      'Honors and Awards Index',
      'Honors and Awards List',
      'Volunteering',
      'Volunteering Index',
      'Volunteering List',
      'Interests and Hobbies',
      'Interests and Hobbies Index',
      'Interests and Hobbies List',
      'Vacation',
      'Vacation Index',
      'Vacation List'
      ].includes(type)) {
      <app-classifier #classifier class="classifier form-inline toolbar toolbar-container" [type]="type"></app-classifier>
    }
  </span>
}