{
  "source": "JSON",
  "data": "BLOCK",
  "version": "0.0.1",
  "type": "select",
  "language": "javascript",
  "extension": "webaudio",
  "help": "Select",
  "label": "Select",
  "color": "50:150:250:150",
  "group": "GUI",
  "codes": {
    "declaration": "\n// block_$id$ = $label$\nvar $port[str_value]$ = [];\nvar $port[float_value]$ = [];\n",
    "function": "\nfunction populateCombo(combo, text_values){\n        var values = text_values.split(',');\n        for (var i = 0 ; i < values.length ; i++){\n            var c = document.createElement(\"option\");\n            c.text = values[i];\n            combo.options.add(c, combo.options.length);\n        }\n        }\n",
    "onload": "populateCombo(document.getElementById('block_$id$'), '$prop[values]$');",
    "execution": "\nfunction change$id$(){\n    el = document.getElementById(\"block_$id$\");\n    value = el.options[el.selectedIndex].value;\n    for (var i = 0; i < $port[str_value]$.length ; i++){\n        $port[str_value]$[i](value);\n    }\n    for (var i = 0; i < $port[float_value]$.length ; i++){\n        $port[float_value]$[i](el.selectedIndex);\n    }\n};\n",
    "html": "\n$prop[label]$ <select onchange=\"change$id$();\" id=\"block_$id$\"></select><br>\n"
  },
  "properties": [
    {
      "name": "label",
      "label": "Label",
      "type": "String",
      "value": "Label"
    },
    {
      "name": "values",
      "label": "Values",
      "type": "String",
      "value": "values"
    }
  ],
  "ports": [
    {
      "type": "mosaicode_lib_javascript_webaudio.extensions.ports.string",
      "label": "String Value",
      "conn_type": "Output",
      "name": "str_value"
    },
    {
      "type": "mosaicode_lib_javascript_webaudio.extensions.ports.float",
      "label": "Float Value",
      "conn_type": "Output",
      "name": "float_value"
    }
  ]
}