var academic_chat = null; var sliders = null; var rangeInputs = null; var numberInputs = null; function set_elements() { academic_chat = document.querySelector('gradio-app'); async function get_sliders() { sliders = document.querySelectorAll('input[type="range"]'); while (sliders.length == 0) { await new Promise(r => setTimeout(r, 100)); sliders = document.querySelectorAll('input[type="range"]'); } setSlider(); } get_sliders(); } function setSlider() { rangeInputs = document.querySelectorAll('input[type="range"]'); numberInputs = document.querySelectorAll('input[type="number"]') function setSliderRange() { var range = document.querySelectorAll('input[type="range"]'); range.forEach(range => { range.style.backgroundSize = (range.value - range.min) / (range.max - range.min) * 100 + '% 100%'; }); } setSliderRange(); rangeInputs.forEach(rangeInput => { rangeInput.addEventListener('input', setSliderRange); }); numberInputs.forEach(numberInput => { numberInput.addEventListener('input', setSliderRange); }) } window.addEventListener("DOMContentLoaded", () => { set_elements(); });