https://belstaff.com/cdn/shop/t/42/assets/template-sort-accordion.js?v=58843920811619980161784804689

1const ICON_CHEVRON_DOWN='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m14 8-4 4-4-4"/></svg>';function SortAccordion(sortOptions=[]){if(!sortOptions||sortOptions.length===0)return"";const isActive=new URLSearchParams(window.location.search).has("sort"),sortOptionsTemplate=sortOptions.map(option=>{const id=`results-${option.field}-${option.order}`;return`
2        <li class="clc-ProductGridFacet_Item">
3          <label
4            class="clc-ProductGridFacet_Label fz-13_100"
5            for="${id}"
6          >
7            <input
8              id="${id}"
9              class="clc-ProductGridFacet_Checkbox"
10              type="radio"
11              name="sort_by"
12              value="${option.field}~${option.order}"
13              ${option.selected?"checked":""}
14            >
15
16            ${option.label}
17          </label>
18        </li>
19      `}).join("");return`
20    <div class="drw-ProductGridFacets_Item">
21      <button
22        type="button"
23        class="drw-ProductGridFacets_Trigger fz-14_100"
24        aria-controls="sortby-accordion"
25        data-accordion-group-el="trigger"
26        aria-expanded="${isActive?"true":"false"}"
27        data-results-filters-el="facet"
28        data-index="results-sort-trigger"
29      >
30        ${window.theme.strings.sections.collectionTemplate.sortByLabel}
31
32        <span class="drw-ProductGridFacets_TriggerIcon">
33          ${ICON_CHEVRON_DOWN}
34        </span>
35      </button>
36
37      <div
38        id="sortby-accordion"
39        class="drw-ProductGridFacets_Accordion"
40        aria-hidden="${isActive?"false":"true"}"
41        data-accordion-group-el="content"
42        data-results-filters-el="facet"
43        data-index="results-sort-content"
44      >
45        <div class="drw-ProductGridFacets_AccordionContent">
46          <ul class="clc-ProductGridFacet_Items">
47            ${sortOptionsTemplate}
48          </ul>
49        </div>
50      </div>
51    </div>
52  `}window.templates.SortAccordion=SortAccordion;
53//# sourceMappingURL=/cdn/shop/t/42/assets/template-sort-accordion.js.map?v=58843920811619980161784804689