{{? it.categories.length > 1 || it.types.length > 1 }}
<div class="stry-menu stry-filters {{?it.expanded}}expanded{{??}}collapsed{{?}}">
{{? it.categories.length > 1 }}
<div class="stry-categories">
{{~it.categories :category:index}}
{{? category.selected}}
<div class="stry-menu-item stry-selected-item">
<button class="stry-selected-category" tabindex="0" aria-label="Filter by the {{=category.name}} category">
{{=category.name}}
</button>
</div>
{{?}}
{{~}}
{{~it.categories :category:index}}
{{? category.url_name == 'stry-emm-all'}}
<div class="stry-menu-item"><button title="{{=category.name}}" class="stry-menu-link {{? category.selected }}selected{{?}}" data-stry-action="filterClick" data-stry-filter-url="{{=category.url_name}}" data-stry-track="Category, filter, {{=category.url_name}}" data-stry-filter="categories-{{=category.name}}" tabindex="0" aria-label="Filter by the {{=category.name}} category">{{=category.name}}</button>
</div>
{{??}}
<div class="stry-menu-item"><button title="{{=category.name}}" class="stry-menu-link {{? category.selected }}selected{{?}}" data-stry-action="filterClick" data-stry-filter-url="{{=category.url_name}}" data-stry-track="Category, filter, {{=category.url_name}}" data-stry-filter="categories-{{=category.name}}" tabindex="0" aria-label="Filter by the {{=category.name}} category">{{=category.name}}</button>
</div>
{{?}}
{{~}}
</div>
<button class="stry-expand-menu-button" data-stry-action="toggleFilterMenu" aria-label="Toggle filter menu" tabindex="0"></button>
{{?}}
</div>
{{?}}