{
    "source": "JSON",
    "data": "BLOCK",
    "version": "0.0.1",
    "type": "javascript.form.range",
    "language": "javascript",
    "extension": "webaudio",
    "help": "Range",
    "label": "Range",
    "color": "#F92317",
    "group": "Form",
    "codes": [
        {
            "name": "declaration",
            "code": "\n// block_$id$ = $label$\nvar $port[value]$ = [];\n\nvar $port[invalue]$ = function(value){\n    document.getElementById(\"block_$id$\").value = value;\n    change_value$id$(value);\n    return true;\n    };\n\n"
        },
        {
            "name": "execution",
            "code": "\nfunction change_value$id$(e){\n    value = document.getElementById(\"block_$id$\").value;\n    for (var i = 0; i < $port[value]$.length ; i++){\n        $port[value]$[i](value);\n    }\n};\n"
        },
        {
            "name": "html",
            "code": "\n$prop[label]$ <input type=\"range\" min=\"$prop[min]$\" max=\"$prop[max]$\" onchange=\"change_value$id$(event);\" id=\"block_$id$\"><br>\n"
        }
    ],
    "properties": [
        {
            "name": "value",
            "label": "Value",
            "type": "Float",
            "value": "0"
        },
        {
            "name": "label",
            "label": "Label",
            "type": "String",
            "value": "Label"
        },
        {
            "name": "min",
            "label": "Min",
            "type": "Float",
            "lower": 0,
            "upper": 20000,
            "step": 1,
            "value": 0
        },
        {
            "name": "max",
            "label": "Max",
            "type": "Float",
            "lower": 0,
            "upper": 20000,
            "step": 1,
            "value": 100
        }
    ],
    "ports": [
        {
            "conn_type": "output",
            "name": "value",
            "label": "Value",
            "type": "javascript.float"
        },
        {
            "conn_type": "input",
            "name": "invalue",
            "label": "Value",
            "type": "javascript.float"
        }
    ]
}