{{ displayValueSignal() }} @if (shouldShowClearButton()) { }
@if (searchString) { }
@for (ghostOption of getGhostOptions(); track ghostOption.value) { } @if (searchInProgress && !loadError()) {
} @else { @if (enableVirtualScrolling()) { @if (isFooterItem(item)) {
@if (isMoreItem(item)) {
More options available
} @else { {{ loadErrorMessage() }} }
} @else if (isGroupHeaderItem(item)) { } @else { @if (getItemSvgIcon(item)) { }
{{ getItemLabel(item) }}
@if (getItemDescription(item)) {
{{ getItemDescription(item) }}
}
} @if (getVisibleOptions().length === 0) { } } @else {
@if (hasGroupedOptions() && groupedOptions(); as groups) { @for (group of groups; track group.groupId; let isLast = $last) {
@if (group.groupLabel) { } @for (option of group.options; track option.value; let optIdx = $index) { @if (option.svgIcon) { }
{{ option.label }}
@if (option.description) {
{{ option.description }}
}
}
} } @else { @for (option of filteredOptions(); track option.value; let i = $index) { @if (!option.hidden) { @if (option.svgIcon) { }
{{ option.label }}
@if (option.description) {
{{ option.description }}
}
} } } @if (filteredLength === 0) { } @if (asyncSearchEnabled() && filteredLength !== 0 && asyncSearchOptionsHaveMore()) {
More options available
} @if (loadError() && filteredLength === 0) {
{{ loadErrorMessage() }}
}
} @if (filteredLength === 0 && !loadError()) {
No results
} } @if (validationError() && !verificationError()) { {{ validationError() }} } @if (hint() && showHint() && !validationError() && !verificationError()) { {{ hint() }} } @if (verificationError()) { {{ verificationError() }} } @if (loadError()) { {{ loadErrorMessage() || 'Failed to load options' }} }