<ng-select
    [items]="availableCouponCodes$ | async"
    appendTo="body"
    bindLabel="code"
    bindValue="code"
    [addTag]="false"
    [multiple]="true"
    [hideSelected]="true"
    [minTermLength]="2"
    typeToSearchText=""
    [typeahead]="couponCodeInput$"
    [formControl]="control"
    (add)="addCouponCode.emit($event.code)"
    (remove)="removeCouponCode.emit($event.value?.code)"
>
    <ng-template ng-option-tmp let-item="item">
        <vdr-chip>{{ item.code }}</vdr-chip>
        {{ item.promotionName }}
    </ng-template>
</ng-select>
