viewof viz_spec = { // DN: transferrable const rows = ["formula","value"/*,"field 🔓"*/,...formulae_info_inputs,""]; const cols = ["x","y","color","row","col","text","detail","size"/*, "field 🔓"*/] const t = html`fieldmin# stepssizecursortypeformat${cols.map(c => `${c}`).join('')} ${rows.map(r => `${r}${ r.substr(-3) == '_in' ? `` : ``}${ r != "" ? `` : ``}${cols.map(c => ``).join('')}`).join('\n')} independent scale?${cols.map(c => ``).join('')} ` // todo zero scale const el = html`${t}

`//ffAB` let up = () => { const mins = el.querySelectorAll(`input[class="mins"]`) mins.forEach(d => {d.disabled = false}) var o = {cursor:{}, independent_scales:{}, types:{},formats:{},encodings:{"x":"","y":"formula","color":"formula","row":"","text":"value","detail":"","size":"","field 🔓":""}}; cols.forEach(c => { var s = el.querySelector(`input[name="${c}"]:checked`) o.encodings[c] = s ? s.value : ''; if (s.value && s.value != 'formula' && s.value != 'value') { el.querySelector(`input[id="${s.value}_min"]`).disabled = true } s = el.querySelector(`input[id="independent_scale_${c}"]`) o.independent_scales[c] = s.checked }) rows.filter(r => r.substr(-3) == "_in").forEach(r => { var s = el.querySelector(`input[id="cursor_${r}"]`); o.cursor[r] = s.value == '' ? undefined : +s.value; //o.types[r] = el.querySelector(`select[id="type_${r}"]`).value }) rows.filter(r => r != "").forEach(r => { //var s = el.querySelector(`input[id="cursor_${r}"]`); //o.cursor[r] = +s.value; o.types[r] = el.querySelector(`select[id="type_${r}"]`).value o.formats[r] = el.querySelector(`input[id="format_${r}"]`).value }) //var s = el.querySelector('input[name="x"]:checked') el.value = o//s ? s.value : '' el.dispatchEvent(new Event("input", {bubbles: true})); } //el.on el.onchange = up; // this is for configuring the default viz spec el.querySelector(`input[id="x_formula"]`).checked = true; el.querySelector(`input[id="y_age_in"]`).checked = true; el.querySelector(`input[id="color_formula"]`).checked = true; el.querySelector(`input[id="text_value"]`).checked = true; (el).dispatchEvent(new Event("input", {bubbles: true})) up() //el.onload = up; //el.querySelector(`input[id="x_formula"]`).checked = true; //el.getElementById("formula_x").checked = true; //el.dispatchEvent(new Event("input", {bubbles: true})); return el; }