@switch (displayBehaviour) {
  @case (DISPLAY_BEHAVIOUR.descriptionAndId) {
    <span class="ngm-display-behaviour__option-text" [title]="option().caption || option().label">
      <span [ngClass]="item.match ? 'ngm-display-behaviour__highlight' : ''" *ngFor="let item of text()">{{
        item.value
      }}</span>
    </span>
    <span class="ngm-display-behaviour__option-value" [title]="option().key ?? option().value">
      <span [ngClass]="item.match ? 'ngm-display-behaviour__highlight' : ''" *ngFor="let item of value()">{{
        item.value
      }}</span>
    </span>
  }
  @case(DISPLAY_BEHAVIOUR.descriptionOnly) {
    <span class="ngm-display-behaviour__option-text" [title]="option().caption || option().label">
      <span [ngClass]="item.match ? 'ngm-display-behaviour__highlight' : ''" *ngFor="let item of text()">{{
        item.value
      }}</span>
    </span>
  }
  @case(DISPLAY_BEHAVIOUR.idOnly) {
    <span class="ngm-display-behaviour__option-value" [title]="option().key ?? option().value">
      <span [ngClass]="item.match ? 'ngm-display-behaviour__highlight' : ''" *ngFor="let item of value()">{{
        item.value
      }}</span>
    </span>
  }
  @case(DISPLAY_BEHAVIOUR.idAndDescription) {
    <span class="ngm-display-behaviour__option-value" [title]="option().key ?? option().value">
      <span [ngClass]="item.match ? 'ngm-display-behaviour__highlight' : ''" *ngFor="let item of value()">{{
        item.value
      }}</span>
    </span>
    <span class="ngm-display-behaviour__option-text" [title]="option().caption || option().label">
      <span [ngClass]="item.match ? 'ngm-display-behaviour__highlight' : ''" *ngFor="let item of text()">{{
        item.value
      }}</span>
    </span>
  }
  @default {
    <span class="ngm-display-behaviour__option-text" [title]="option().caption || option().label">
      <span [ngClass]="item.match ? 'ngm-display-behaviour__highlight' : ''" *ngFor="let item of text()">{{
        item.value
      }}</span>
    </span>
    <span class="ngm-display-behaviour__option-value" [title]="option().key ?? option().value">
      <span [ngClass]="item.match ? 'ngm-display-behaviour__highlight' : ''" *ngFor="let item of value()">{{
        item.value
      }}</span>
    </span>
  }
}

@if (option().selected) {
  <mat-icon class="ngm-display-behaviour__selected" color="accent">done</mat-icon>
}