@itwin/frontend-devtools/lib/esm/ui/Slider.js

Debug menu and supporting UI widgets

/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
/** @alpha */
export function createSlider(props) {
    const div = document.createElement("div");
    div.style.display = "block";
    if (props.verticalAlign)
        div.style.verticalAlign = props.verticalAlign;
    if (props.textAlign)
        div.style.textAlign = props.textAlign;
    const label = document.createElement("label");
    label.htmlFor = props.id;
    label.innerText = props.name;
    div.appendChild(label);
    const readout = document.createElement("label");
    const slider = document.createElement("input");
    slider.type = "range";
    slider.className = "slider";
    slider.id = props.id;
    slider.min = props.min;
    slider.max = props.max;
    slider.step = props.step;
    slider.value = props.value;
    slider.addEventListener("input", () => {
        props.handler(slider);
        readout.innerText = slider.value;
    });
    div.appendChild(slider);
    if (props.readout === "right") {
        readout.innerText = slider.value;
        div.appendChild(readout);
    }
    if (undefined !== props.parent)
        props.parent.appendChild(div);
    return { label, slider, div, readout };
}
/** @alpha */
export function updateSliderValue(sliderCtrl, value) {
    sliderCtrl.slider.value = value;
    sliderCtrl.readout.innerText = value;
}
//# sourceMappingURL=Slider.js.map