${title}

` ); if (description) form.append( html`

${description}

` ); if (format) format = d3format.format(format); if (action) { action(form); } else { const verb = submit ? "onsubmit" : type == "button" ? "onclick" : type == "checkbox" || type == "radio" ? "onchange" : "oninput"; form[verb] = e => { console.log(verb, submitOnRelease, config); e && e.preventDefault(); console.log(e); const value = getValue ? getValue(input) : input.value; if (form.output) form.output.value = display ? display(value) : format ? format(value) : value; if (!submitOnRelease) form.value = value; if (verb !== "oninput") form.dispatchEvent(new CustomEvent("input", { bubbles: true })); }; form["onclick"] = e => { e && e.preventDefault(); console.log("onclick"); if (submitOnRelease) { const value = getValue ? getValue(input) : input.value; console.log(value); form.value = value; form.dispatchEvent(new CustomEvent("input", { bubbles: true })); } } if (verb !== "oninput") input.oninput = e => e && e.stopPropagation() && e.preventDefault(); if (verb !== "onsubmit") form.onsubmit = e => e && e.preventDefault(); form[verb](); } return form; }