<div class="fake-input ant-input precaution-input" (click)="handleClick()">
  <div>
    @for (position of selectedPositions; track position.id) {
      <position-visual class="mr-2" [position]="position"></position-visual>
    }
    @if (selectedPositions.length === 0) {
      <span style="color: rgba(0, 0, 0, 0.3)">{{ placeHolder }}</span>
    }
  </div>
  <div class="clear" (click)="handleClear($event)">
    <span nz-icon nzType="delete"></span>
  </div>
</div>
