ad2games-ui_components 2.3.0 → 2.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 34b0306781bc0d18ec5457c4e5704c67fd2804f4
-  data.tar.gz: 502e87978c28924e8fba1b3286c4998b0c39d235
+  metadata.gz: 19244355dd4bc0e2c3555fe32649b945e98d8d63
+  data.tar.gz: 5eb0d733152cf58f023166368eb2ccced815fae9
 SHA512:
-  metadata.gz: 15767332dd275c94431e134ed3f0eb99935d5e294ef75f07b794cf9fb8f5ac9ea210dc220dd9920b45ea0428dd4e5395bb9c9468801d0bfea503ab5c9cae8ab5
-  data.tar.gz: 2a9d30919d3563f80bcacda42dffa964ebf365cf8eb2c28b9a228e881b85e5b4995d7638fa0b449450f678e009e4b5e1b9b2d58ab03b77b4827e28c36bb41cdd
+  metadata.gz: 60bce326184a25270e43e1970fb333864ae2f76521f57cf72b25ee552607b42b6cc322dbd818d597fa930ebefcff6d59511295ace85c30b1a8eb8e5ce961bb78
+  data.tar.gz: 27c73edec9231fb1f463c6fd81f3021cfe38d5c5470621ed66d854636c3789398823a76f7e5f189dd956f6d39dd78646665e9570cca70f5a22c3ce800fd92f80

data/Rakefile

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 begin
   require 'bundler/setup'
 rescue LoadError

data/app/cells/checkbox_list/checkbox_list_cell.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 class CheckboxListCell < UiComponents::Cell
   attribute :form, mandatory: true, description: 'A form object.'
   attribute :name, mandatory: true, description: 'The name attribute.'

data/app/cells/datagrid_filter/datagrid_filter_cell.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 class DatagridFilterCell < FormCellBase
   attribute :form, mandatory: true, description: 'A form object.'
   attribute :filter, mandatory: true, description: 'A Datagrid filter object.'

data/app/cells/date_range/date_range.coffee

@@ -37,7 +37,7 @@ $(document).on 'uic:domchange', (e) ->
 
     options = _.extend({},
       defaults,
-      _.pick($el.data(), ['dateLimit', 'ranges', 'submitOnChange', 'opens']),
+      _.pick($el.data(), ['dateLimit', 'ranges', 'submitOnChange', 'opens', 'minDate', 'maxDate']),
       { startDate: start_date, endDate: end_date })
 
     options.ranges = _.mapObject(options.ranges, (v, k) -> _.map(v, (v) -> moment(v)))

data/app/cells/date_range/date_range.yml

@@ -4,4 +4,5 @@ examples:
       - bootstrap_form_for(:foo, url: '/') do |f|
         = ui_component 'date_range', form: f,
                                      name: 'foo',
-                                     date_limit: { days: 7 }
+                                     date_limit: { days: 7 },
+                                     max_date: Date.current

data/app/cells/date_range/date_range_cell.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 class DateRangeCell < FormCellBase
   attribute :form, mandatory: true, description: 'A form object.'
   attribute :name, mandatory: true, description: 'The name attribute.'
@@ -15,6 +16,8 @@ class DateRangeCell < FormCellBase
     "Accepts: 'right' (default), 'left', 'center'"
   attribute :submit_on_change, description: 'Whether the enclosing form should be ' \
     'automatically submitted on value change'
+  attribute :min_date, description: 'The earliest date a user may select'
+  attribute :max_date, description: 'The latest date a user may select'
 
   def show
     [
@@ -42,12 +45,17 @@ class DateRangeCell < FormCellBase
   end
 
   def data
-    options.slice(:ranges, :date_limit, :opens, :submit_on_change).merge(
-      start_date: start_date.to_s, end_date: end_date.to_s,
+    options.slice(:ranges, :date_limit, :opens, :submit_on_change).merge(dates).merge(
       start: "##{id}_from", end: "##{id}_to"
     )
   end
 
+  def dates
+    %i[start_date end_date min_date max_date].each_with_object({}) do |attribute, hash|
+      hash[attribute] = public_send(attribute).to_s.presence
+    end
+  end
+
   def id
     "date_range_#{name_param}"
   end

data/app/cells/form_cell_base.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 class FormCellBase < UiComponents::Cell
   include ActionView::Helpers::FormOptionsHelper
 

data/app/cells/hello_world/hello_world_cell.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 class HelloWorldCell < UiComponents::Cell
   attribute :name, mandatory: true, description: 'A name.'
 end

data/app/cells/markdown_readonly/markdown_readonly_cell.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 class MarkdownReadonlyCell < UiComponents::Cell
   attribute :content, mandatory: true, description: 'Markdown text.'
 end

data/app/cells/markdown_textarea/markdown_textarea_cell.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 class MarkdownTextareaCell < FormCellBase
   attribute :name, mandatory: true, description: "The textarea's name attribute."
   attribute :form, mandatory: true, description: 'A Rails form object.'

data/app/cells/modal/modal_cell.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 class ModalCell < UiComponents::Cell
   attribute :id, mandatory: true, description: 'The HTML id attribute.'
   attribute :content, mandatory: true, description: "The modal's content."

data/app/cells/select/select_cell.rb

@@ -1,12 +1,13 @@
 # frozen_string_literal: true
+
 class SelectCell < FormCellBase
-  DATA_ATTRIBUTES = %i(
+  DATA_ATTRIBUTES = %i[
     placeholder
     error
     width
     remote_options
     disable_search
-  ).freeze
+  ].freeze
   attribute :disabled, description: 'Whether or not the field is disabled.'
   attribute :form, mandatory: true, description: 'A form object.'
   attribute :name, mandatory: true, description: 'The name attribute.'
@@ -57,7 +58,7 @@ class SelectCell < FormCellBase
   end
 
   def css_class
-    classes = %w(form-control ui-components-select chosen)
+    classes = %w[form-control ui-components-select chosen]
     classes << 'chosen-inline' if options[:inline]
     classes << options[:classes] if options[:classes]
     classes.join(' ')

data/app/helpers/ui_components/view_helper.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 module UiComponents
   module ViewHelper
     def ui_component(name, options = {})

data/lib/generators/generate_component.thor

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require 'thor/group'
 require 'active_support/core_ext/string'
 
@@ -10,23 +12,23 @@ class GenerateComponent < Thor::Group
 
   def create_cell
     template 'cell.tt',
-             "app/cells/#{name}/#{name}_cell.rb"
+      "app/cells/#{name}/#{name}_cell.rb"
   end
 
   def create_view
     template 'view.tt',
-             "app/cells/#{name}/#{name}.slim"
+      "app/cells/#{name}/#{name}.slim"
   end
 
   def create_config
     template 'config.tt',
-             "app/cells/#{name}/#{name}.yml"
+      "app/cells/#{name}/#{name}.yml"
   end
 
   def create_assets
     template 'coffee.tt',
-             "app/cells/#{name}/#{name}.coffee"
+      "app/cells/#{name}/#{name}.coffee"
     template 'sass.tt',
-             "app/cells/#{name}/#{name}.scss"
+      "app/cells/#{name}/#{name}.scss"
   end
 end

data/lib/tasks/release.rake

@@ -1,2 +1,3 @@
 # frozen_string_literal: true
+
 task release: :'bower:install:production'

data/lib/tasks/styleguide.rake

@@ -1,6 +1,7 @@
 # frozen_string_literal: true
+
 desc 'Run the styleguide on :port (defaults to 3999).'
-task :styleguide, %i(port) do |_, args|
+task :styleguide, %i[port] do |_, args|
   FileUtils.cd(UiComponents::Engine.root.join('spec', 'dummy')) do
     port = args[:port] || 3999
     exec "./bin/rails s -p #{port}"

data/lib/ui_components.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 Gem.loaded_specs['ad2games-ui_components'].dependencies.each do |gem|
   require gem.name if gem.runtime?
 end

data/lib/ui_components/cell.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 require_relative '../../app/helpers/ui_components/view_helper'
 
 module UiComponents

data/lib/ui_components/cell_attributes.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 module UiComponents
   module CellAttributes
     extend ActiveSupport::Concern

data/lib/ui_components/docu_cop.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 module UiComponents
   module DocuCop
     extend ActiveSupport::Concern
@@ -24,7 +25,7 @@ module UiComponents
 
       def documentation
         file = Engine.root.join('app', 'cells', name, "#{name}.yml")
-        YAML.load(File.read(file)).deep_symbolize_keys
+        YAML.safe_load(File.read(file)).deep_symbolize_keys
       end
     end
   end

data/lib/ui_components/engine.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 module UiComponents
   class Engine < ::Rails::Engine
     initializer 'ui_components.assets.add_load_paths' do |app|
@@ -8,16 +9,16 @@ module UiComponents
     end
 
     initializer 'ui_components.assets.precompile' do |app|
-      app.config.assets.precompile += %w(styleguide.js
-                                         styleguide.css)
+      app.config.assets.precompile += %w[styleguide.js
+                                         styleguide.css]
       app.config.assets.precompile +=
         self.class.components_paths
           .map(&:basename)
           .map { |p| ["#{p}.js", "#{p}.css"] }
           .flatten
 
-      app.config.assets.precompile += %w(chosen/chosen-sprite.png
-                                         chosen/chosen-sprite@2x.png)
+      app.config.assets.precompile += %w[chosen/chosen-sprite.png
+                                         chosen/chosen-sprite@2x.png]
     end
 
     def self.components_paths

data/lib/ui_components/form_helper.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 module UiComponents
   class ValidatedOpenStruct < OpenStruct
     def self.validators_on(*)

data/lib/ui_components/version.rb

@@ -1,4 +1,5 @@
 # frozen_string_literal: true
+
 module UiComponents
-  VERSION = '2.3.0'
+  VERSION = '2.4.0'
 end

data/vendor/assets/bower_components/chosen/README.md

@@ -11,12 +11,24 @@ http://harvesthq.github.io/chosen/
 For **downloads**, see:
 https://github.com/harvesthq/chosen/releases/
 
-### Bower Installation
+### Package managers
 
-Chosen is available for Bower installation:
-`bower install chosen`
+Chosen is available through [Bower](https://bower.io/) and [npm](https://www.npmjs.com),
+_however, the package names are not the same_.
 
-The compiled files for the Bower package are automatically generated and stored in a [2nd Chosen repository](https://github.com/harvesthq/bower-chosen). No pull requests will be accepted to that repository.
+To install with Bower:
+
+```
+bower install chosen
+```
+
+To install with npm:
+
+```
+npm install chosen-js
+```
+
+The compiled files for these packages are automatically generated and stored in a [2nd Chosen repository](https://github.com/harvesthq/chosen-package). No pull requests will be accepted to that repository.
 
 ### Contributing to this project
 

data/vendor/assets/bower_components/chosen/bower.json

@@ -29,9 +29,7 @@
       "url": "https://github.com/koenpunt"
     }
   ],
-  "dependencies": {
-    "jquery": ">=1.4.4"
-  },
+  "dependencies": {},
   "main": [
     "chosen.jquery.js",
     "chosen.css",

data/vendor/assets/bower_components/chosen/chosen.css

@@ -2,9 +2,9 @@
 Chosen, a Select Box Enhancer for jQuery and Prototype
 by Patrick Filler for Harvest, http://getharvest.com
 
-Version 1.6.2
+Version 1.7.0
 Full source at https://github.com/harvesthq/chosen
-Copyright (c) 2011-2016 Harvest http://getharvest.com
+Copyright (c) 2011-2017 Harvest http://getharvest.com
 
 MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
 This file is generated by `grunt build`, do not edit it by hand.
@@ -17,31 +17,35 @@ This file is generated by `grunt build`, do not edit it by hand.
   vertical-align: middle;
   font-size: 13px;
   -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
+
 .chosen-container * {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
+
 .chosen-container .chosen-drop {
   position: absolute;
   top: 100%;
-  left: -9999px;
   z-index: 1010;
   width: 100%;
   border: 1px solid #aaa;
   border-top: 0;
   background: #fff;
   box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
+  clip: rect(0, 0, 0, 0);
 }
+
 .chosen-container.chosen-with-drop .chosen-drop {
-  left: 0;
+  clip: auto;
 }
+
 .chosen-container a {
   cursor: pointer;
 }
+
 .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
   margin-right: 4px;
   overflow: hidden;
@@ -50,6 +54,7 @@ This file is generated by `grunt build`, do not edit it by hand.
   font-weight: normal;
   color: #999999;
 }
+
 .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
   content: ":";
   padding-left: 2px;
@@ -67,21 +72,19 @@ This file is generated by `grunt build`, do not edit it by hand.
   border: 1px solid #aaa;
   border-radius: 5px;
   background-color: #fff;
-  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
-  background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
-  background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
-  background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
-  background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
   background-clip: padding-box;
-  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
   color: #444;
   text-decoration: none;
   white-space: nowrap;
   line-height: 24px;
 }
+
 .chosen-container-single .chosen-default {
   color: #999;
 }
+
 .chosen-container-single .chosen-single span {
   display: block;
   overflow: hidden;
@@ -89,9 +92,11 @@ This file is generated by `grunt build`, do not edit it by hand.
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
 .chosen-container-single .chosen-single-with-deselect span {
   margin-right: 38px;
 }
+
 .chosen-container-single .chosen-single abbr {
   position: absolute;
   top: 6px;
@@ -99,15 +104,18 @@ This file is generated by `grunt build`, do not edit it by hand.
   display: block;
   width: 12px;
   height: 12px;
-  background: url('chosen-sprite.png') -42px 1px no-repeat;
+  background: url("chosen-sprite.png") -42px 1px no-repeat;
   font-size: 1px;
 }
+
 .chosen-container-single .chosen-single abbr:hover {
   background-position: -42px -10px;
 }
+
 .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
   background-position: -42px -10px;
 }
+
 .chosen-container-single .chosen-single div {
   position: absolute;
   top: 0;
@@ -116,12 +124,14 @@ This file is generated by `grunt build`, do not edit it by hand.
   width: 18px;
   height: 100%;
 }
+
 .chosen-container-single .chosen-single div b {
   display: block;
   width: 100%;
   height: 100%;
-  background: url('chosen-sprite.png') no-repeat 0px 2px;
+  background: url("chosen-sprite.png") no-repeat 0px 2px;
 }
+
 .chosen-container-single .chosen-search {
   position: relative;
   z-index: 1010;
@@ -129,6 +139,7 @@ This file is generated by `grunt build`, do not edit it by hand.
   padding: 3px 4px;
   white-space: nowrap;
 }
+
 .chosen-container-single .chosen-search input[type="text"] {
   margin: 1px 0;
   padding: 4px 20px 4px 5px;
@@ -136,21 +147,22 @@ This file is generated by `grunt build`, do not edit it by hand.
   height: auto;
   outline: 0;
   border: 1px solid #aaa;
-  background: white url('chosen-sprite.png') no-repeat 100% -20px;
-  background: url('chosen-sprite.png') no-repeat 100% -20px;
+  background: url("chosen-sprite.png") no-repeat 100% -20px;
   font-size: 1em;
   font-family: sans-serif;
   line-height: normal;
   border-radius: 0;
 }
+
 .chosen-container-single .chosen-drop {
   margin-top: -1px;
   border-radius: 0 0 4px 4px;
   background-clip: padding-box;
 }
+
 .chosen-container-single.chosen-container-single-nosearch .chosen-search {
   position: absolute;
-  left: -9999px;
+  clip: rect(0, 0, 0, 0);
 }
 
 /* @end */
@@ -165,6 +177,7 @@ This file is generated by `grunt build`, do not edit it by hand.
   max-height: 240px;
   -webkit-overflow-scrolling: touch;
 }
+
 .chosen-container .chosen-results li {
   display: none;
   margin: 0;
@@ -174,37 +187,40 @@ This file is generated by `grunt build`, do not edit it by hand.
   word-wrap: break-word;
   -webkit-touch-callout: none;
 }
+
 .chosen-container .chosen-results li.active-result {
   display: list-item;
   cursor: pointer;
 }
+
 .chosen-container .chosen-results li.disabled-result {
   display: list-item;
   color: #ccc;
   cursor: default;
 }
+
 .chosen-container .chosen-results li.highlighted {
   background-color: #3875d7;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
-  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
-  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
-  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
   background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
   color: #fff;
 }
+
 .chosen-container .chosen-results li.no-results {
   color: #777;
   display: list-item;
   background: #f4f4f4;
 }
+
 .chosen-container .chosen-results li.group-result {
   display: list-item;
   font-weight: bold;
   cursor: default;
 }
+
 .chosen-container .chosen-results li.group-option {
   padding-left: 15px;
 }
+
 .chosen-container .chosen-results li em {
   font-style: normal;
   text-decoration: underline;
@@ -221,22 +237,21 @@ This file is generated by `grunt build`, do not edit it by hand.
   height: auto;
   border: 1px solid #aaa;
   background-color: #fff;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
-  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background-image: linear-gradient(#eee 1%, #fff 15%);
   cursor: text;
 }
+
 .chosen-container-multi .chosen-choices li {
   float: left;
   list-style: none;
 }
+
 .chosen-container-multi .chosen-choices li.search-field {
   margin: 0;
   padding: 0;
   white-space: nowrap;
 }
+
 .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
   margin: 1px 0;
   padding: 0;
@@ -250,7 +265,9 @@ This file is generated by `grunt build`, do not edit it by hand.
   font-family: sans-serif;
   line-height: normal;
   border-radius: 0;
+  width: 25px;
 }
+
 .chosen-container-multi .chosen-choices li.search-choice {
   position: relative;
   margin: 3px 5px 3px 0;
@@ -259,22 +276,20 @@ This file is generated by `grunt build`, do not edit it by hand.
   max-width: 100%;
   border-radius: 3px;
   background-color: #eeeeee;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
-  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
   background-size: 100% 19px;
   background-repeat: repeat-x;
   background-clip: padding-box;
-  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
   color: #333;
   line-height: 13px;
   cursor: default;
 }
+
 .chosen-container-multi .chosen-choices li.search-choice span {
   word-wrap: break-word;
 }
+
 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
   position: absolute;
   top: 4px;
@@ -282,33 +297,35 @@ This file is generated by `grunt build`, do not edit it by hand.
   display: block;
   width: 12px;
   height: 12px;
-  background: url('chosen-sprite.png') -42px 1px no-repeat;
+  background: url("chosen-sprite.png") -42px 1px no-repeat;
   font-size: 1px;
 }
+
 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
   background-position: -42px -10px;
 }
+
 .chosen-container-multi .chosen-choices li.search-choice-disabled {
   padding-right: 5px;
   border: 1px solid #ccc;
   background-color: #e4e4e4;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
-  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
   color: #666;
 }
+
 .chosen-container-multi .chosen-choices li.search-choice-focus {
   background: #d4d4d4;
 }
+
 .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
   background-position: -42px -10px;
 }
+
 .chosen-container-multi .chosen-results {
   margin: 0;
   padding: 0;
 }
+
 .chosen-container-multi .chosen-drop .result-selected {
   display: list-item;
   color: #ccc;
@@ -321,30 +338,29 @@ This file is generated by `grunt build`, do not edit it by hand.
   border: 1px solid #5897fb;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 }
+
 .chosen-container-active.chosen-with-drop .chosen-single {
   border: 1px solid #aaa;
-  -moz-border-radius-bottomright: 0;
   border-bottom-right-radius: 0;
-  -moz-border-radius-bottomleft: 0;
   border-bottom-left-radius: 0;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
-  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
-  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
-  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
-  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
+  background-image: linear-gradient(#eee 20%, #fff 80%);
   box-shadow: 0 1px 0 #fff inset;
 }
+
 .chosen-container-active.chosen-with-drop .chosen-single div {
   border-left: none;
   background: transparent;
 }
+
 .chosen-container-active.chosen-with-drop .chosen-single div b {
   background-position: -18px 2px;
 }
+
 .chosen-container-active .chosen-choices {
   border: 1px solid #5897fb;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 }
+
 .chosen-container-active .chosen-choices li.search-field input[type="text"] {
   color: #222 !important;
 }
@@ -355,9 +371,11 @@ This file is generated by `grunt build`, do not edit it by hand.
   opacity: 0.5 !important;
   cursor: default;
 }
+
 .chosen-disabled .chosen-single {
   cursor: default;
 }
+
 .chosen-disabled .chosen-choices .search-choice .search-choice-close {
   cursor: default;
 }
@@ -367,64 +385,74 @@ This file is generated by `grunt build`, do not edit it by hand.
 .chosen-rtl {
   text-align: right;
 }
+
 .chosen-rtl .chosen-single {
   overflow: visible;
   padding: 0 8px 0 0;
 }
+
 .chosen-rtl .chosen-single span {
   margin-right: 0;
   margin-left: 26px;
   direction: rtl;
 }
+
 .chosen-rtl .chosen-single-with-deselect span {
   margin-left: 38px;
 }
+
 .chosen-rtl .chosen-single div {
   right: auto;
   left: 3px;
 }
+
 .chosen-rtl .chosen-single abbr {
   right: auto;
   left: 26px;
 }
+
 .chosen-rtl .chosen-choices li {
   float: right;
 }
+
 .chosen-rtl .chosen-choices li.search-field input[type="text"] {
   direction: rtl;
 }
+
 .chosen-rtl .chosen-choices li.search-choice {
   margin: 3px 5px 3px 0;
   padding: 3px 5px 3px 19px;
 }
+
 .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
   right: auto;
   left: 4px;
 }
-.chosen-rtl.chosen-container-single-nosearch .chosen-search,
-.chosen-rtl .chosen-drop {
-  left: 9999px;
-}
+
 .chosen-rtl.chosen-container-single .chosen-results {
   margin: 0 0 4px 4px;
   padding: 0 4px 0 0;
 }
+
 .chosen-rtl .chosen-results li.group-option {
   padding-right: 15px;
   padding-left: 0;
 }
+
 .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
   border-right: none;
 }
+
 .chosen-rtl .chosen-search input[type="text"] {
   padding: 4px 5px 4px 20px;
-  background: white url('chosen-sprite.png') no-repeat -30px -20px;
-  background: url('chosen-sprite.png') no-repeat -30px -20px;
+  background: url("chosen-sprite.png") no-repeat -30px -20px;
   direction: rtl;
 }
+
 .chosen-rtl.chosen-container-single .chosen-single div b {
   background-position: 6px 2px;
 }
+
 .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
   background-position: -12px 2px;
 }
@@ -439,9 +467,10 @@ This file is generated by `grunt build`, do not edit it by hand.
   .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
   .chosen-container .chosen-results-scroll-down span,
   .chosen-container .chosen-results-scroll-up span {
-    background-image: url('chosen-sprite@2x.png') !important;
+    background-image: url("chosen-sprite@2x.png") !important;
     background-size: 52px 37px !important;
     background-repeat: no-repeat !important;
   }
 }
+
 /* @end */