PDRangeSelector

[davidnmbond]

The PanoramicData.Blazor nuget package should contain a PDRangeSelector component that permits the user to select a range using Start and End "Handles":

O###############O
------------O###O
O########O-------
-----O######O----

It should not be possible for a Handle to be set to a value outside of the range.

The Handles should optionally quantize using the IsQuantized property (default true). For example, with IsQuantized set to true, and a range of 1..5, the Handles should snap to one of only five positions, but otherwise a value of 2.34534345345 could be selected and the handles would not snap.

The selectors should optionally be able to have the same value selected with the IsSameValuePermitted property. For example, with IsSameValuePermitted set to true and a quantized range of 1..5, both Start and End Handles could be set to 3.

It should be possible to prevent the user from changing each Handle's position.

It should be possible to individually style the following with CSS:

• The Left Handle
• The Right Handle
• The Left Unselected Range
• The Selected Range
• The Right Unselected Range

[rolandbanks]

PDRange has been implemented and is available in the package with a demo page. The left handle (.handle.start), right handle (.handle.end) and selected range (.track.inner) are all individually styleable via CSS.

However, the left and right unselected ranges are currently rendered as a single <rect> with class .track.outer, so they cannot be styled independently. This part of the original requirement remains outstanding.