chosen-awesome-rails 1.0.3 → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b30c32c3adbe56fdddb65b10d1e2f33faf899b13
-  data.tar.gz: a3b0deb605bdbea00946c186e05f79a0bd5251f8
+  metadata.gz: 59a43784c3980859f42f15ccd3077693e28db11c
+  data.tar.gz: 5886a19651b3be6efe230a71a6a7599059ec2204
 SHA512:
-  metadata.gz: 4cc52728accbc2ee66a1ac8c557e7f68eda5b937d88c4d6ebafdd18681ec6a1b4def66e6c29b7f74a9ae2686c7d28064144e960b1637b244a395debf180c17f6
-  data.tar.gz: e89d44fa81544a6c89a013763b26cf9a634871d43d100609c03753de25a452ca3d12bfe58827fc7659cb2688f63f1b9dffae07cde6c310a1a8bdf58927e15799
+  metadata.gz: 01c686077aa10c1d2b88201464f040dc33f490c2b951561c04a91f4da558954a671ea9e00c1299e44c45c6f7eb551c4f90e2a2842a8356b01b42667d2f72b1d9
+  data.tar.gz: 5d6d5939e55161b78fc4751511bdbb478dd843f238296864044bfb9cdd35e8a5546f17c9788b929331cae9f810ff36c4d66c9a770fed16e5f237eaadc43f7938

data/chosen-awesome-rails.gemspec

@@ -1,42 +1,44 @@
 # -*- encoding: utf-8 -*-
-# stub: chosen-awesome-rails 0.0.1 ruby lib
+# stub: chosen-awesome-rails 1.0.3 ruby lib
 
 Gem::Specification.new do |s|
-  s.name = "chosen-awesome-rails"
-  s.version = "1.0.3"
+  s.name = "chosen-awesome-rails".freeze
+  s.version = "1.1.0"
 
-  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
-  s.require_paths = ["lib"]
-  s.authors = ["heaven"]
+  s.required_rubygems_version = Gem::Requirement.new(">= 0".freeze) if s.respond_to? :required_rubygems_version=
+  s.require_paths = ["lib".freeze]
+  s.authors = ["heaven".freeze]
   s.date = "2015-03-24"
-  s.description = "Chosen is a javascript library of select box enhancer for jQuery, integrates with Rails asset pipeline for ease of use."
-  s.email = ["alex@codeart.pw"]
-  s.files = [".gitignore", "Gemfile", "Gemfile.lock", "LICENSE.txt", "README.md", "Rakefile", "chosen-awesome-rails.gemspec", "lib/chosen-awesome-rails.rb", "lib/chosen-awesome-rails/engine.rb", "lib/chosen-awesome-rails/engine3.rb", "lib/chosen-awesome-rails/version.rb", "vendor/assets/images/chosen-arrow.gif", "vendor/assets/javascripts/chosen.js.coffee", "vendor/assets/javascripts/chosen/chosen.js.coffee", "vendor/assets/javascripts/chosen/multiple.js.coffee", "vendor/assets/javascripts/chosen/parser.js.coffee", "vendor/assets/javascripts/chosen/single.js.coffee", "vendor/assets/stylesheets/chosen.css.scss", "vendor/assets/stylesheets/chosen/bootstrap2.css.scss", "vendor/assets/stylesheets/chosen/bootstrap.css.scss", "vendor/assets/stylesheets/chosen/default.css.scss"]
-  s.homepage = "https://github.com/heaven/chosen-awesome-rails"
-  s.rubygems_version = "2.2.1"
-  s.summary = "Integrate Chosen javascript library with Rails asset pipeline"
+  s.description = "Chosen is a javascript library of select box enhancer for jQuery, integrates with Rails asset pipeline for ease of use.".freeze
+  s.email = ["alex@codeart.pw".freeze]
+  s.files = [".gitignore".freeze, "Gemfile".freeze, "Gemfile.lock".freeze, "LICENSE.txt".freeze, "README.md".freeze, "Rakefile".freeze, "chosen-awesome-rails.gemspec".freeze, "lib/chosen-awesome-rails.rb".freeze, "lib/chosen-awesome-rails/engine.rb".freeze, "lib/chosen-awesome-rails/engine3.rb".freeze, "lib/chosen-awesome-rails/version.rb".freeze, "vendor/assets/images/chosen-arrow.gif".freeze, "vendor/assets/javascripts/chosen.coffee".freeze, "vendor/assets/javascripts/chosen/chosen.coffee".freeze, "vendor/assets/javascripts/chosen/multiple.coffee".freeze, "vendor/assets/javascripts/chosen/parser.coffee".freeze, "vendor/assets/javascripts/chosen/single.coffee".freeze, "vendor/assets/stylesheets/chosen.scss".freeze, "vendor/assets/stylesheets/chosen/_bootstrap2.scss".freeze, "vendor/assets/stylesheets/chosen/_bootstrap3.scss".freeze, "vendor/assets/stylesheets/chosen/_default.scss".freeze]
+  s.homepage = "https://github.com/heaven/chosen-awesome-rails".freeze
+  s.rubygems_version = "2.6.10".freeze
+  s.summary = "Integrate Chosen javascript library with Rails asset pipeline".freeze
+
+  s.installed_by_version = "2.6.10" if s.respond_to? :installed_by_version
 
   if s.respond_to? :specification_version then
     s.specification_version = 3
 
     if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
-      s.add_runtime_dependency(%q<railties>, [">= 3.0"])
-      s.add_runtime_dependency(%q<coffee-rails>, [">= 3.2"])
-      s.add_runtime_dependency(%q<sass-rails>, [">= 3.2"])
-      s.add_development_dependency(%q<bundler>, [">= 1.0"])
-      s.add_development_dependency(%q<rails>, [">= 3.0"])
+      s.add_runtime_dependency(%q<railties>.freeze, [">= 3.0"])
+      s.add_runtime_dependency(%q<coffee-rails>.freeze, [">= 3.2"])
+      s.add_runtime_dependency(%q<sass-rails>.freeze, [">= 3.2"])
+      s.add_development_dependency(%q<bundler>.freeze, [">= 1.0"])
+      s.add_development_dependency(%q<rails>.freeze, [">= 3.0"])
     else
-      s.add_dependency(%q<railties>, [">= 3.0"])
-      s.add_dependency(%q<coffee-rails>, [">= 3.2"])
-      s.add_dependency(%q<sass-rails>, [">= 3.2"])
-      s.add_dependency(%q<bundler>, [">= 1.0"])
-      s.add_dependency(%q<rails>, [">= 3.0"])
+      s.add_dependency(%q<railties>.freeze, [">= 3.0"])
+      s.add_dependency(%q<coffee-rails>.freeze, [">= 3.2"])
+      s.add_dependency(%q<sass-rails>.freeze, [">= 3.2"])
+      s.add_dependency(%q<bundler>.freeze, [">= 1.0"])
+      s.add_dependency(%q<rails>.freeze, [">= 3.0"])
     end
   else
-    s.add_dependency(%q<railties>, [">= 3.0"])
-    s.add_dependency(%q<coffee-rails>, [">= 3.2"])
-    s.add_dependency(%q<sass-rails>, [">= 3.2"])
-    s.add_dependency(%q<bundler>, [">= 1.0"])
-    s.add_dependency(%q<rails>, [">= 3.0"])
+    s.add_dependency(%q<railties>.freeze, [">= 3.0"])
+    s.add_dependency(%q<coffee-rails>.freeze, [">= 3.2"])
+    s.add_dependency(%q<sass-rails>.freeze, [">= 3.2"])
+    s.add_dependency(%q<bundler>.freeze, [">= 1.0"])
+    s.add_dependency(%q<rails>.freeze, [">= 3.0"])
   end
 end

data/lib/chosen-awesome-rails.rb

@@ -6,7 +6,7 @@ end
 require 'chosen-awesome-rails/version'
 
 case ::Rails.version.to_s
-  when /^4/
+  when /^4|5/
     require 'chosen-awesome-rails/engine'
   when /^3\.[12]/
     require 'chosen-awesome-rails/engine3'

data/vendor/assets/javascripts/chosen/{chosen.js.coffee → chosen.coffee}

@@ -5,6 +5,7 @@ class Chosen
     $.extend(@, $.extend($.extend($.extend({}, Chosen.defaults), @constructor.defaults), options))
 
     @$body = $("body")
+    @$window = $(window)
     @target = @$target[0]
     @parser = new Chosen.Parser(@)
     @default_values = $.map @parser.selected_options, (option) -> option
@@ -18,15 +19,15 @@ class Chosen
 
     @build()
     @load()
+    @refresh()
 
     Chosen.pool.push(@)
 
-    @set_state()
-
-    @$target.addClass("chosen").after(@$container).bind("chosen:update", (evt) => @set_state())
+    @$target.before(@$container)
+      .on("change chosen:update", (evt, data) => @refresh(evt, data))
 
   destroy: ->
-    @$target.unbind "chosen:update"
+    @$target.unbind "change chosen:update"
 
     @unbind_events()
 
@@ -36,6 +37,9 @@ class Chosen
     @$dropdown.remove()
     @$target.removeData("chosen").removeClass("chosen").show()
 
+    if @$container.$search[0].required
+      @target.required = true
+
     delete @$container
     delete @$dropdown
     delete @$target
@@ -48,22 +52,6 @@ class Chosen
     index = Chosen.pool.indexOf(@)
     Chosen.pool.splice(index, 1) if index >= 0
 
-  set_state: ->
-    if @target.disabled
-      @disabled = false
-      @disable()
-    else
-      @disabled = true
-      @enable()
-
-  reset: ->
-    @deselect_all()
-
-    $.each @default_values, (index, option) =>
-      @parser.restore(option)
-
-    @load()
-
   build: ->
     select_classes = ["chosen-container"]
 
@@ -73,7 +61,9 @@ class Chosen
 
     container_props =
       class: select_classes.join ' '
-      css: if @width? then { width: @width } else @getCSSProperties(@target, ["width", "min-width", "max-width"])
+      css: if @width then { width: @width } else @getCSSProperties(@target, ["width", "min-width", "max-width"])
+
+    @$target.addClass("chosen")
 
     attrs = @getCSSProperties(@target, ["height"])
 
@@ -82,13 +72,22 @@ class Chosen
 
     container_props.title = @target.title if @target.title.length
     container_props.id = @target.id.replace(/[^\w]/g, '-') + "-chosen" if @target.id
-    placeholder = @$target.attr("placeholder") || @placeholder
+
+    input_attrs =
+      autocomplete: "off"
+      tabindex:     @target.tabindex || "0"
+      placeholder:  @$target.attr("placeholder") || @placeholder
+
+    if @target.required
+      input_attrs.required = @target.required and not @parser.selected().length
+      input_attrs["data-required"] = @target.required
+      @target.required = false
 
     @$container = $("<div />", container_props)
-    @$container.html "<ul class=\"chosen-choices\"><li class=\"chosen-search-field\"><input type=\"text\" placeholder=\"#{placeholder}\" autocomplete=\"off\" /></li></ul>"
+    @$container.html "<ul class=\"chosen-choices\"><li class=\"chosen-search-field\"><input type=\"text\" /></li></ul>"
     @$container.$choices = @$container.find("ul.chosen-choices")
     @$container.$search_container = @$container.$choices.find("li.chosen-search-field")
-    @$container.$search = @$container.$choices.find("input[type=text]").attr(tabindex: @target.tabindex || "0")
+    @$container.$search = @$container.$choices.find("input[type=text]").attr(input_attrs)
 
     dropdown_classes = ["chosen-dropdown"]
 
@@ -106,17 +105,25 @@ class Chosen
     @$dropdown.$list.suggestion = null
 
   getCSSProperties: (node, properties)->
+    attrs = {}
+    return attrs if Chosen.is_crappy_browser(8)
+
     sheets = document.styleSheets
     node.matches = node.matches or node.webkitMatchesSelector or node.mozMatchesSelector or node.msMatchesSelector or node.oMatchesSelector
     matches = []
-    attrs = {}
 
     for i of sheets
-      rules = sheets[i].rules or sheets[i].cssRules
+      try
+        rules = sheets[i].rules or sheets[i].cssRules
+      catch
+        continue
 
       for r of rules
-        if node.matches(rules[r].selectorText)
-          matches.push rules[r].cssText
+        try
+          if node.matches(rules[r].selectorText)
+            matches.push rules[r].cssText
+        catch
+          continue
 
     for p in properties
       for m in matches
@@ -144,10 +151,12 @@ class Chosen
       @open()
       evt.stopImmediatePropagation()
 
-    @$container.$search.bind "keydown", (evt) => @keydown(evt)
-    @$container.$search.bind "keyup", (evt) => @keyup(evt)
-    @$container.$search.bind "focus", (evt) => @focus(evt)
-    @$container.$search.bind "blur", (evt) => @blur(evt)
+    @$container.$search.bind "keydown", $.proxy(@keydown, @)
+    @$container.$search.bind "keyup",   $.proxy(@keyup, @)
+    @$container.$search.bind "focus",   $.proxy(@focus, @)
+    @$container.$search.bind "blur",    $.proxy(@blur, @)
+
+    @$target.bind "change", $.proxy(@change, @)
 
     return true
 
@@ -155,12 +164,49 @@ class Chosen
     if @target.id.length
       $("label[for=#{@target.id}]").unbind "click"
 
+    @$target.unbind "change", @change
+
     @$dropdown.unbind()
     @$container.$search.unbind()
     @$container.unbind()
 
     return true
 
+  reset: ->
+    @deselect_all()
+
+    $.each @default_values, (index, option) =>
+      @parser.restore(option)
+
+    @load()
+
+  refresh: (evt, data) ->
+    # Event triggered inside chosen
+    if typeof data is "object" and data.chosen
+      return true
+
+    if @target.disabled
+      @disabled = false
+      @disable()
+    else
+      @disabled = true
+      @enable()
+
+  change: (evt, data) ->
+    # Event triggered outside of chosen, sync with external changes
+    if not data or not data.chosen
+      @parser.sync()
+
+    if @parser.selected().length
+      @$container.$search.removeAttr("required")
+    else if @$container.$search.data("required")
+      @$container.$search.attr("required", "required")
+
+  required: (value) ->
+    @$container.$search.attr
+      "required":      value
+      "data-required": value
+
   activate: ->
     @$container.$search.trigger("focus")
     return @
@@ -347,16 +393,43 @@ class Chosen
   update_dropdown_position: ->
     return unless @opened
 
+    rect = @$container[0].getBoundingClientRect()
+    rect.width  ||= rect.right - rect.left
+    rect.height ||= rect.bottom - rect.top
+
     offsets = @$container.offset()
-    height = @$container.innerHeight()
-    width = @$container.innerWidth()
+    offsets.bottom = @$body.height() - (offsets.top + rect.height)
 
-    @$dropdown.css
-      left: "#{offsets.left}px",
-      top: "#{offsets.top + height}px"
-      width: "#{width}px"
+    border_width = parseInt(@$container.css("border-bottom-width"))
+    upside = false
 
-    return
+    viewport_top    = rect.top;
+    viewport_bottom = @$window.height() - rect.bottom;
+    viewport_height = viewport_bottom
+
+    if viewport_bottom < 250 and viewport_top > viewport_bottom
+      viewport_height = viewport_top
+      upside = true
+
+    options =
+      top:       "initial"
+      bottom:    "initial"
+      left:      "#{offsets.left}px"
+      width:     "#{rect.width}px"
+      maxHeight: "#{(if viewport_height > 300 then 300 else viewport_height) + border_width}px"
+
+    if upside
+      @$dropdown.addClass("upside").removeClass("downside")
+      @$container.addClass("upside").removeClass("downside")
+
+      options.bottom = "#{offsets.bottom + rect.height - border_width}px"
+    else
+      @$dropdown.addClass("downside").removeClass("upside")
+      @$container.addClass("downside").removeClass("upside")
+
+      options.top = "#{offsets.top + rect.height - border_width}px"
+
+    @$dropdown.css(options)
 
   update_dropdown_content: ->
     @insert_suggestion()
@@ -412,7 +485,7 @@ class Chosen
     @move_selection_to(cursor)
 
     if @cursor_option and @cursor_option.selected and @parser.selectable_options.length
-      # TODO: optimize this, could be slow on big lists
+      # TODO: optimize this, could be slow on large lists
       return @move_selection(dir)
 
     return @
@@ -451,7 +524,7 @@ class Chosen
       0
 
   pull_updates: ->
-    return @ if not @ajax or not @$container.$search[0].value
+    return @ unless @ajax
 
     if @ajax.pending_update
       clearTimeout(@ajax.pending_update)
@@ -461,25 +534,28 @@ class Chosen
         @ajax.pending_request.abort()
 
       data =
-        query: @$container.$search[0].value
+        query: @$container.$search.val()
 
       @ajax.pending_request = $.ajax
-        url: @ajax.url
-        type: @ajax.type or "get"
-        dataType: @ajax.dataType or "json"
-        data: $.extend(@ajax.data || {}, data)
-        async: @ajax.async or true
+        url:       @ajax.url
+        type:      @ajax.type or "get"
+        dataType:  @ajax.dataType or "json"
+        data:      $.extend(data, @ajax.data or {})
+        async:     @ajax.async or true
         xhrFields: @ajax.xhrFields
 
         beforeSend: (xhr) =>
           @loading()
-          @ajax.beforeSend(xhr) if typeof @ajax.beforeSend is "function"
+          @ajax.beforeSend?(arguments...)
         success: (data) =>
           @loaded()
+          @ajax.success?(arguments...)
           @redraw_dropdown(data)
         error: =>
           @error()
-
+          @ajax.error?(arguments...)
+        complete: =>
+          @ajax.complete?(arguments...)
     , 300
 
     return @
@@ -491,15 +567,15 @@ class Chosen
     not Chosen.is_crappy_browser(6)
 
   @defaults:
-    allow_insertion: false
-    inherit_classes: true
-    is_rtl: false
-    option_parser: null
+    allow_insertion:  false
+    inherit_classes:  true
+    is_rtl:           false
+    option_parser:    null
     option_formatter: null
     locale:
-      no_results: "No results found"
+      no_results:   "No results found"
       start_typing: "Please start typing"
-      add_new: "add new"
+      add_new:      "add new"
 
   @pool: []
 

data/vendor/assets/javascripts/chosen/{multiple.js.coffee → multiple.coffee}

@@ -6,12 +6,28 @@ class Chosen.Multiple extends Chosen
 
     @pending_option = null
 
+  bind_events: ->
+    super
+
+    for option in @parser.selected()
+      @bind_option_events(option)
+
+  unbind_events: ->
+    super
+
+    for option in @parser.selected()
+      @unbind_option_events(option)
+
   bind_option_events: (option) ->
     option.$choice.find("a").unbind().
       bind("mousedown", -> false).
       bind("click", (evt) => @deselect_choice(evt))
     return
 
+  unbind_option_events: (option) ->
+    option.$choice.find("a").unbind()
+    return
+
   set_default_value: ->
     @$container.$search[0].value = ""
     return
@@ -89,16 +105,16 @@ class Chosen.Multiple extends Chosen
 
     return @
 
-  deselect: (option) ->
+  deselect: (option, trigger_event = true) ->
     @parser.deselect(option)
 
     option.$choice.remove()
     @update_dropdown_position()
 
-    @$target.trigger("change")
+    @$target.trigger("change", [{ chosen: true }]) if trigger_event
     return @
 
-  select: (option) ->
+  select: (option, trigger_event = true) ->
     return @ if not option or option.disabled or option.selected
 
     @parser.select(option)
@@ -109,7 +125,7 @@ class Chosen.Multiple extends Chosen
     @bind_option_events(option)
     @close()
 
-    @$target.trigger("change")
+    @$target.trigger("change", [{ chosen: true }]) if trigger_event
     return @
 
   deselect_all: ->
@@ -126,7 +142,6 @@ class Chosen.Multiple extends Chosen
 
   load: ->
     for option in @parser.selected()
-      @bind_option_events(option)
       @$container.$search_container.before(option.$choice)
 
     return @