@if (error(); as err) {
  <div class="gb5-tab-group-portlet__error">{{ err }}</div>
} @else {
  <mat-tab-group class="gb5-tab-group-portlet">
    @for (tab of tabs(); track tab.portletData.PortletId) {
      <mat-tab [label]="tab.label">
        @if (isKpiType(tab.portletTypeName)) {
          <gb5-kpi-portlet [PortletData]="tab.portletData"></gb5-kpi-portlet>
        } @else if (tab.portletTypeName === 'Analysis') {
          <gb5-widget-portlet [PortletData]="tab.portletData"></gb5-widget-portlet>
        } @else {
          <div class="gb5-tab-group-portlet__unsupported">
            Portlet type '{{ tab.portletTypeName }}' isn't supported inside a Tab Group yet.
          </div>
        }
      </mat-tab>
    }
  </mat-tab-group>
}