Requires

LSD.Widget.Input
LSD.Widget.Button
LSD/LSD.Widget.Paint
LSD/LSD.Trait.Slider
LSD/LSD.Mixin.Focus
LSD/LSD.Trait.Accessibility

Provides

LSD.Widget.Input.Range

Range.js

Range slider input

License:: Public domain (http://unlicense.org).
Authors:: Yaroslaff Fedin

26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

LSD.Widget.Input.Range = new Class({
  Includes: [
    LSD.Widget.Paint,
    LSD.Trait.Slider,
    LSD.Trait.Accessibility
  ],
  
  options: {
    tag: 'input',
    shortcuts: {
      next: 'increment',
      previous: 'decrement'
    },
    layout: {
      children: {
        '>thumb[shape=arrow]#thumb': {}
      }
    },
    writable: true
  },
  
  initialize: function() {

delete this.options.events.focus.element.mousedown;

49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

this.parent.apply(this, arguments);
    this.addPseudo(this.options.mode);
  },

  onSet: function() {
    this.focus();
  }
});

LSD.Widget.Input.Range.Thumb = new Class({
  Extends: LSD.Widget.Button,
    
  options: {
    tag: 'thumb'
  }
});