Function createTreeComponent

modules/benchmarks/src/tree/ng2_static/tree.ts:23–45

(level: number, isLeaf: boolean)

let trustedGreyColor: SafeStyle;

function createTreeComponent(level: number, isLeaf: boolean) {
  const nextTreeEl = `tree${level + 1}`;
  let template = `<span [style.backgroundColor]="bgColor"> {{data.value}} </span>`;
  if (!isLeaf) {
    template += `<${nextTreeEl} [data]='data.right'></${nextTreeEl}><${nextTreeEl} [data]='data.left'></${nextTreeEl}>`;
  }

  @Component({
    selector: `tree${level}`,
    template: template,
    standalone: false,
    jit: true,
    changeDetection: ChangeDetectionStrategy.Eager,
  })
  class TreeComponent {
    @Input() data!: TreeNode;
    get bgColor() {
      return this.data.depth % 2 ? trustedEmptyColor : trustedGreyColor;
    }
  }

  return TreeComponent;
}

@Component({
  selector: 'tree',