edlp_d8/sites/all/modules/contrib/fields/color_field/js/color_field_widget_box.js

/**
 * @file
 * Color Field jQuery.
 */

(function ($) {

jQuery.fn.addColorPicker = function (props) {

  'use strict';

  if (!props) {
    props = [];
  }

  props = jQuery.extend({
    currentColor:'',
    blotchElemType: 'button',
    blotchClass:'colorBox',
    blotchTransparentClass:'transparentBox',
    addTransparentBlotch: true,
    clickCallback: function (ignoredColor) {},
    iterationCallback: null,
    fillString: ' ',
    fillStringX: '?',
    colors: [
      '#AC725E','#D06B64','#F83A22', '#FA573C', '#FF7537', '#FFAD46',
      '#42D692','#16A765', '#7BD148','#B3DC6C','#FBE983',
      '#92E1C0', '#9FE1E7', '#9FC6E7', '#4986E7','#9A9CFF',
      '#B99AFF','#C2C2C2','#CABDBF','#CCA6AC','#F691B2',
      '#CD74E6','#A47AE2',
    ]
  }, props);

  this.addBlotchElement = function(color, blotchClass) {
    var elem = jQuery('<' + props.blotchElemType + '/>')
      .addClass(blotchClass)
      .attr('color',color)
      .attr('title', color)
      .css('background-color',color);
    // Jq bug: chaining here fails if color is null b/c .css() returns (new String('transparent'))!
    if (props.currentColor == color) {
      elem.addClass('active');
    }
    if (props.clickCallback) {
      elem.click(function (event) {
        event.preventDefault();
        jQuery(this).parent().children().removeClass('active');
        jQuery(this).addClass('active');
        props.clickCallback(jQuery(this).attr('color'));
      });
    }
    this.append(elem);
    if (props.iterationCallback) {
      props.iterationCallback(this, elem, color, i);
    }
  }

  for (var i = 0; i < props.colors.length; ++i) {
    var color = props.colors[i];
    this.addBlotchElement(color, props.blotchClass);
  }

  if (props.addTransparentBlotch) {
    this.addBlotchElement('', props.blotchTransparentClass);
  }

  return this;
};

})(jQuery);