better_select 0.0.4 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,32 +1,2 @@
1
- .better-select-dropdown {
2
- position: fixed;
1
+ @import "../javascripts/better_select/lib/better-select.css.scss";
3
2
 
4
- .option {
5
- cursor: pointer;
6
- }
7
- }
8
-
9
- .select {
10
- position: static;
11
-
12
- &.dont-position-dropdown {
13
- position: relative;
14
-
15
- .dropdown {
16
- top: 100%;
17
- left: -99999px;
18
- }
19
- }
20
-
21
- &.open {
22
- &.dont-position-dropdown {
23
- .dropdown {
24
- left: 0px;
25
- }
26
- }
27
- }
28
-
29
- .selected-option {
30
- cursor: pointer;
31
- }
32
- }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: better_select
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.4
4
+ version: 0.1.0
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-12-18 00:00:00.000000000 Z
12
+ date: 2012-12-22 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: railties
@@ -27,6 +27,22 @@ dependencies:
27
27
  - - ~>
28
28
  - !ruby/object:Gem::Version
29
29
  version: '3.1'
30
+ - !ruby/object:Gem::Dependency
31
+ name: underscore-rails
32
+ requirement: !ruby/object:Gem::Requirement
33
+ none: false
34
+ requirements:
35
+ - - ! '>='
36
+ - !ruby/object:Gem::Version
37
+ version: '0'
38
+ type: :runtime
39
+ prerelease: false
40
+ version_requirements: !ruby/object:Gem::Requirement
41
+ none: false
42
+ requirements:
43
+ - - ! '>='
44
+ - !ruby/object:Gem::Version
45
+ version: '0'
30
46
  description: A better HTMLSelectElement replacement
31
47
  email:
32
48
  - bennyjbergstein@gmail.com
@@ -44,25 +60,15 @@ files:
44
60
  - lib/better_select.rb
45
61
  - lib/better_select/engine.rb
46
62
  - lib/better_select/version.rb
47
- - vendor/assets/better_select.gemspec
48
- - vendor/assets/build/better-select.css
49
- - vendor/assets/build/better-select.js
50
- - vendor/assets/javascripts/better-select.js.coffee
51
- - vendor/assets/lib/better-select.coffee
52
- - vendor/assets/lib/better-select.css.scss
53
- - vendor/assets/LICENSE
54
- - vendor/assets/Makefile
55
- - vendor/assets/README.md
63
+ - vendor/assets/javascripts/better-select.js
56
64
  - vendor/assets/stylesheets/better-select.css.scss
57
- - vendor/build/better-select.css
58
- - vendor/build/better-select.js
59
- - vendor/javascripts/better-select.js.coffee
60
- - vendor/lib/better-select.coffee
61
- - vendor/lib/better-select.css.scss
62
- - vendor/LICENSE
63
- - vendor/Makefile
64
- - vendor/README.md
65
- - vendor/stylesheets/better-select.css.scss
65
+ - vendor/assets/javascripts/better_select/build/better-select.css
66
+ - vendor/assets/javascripts/better_select/build/better-select.js
67
+ - vendor/assets/javascripts/better_select/lib/better-select.coffee
68
+ - vendor/assets/javascripts/better_select/lib/better-select.css.scss
69
+ - vendor/assets/javascripts/better_select/LICENSE
70
+ - vendor/assets/javascripts/better_select/Makefile
71
+ - vendor/assets/javascripts/better_select/README.md
66
72
  homepage: http://www.benjaminberstein.com
67
73
  licenses: []
68
74
  post_install_message:
@@ -1,8 +0,0 @@
1
- compile:
2
- coffee -co ./build ./lib/better-select.coffee
3
- sass lib/better-select.css.scss > ./build/better-select.css
4
-
5
- rails:
6
- cp lib/better-select.coffee javascripts/better-select.js.coffee
7
- cp lib/better-select.css.scss stylesheets/better-select.css.scss
8
-
@@ -1,29 +0,0 @@
1
- # BetterSelect
2
-
3
- TODO: Write a gem description
4
-
5
- ## Installation
6
-
7
- Add this line to your application's Gemfile:
8
-
9
- gem 'better_select'
10
-
11
- And then execute:
12
-
13
- $ bundle
14
-
15
- Or install it yourself as:
16
-
17
- $ gem install better_select
18
-
19
- ## Usage
20
-
21
- TODO: Write usage instructions here
22
-
23
- ## Contributing
24
-
25
- 1. Fork it
26
- 2. Create your feature branch (`git checkout -b my-new-feature`)
27
- 3. Commit your changes (`git commit -am 'Added some feature'`)
28
- 4. Push to the branch (`git push origin my-new-feature`)
29
- 5. Create new Pull Request
@@ -1,22 +0,0 @@
1
- Copyright (c) 2012 benastan
2
-
3
- MIT License
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining
6
- a copy of this software and associated documentation files (the
7
- "Software"), to deal in the Software without restriction, including
8
- without limitation the rights to use, copy, modify, merge, publish,
9
- distribute, sublicense, and/or sell copies of the Software, and to
10
- permit persons to whom the Software is furnished to do so, subject to
11
- the following conditions:
12
-
13
- The above copyright notice and this permission notice shall be
14
- included in all copies or substantial portions of the Software.
15
-
16
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17
- EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18
- MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19
- NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
20
- LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
21
- OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
22
- WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
@@ -1,8 +0,0 @@
1
- compile:
2
- coffee -co ./build ./lib/better-select.coffee
3
- sass lib/better-select.css.scss > ./build/better-select.css
4
-
5
- rails:
6
- cp lib/better-select.coffee javascripts/better-select.js.coffee
7
- cp lib/better-select.css.scss stylesheets/better-select.css.scss
8
-
@@ -1,29 +0,0 @@
1
- # BetterSelect
2
-
3
- TODO: Write a gem description
4
-
5
- ## Installation
6
-
7
- Add this line to your application's Gemfile:
8
-
9
- gem 'better_select'
10
-
11
- And then execute:
12
-
13
- $ bundle
14
-
15
- Or install it yourself as:
16
-
17
- $ gem install better_select
18
-
19
- ## Usage
20
-
21
- TODO: Write usage instructions here
22
-
23
- ## Contributing
24
-
25
- 1. Fork it
26
- 2. Create your feature branch (`git checkout -b my-new-feature`)
27
- 3. Commit your changes (`git commit -am 'Added some feature'`)
28
- 4. Push to the branch (`git push origin my-new-feature`)
29
- 5. Create new Pull Request
@@ -1,17 +0,0 @@
1
- # -*- encoding: utf-8 -*-
2
- require File.expand_path('../lib/better_select/version', __FILE__)
3
-
4
- Gem::Specification.new do |gem|
5
- gem.authors = ["benastan"]
6
- gem.email = ["bennyjbergstein@gmail.com"]
7
- gem.description = %q{TODO: Write a gem description}
8
- gem.summary = %q{TODO: Write a gem summary}
9
- gem.homepage = ""
10
-
11
- gem.files = `git ls-files`.split($\)
12
- gem.executables = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
13
- gem.test_files = gem.files.grep(%r{^(test|spec|features)/})
14
- gem.name = "better_select"
15
- gem.require_paths = ["lib"]
16
- gem.version = BetterSelect::VERSION
17
- end
@@ -1,185 +0,0 @@
1
- $$ = (html) ->
2
- elm = document.createElement 'div'
3
- elm.innerHTML = html
4
- if elm.children.length > 1 then elm.children else elm.children[0]
5
-
6
- getPos = (tgt, method) ->
7
- pos = 0
8
- while tgt
9
- pos += tgt[method]
10
- tgt = tgt.offsetParent
11
- pos
12
-
13
- getTop = (tgt) -> getPos tgt, 'offsetTop'
14
- getLeft = (tgt) -> getPos tgt, 'offsetLeft'
15
-
16
- getClasses = (tgt) -> tgt.getAttribute('class').split ' '
17
-
18
- setClasses = (tgt, classes) ->
19
- tgt.setAttribute 'class', classes.join ' '
20
- tgt
21
-
22
- addClass = (tgt, className) ->
23
- classes = getClasses tgt
24
- classes.push(className) if classes.indexOf(className) is -1
25
- setClasses tgt, classes
26
-
27
- removeClass = (tgt, className) ->
28
- classes.splice(index, 1) unless index = (classes = getClasses tgt).indexOf className is -1
29
- setClasses tgt, classes
30
-
31
- letters = 'a b c d e f g h i j k l m n o p q r s t u v w x y z'.split ' '
32
- numbers = '0 1 2 3 4 5 6 7 8 9 0'.split ' '
33
-
34
- build_element = (what, orig, obj) ->
35
- elm = $$ _.template(obj["#{what}_template"]) obj["process_#{what}"] orig
36
- elm.orig = orig
37
- orig.better_version = elm
38
- elm.better_select = obj
39
- elm
40
-
41
- renderOption = (orig_option, bs) ->
42
- option = build_element 'option', orig_option, bs
43
- option.reset = ->
44
- @orig.selected = undefined
45
- @setAttribute 'class', 'option'
46
- bs.reset @
47
- option.select = ->
48
- @orig.selected = 'selected'
49
- @setAttribute 'class', 'option selected'
50
- bs.toggle() if bs.select.getAttribute('class').indexOf('open') isnt -1
51
- bs.set_selected option
52
- option.addEventListener 'click', -> option.select()
53
- option.addEventListener 'mouseover', -> option.better_select.set_focused option
54
- bs.options.push option
55
- first_char = option.innerHTML.substr(0, 1).toLowerCase()
56
- bs.options_by_first_char[first_char] = [] unless bs.options_by_first_char[first_char]
57
- bs.options_by_first_char[first_char].push option
58
- bs.options_by_first_char[first_char].sort()
59
- option
60
-
61
- renderOptionGroup = (orig_group, bs) ->
62
- group = build_element 'option_group', orig_group, bs
63
- group.appendChild(renderOption child, bs) for child in orig_group.children
64
- bs.option_groups.push group
65
- group
66
-
67
- class BetterSelect
68
- defaults:
69
- positionDropdown: true
70
- constructor: (elm, options) ->
71
- return unless elm && elm.tagName && elm.tagName is 'SELECT'
72
- @settings = _.extend {}, @defaults, options
73
- @options = []
74
- @options_by_first_char = {}
75
- @option_groups = []
76
- selected = elm.selectedOptions
77
- @select = build_element 'select', elm, @
78
- [@selected_option, @dropdown] = @select.children
79
- if elm.id
80
- @select.id = "#{elm.id}-better-select"
81
- @dropdown.id = "#{elm.id}-better-select-dropdown"
82
- @default_selected = [elm.children[elm.selectedIndex]]
83
- elm.parentNode.insertBefore @select, elm
84
- elm.parentNode.insertBefore elm, @select
85
- elm.style.display = 'none'
86
- children = elm.children
87
- if @settings.positionDropdown
88
- document.body.appendChild @dropdown
89
- @dropdown.style.left = '-9999px'
90
- for child in children
91
- switch child.tagName
92
- when 'OPTION'
93
- method = renderOption
94
- when 'OPTGROUP'
95
- method = renderOptionGroup
96
- @dropdown.appendChild(method child, @)
97
- @default_selected[0].better_version.select() if @default_selected
98
- @selected_option.addEventListener 'click', =>
99
- @toggle()
100
- @set_selected @dropdown_selected_option
101
- window.addEventListener 'click', (e) =>
102
- unless e.target == @selected_option || e.target == @select || @options.indexOf(e.target) isnt -1
103
- @toggle() if @open
104
- last_char = false
105
- @selected_option.addEventListener 'focus', =>
106
- document.body.style.overflow = 'hidden'
107
- addClass @select, 'focus'
108
- @selected_option.addEventListener 'blur', =>
109
- removeClass @select, 'focus'
110
- document.body.style.overflow = 'auto'
111
- @toggle() if @open is true
112
- true
113
- @selected_option.addEventListener 'keydown', (e) => e.preventDefault() unless [38, 40].indexOf(e.keyCode) is -1
114
- @selected_option.addEventListener 'keyup', (e) =>
115
- @toggle() if @open is false
116
- keyCode = e.keyCode
117
- switch keyCode
118
- when 38 then @set_focused @options[if (@focus_index -= 1) < 0 then @focus_index = @options.length - 1 else @focus_index]
119
- when 40 then @set_focused @options[if (@focus_index += 1) >= @options.length then @focus_index = 0 else @focus_index]
120
- when 13
121
- @focused_option.select()
122
- else
123
- if keyCode > 47 && keyCode < 58
124
- char = numbers[keyCode - 47]
125
- else if keyCode > 64 && keyCode < 91
126
- char = letters[keyCode - 65]
127
- else
128
- if @focused_option
129
- removeClass @focused_option, 'focus'
130
- @focused_option = false
131
- @focus_index = -1
132
- @toggle()
133
- if char && @options_by_first_char[char]
134
- @options_by_first_char[char].sort() unless last_char is char
135
- option = @options_by_first_char[char].shift()
136
- @options_by_first_char[char].push option
137
- @set_focused option
138
- @focus_index = @options.indexOf option
139
- last_character = char
140
- @dropdown.addEventListener('click', -> console.log arguments)
141
- e.preventDefault()
142
- e.stopPropagation()
143
- e.returnValue = false
144
- false
145
- focused_option: false
146
- focus_index: -1
147
- set_focused: (option) ->
148
- class_for_selected = (option) => if @selected_option && option.innerHTML is @selected_option.innerHTML then " selected" else ""
149
- @focused_option.setAttribute('class', "option#{class_for_selected(@focused_option)}") if @focused_option
150
- @focused_option = option
151
- @focused_option.setAttribute("class", "option focus#{class_for_selected(option)}")
152
- @focus_index = @options.indexOf @focused_option
153
- open: false
154
- toggle: ->
155
- (if @open = !@open then addClass else removeClass)(@select, 'open')
156
- if @settings.positionDropdown
157
- if @dropdown.offsetHeight > window.innerHeight
158
- height = window.innerHeight * .50
159
- @dropdown.style.height = height + 'px'
160
- @dropdown.style['overflow-y'] = 'auto'
161
- if @dropdown_selected_option.offsetTop > height || @adjust_height
162
- @dropdown_selected_option.scrollIntoView()
163
- @adjust_height = true
164
- top = top || (getTop(@select) - @dropdown_selected_option.offsetTop)
165
- top = getTop(@select) - (@dropdown_selected_option.offsetTop - @dropdown.scrollTop)
166
- @dropdown.style.top = (if top < 0 then 0 else top) + 'px'
167
- @dropdown.style.left = if @open then getLeft(@select) + 'px' else '-9999px'
168
- reset: (option) -> @default_selected[0].better_version.select() if @default_selected
169
- set_selected: (option) ->
170
- unless @selected_option.innerHTML == option.innerHTML
171
- removeClass(@dropdown_selected_option, 'selected') if @dropdown_selected_option
172
- addClass @dropdown_selected_option = option, 'selected'
173
- @selected_option.innerHTML = option.innerHTML
174
- e = document.createEvent('Event')
175
- e.initEvent 'change', true, true
176
- @select.orig.dispatchEvent e
177
- option_template: '<div class="option"><%= innerHTML %></div>'
178
- option_group_template: '<div class="optgroup"><div class="option-group-label"><%= label %></div></div>'
179
- select_template: '<div class="select"><a href="javascript:void(0)" class="selected-option"></a><div class="better-select-dropdown dropdown"></div></div>'
180
- process_option: (option) -> option
181
- process_option_group: (option_group) -> option_group
182
- process_select: (select) -> select
183
-
184
-
185
- window.BetterSelect = BetterSelect
@@ -1,16 +0,0 @@
1
- .better-select-dropdown {
2
- position: fixed; }
3
- .better-select-dropdown .option {
4
- cursor: pointer; }
5
-
6
- .select {
7
- position: static; }
8
- .select.dont-position-dropdown {
9
- position: relative; }
10
- .select.dont-position-dropdown .dropdown {
11
- top: 100%;
12
- left: -99999px; }
13
- .select.open.dont-position-dropdown .dropdown {
14
- left: 0px; }
15
- .select .selected-option {
16
- cursor: pointer; }
@@ -1,330 +0,0 @@
1
- // Generated by CoffeeScript 1.3.3
2
- (function() {
3
- var $$, BetterSelect, addClass, build_element, getClasses, getLeft, getPos, getTop, letters, numbers, removeClass, renderOption, renderOptionGroup, setClasses;
4
-
5
- $$ = function(html) {
6
- var elm;
7
- elm = document.createElement('div');
8
- elm.innerHTML = html;
9
- if (elm.children.length > 1) {
10
- return elm.children;
11
- } else {
12
- return elm.children[0];
13
- }
14
- };
15
-
16
- getPos = function(tgt, method) {
17
- var pos;
18
- pos = 0;
19
- while (tgt) {
20
- pos += tgt[method];
21
- tgt = tgt.offsetParent;
22
- }
23
- return pos;
24
- };
25
-
26
- getTop = function(tgt) {
27
- return getPos(tgt, 'offsetTop');
28
- };
29
-
30
- getLeft = function(tgt) {
31
- return getPos(tgt, 'offsetLeft');
32
- };
33
-
34
- getClasses = function(tgt) {
35
- return tgt.getAttribute('class').split(' ');
36
- };
37
-
38
- setClasses = function(tgt, classes) {
39
- tgt.setAttribute('class', classes.join(' '));
40
- return tgt;
41
- };
42
-
43
- addClass = function(tgt, className) {
44
- var classes;
45
- classes = getClasses(tgt);
46
- if (classes.indexOf(className) === -1) {
47
- classes.push(className);
48
- }
49
- return setClasses(tgt, classes);
50
- };
51
-
52
- removeClass = function(tgt, className) {
53
- var classes, index;
54
- if (!(index = (classes = getClasses(tgt)).indexOf(className === -1))) {
55
- classes.splice(index, 1);
56
- }
57
- return setClasses(tgt, classes);
58
- };
59
-
60
- letters = 'a b c d e f g h i j k l m n o p q r s t u v w x y z'.split(' ');
61
-
62
- numbers = '0 1 2 3 4 5 6 7 8 9 0'.split(' ');
63
-
64
- build_element = function(what, orig, obj) {
65
- var elm;
66
- elm = $$(_.template(obj["" + what + "_template"])(obj["process_" + what](orig)));
67
- elm.orig = orig;
68
- orig.better_version = elm;
69
- elm.better_select = obj;
70
- return elm;
71
- };
72
-
73
- renderOption = function(orig_option, bs) {
74
- var first_char, option;
75
- option = build_element('option', orig_option, bs);
76
- option.reset = function() {
77
- this.orig.selected = void 0;
78
- this.setAttribute('class', 'option');
79
- return bs.reset(this);
80
- };
81
- option.select = function() {
82
- this.orig.selected = 'selected';
83
- this.setAttribute('class', 'option selected');
84
- if (bs.select.getAttribute('class').indexOf('open') !== -1) {
85
- bs.toggle();
86
- }
87
- return bs.set_selected(option);
88
- };
89
- option.addEventListener('click', function() {
90
- return option.select();
91
- });
92
- option.addEventListener('mouseover', function() {
93
- return option.better_select.set_focused(option);
94
- });
95
- bs.options.push(option);
96
- first_char = option.innerHTML.substr(0, 1).toLowerCase();
97
- if (!bs.options_by_first_char[first_char]) {
98
- bs.options_by_first_char[first_char] = [];
99
- }
100
- bs.options_by_first_char[first_char].push(option);
101
- bs.options_by_first_char[first_char].sort();
102
- return option;
103
- };
104
-
105
- renderOptionGroup = function(orig_group, bs) {
106
- var child, group, _i, _len, _ref;
107
- group = build_element('option_group', orig_group, bs);
108
- _ref = orig_group.children;
109
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
110
- child = _ref[_i];
111
- group.appendChild(renderOption(child, bs));
112
- }
113
- bs.option_groups.push(group);
114
- return group;
115
- };
116
-
117
- BetterSelect = (function() {
118
-
119
- BetterSelect.prototype.defaults = {
120
- positionDropdown: true
121
- };
122
-
123
- function BetterSelect(elm, options) {
124
- var child, children, last_char, method, selected, _i, _len, _ref,
125
- _this = this;
126
- if (!(elm && elm.tagName && elm.tagName === 'SELECT')) {
127
- return;
128
- }
129
- this.settings = _.extend({}, this.defaults, options);
130
- this.options = [];
131
- this.options_by_first_char = {};
132
- this.option_groups = [];
133
- selected = elm.selectedOptions;
134
- this.select = build_element('select', elm, this);
135
- _ref = this.select.children, this.selected_option = _ref[0], this.dropdown = _ref[1];
136
- if (elm.id) {
137
- this.select.id = "" + elm.id + "-better-select";
138
- this.dropdown.id = "" + elm.id + "-better-select-dropdown";
139
- }
140
- this.default_selected = [elm.children[elm.selectedIndex]];
141
- elm.parentNode.insertBefore(this.select, elm);
142
- elm.parentNode.insertBefore(elm, this.select);
143
- elm.style.display = 'none';
144
- children = elm.children;
145
- if (this.settings.positionDropdown) {
146
- document.body.appendChild(this.dropdown);
147
- this.dropdown.style.left = '-9999px';
148
- }
149
- for (_i = 0, _len = children.length; _i < _len; _i++) {
150
- child = children[_i];
151
- switch (child.tagName) {
152
- case 'OPTION':
153
- method = renderOption;
154
- break;
155
- case 'OPTGROUP':
156
- method = renderOptionGroup;
157
- }
158
- this.dropdown.appendChild(method(child, this));
159
- }
160
- if (this.default_selected) {
161
- this.default_selected[0].better_version.select();
162
- }
163
- this.selected_option.addEventListener('click', function() {
164
- _this.toggle();
165
- return _this.set_selected(_this.dropdown_selected_option);
166
- });
167
- window.addEventListener('click', function(e) {
168
- if (!(e.target === _this.selected_option || e.target === _this.select || _this.options.indexOf(e.target) !== -1)) {
169
- if (_this.open) {
170
- return _this.toggle();
171
- }
172
- }
173
- });
174
- last_char = false;
175
- this.selected_option.addEventListener('focus', function() {
176
- document.body.style.overflow = 'hidden';
177
- return addClass(_this.select, 'focus');
178
- });
179
- this.selected_option.addEventListener('blur', function() {
180
- removeClass(_this.select, 'focus');
181
- document.body.style.overflow = 'auto';
182
- if (_this.open === true) {
183
- _this.toggle();
184
- }
185
- return true;
186
- });
187
- this.selected_option.addEventListener('keydown', function(e) {
188
- if ([38, 40].indexOf(e.keyCode) !== -1) {
189
- return e.preventDefault();
190
- }
191
- });
192
- this.selected_option.addEventListener('keyup', function(e) {
193
- var char, keyCode, last_character, option;
194
- if (_this.open === false) {
195
- _this.toggle();
196
- }
197
- keyCode = e.keyCode;
198
- switch (keyCode) {
199
- case 38:
200
- _this.set_focused(_this.options[(_this.focus_index -= 1) < 0 ? _this.focus_index = _this.options.length - 1 : _this.focus_index]);
201
- break;
202
- case 40:
203
- _this.set_focused(_this.options[(_this.focus_index += 1) >= _this.options.length ? _this.focus_index = 0 : _this.focus_index]);
204
- break;
205
- case 13:
206
- _this.focused_option.select();
207
- break;
208
- default:
209
- if (keyCode > 47 && keyCode < 58) {
210
- char = numbers[keyCode - 47];
211
- } else if (keyCode > 64 && keyCode < 91) {
212
- char = letters[keyCode - 65];
213
- } else {
214
- if (_this.focused_option) {
215
- removeClass(_this.focused_option, 'focus');
216
- _this.focused_option = false;
217
- _this.focus_index = -1;
218
- }
219
- _this.toggle();
220
- }
221
- if (char && _this.options_by_first_char[char]) {
222
- if (last_char !== char) {
223
- _this.options_by_first_char[char].sort();
224
- }
225
- option = _this.options_by_first_char[char].shift();
226
- _this.options_by_first_char[char].push(option);
227
- _this.set_focused(option);
228
- _this.focus_index = _this.options.indexOf(option);
229
- last_character = char;
230
- }
231
- }
232
- _this.dropdown.addEventListener('click', function() {
233
- return console.log(arguments);
234
- });
235
- e.preventDefault();
236
- e.stopPropagation();
237
- e.returnValue = false;
238
- return false;
239
- });
240
- }
241
-
242
- BetterSelect.prototype.focused_option = false;
243
-
244
- BetterSelect.prototype.focus_index = -1;
245
-
246
- BetterSelect.prototype.set_focused = function(option) {
247
- var class_for_selected,
248
- _this = this;
249
- class_for_selected = function(option) {
250
- if (_this.selected_option && option.innerHTML === _this.selected_option.innerHTML) {
251
- return " selected";
252
- } else {
253
- return "";
254
- }
255
- };
256
- if (this.focused_option) {
257
- this.focused_option.setAttribute('class', "option" + (class_for_selected(this.focused_option)));
258
- }
259
- this.focused_option = option;
260
- this.focused_option.setAttribute("class", "option focus" + (class_for_selected(option)));
261
- return this.focus_index = this.options.indexOf(this.focused_option);
262
- };
263
-
264
- BetterSelect.prototype.open = false;
265
-
266
- BetterSelect.prototype.toggle = function() {
267
- var height, top;
268
- ((this.open = !this.open) ? addClass : removeClass)(this.select, 'open');
269
- if (this.settings.positionDropdown) {
270
- if (this.dropdown.offsetHeight > window.innerHeight) {
271
- height = window.innerHeight * .50;
272
- this.dropdown.style.height = height + 'px';
273
- this.dropdown.style['overflow-y'] = 'auto';
274
- if (this.dropdown_selected_option.offsetTop > height || this.adjust_height) {
275
- this.dropdown_selected_option.scrollIntoView();
276
- this.adjust_height = true;
277
- }
278
- }
279
- top = top || (getTop(this.select) - this.dropdown_selected_option.offsetTop);
280
- top = getTop(this.select) - (this.dropdown_selected_option.offsetTop - this.dropdown.scrollTop);
281
- this.dropdown.style.top = (top < 0 ? 0 : top) + 'px';
282
- return this.dropdown.style.left = this.open ? getLeft(this.select) + 'px' : '-9999px';
283
- }
284
- };
285
-
286
- BetterSelect.prototype.reset = function(option) {
287
- if (this.default_selected) {
288
- return this.default_selected[0].better_version.select();
289
- }
290
- };
291
-
292
- BetterSelect.prototype.set_selected = function(option) {
293
- var e;
294
- if (this.selected_option.innerHTML !== option.innerHTML) {
295
- if (this.dropdown_selected_option) {
296
- removeClass(this.dropdown_selected_option, 'selected');
297
- }
298
- addClass(this.dropdown_selected_option = option, 'selected');
299
- this.selected_option.innerHTML = option.innerHTML;
300
- e = document.createEvent('Event');
301
- e.initEvent('change', true, true);
302
- return this.select.orig.dispatchEvent(e);
303
- }
304
- };
305
-
306
- BetterSelect.prototype.option_template = '<div class="option"><%= innerHTML %></div>';
307
-
308
- BetterSelect.prototype.option_group_template = '<div class="optgroup"><div class="option-group-label"><%= label %></div></div>';
309
-
310
- BetterSelect.prototype.select_template = '<div class="select"><a href="javascript:void(0)" class="selected-option"></a><div class="better-select-dropdown dropdown"></div></div>';
311
-
312
- BetterSelect.prototype.process_option = function(option) {
313
- return option;
314
- };
315
-
316
- BetterSelect.prototype.process_option_group = function(option_group) {
317
- return option_group;
318
- };
319
-
320
- BetterSelect.prototype.process_select = function(select) {
321
- return select;
322
- };
323
-
324
- return BetterSelect;
325
-
326
- })();
327
-
328
- window.BetterSelect = BetterSelect;
329
-
330
- }).call(this);