@if (spec.renderer) {
  @if (rendererType === 'TEMPLATE') {
    <ng-container
      [ngTemplateOutlet]="spec.renderer"
      [ngTemplateOutletContext]="{ $implicit: spec.context }"
    ></ng-container>
  }
  @if (rendererType === 'COMPONENT') {
    <ng-container
      [c8yComponentOutlet]="spec.renderer"
      [c8yComponentOutletInjector]="rendererInjector"
    ></ng-container>
  }
}

@if (!spec.renderer) {
  @if (spec.context.property.translate) {
    <span title="{{ spec.context.value | translate }}">
      {{ spec.context.value | translate }}
    </span>
  } @else {
    <span title="{{ spec.context.value | stringifyObject }}">
      {{ spec.context.value | stringifyObject }}
    </span>
  }
}