viewof customInput = {
const base = htl.html`<div>
<input type="range"/>
Value: <output></output>
</div>`;
const input = base.querySelector("input");
const output = base.querySelector("output");
base.value = input.value;
input.addEventListener("input", () => {
output.innerHTML = input.value;
base.value = input.value;
new base.dispatchEvent(new CustomEvent("input", { bubbles: true }));
});
return base;
}