/** * Graph Legend Component * Displays color groups with counts and allows filtering by clicking */ import { Component, ChangeDetectionStrategy, input, output } from '@angular/core'; import { CommonModule } from '@angular/common'; import { GroupLegendItem } from './graph-data.types'; @Component({ selector: 'app-graph-legend', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: ` @if (items().length > 0) {
@for (item of items(); track item.groupIndex) { }
} ` }) export class GraphLegendComponent { items = input.required(); itemClicked = output(); }