import * as Cx from '../../core';
import { FieldProps } from './Field';

interface SliderProps extends FieldProps {

   /** Low value of the slider range. */
   from?: Cx.NumberProp,

   /** High value of the slider range. */
   to?: Cx.NumberProp,

   /** Rounding step. */
   step?: Cx.NumberProp,

   /** Minimum allowed value. Default is `0`. */
   minValue?: Cx.NumberProp,

   /** Maximum allowed value. Default is `100`. */
   maxValue?: Cx.NumberProp,

   /** Defaults to `false`. Used to make the field read-only. */
   readOnly?: Cx.BooleanProp,

   /** Style object to be applied on the selected axis range. */
   rangeStyle?: Cx.StyleProp,

   /** Style object to be applied on the handle. */
   handleStyle?: Cx.StyleProp,

   /** Minimum allowed value. Default is `0`. */
   min?: Cx.NumberProp,

   /** Maximum allowed value. Default is `100`. */
   max?: Cx.NumberProp,
   
   /** High value of the slider range. */
   value?: Cx.NumberProp,

   /** Base CSS class to be applied to the field. Defaults to `slider`. */
   baseClass?: string,

   /** Set to `true` to orient the slider vertically. */
   vertical?: boolean,

   /** Range tooltip configuration. */
   toTooltip?: Cx.StringProp | Cx.StructuredProp,

   /** Range tooltip configuration. */
   valueTooltip?: Cx.StringProp | Cx.StructuredProp,

   /** Range tooltip configuration. */
   fromTooltip?: Cx.StringProp | Cx.StructuredProp, 

   /** When set to `true`, slider respondes to mouse wheel events, while hovering it. It will not work if both `from` and `to` values are used. Default value is `false`. */
   wheel?: Cx.BooleanProp,

   /** Value increment/decrement, when controlling the slider with mouse wheel. Default value is set to `1%` of range. */
   increment?: Cx.NumberProp
   
}

export class Slider extends Cx.Widget<SliderProps> {}