@if (tags && tags.length > 0) {
  <div class="row g-0 mb-1">
    <div class="col-lg-3 col-md-4 col-sm-12">
      <h5>{{heading}}</h5>
    </div>
    <div class="col-lg-9 col-md-8 col-sm-12">
      <app-badge-expander [items]="tags" [itemsTillExpander]="breakpointService.isDesktopOrAbove() ? 30 : 4" [includeComma]="includeComma">
        <ng-template #badgeExpanderItem let-item let-position="idx">
          @if(itemTemplate()) {
            <span (click)="goTo(queryParam, item.id)">
            <ng-container [ngTemplateOutlet]="itemTemplate()" [ngTemplateOutletContext]="{ $implicit: item, idx: position }" />
          </span>
          } @else {
            <app-tag-badge a11y-click="13,32" class="col-auto" (click)="goTo(queryParam, item.id)" [selectionMode]="TagBadgeCursor.Clickable">
              <ng-container [ngTemplateOutlet]="titleTemplate()" [ngTemplateOutletContext]="{ $implicit: item, idx: position }" />
            </app-tag-badge>
          }
        </ng-template>
      </app-badge-expander>
    </div>
  </div>
}