jquery-minicolors-rails 2.1.1.0 → 2.1.1.1

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    YjY3MmZmOWRiZjE2Yjk4Y2VmYzViY2IyYTcyMWQ0MTM1ZjE2MzE4OQ==
+    ZDliOTljMDkwMTMzMGM5NjdkMDU2OWFjMmRkOTIzOGE3NGQ4NzgyNg==
   data.tar.gz: !binary |-
-    YWVmODM2ZjVhZmNlYThiNWM3Y2FmNTg4OTJjNzI3NjcwODIzMzJiOA==
+    N2NiNGMzNmE2Y2Q5MWM0ZGRhYzQwYzA3MGNlODllYzVhNGVjMjQzZQ==
 SHA512:
   metadata.gz: !binary |-
-    MzM4YTBhNDA3ZDRhZjJkNjRlODE3YjE3ZDg5OWU0NzMxMzdmY2I2NzFhY2Y0
-    OWU1ZWUzMGNlMzk3NjY2N2ViNTJjZDZkMzM4MjU1ZmRlYTQwODA5N2RjMzE4
-    NDQyNTYzODdlOWFkMTAyYjgyYzAxZDNlZmQzODJmNDY4YTE2YjE=
+    MzM3OTkyOTk2N2RhZTAxY2EwMDgzZGYxM2Y4YmNiZWZiZjZiMWNhNGRjNjJm
+    MmI3NTVhYzhjNDZlODRmNTE3MTc2YmYyYWM0NTVmNDRkNjJhNmFkZjg2N2Qw
+    Mzc4ODBjY2RjYTEyNjI2NmRmNGZmOTBmODY2N2IyNjYxZmRjNjY=
   data.tar.gz: !binary |-
-    MjFlOTI1YzI5MDc1NDFhNzEzYzA0YmYyZDc4NDA5YjZlYzNmZjhkYmIwNTI1
-    ZDFkNjEzOTAyYTY5M2Y3ZmU3ZjhhNzQ5Y2NiNGQ4YzllYjdlZDhiNzJiNThm
-    MmY5NmU2ZTQ1ZmQ1MWRjZDZjMWEzODZmMWY3ZGE2ZGQ0NmYyODY=
+    YzQ5NzZhZjYwMGJlMTlhYTE0OWRlOTIyY2JiNTM0YzJlYzkyNTQ3NzAyZGY1
+    YjA1NzQxNjBkMTA3NTBhMTE2ZDdmNDRkNzcxMTM4NzY2OTNhZThmZDM1ZTJh
+    YTNjYTBkM2E0NGY0YjQ0M2I0MTRiZWMwMjYzMGIyODU0Y2Y1YjI=

data/README.md

@@ -78,14 +78,11 @@ See https://github.com/plataformatec/simple_form
 As of https://github.com/rails/rails/pull/7968 (Rails > 4.*) the asset pipeline precompile command will ignore the images.
 Since `jquery.minicolors` uses an image for backgrounds you have two options:
 
-#### Option 1: use an optional stylesheet with data-URLs.
+#### Option 1: use data-URLs in the stylesheet.
 
-Just change `app/assets/stylesheets/application.css` to:
-
-```css
-/*
- *= require jquery.minicolors.embedded
- */
+```ruby
+# config/initializers/jquery_minicolors_rails.rb
+JqueryMinicolorsRails.use_data_urls = true
 ```
 
 __Benefit__: simpler deployment setup.

data/lib/jquery-minicolors-rails.rb

@@ -1,8 +1,16 @@
 require 'jquery-minicolors-rails/engine'
 
 module JqueryMinicolorsRails
-  def self.background_image_data_url
-    @_background_image_data_url ||=
-        File.read(File.expand_path('../../vendor/assets/images/jquery.minicolors.txt', __FILE__))
+  class << self
+    attr_writer :use_data_urls
+
+    def use_data_urls?
+      !!@use_data_urls
+    end
+
+    def image_data_url
+      @image_data_url ||=
+          File.read(File.expand_path('../../vendor/assets/images/jquery.minicolors.txt', __FILE__))
+    end
   end
 end

data/lib/jquery-minicolors-rails/version.rb

@@ -1,3 +1,3 @@
 module JqueryMinicolorsRails
-  VERSION = '2.1.1.0'
+  VERSION = '2.1.1.1'
 end

data/vendor/assets/stylesheets/jquery.minicolors.css.erb

@@ -5,7 +5,7 @@
 .minicolors-swatch {
   position: absolute;
   vertical-align: middle;
-  background: url(<%= image_path 'jquery.minicolors.png' %>) -80px 0;
+  background: url(<%= JqueryMinicolorsRails.use_data_urls? ? JqueryMinicolorsRails.image_data_url : image_path('jquery.minicolors.png') %>) -80px 0;
   border: solid 1px #ccc;
   cursor: text;
   padding: 0;
@@ -73,7 +73,7 @@
   left: 1px;
   width: 150px;
   height: 150px;
-  background: url(<%= image_path 'jquery.minicolors.png' %>) -120px 0;
+  background: url(<%= JqueryMinicolorsRails.use_data_urls? ? JqueryMinicolorsRails.image_data_url : image_path('jquery.minicolors.png') %>) -120px 0;
   cursor: crosshair;
 }
 
@@ -91,7 +91,7 @@
 }
 
 .minicolors-slider-saturation .minicolors-grid-inner {
-  background: url(<%= image_path 'jquery.minicolors.png' %>) -270px 0;
+  background: url(<%= JqueryMinicolorsRails.use_data_urls? ? JqueryMinicolorsRails.image_data_url : image_path('jquery.minicolors.png') %>) -270px 0;
 }
 
 .minicolors-slider-brightness .minicolors-grid {
@@ -113,7 +113,7 @@
   left: 152px;
   width: 20px;
   height: 150px;
-  background: white url(<%= image_path 'jquery.minicolors.png' %>) 0 0;
+  background: white url(<%= JqueryMinicolorsRails.use_data_urls? ? JqueryMinicolorsRails.image_data_url : image_path('jquery.minicolors.png') %>) 0 0;
   cursor: row-resize;
 }
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jquery-minicolors-rails
 version: !ruby/object:Gem::Version
-  version: 2.1.1.0
+  version: 2.1.1.1
 platform: ruby
 authors:
 - Kostiantyn Kahanskyi
@@ -152,7 +152,6 @@ files:
 - vendor/assets/javascripts/jquery.minicolors.js
 - vendor/assets/javascripts/jquery.minicolors.simple_form.js
 - vendor/assets/stylesheets/jquery.minicolors.css.erb
-- vendor/assets/stylesheets/jquery.minicolors.embedded.css.erb
 - Rakefile
 - README.md
 homepage: https://github.com/kostia/jquery-minicolors-rails

data/vendor/assets/stylesheets/jquery.minicolors.embedded.css.erb

@@ -1,245 +0,0 @@
-.minicolors {
-  position: relative;
-}
-
-.minicolors-swatch {
-  position: absolute;
-  vertical-align: middle;
-  background: url(<%= JqueryMinicolorsRails.background_image_data_url %>) -80px 0;
-  border: solid 1px #ccc;
-  cursor: text;
-  padding: 0;
-  margin: 0;
-  display: inline-block;
-}
-
-.minicolors-swatch-color {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.minicolors input[type=hidden] + .minicolors-swatch {
-  width: 28px;
-  position: static;
-  cursor: pointer;
-}
-
-/* Panel */
-.minicolors-panel {
-  position: absolute;
-  width: 173px;
-  height: 152px;
-  background: white;
-  border: solid 1px #CCC;
-  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-  z-index: 99999;
-  -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box;
-  box-sizing: content-box;
-  display: none;
-}
-
-.minicolors-panel.minicolors-visible {
-  display: block;
-}
-
-/* Panel positioning */
-.minicolors-position-top .minicolors-panel {
-  top: -154px;
-}
-
-.minicolors-position-right .minicolors-panel {
-  right: 0;
-}
-
-.minicolors-position-bottom .minicolors-panel {
-  top: auto;
-}
-
-.minicolors-position-left .minicolors-panel {
-  left: 0;
-}
-
-.minicolors-with-opacity .minicolors-panel {
-  width: 194px;
-}
-
-.minicolors .minicolors-grid {
-  position: absolute;
-  top: 1px;
-  left: 1px;
-  width: 150px;
-  height: 150px;
-  background: url(<%= JqueryMinicolorsRails.background_image_data_url %>) -120px 0;
-  cursor: crosshair;
-}
-
-.minicolors .minicolors-grid-inner {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 150px;
-  height: 150px;
-  background: none;
-}
-
-.minicolors-slider-saturation .minicolors-grid {
-  background-position: -420px 0;
-}
-
-.minicolors-slider-saturation .minicolors-grid-inner {
-  background: url(<%= JqueryMinicolorsRails.background_image_data_url %>) -270px 0;
-}
-
-.minicolors-slider-brightness .minicolors-grid {
-  background-position: -570px 0;
-}
-
-.minicolors-slider-brightness .minicolors-grid-inner {
-  background: black;
-}
-
-.minicolors-slider-wheel .minicolors-grid {
-  background-position: -720px 0;
-}
-
-.minicolors-slider,
-.minicolors-opacity-slider {
-  position: absolute;
-  top: 1px;
-  left: 152px;
-  width: 20px;
-  height: 150px;
-  background: white url(<%= JqueryMinicolorsRails.background_image_data_url %>) 0 0;
-  cursor: row-resize;
-}
-
-.minicolors-slider-saturation .minicolors-slider {
-  background-position: -60px 0;
-}
-
-.minicolors-slider-brightness .minicolors-slider {
-  background-position: -20px 0;
-}
-
-.minicolors-slider-wheel .minicolors-slider {
-  background-position: -20px 0;
-}
-
-.minicolors-opacity-slider {
-  left: 173px;
-  background-position: -40px 0;
-  display: none;
-}
-
-.minicolors-with-opacity .minicolors-opacity-slider {
-  display: block;
-}
-
-/* Pickers */
-.minicolors-grid .minicolors-picker {
-  position: absolute;
-  top: 70px;
-  left: 70px;
-  width: 12px;
-  height: 12px;
-  border: solid 1px black;
-  border-radius: 10px;
-  margin-top: -6px;
-  margin-left: -6px;
-  background: none;
-}
-
-.minicolors-grid .minicolors-picker > div {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 8px;
-  height: 8px;
-  border-radius: 8px;
-  border: solid 2px white;
-  -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box;
-  box-sizing: content-box;
-}
-
-.minicolors-picker {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 18px;
-  height: 2px;
-  background: white;
-  border: solid 1px black;
-  margin-top: -2px;
-  -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box;
-  box-sizing: content-box;
-}
-
-/* Inline controls */
-.minicolors-inline {
-  display: inline-block;
-}
-
-.minicolors-inline .minicolors-input {
-  display: none !important;
-}
-
-.minicolors-inline .minicolors-panel {
-  position: relative;
-  top: auto;
-  left: auto;
-  box-shadow: none;
-  z-index: auto;
-  display: inline-block;
-}
-
-/* Default theme */
-.minicolors-theme-default .minicolors-swatch {
-  top: 5px;
-  left: 5px;
-  width: 18px;
-  height: 18px;
-}
-.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
-  left: auto;
-  right: 5px;
-}
-.minicolors-theme-default.minicolors {
-  width: auto;
-  display: inline-block;
-}
-.minicolors-theme-default .minicolors-input {
-  height: 20px;
-  width: auto;
-  display: inline-block;
-  padding-left: 26px;
-}
-.minicolors-theme-default.minicolors-position-right .minicolors-input {
-  padding-right: 26px;
-  padding-left: inherit;
-}
-
-/* Bootstrap theme */
-.minicolors-theme-bootstrap .minicolors-swatch {
-  top: 3px;
-  left: 3px;
-  width: 28px;
-  height: 28px;
-  border-radius: 3px;
-}
-.minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch {
-  left: auto;
-  right: 3px;
-}
-.minicolors-theme-bootstrap .minicolors-input {
-  padding-left: 44px;
-}
-.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
-  padding-right: 44px;
-  padding-left: 12px;
-}