title: noUiSlider change range on slide
body: <p>could you help me with noUIslider?</p>
  
  <p>I have simple slider:</p>
  
  <pre><code>    noUiSlider.create(slider, {
          start: 250,
          range: { min: 100, max: 500 },
          tooltips: [ wNumb({ decimals: 0 }) ],
          pips: {
          mode: 'range',
          behaviour: 'tap',
          density: 5,
          },
      });
  </code></pre>
  
  <p>When I'm sliding (holding left clickmouse):</p>
  
  <pre><code>var holdSlider;
  document.addEventListener("mousedown", function(){
      holdSlider = setInterval(function(){
  
          // how to implement change RANGE of slider
          // e.g.: range: { min: 400, max: 1000 }
  
      }, 10);
  });
  
  document.addEventListener("mouseup", function(){
      if (holdSlider) clearInterval(holdSlider)
  });
  </code></pre>
  
  <p>Can I change dynamically range when I'm sliding to righ or left in slider without let left clickmouse?
  Thank you!</p>