<div class='facet'>
<div hawksearch-facet-heading class='facet__heading{{attribute " facet__heading--collapsible" collapsible}}'>
{{title}}
{{#if tooltip}}
<hawksearch-tooltip text='{{tooltip}}'></hawksearch-tooltip>
{{/if}}
{{#if collapsible}}
<hawksearch-icon name='{{if-else collapsed "chevron-right" "chevron-down"}}' size='1.5em' class='facet__heading__toggle'></hawksearch-icon>
{{/if}}
</div>
{{#unless collapsed}}
<div class='facet__content'>
{{#if searchable}}
<input type='text' placeholder='Quick Lookup' hawksearch-facet-search value='{{filter}}' class='facet__search' />
{{/if}}
{{#if (eq type 'checkbox')}}
<hawksearch-checkbox-list-facet hawksearch-facet></hawksearch-checkbox-list-facet>
{{/if}}
{{#if (eq type 'color')}}
<hawksearch-color-facet hawksearch-facet></hawksearch-color-facet>
{{/if}}
{{#if (eq type 'link')}}
<hawksearch-link-list-facet hawksearch-facet></hawksearch-link-list-facet>
{{/if}}
{{#if (eq type 'range-slider')}}
<hawksearch-range-slider-facet hawksearch-facet></hawksearch-range-slider-facet>
{{/if}}
{{#if (eq type 'recent-searches')}}
<hawksearch-recent-searches-facet hawksearch-facet></hawksearch-recent-searches-facet>
{{/if}}
{{#if (eq type 'search')}}
<hawksearch-search-within-facet hawksearch-facet></hawksearch-search-within-facet>
{{/if}}
{{#if (eq type 'size')}}
<hawksearch-size-facet hawksearch-facet></hawksearch-size-facet>
{{/if}}
</div>
{{/unless}}
</div> |