{% set facet_total = count if (count and not count_truncated) else none %}
<div class="facet-results">
    {% for facet_info in sorted_facet_results %}
        <div class="facet-info facet-{{ database|to_css_class }}-{{ table|to_css_class }}-{{ facet_info.name|to_css_class }}" id="facet-{{ facet_info.name|to_css_class }}" data-column="{{ facet_info.name }}">
            <p class="facet-info-name">
                <strong>{{ facet_info.name }}{% if facet_info.type != "column" %} <span class="facet-info-type">{{ facet_info.type }}</span>{% endif %}
                    <span class="facet-info-total">{% if facet_info.truncated %}&gt;{% endif %}{{ facet_info.results|length }}</span>
                </strong>
                {% if facet_info.hideable %}
                    <a href="{{ facet_info.toggle_url }}" class="cross" title="Remove this facet" aria-label="Remove {{ facet_info.name }} facet"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></a>
                {% endif %}
            </p>
            <ul class="tight-bullets">
                {% for facet_value in facet_info.results %}
                    {% set proportion = ([facet_value.count / facet_total * 100, 100]|min) if facet_total else none %}
                    {% if not facet_value.selected %}
                        <li{% if proportion is not none %} style="--facet-proportion: {{ "%.2f"|format(proportion) }}%"{% endif %}><a href="{{ facet_value.toggle_url }}" data-facet-value="{{ facet_value.value }}">{{ (facet_value.label | string()) or "-" }}</a> <span class="facet-count">{{ "{:,}".format(facet_value.count) }}</span></li>
                    {% else %}
                        <li class="facet-selected"{% if proportion is not none %} style="--facet-proportion: {{ "%.2f"|format(proportion) }}%"{% endif %}><span class="facet-value-label">{{ facet_value.label or "-" }}</span> <span class="facet-count">{{ "{:,}".format(facet_value.count) }}</span> <a href="{{ facet_value.toggle_url }}" class="cross" title="Remove this filter" aria-label="Remove filter {{ facet_info.name }}: {{ facet_value.label or '-' }}"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></a></li>
                    {% endif %}
                {% endfor %}
                {% if facet_info.truncated %}
                    <li class="facet-truncated">{% if request.args._facet_size != "max" -%}
                        <a href="{{ fix_path(path_with_replaced_args(request, {"_facet_size": "max"}, request.scope.get("route_path"))) }}">Show more…</a>{% else -%}…{% endif %}
                    </li>
                {% endif %}
            </ul>
        </div>
    {% endfor %}
</div>