<coral-accordion variant="large" multiple>
    {{#each highlightedIssues}}
        <coral-accordion-item data-issue-name="{{name}}">
            <coral-accordion-item-label><span>{{name}}</span>
                <coral-tag color="grey" size="S">{{components.length}}</coral-tag>
            </coral-accordion-item-label>
            <coral-accordion-item-content>
                {{#if sourceHighlightUrl}}
                    <a class="coral-Icon coral-Icon--fileCode coral-Icon--sizeS dqm-markup-inspection"
                       data-issue-name="{{name}}"
                       data-url="{{sourceHighlightUrl}}"
                       title="View source"></a>
                {{/if}}
                <a class="coral-Icon coral-Icon--infoCircle coral-Icon--sizeS" id="_{{id}}" title="Description"></a>
                <ul>
                    {{#each components}}
                        <li class="dqm-show-component"
                            data-editable-path="{{id}}"
                            data-inspect-markup-index="{{inspectMarkupIndex}}"
                            title="{{id}}">
                            <div>{{name}}</div>
                        </li>
                    {{/each}}
                </ul>
            </coral-accordion-item-content>
        </coral-accordion-item>
    {{/each}}
</coral-accordion>