fv-inputbox.fv-select(:invalid="!fvValidate",
:placeholder="placeholder",
:disabled="disabled",
:value="value",
:input="search !== false",
@input-keydown="onKeydown",
@typing="onSearch",
:multiple="multiple",
:search-query.sync="searchQuery",
@value-delete="deleteValue",
@blur="searchQuery = ''",
:delete-button="deleteButton",
:caret-icon="caretIcon",
ref="inputBox")
template(slot="value",
slot-scope="scope")
slot(v-if="$scopedSlots.value || $slots.value", name="value", :value="scope.value", :option="valueProp(scope.value)")
span(v-else) {{valueProp(scope.value, 'text')}}
template(slot="out")
.fv-padding.fv-text-center(v-if="loading")
fv-loading
fv-list(v-else,
:tabindex="-1",
parent,
ref="list")
fv-list-item(v-for="(option, i) in filteredOptions",
:class="{selected: isSelectedOption(option)}",
:disabled="optionProp(option, 'disabled')",
:key="i",
@click="clickOption(option)")
slot(v-if="$scopedSlots.option || $slots.option", name="option", :option="option")
span(v-else, v-text="optionProp(option, 'text')")
fv-list-item(v-if="allowInsert && searchQuery",
@click="onInsert(searchQuery)")
slot(v-if="$scopedSlots.insert || $slots.insert", name="insert", :value="searchQuery")
span(v-else)
span.insert-icon(v-html="insertIcon")
=" "
u(v-text="searchQuery")
fv-list-item.unclickable(v-else-if="filteredOptions.length === 0")
slot(v-if="$scopedSlots.empty || $slots.empty", name="empty", :value="searchQuery")
span(v-else) ---