<commit_before>function(args) {
/*
is_app(true)
control_type("VB")
display_name("Checkbox control")
description("This will return the checkbox control")
base_component_id("checkbox_control")
load_once_from_file(true)
visibility("PRIVATE")
read_only(true)
properties(
    [
        {
            id:         "checked",
            name:       "Checked",
            type:       "Select",
            default:    "True",
            values:     [
                            {display: "True",   value: "True"},
                            {display: "False",  value: "False"}
                        ]
        }
        ,
        {
            id:     "background_color",
            name:   "Background color",
            type:   "String"
        }
    ]
)//properties
logo_url("/driver_icons/checkbox_control.png")
*/

    Vue.component("checkbox_control",{
      props: ["args","design_mode","meta", "form",  "name", "refresh"]
      ,
      template: `<input v-bind:id='design_mode?"":args.name'
                        type="checkbox"
                        v-bind:onchange='valChanged(event)'
                        v-bind:checked='(args.checked=="True")?"True":""'
                        >

                 </input>`
      ,
      data: function() {
          return {
          }
      }
      ,
      mounted: function() {
        registerComponent(this)
      }
      ,
      methods: {
          valChanged: function(e) {
              alert(e.target.checked)
          }
      }
    })
}<commit_msg>checkbox returns the correct state now<commit_after>function(args) {
/*
is_app(true)
control_type("VB")
display_name("Checkbox control")
description("This will return the checkbox control")
base_component_id("checkbox_control")
load_once_from_file(true)
visibility("PRIVATE")
read_only(true)
properties(
    [
        {
            id:         "checked",
            name:       "Checked",
            type:       "Select",
            default:    "True",
            values:     [
                            {display: "True",   value: "True"},
                            {display: "False",  value: "False"}
                        ]
        }
        ,
        {
            id:     "background_color",
            name:   "Background color",
            type:   "String"
        }
    ]
)//properties
logo_url("/driver_icons/checkbox_control.png")
*/

    Vue.component("checkbox_control",{
      props: ["args","design_mode","meta", "form",  "name", "refresh"]
      ,
      template: `<input v-bind:id='design_mode?"":args.name'
                        type="checkbox"
                        v-on:change='valChanged(event)'
                        v-bind:checked='(args.checked=="True")?"True":""'
                        >

                 </input>`
      ,
      data: function() {
          return {
          }
      }
      ,
      mounted: function() {
        registerComponent(this)
      }
      ,
      methods: {
          valChanged: function(e) {
              if(e.target.checked) {
                  this.args.checked="True"
              } else {
                  this.args.checked="False"
              }
          }
      }
    })
}
{'fraction_non_alphanumeric': 0.13556116015132408, 'fraction_numerical': 0.0, 'mean_word_length': 1.369678864824496, 'pattern_counts': {'":': 4, '<': 7, '<?xml version=': 0, '>': 7, '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': '2263829', 'n_tokens_mistral': 884, 'n_tokens_neox': 858, 'n_words': 138}