<commit_before>import {Component, Input} from '@angular/core';
import {Hero} from './hero';

@Component({
  selector: 'hero-fight',
  styles: [`.fight:active {
              background-color: red;
              transform: translateY(-8px);}
            .defence:active {
              background-color: blue;
              transform: translateY(8px);}
`],
  template: `
                <div *ngIf="hero">      
                   <div>
                    <input type="radio" name="mode" (click)="mode='fight'">fight
                    <input type="radio" name="mode" (click)="mode='defence'">defence                   
                  </div>
                    <button [fightDirective] = "mode">{{hero.name}}</button>  
                    <h1>VS</h1>
                    <button [fightDirective] = "mode">{{villain}}</button>
                </div>
`,
})
export class HeroFightComponent {
  @Input() hero: Hero;
  @Input() villain;
}

<commit_msg>styling the fight a little bit<commit_after>import {Component, Input} from '@angular/core';
import {Hero} from './hero';

@Component({
  selector: 'hero-fight',
  styles: [`section {
                 border: #245899 solid;
                 background-color: rgba(7,104,161,0.37);
                 padding: 2em;
            }
            span {display: inline-block; margin: 0 0.5em;}
            .fight:active {            
              background-color: red;
              transform: translateY(-8px);}
            .defence:active {
              background-color: blue;
              transform: translateY(8px);}
`],
  template: `
                <section *ngIf="hero">      
                   <div>Mode:
                    <input type="radio" name="mode" (click)="mode='fight'">fight
                    <input type="radio" name="mode" (click)="mode='defence'">defence                   
                  </div>
                  <button [fightDirective] = "mode">{{hero.name}}</button>  
                  <span>VS</span>
                  <button [fightDirective] = "mode">{{villain}}</button>
                </section>
`,
})
export class HeroFightComponent {
  @Input() hero: Hero;
  @Input() villain;
}


{'fraction_non_alphanumeric': 0.15168280313508528, 'fraction_numerical': 0.0119870908252651, 'mean_word_length': 1.6303030303030304, 'pattern_counts': {'":': 0, '<': 27, '<?xml version=': 0, '>': 27, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '905389', 'n_tokens_mistral': 649, 'n_tokens_neox': 591, 'n_words': 123}