{{#items}} <div data-parameter-id="{{key}}"> {{#isRange}} <fieldset class="es-range-slider"> <div class="es-options-header"> <span class="es-options-header-hide-button" data-filter-id="{{key}}"> {{^hidden}}<i class="fas fa-chevron-up" aria-hidden="true"></i>{{/hidden}} {{#hidden}}<i class="fas fa-chevron-down" aria-hidden="true"></i>{{/hidden}} {{label}} </span> <button class="es-options-header-clear-button" data-filter-id="{{key}}"> <i class="fas fa-trash" aria-hidden="true"></i> </button> </div> <div class="es-filter-body {{#hidden}}hidden{{/hidden}}" data-parameter-body-id={{ key }}> <div class="es-range-slider-min-max-container"> <div class="es-range-input-container"> <input type="text" class="slider-min" id="slider-min-{{key}}" value="{{rangeMin}}"> <span> {{unit}}</span> </div> <span class="es-range"> - </span> <div class="es-range-input-container"> <input type="text" class="slider-max" id="slider-max-{{key}}" value="{{rangeMax}}"> <span> {{unit}}</span> </div> </div> <div class="es-slider" id="slider-{{key}}" data-min="{{rangeMin}}" data-max="{{rangeMax}}" data-selected-min="{{selectedMin}}" data-selected-max="{{selectedMax}}" data-unit="{{unit}}" data-factor="{{factor}}" data-scale="{{scale}}"></div> </div> </fieldset> {{/isRange}} {{#isFilter}} {{#options.anyItems}} <fieldset class="es-options"> {{#displayHeader}} <div class="es-options-header"> <span class="es-options-header-hide-button" data-filter-id="{{key}}"> {{^hidden}}<i class="fas fa-chevron-up" aria-hidden="true"></i>{{/hidden}} {{#hidden}}<i class="fas fa-chevron-down" aria-hidden="true"></i>{{/hidden}} {{label}} </span> <button class="es-options-header-clear-button" data-filter-id="{{key}}"> <i class="fas fa-trash" aria-hidden="true"></i> </button> </div> {{/displayHeader}} <div class="es-filter-body {{#hidden}}hidden{{/hidden}}" data-parameter-body-id={{ key }}> <ul class="es-options-list{{^expanded}} list-abbreviated{{/expanded}}"> {{#options.items}} <li class="es-options-option{{#selected}} es-options-option-selected{{/selected}}"> <label class="es-options-label"> <input class="es-options-checkbox" name="{{key}}" {{#selected}}checked="checked"{{/selected}} type="checkbox" value="{{value}}"/> <span class="es-options-value"> {{label}} </span> {{#hasCount}} <div class="es-options-right"> <span class="es-options-badge">{{count}}</span> </div> {{/hasCount}} </label> </li> {{/options.items}} </ul> {{#displayShowMore}} <input type="button" class="es-expand-filter expand-filter" data-filter-id="{{key}}"{{#expanded}}data-expanded="1"{{/expanded}} value="{{#expanded}}Show less{{/expanded}}{{^expanded}}Show more{{/expanded}}"/> {{/displayShowMore}} </div> </fieldset> {{/options.anyItems}} {{/isFilter}} </div> {{/items}}