Description

I've created a new control Touchpad (based heavily off of Slider). I also created a basic unit test (could use more) and a handful of functional tests to go with it.

It's a 2D control. Mousedown activates the control. Dragging the mouse sets the value. Mouseup or mouseout deactivates the control. The output value is an array [x, y].

// options: // axis: 'vertical', 'horizontal' (default is false) // rangeH: $R(min, max) (default is $R(0,1)) // minimumH: min (default is 0) // maximumH: max (default is 1) // rangeV: $R(min, max) (default is $R(0,1)) // minimumV: min (default is 0) // maximumV: max (default is 1) // valuesH: array of integers (default is false) // valuesV: array of integers (default is false)

// useCursors: true false (default is false) // inactiveCursor: valid cursor (default is 'pointer') // activeCursor: valid cursor (default is 'pointer') // disabledCursor: valid cursor (default is 'not-allowed') // callbacks: // onChange(value) // onTouch(value)

Known issues:

Mouseout fires inconsistently if the Touchpad contains children (that share an edge?). The sideeffect of not deactivating the control may or may not be desireable.