2023-02-06 15:54:23 +01:00
|
|
|
<ng-select
|
2025-07-16 08:39:37 -04:00
|
|
|
[ngModel]="selectedOption()"
|
2023-02-06 15:54:23 +01:00
|
|
|
(ngModelChange)="onChange($event)"
|
|
|
|
|
[disabled]="disabled"
|
2025-07-16 08:39:37 -04:00
|
|
|
[placeholder]="placeholder()"
|
|
|
|
|
[items]="items()"
|
2023-02-06 15:54:23 +01:00
|
|
|
(blur)="onBlur()"
|
|
|
|
|
[labelForId]="labelForId"
|
|
|
|
|
[clearable]="false"
|
2024-11-06 13:17:59 -06:00
|
|
|
(close)="onClose()"
|
2023-02-06 15:54:23 +01:00
|
|
|
appendTo="body"
|
2025-06-30 11:03:24 -04:00
|
|
|
[keyDownFn]="onKeyDown"
|
2023-02-06 15:54:23 +01:00
|
|
|
>
|
|
|
|
|
<ng-template ng-option-tmp let-item="item">
|
2024-07-22 09:26:38 -05:00
|
|
|
<div class="tw-flex" [title]="item.label">
|
2025-06-02 12:05:30 -04:00
|
|
|
<div class="tw-me-2 tw-flex-initial">
|
2025-02-03 20:11:59 +01:00
|
|
|
@if (item.icon != null) {
|
|
|
|
|
<i class="bwi bwi-fw {{ item.icon }}" aria-hidden="true"></i>
|
|
|
|
|
}
|
2023-02-06 15:54:23 +01:00
|
|
|
</div>
|
2024-07-22 09:26:38 -05:00
|
|
|
<div class="tw-flex-1 tw-text-ellipsis tw-overflow-hidden">
|
2023-02-06 15:54:23 +01:00
|
|
|
{{ item.label }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</ng-select>
|