bulma-extensions/bulma-slider/dist/bulma-slider.min.js

Set of extensions for Bulma.io CSS Framework

function findOutputForSlider(t){var e=t.id;outputs=document.getElementsByTagName("output");for(var i=0;i<outputs.length;i++)if(outputs[i].htmlFor==e)return outputs[i]}function getSliderOutputPosition(t){var e,i=window.getComputedStyle(t,null);sliderWidth=parseInt(i.getPropertyValue("width"),10),e=t.getAttribute("min")?t.getAttribute("min"):0;var u=(t.value-e)/(t.getAttribute("max")-e);return{position:(u<0?0:u>1?sliderWidth:sliderWidth*u)+"px"}}document.addEventListener("DOMContentLoaded",function(){var t=document.querySelectorAll('input[type="range"].slider');[].forEach.call(t,function(t){var e=findOutputForSlider(t);if(e){if(t.classList.contains("has-output-tooltip")){var i=getSliderOutputPosition(t);e.style.left=i.position}t.addEventListener("input",function(t){if(t.target.classList.contains("has-output-tooltip")){var i=getSliderOutputPosition(t.target);e.style.left=i.position}e.value=t.target.value})}})});