@if (kpiQuery.isPending()) {
  <hlm-skeleton class="h-75 w-92.5"></hlm-skeleton>
}
@if (kpiQuery.data(); as result) {
  <app-info-card
    [chartValue]="result.main.value"
    [chartLabel]="result.main.label"
    [title]="ordinanceType()"
  >
    <app-info-card-content
      [value]="result.secondary.value | number: '.0-1' : 'de'"
      [label]="result.secondary.label"
    ></app-info-card-content>
    @for (metric of result.additional; track $index) {
      <app-info-card-footer
        [value]="metric.value | number: '.0-2' : 'de'"
        [label]="metric.label"
      >
      </app-info-card-footer>
    }
  </app-info-card>
}