{{#if dataProcessor.facetedFields.length}}
  <ul class="field-list">
    {{input type="text" class="field-filter-box" value=filterText placeholder="Filter"}}
    {{#each dataProcessor.facetedFields key="column.id" as |field fieldIndex|}}
      <li>{{component field.column.facetType.componentName data=field tableDefinition=tableDefinition dataProcessor=dataProcessor tmpFacetConditions=tmpFacetConditions}}</li>
    {{/each}}
  </ul>

  <div class="buttons">
    <button type="button" class="btn btn-primary" {{action "applyFilters"}}>Apply</button>
    <button type="button" class="btn btn-default" {{action "clearFilters"}}>Clear</button>
  </div>
{{else}}
  <h4>Not Available!</h4>
{{/if}}