docs: function(ui)
                {
                  switch (settings.color.mode)
                  {
                    case 'h':
                      var a = ui.val('a');
                      setAlpha.call($this, colorBarL5, Math.precision(((255 - (a || 0)) * 100) / 255, 4));
                      break;
                    case 's':
                      var hva = ui.val('hva'),
                          saturatedColor = new Color({ h: hva && hva.h || 0, s: 100, v: hva != null ? hva.v : 100 });
                      setBG.call($this, colorBarDiv, saturatedColor.val('hex'));
                      setAlpha.call($this, colorBarL2, 100 - (hva != null ? hva.v : 100));
                      setAlpha.call($this, colorBarL5, Math.precision(((255 - (hva && hva.a || 0)) * 100) / 255, 4));
                      break;
                    case 'v':
                      var hsa = ui.val('hsa'),
                          valueColor = new Color({ h: hsa && hsa.h || 0, s: hsa != null ? hsa.s : 100, v: 100 });
                      setBG.call($this, colorBarDiv, valueColor.val('hex'));
                      setAlpha.call($this, colorBarL5, Math.precision(((255 - (hsa && hsa.a || 0)) * 100) / 255, 4));
                      break;
                    case 'r':
                    case 'g':
                    case 'b':
                      var hValue = 0, vValue = 0, rgba = ui.val('rgba');
                      if (settings.color.mode == 'r')
                      {
                        hValue = rgba && rgba.b || 0;
                        vValue = rgba && rgba.g || 0;
                      }
                      else if (settings.color.mode == 'g')
                      {
                        hValue = rgba && rgba.b || 0;
                        vValue = rgba && rgba.r || 0;
                      }
                      else if (settings.color.mode == 'b')
                      {
                        hValue = rgba && rgba.r || 0;
                        vValue = rgba && rgba.g || 0;
                      }
                      var middle = vValue > hValue ? hValue : vValue;
                      setAlpha.call($this, colorBarL2, hValue > vValue ? Math.precision(((hValue - vValue) / (255 - vValue)) * 100, 4) : 0);
                      setAlpha.call($this, colorBarL3, vValue > hValue ? Math.precision(((vValue - hValue) / (255 - hValue)) * 100, 4) : 0);
                      setAlpha.call($this, colorBarL4, Math.precision((middle / 255) * 100, 4));
                      setAlpha.call($this, colorBarL5, Math.precision(((255 - (rgba && rgba.a || 0)) * 100) / 255, 4));
                      break;
                    case 'a':
                      var a = ui.val('a');
                      setBG.call($this, colorBarDiv, ui.val('hex') || '000000');
                      setAlpha.call($this, colorBarL5, a != null ? 0 : 100);
                      setAlpha.call($this, colorBarL6, a != null ? 100 : 0);
                      break;
                  }
                }