cleanup and update of jquery-colorpicker dependency

js/jquery-colorpicker/parts/jquery.ui.colorpicker-memory.js

@@ -0,0 +1,80 @@
+jQuery(function($) {  
+  $.colorpicker.parts.memory = function (inst) {
+    var that    = this,
+      container,
+      selectNode  = function(node) {
+        inst.color = inst._parseColor($(node).css('backgroundColor'));
+        inst._change();
+      },
+      deleteNode  = function(node) {
+        node.remove();
+      },
+      addNode   = function(color) {
+        var $node = $('<div/>').addClass('ui-colorpicker-swatch').css('backgroundColor', color);
+        $node.mousedown(function(e) {
+          e.stopPropagation();
+
+          if (!inst.options.disabled) {
+            switch (e.which) {
+            case 1:
+              selectNode(this);
+              break;
+            case 3:
+              deleteNode($node);
+              setMemory();
+              break;
+            }
+          }
+        }).on('contextmenu', function(e) {
+          e.preventDefault();               
+        });
+
+        container.append($node);
+      },
+      getMemory = function() {
+        if (window.localStorage) {
+          var memory = localStorage.getItem('colorpicker-memory');
+          if (memory) {
+            return JSON.parse(memory);
+          }
+        }
+        return $.map((document.cookie.match(/\bcolorpicker-memory=([^;]*)/) || [0, ''])[1].split(','),unescape);
+      };
+    setMemory = function() {
+      var colors = [];
+      $('> *', container).each(function() {
+        colors.push($(this).css('backgroundColor'));
+      });
+      if (window.localStorage) {
+        localStorage.setItem('colorpicker-memory',JSON.stringify(colors));
+      }
+      else {
+        var expdate=new Date();
+        expdate.setDate(expdate.getDate() + (365 * 10));
+        document.cookie = 'colorpicker-memory='+$.map(colors,escape).join()+';expires='+expdate.toUTCString();
+      }
+    };
+
+    this.init = function () {
+      container = $('<div/>')
+        .addClass('ui-colorpicker-memory ui-colorpicker-border ui-colorpicker-swatches')
+        .css({
+          width:    84,
+          height:   84,
+          cursor:   'crosshair'
+        })
+        .appendTo($('.ui-colorpicker-memory-container', inst.dialog));
+
+      $.each(getMemory(), function() {
+        addNode(this);
+      });
+
+      container.mousedown(function(e) {
+        if (!inst.options.disabled) {
+          addNode(inst.color.toCSS());
+          setMemory();
+        }
+      });
+    };
+  };
+});

js/jquery-colorpicker/parts/jquery.ui.colorpicker-rgbslider.js

@@ -0,0 +1,80 @@
+jQuery(function($) {
+  /**
+   * Set a horizontal gradient background image on an element.
+   * Uses the now-deprecated $.browser
+   * @param $ element
+   * @param $.colorpicker.Color startColor
+   * @param $.colorpicker.Color endColor
+   * @returns {undefined}
+   */
+  function setGradient(element, startColor, endColor) {
+    var start = startColor.toCSS(),
+      end   = endColor.toCSS(),
+      styles = window.getComputedStyle(document.documentElement, ''), 
+      prefix = (Array.prototype.slice.call(styles).join('').match(/-(moz|webkit|ms)-/) || (styles.OLink === '' && ['', 'o']))[1];
+      
+    element.css('background-image', '-'+prefix+'-linear-gradient(left, '+start+' 0%, '+end+' 100%)');
+  }
+
+  $.colorpicker.parts.rgbslider = function (inst) {
+    var that  = this,
+      sliders = { r: $('<div class="ui-colorpicker-slider"/>'),
+        g: $('<div class="ui-colorpicker-slider"/>'),
+        b: $('<div class="ui-colorpicker-slider"/>')
+      };
+          
+    this.updateGradients = function () {
+      var color = inst.color.getRGB();
+      
+      setGradient(sliders.r, new $.colorpicker.Color(0, color.g, color.b), new $.colorpicker.Color(1, color.g, color.b));
+      setGradient(sliders.g, new $.colorpicker.Color(color.r, 0, color.b), new $.colorpicker.Color(color.r, 1, color.b));
+      setGradient(sliders.b, new $.colorpicker.Color(color.r, color.g, 0), new $.colorpicker.Color(color.r, color.g, 1));
+    };
+
+    this.init = function () {
+      $('<div class="ui-colorpicker-rgbslider"/>').append(sliders.r, sliders.g, sliders.b)
+        .appendTo($('.ui-colorpicker-rgbslider-container', inst.dialog));
+
+      function refresh() {
+        var r = sliders.r.slider('value') / 255,
+          g = sliders.g.slider('value') / 255,
+          b = sliders.b.slider('value') / 255;
+
+        inst.color.setRGB(r, g, b);
+        inst._change();
+        
+        that.updateGradients();
+      }
+
+      $(sliders.r).add(sliders.g).add(sliders.b).slider({
+        min: 0,
+        max: 255,
+        step: 1,
+        slide:  refresh,
+        change: refresh
+      });
+      
+      this.updateGradients();
+    };
+
+    this.repaint = function () {
+      $.each(inst.color.getRGB(), function (index, value) {
+        var input = sliders[index];
+        value = Math.round(value * 255);
+        if (input.slider('value') !== value) {
+          input.slider('value', value);
+        }
+      });
+    };
+
+    this.update = function () {
+      this.repaint();
+    };
+    
+    this.disable = function (disabled) {
+      sliders.r.slider(disabled ? 'disable' : 'enable');
+      sliders.g.slider(disabled ? 'disable' : 'enable');
+      sliders.b.slider(disabled ? 'disable' : 'enable');
+    };
+  };
+});

js/jquery-colorpicker/parts/jquery.ui.colorpicker-swatchesswitcher.js

@@ -0,0 +1,35 @@
+jQuery(function($) {
+  $.colorpicker.parts.swatchesswitcher = function (inst) {
+    var that = this,
+      part = null;
+
+    this.init = function () {
+      var names = $.map($.colorpicker.swatches, function(v, name) { return name; }).sort(),
+        current = inst.options.swatches || 'html',
+        select = $('<select>').width(inst.options.swatchesWidth + 2);
+
+      part  = $('<div/>')
+        .addClass('ui-colorpicker-swatchesswitcher')
+        .css('text-align', 'center')
+        .appendTo($('.ui-colorpicker-swatchesswitcher-container', inst.dialog));
+      select.appendTo(part);
+      
+      $.each(names, function(x, name) {
+        var label = $.colorpicker.swatchesNames[name]
+              || name.replace(/[-_]/, ' ').replace(/^([a-z\u00E0-\u00FC])|\s+([a-z\u00E0-\u00FC])/g, function($1) {
+                return $1.toUpperCase();
+              });
+        $('<option>').val(name).text(label).appendTo(select);
+      });
+      select.val(current);
+      
+      select.change(function() {
+        inst.option('swatches', $(this).val());
+      });
+    };
+    
+    this.disable = function (disabled) {
+      $('select', part).prop('disabled', disabled);
+    };
+  };
+});