Range slider

[rmahmadkhan]

Ticket #1580

Example code

Slider:
  id: sliderOne
  label: Range Slider
  min: 0
  max: 10
  divisions: 10
  initialValue: 1 4
  isRange: true
  onChange: |
    sliderOne.value.text = "Slider is set to " + this.value;

[rmahmadkhan]

There is an issue of theme with the slider labels which needs to be resolved before merging.

[rmahmadkhan]

I also see a PR #1725 related to more customizations in simple Silder widget. Since we would want the maximum similar customizations, should i wait for the that to merge and then use those here as well?

cc @kmahmood74 @TheNoumanDev

[TheNoumanDev]

The getter implementation for RangeValues needs to expose the individual start and end values since returning only the RangeValues object doesn't allow direct access to these values.

[rmahmadkhan]

I intentionally did not do that. Since we are using RangeValue for for both, a user can get start or end value through value.
A thing we can do instead is add another getter in value which returns single value if start === end.

[TheNoumanDev]

Please remove the duplicate code which can be converted to method and use them.

[rmahmadkhan]

Moved whole onChanged function to a separate function