ccf5005feb
- Introduces ComponentConnector to use a component inside a widget - Use css to set size of components instead of properties - Smarted positionning - Style tweaks
50 lines
1.2 KiB
Handlebars
50 lines
1.2 KiB
Handlebars
<input
|
|
class="select-box-offscreen"
|
|
type="text"
|
|
aria-haspopup="true"
|
|
role="button"
|
|
aria-labelledby="select-box-input-{{componentId}}"
|
|
tabindex={{tabindex}}
|
|
/>
|
|
|
|
{{component selectBoxHeaderComponent
|
|
text=generatedHeadertext
|
|
focused=focused
|
|
caretUpIcon=caretUpIcon
|
|
caretDownIcon=caretDownIcon
|
|
onToggle=(action "onToggle")
|
|
icon=icon
|
|
expanded=expanded
|
|
value=value
|
|
}}
|
|
|
|
<div class="select-box-body">
|
|
{{#if renderBody}}
|
|
{{#if filterable}}
|
|
{{component selectBoxFilterComponent
|
|
onFilterChange=(action "onFilterChange")
|
|
icon=filterIcon
|
|
focused=filterFocused
|
|
placeholder=filterPlaceholder
|
|
}}
|
|
{{/if}}
|
|
|
|
{{component selectBoxCollectionComponent
|
|
clearSelectionLabel=clearSelectionLabel
|
|
filteredContent=filteredContent
|
|
selectBoxRowComponent=selectBoxRowComponent
|
|
templateForRow=templateForRow
|
|
shouldHighlightRow=shouldHighlightRow
|
|
titleForRow=titleForRow
|
|
onSelectRow=(action "onSelectRow")
|
|
onClearSelection=(action "onClearSelection")
|
|
noContentLabel=noContentLabel
|
|
value=value
|
|
}}
|
|
{{/if}}
|
|
</div>
|
|
|
|
{{#if wrapper}}
|
|
<div class="select-box-wrapper"></div>
|
|
{{/if}}
|