<commit_before><dom-module id="project-list-item">
  <template>
    <style>
      :host {
        display: flex;
        cursor: pointer;
        padding: 16px 16px 16px 12px;

        border-bottom: solid 1px var(--primary-background-color);

        -webkit-transition: background 200ms ease-in;
        -moz-transition: background 200ms ease-in;
        -ms-transition: background 200ms ease-in;
        -o-transition: background 200ms ease-in;
        transition: background 200ms ease-in;

      }

      :host:hover, :host[hover] {
        background-color: var(--primary-background-color);
      }
      div {
        display: inline-block;
        width: 100%;
      }
      .activity, .numbers {
        text-align: right;
        float:right;
        font-size: 0.75em;
      }
      .title {
        font-weight: 800;
      }
      .title, .owner {
        text-transform: capitalize;
      }
      .indicator {
        display: block;
        flex: 1;
        max-width: 6px;
        height: 40px;
        margin: auto 24px auto -12px;
      }
      .indicator.true {
        background-color: var(--action-red);
      }

      .bottom-line {
        display: block;
        bottom: 0;
        width: 80%;
        margin: 0 auto;
        height: 2px;
        margin-top: 16px;
        background-color: var(--primary-background-color);
      }
      #project-stats, #project-info {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

      }
      #project-stats > .activity, #project-info > .title {
        margin-bottom: 4px;
      }
    </style>

    <div class$="indicator [[project.indicator]]"></div>
    <div id="project-info">
      <div class="title">[[project.name]]</div>
      <div class="owner">[[project.owner]]</div>

    </div>
    <div id="project-stats">
      <div class="activity">[[project.activity]]</div>
      <div class="numbers">[[project.issues]] issues - [[project.prs]] PRs</div>
    </div>
  </template>
  <script>
    Polymer({
      is: 'project-list-item',
      properties: {
        project: Object,
        hover: {
          type: String,
          reflectToAttribute: true
        }
      }
    });
  </script>
</dom-module>
<commit_msg>Use class instead of id<commit_after><dom-module id="project-list-item">
  <template>
    <style>
      :host {
        display: flex;
        cursor: pointer;
        padding: 16px 16px 16px 12px;

        border-bottom: solid 1px var(--primary-background-color);

        -webkit-transition: background 200ms ease-in;
        -moz-transition: background 200ms ease-in;
        -ms-transition: background 200ms ease-in;
        -o-transition: background 200ms ease-in;
        transition: background 200ms ease-in;

      }

      :host:hover, :host[hover] {
        background-color: var(--primary-background-color);
      }
      div {
        display: inline-block;
        width: 100%;
      }
      .activity, .numbers {
        text-align: right;
        float:right;
        font-size: 0.75em;
      }
      .title {
        font-weight: 800;
      }
      .title, .owner {
        text-transform: capitalize;
      }
      .indicator {
        display: block;
        flex: 1;
        max-width: 6px;
        height: 40px;
        margin: auto 24px auto -12px;
      }
      .indicator.true {
        background-color: var(--action-red);
      }

      .bottom-line {
        display: block;
        bottom: 0;
        width: 80%;
        margin: 0 auto;
        height: 2px;
        margin-top: 16px;
        background-color: var(--primary-background-color);
      }
      .project-stats, .project-info {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

      }
      .project-stats > .activity, .project-info > .title {
        margin-bottom: 4px;
      }
    </style>

    <div class$="indicator [[project.indicator]]"></div>
    <div class="project-info">
      <div class="title">[[project.name]]</div>
      <div class="owner">[[project.owner]]</div>

    </div>
    <div class="project-stats">
      <div class="activity">[[project.activity]]</div>
      <div class="numbers">[[project.issues]] issues - [[project.prs]] PRs</div>
    </div>
  </template>
  <script>
    Polymer({
      is: 'project-list-item',
      properties: {
        project: Object,
        hover: {
          type: String,
          reflectToAttribute: true
        }
      }
    });
  </script>
</dom-module>

{'fraction_non_alphanumeric': 0.14266725742135578, 'fraction_numerical': 0.022153300841825433, 'mean_word_length': 1.761467889908257, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 51, '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': '803326', 'n_tokens_mistral': 1499, 'n_tokens_neox': 1382, 'n_words': 296}