import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { RouterOutlet } from '@angular/router';

@Component({
  selector: 'app-root',
  imports: [RouterOutlet],
  templateUrl: './app.component.html',
  schemas: [
    CUSTOM_ELEMENTS_SCHEMA
  ]
})
export class AppComponent {
  title = 'vite-angular';
  scoreA = JSON.stringify({
    overall_score: 8.4,
    aspect_scores: [
      { aspect: { name: 'Circularity' }, value: 7.9 },
      { aspect: { name: 'Climate' }, value: 8.8 },
      { aspect: { name: 'Ecosystem' }, value: 7.4 },
      { aspect: { name: 'Social & Governance' }, value: 8.1 },
      { aspect: { name: 'Transparency' }, value: 8.6 },
    ],
  });

  scoreB = JSON.stringify({
    overall_score: 4.9,
    aspect_scores: [
      { aspect: { name: 'Circularity' }, value: 4.1 },
      { aspect: { name: 'Climate' }, value: 5.0 },
      { aspect: { name: 'Transparency' }, value: 5.4 },
    ],
  });

  invalidScoreData = '{"overall_score":"not-a-number"}';
}