Feature Request: Add `setColor(string)` method about coloris HOT 9 CLOSED

/**
      * Sets the current color
      * @param {string} color the color to set
      */
    setColor: function(color) {
        if (!color) {
            return;
        }
        var newColor = color.toLowerCase();
        var input = this.popup ? this.input : this.jq.find('#clr-color-value');
        Coloris.setColor(newColor, input[0]);
    },

function setColor(color, target) {
  const colorValue = document.querySelector('#clr-color-value');
  // Color fields listen for an "input" events while the color value field
  // within the picker listens for a "change" event
  const event = target === colorValue ? 'change' : 'input';

  target.value = color;
  target.dispatchEvent(new Event(event, { bubbles: true }));
}

/**
  * Sets the current color
  * @param {string} color the color to set
  */
setColor: function(color) {
    if (!color) {
        return;
    }

    var newColor = color.toLowerCase();
    var input = this.popup ? this.input : this.jq.find('#clr-color-value');
    var event = this.popup ? 'input' : 'change';
    var target = input[0];
    
    target.value = color;
    target.dispatchEvent(new Event(event, { bubbles: true }));
},

if (oldColor !== color) {
       currentEl.dispatchEvent(new Event('change', { bubbles: true }));
    }

/**
  * Sets the current color
  * @param {string} color the color to set
  */
setColor: function(color) {
    if (!color) {
        return;
    }

    var newColor = color.toLowerCase();
    var input = this.popup ? this.input : this.jq.find('#clr-color-value');
    var target = input[0];
    var oldColor = target.value.toLowerCase();
    var triggerInputEvent = !!this.popup;
    
    if (color.toLowerCase() !== oldColor) {
        target.value = color;
        triggerInputEvent && target.dispatchEvent(new Event('input', { bubbles: true }));
        target.dispatchEvent(new Event('change', { bubbles: true }));
    }
},