<commit_before><polymer-element name="ceci-button" attributes="textcolor buttoncolor buttonactivecolor label value" extends="ceci-element"
  label="Click Me" textcolor="#ffffff" buttoncolor="#11bb11">
  <template>
    <style>
      :host {
        display: block;
        position: relative;
        width: 100%;
        height: 50px;
      }

      :host button {
        font-family: "FiraSans", sans-serif;
        cursor: pointer;
        position: relative;
        text-decoration: none;
        outline: none;
        border-top: 1px solid rgba(255,255,255,.3);
        border-bottom: 2px solid rgba(0,0,0,.2);
        background-color: #4DB227;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 3px;
        text-overflow: ellipsis;
        overflow: hidden;
        border-radius: 0.2rem;
        font-weight: 600;
        font-size: 1.8rem;
        line-height: 3.8rem;
        color: #ffffff;
        width: 100%;
        margin: 0;
      }

      :host button {
        border: none;
      }
    </style>
    <shadow></shadow>
    <button id="button" on-click="{{buttonClick}}"></button>
    <content select="ceci-broadcast"></content>
    <content select="ceci-listen"></content>
  </template>
  <script>
    Polymer('ceci-button', {
      ready: function () {
        this.super();
      },
      buttonClick: function () {
        this.broadcast('click', this.getAttribute('value'));
      },
      labelChanged: function (oldValue, newValue) {
        this.$.button.innerHTML = newValue;
      },
      textcolorChanged: function (oldValue, newValue) {
        this.$.button.style.color = newValue;
      },
      buttoncolorChanged: function (oldValue, newValue) {
        this.$.button.style.backgroundColor = newValue;
      },
      buttonactivecolorChanged: function (oldValue, newValue) {
      },
      setNonAttribute: function (v) {
        console.log('test');
      },
      ceci: {
        defaultBroadcasts: ['click'],
        broadcasts: {
          click: 'Occurs when button is clicked.'
        },
        listeners: {
          setLabel: 'Set Label',
          setValue: 'Set Value',
          setTextColor: 'Set Text Color',
          setButtonColor: 'Set Button Color',
          setButtonActiveColor: 'Set Active Button Color',
          setNonAttribute: 'Do something other than just set attributes'
        },
        editable: {
          'label': {
            type: "text",
            description: "A text for your label to show up in your app",
            name: 'Label',
          },
          'textcolor': {
            type: "text",
            description: "The color of the button label",
            name: 'Text Color'
          },
          'buttoncolor': {
            type: "text",
            description: "The color of your button",
            name: 'Button Color'
          },
          'buttonactivecolor': {
            type: "text",
            description: "The color of your button",
            name: 'Button Active Color'
          },
          'value': {
            type: "text",
            description: "Value to be sent with a click.",
            name: 'Value'
          }
        }
      }
    });
  </script>
</polymer-element>
<commit_msg>bobby explained where the real problem was<commit_after><polymer-element name="ceci-button" attributes="textcolor buttoncolor buttonactivecolor label value" extends="ceci-element"
  label="Click Me" textcolor="#ffffff" buttoncolor="#11bb11">
  <template>
    <style>
      :host {
        display: block;
        width: 100%;
        height: 50px;
      }

      :host button {
        font-family: "FiraSans", sans-serif;
        cursor: pointer;
        position: relative;
        text-decoration: none;
        outline: none;
        border-top: 1px solid rgba(255,255,255,.3);
        border-bottom: 2px solid rgba(0,0,0,.2);
        background-color: #4DB227;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 3px;
        text-overflow: ellipsis;
        overflow: hidden;
        border-radius: 0.2rem;
        font-weight: 600;
        font-size: 1.8rem;
        line-height: 3.8rem;
        color: #ffffff;
        width: 100%;
        margin: 0;
      }

      :host button {
        border: none;
      }
    </style>
    <shadow></shadow>
    <button id="button" on-click="{{buttonClick}}"></button>
    <content select="ceci-broadcast"></content>
    <content select="ceci-listen"></content>
  </template>
  <script>
    Polymer('ceci-button', {
      ready: function () {
        this.super();
      },
      buttonClick: function () {
        this.broadcast('click', this.getAttribute('value'));
      },
      labelChanged: function (oldValue, newValue) {
        this.$.button.innerHTML = newValue;
      },
      textcolorChanged: function (oldValue, newValue) {
        this.$.button.style.color = newValue;
      },
      buttoncolorChanged: function (oldValue, newValue) {
        this.$.button.style.backgroundColor = newValue;
      },
      buttonactivecolorChanged: function (oldValue, newValue) {
      },
      setNonAttribute: function (v) {
        console.log('test');
      },
      ceci: {
        defaultBroadcasts: ['click'],
        broadcasts: {
          click: 'Occurs when button is clicked.'
        },
        listeners: {
          setLabel: 'Set Label',
          setValue: 'Set Value',
          setTextColor: 'Set Text Color',
          setButtonColor: 'Set Button Color',
          setButtonActiveColor: 'Set Active Button Color',
          setNonAttribute: 'Do something other than just set attributes'
        },
        editable: {
          'label': {
            type: "text",
            description: "A text for your label to show up in your app",
            name: 'Label',
          },
          'textcolor': {
            type: "text",
            description: "The color of the button label",
            name: 'Text Color'
          },
          'buttoncolor': {
            type: "text",
            description: "The color of your button",
            name: 'Button Color'
          },
          'buttonactivecolor': {
            type: "text",
            description: "The color of your button",
            name: 'Button Active Color'
          },
          'value': {
            type: "text",
            description: "Value to be sent with a click.",
            name: 'Value'
          }
        }
      }
    });
  </script>
</polymer-element>

{'fraction_non_alphanumeric': 0.12620615714504518, 'fraction_numerical': 0.013478327462092205, 'mean_word_length': 1.8061882251826387, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 35, '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': '240911', 'n_tokens_mistral': 1890, 'n_tokens_neox': 1811, 'n_words': 464}