☰

Spectrum

The No Hassle jQuery Colorpicker

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/433654/977772/Spectrum.js 

  1. /**
  2.  * @version: 2.0.8
  3.  * @author: seballot (https://seballot.github.io/spectrum/)
  4.  * @date: 2019-03-27
  5.  * @copyright: Copyright (c) , seballot (https://seballot.github.io/spectrum/). All rights reserved.
  6.  * @license: https://github.com/seballot/spectrum/blob/master/LICENSE
  7.  * @website: https://seballot.github.io/spectrum/
  8.  */
  9.  
  10. (function (factory) {
  11.     "use strict";
  12.  
  13.     if (typeof define === 'function' && define.amd) { // AMD
  14.         define(['jquery'], factory);
  15.     }
  16.     else if (typeof exports == "object" && typeof module == "object") { // CommonJS
  17.         module.exports = factory(require('jquery'));
  18.     }
  19.     else { // Browser
  20.         factory(jQuery);
  21.     }
  22. })(function($, undefined) {
  23.     "use strict";
  24.  
  25.     var defaultOpts = {
  26.  
  27.         // Callbacks
  28.         beforeShow: noop,
  29.         move: noop,
  30.         change: noop,
  31.         show: noop,
  32.         hide: noop,
  33.  
  34.         // Options
  35.         color: false,
  36.         flat: false, // Deprecated - use type instead
  37.         type: '', // text, color, component or flat
  38.         showInput: false,
  39.         allowEmpty: true,
  40.         showButtons: true,
  41.         clickoutFiresChange: true,
  42.         showInitial: false,
  43.         showPalette: true,
  44.         showPaletteOnly: false,
  45.         hideAfterPaletteSelect: false,
  46.         togglePaletteOnly: false,
  47.         showSelectionPalette: true,
  48.         localStorageKey: false,
  49.         appendTo: "body",
  50.         maxSelectionSize: 8,
  51.         locale: "en",
  52.         cancelText: "cancel",
  53.         chooseText: "choose",
  54.         togglePaletteMoreText: "more",
  55.         togglePaletteLessText: "less",
  56.         clearText: "Clear Color Selection",
  57.         noColorSelectedText: "No Color Selected",
  58.         preferredFormat: "name",
  59.         className: "", // Deprecated - use containerClassName and replacerClassName instead.
  60.         containerClassName: "",
  61.         replacerClassName: "",
  62.         showAlpha: true,
  63.         theme: "sp-light",
  64.         palette: [
  65.             ["#000000","#444444","#5b5b5b","#999999","#bcbcbc","#eeeeee","#f3f6f4","#ffffff"],
  66.             ["#f44336","#744700","#ce7e00","#8fce00","#2986cc","#16537e","#6a329f","#c90076"],
  67.             ["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","#ead1dc"],
  68.             ["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","#d5a6bd"],
  69.             ["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","#c27ba0"],
  70.             ["#cc0000","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a64d79"],
  71.             ["#990000","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#741b47"],
  72.             ["#660000","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c1130"]
  73.         ],
  74.         selectionPalette: [],
  75.         disabled: false,
  76.         offset: null
  77.     },
  78.     spectrums = [],
  79.     IE = !!/msie/i.exec( window.navigator.userAgent ),
  80.     rgbaSupport = (function() {
  81.         function contains( str, substr ) {
  82.             return !!~('' + str).indexOf(substr);
  83.         }
  84.  
  85.         var elem = document.createElement('div');
  86.         var style = elem.style;
  87.         style.cssText = 'background-color:rgba(0,0,0,.5)';
  88.         return contains(style.backgroundColor, 'rgba') || contains(style.backgroundColor, 'hsla');
  89.     })(),
  90.     replaceInput = [
  91.         "<div class='sp-replacer'>",
  92.             "<div class='sp-preview'><div class='sp-preview-inner'></div></div>",
  93.             "<div class='sp-dd'>&#9660;</div>",
  94.         "</div>"
  95.     ].join(''),
  96.     markup = (function () {
  97.  
  98.         // IE does not support gradients with multiple stops, so we need to simulate
  99.         //  that for the rainbow slider with 8 divs that each have a single gradient
  100.         var gradientFix = "";
  101.         if (IE) {
  102.             for (var i = 1; i <= 6; i++) {
  103.                 gradientFix += "<div class='sp-" + i + "'></div>";
  104.             }
  105.         }
  106.  
  107.         return [
  108.             "<div class='sp-container sp-hidden'>",
  109.                 "<div class='sp-palette-container'>",
  110.                     "<div class='sp-palette sp-thumb sp-cf'></div>",
  111.                     "<div class='sp-palette-button-container sp-cf'>",
  112.                         "<button type='button' class='sp-palette-toggle'></button>",
  113.                     "</div>",
  114.                 "</div>",
  115.                 "<div class='sp-picker-container'>",
  116.                     "<div class='sp-top sp-cf'>",
  117.                         "<div class='sp-fill'></div>",
  118.                         "<div class='sp-top-inner'>",
  119.                             "<div class='sp-color'>",
  120.                                 "<div class='sp-sat'>",
  121.                                     "<div class='sp-val'>",
  122.                                         "<div class='sp-dragger'></div>",
  123.                                     "</div>",
  124.                                 "</div>",
  125.                             "</div>",
  126.                             "<div class='sp-clear sp-clear-display'>",
  127.                             "</div>",
  128.                             "<div class='sp-hue'>",
  129.                                 "<div class='sp-slider'></div>",
  130.                                 gradientFix,
  131.                             "</div>",
  132.                         "</div>",
  133.                         "<div class='sp-alpha'><div class='sp-alpha-inner'><div class='sp-alpha-handle'></div></div></div>",
  134.                     "</div>",
  135.                     "<div class='sp-input-container sp-cf'>",
  136.                         "<input class='sp-input' type='text' spellcheck='false'  />",
  137.                     "</div>",
  138.                     "<div class='sp-initial sp-thumb sp-cf'></div>",
  139.                     "<div class='sp-button-container sp-cf'>",
  140.                         "<button class='sp-cancel' href='#'></button>",
  141.                         "<button type='button' class='sp-choose'></button>",
  142.                     "</div>",
  143.                 "</div>",
  144.             "</div>"
  145.         ].join("");
  146.     })();
  147.  
  148.     function paletteTemplate (p, color, className, opts) {
  149.         var html = [];
  150.         for (var i = 0; i < p.length; i++) {
  151.             var current = p[i];
  152.             if(current) {
  153.                 var tiny = tinycolor(current);
  154.                 var c = tiny.toHsl().l < 0.5 ? "sp-thumb-el sp-thumb-dark" : "sp-thumb-el sp-thumb-light";
  155.                 c += (tinycolor.equals(color, current)) ? " sp-thumb-active" : "";
  156.                 var formattedString = tiny.toString(opts.preferredFormat || "rgb");
  157.                 var swatchStyle = rgbaSupport ? ("background-color:" + tiny.toRgbString()) : "filter:" + tiny.toFilter();
  158.                 html.push('<span title="' + formattedString + '" data-color="' + tiny.toRgbString() + '" class="' + c + '"><span class="sp-thumb-inner" style="' + swatchStyle + ';"></span></span>');
  159.             } else {
  160.                 html.push('<span class="sp-thumb-el sp-clear-display" ><span class="sp-clear-palette-only" style="background-color: transparent;"></span></span>');
  161.             }
  162.         }
  163.         return "<div class='sp-cf " + className + "'>" + html.join('') + "</div>";
  164.     }
  165.  
  166.     function hideAll() {
  167.         for (var i = 0; i < spectrums.length; i++) {
  168.             if (spectrums[i]) {
  169.                 spectrums[i].hide();
  170.             }
  171.         }
  172.     }
  173.  
  174.     function instanceOptions(o, callbackContext) {
  175.         o.locale = o.locale || window.navigator.language;
  176.         if (o.locale) o.locale = o.locale.split('-')[0].toLowerCase(); // handle locale like "fr-FR"
  177.         if (o.locale != 'en' && $.spectrum.localization[o.locale]) {
  178.             o = $.extend({}, $.spectrum.localization[o.locale], o);
  179.         }
  180.         var opts = $.extend({}, defaultOpts, o);
  181.  
  182.         opts.callbacks = {
  183.             'move': bind(opts.move, callbackContext),
  184.             'change': bind(opts.change, callbackContext),
  185.             'show': bind(opts.show, callbackContext),
  186.             'hide': bind(opts.hide, callbackContext),
  187.             'beforeShow': bind(opts.beforeShow, callbackContext)
  188.         };
  189.  
  190.         return opts;
  191.     }
  192.  
  193.     function spectrum(element, o) {
  194.  
  195.         var opts = instanceOptions(o, element),
  196.             type = opts.type,
  197.             flat = (type == 'flat'),
  198.             showSelectionPalette = opts.showSelectionPalette,
  199.             localStorageKey = opts.localStorageKey,
  200.             theme = opts.theme,
  201.             callbacks = opts.callbacks,
  202.             resize = throttle(reflow, 10),
  203.             visible = false,
  204.             isDragging = false,
  205.             dragWidth = 0,
  206.             dragHeight = 0,
  207.             dragHelperHeight = 0,
  208.             slideHeight = 0,
  209.             slideWidth = 0,
  210.             alphaWidth = 0,
  211.             alphaSlideHelperWidth = 0,
  212.             slideHelperHeight = 0,
  213.             currentHue = 0,
  214.             currentSaturation = 0,
  215.             currentValue = 0,
  216.             currentAlpha = 1,
  217.             palette = [],
  218.             paletteArray = [],
  219.             paletteLookup = {},
  220.             selectionPalette = opts.selectionPalette.slice(0),
  221.             maxSelectionSize = opts.maxSelectionSize,
  222.             draggingClass = "sp-dragging",
  223.             abortNextInputChange = false,
  224.             shiftMovementDirection = null;
  225.  
  226.         var doc = element.ownerDocument,
  227.             body = doc.body,
  228.             boundElement = $(element),
  229.             disabled = false,
  230.             container = $(markup, doc).addClass(theme),
  231.             pickerContainer = container.find(".sp-picker-container"),
  232.             dragger = container.find(".sp-color"),
  233.             dragHelper = container.find(".sp-dragger"),
  234.             slider = container.find(".sp-hue"),
  235.             slideHelper = container.find(".sp-slider"),
  236.             alphaSliderInner = container.find(".sp-alpha-inner"),
  237.             alphaSlider = container.find(".sp-alpha"),
  238.             alphaSlideHelper = container.find(".sp-alpha-handle"),
  239.             textInput = container.find(".sp-input"),
  240.             paletteContainer = container.find(".sp-palette"),
  241.             initialColorContainer = container.find(".sp-initial"),
  242.             cancelButton = container.find(".sp-cancel"),
  243.             clearButton = container.find(".sp-clear"),
  244.             chooseButton = container.find(".sp-choose"),
  245.             toggleButton = container.find(".sp-palette-toggle"),
  246.             isInput = boundElement.is("input"),
  247.             isInputTypeColor = isInput && boundElement.attr("type") === "color" && inputTypeColorSupport(),
  248.             shouldReplace = isInput && type == 'color',
  249.             replacer = (shouldReplace) ? $(replaceInput).addClass(theme).addClass(opts.className).addClass(opts.replacerClassName) : $([]),
  250.             offsetElement = (shouldReplace) ? replacer : boundElement,
  251.             previewElement = replacer.find(".sp-preview-inner"),
  252.             initialColor = opts.color || (isInput && boundElement.val()),
  253.             colorOnShow = false,
  254.             currentPreferredFormat = opts.preferredFormat,
  255.             clickoutFiresChange = !opts.showButtons || opts.clickoutFiresChange,
  256.             isEmpty = !initialColor,
  257.             allowEmpty = opts.allowEmpty;
  258.  
  259.         // Element to be updated with the input color. Populated in initialize method
  260.         var originalInputContainer = null,
  261.             colorizeElement = null,
  262.             colorizeElementInitialColor = null,
  263.             colorizeElementInitialBackground = null;
  264.  
  265.         //If there is a label for this element, when clicked on, show the colour picker
  266.         var thisId = boundElement.attr('id');
  267.         if(thisId !== undefined && thisId.length > 0) {
  268.             var label = $('label[for="'+thisId+'"]');
  269.             if(label.length) {
  270.                 label.on('click', function(e){
  271.                     e.preventDefault();
  272.                     boundElement.spectrum('show');
  273.                     return false;
  274.                 });
  275.             }
  276.         }
  277.         
  278.         function applyOptions() {
  279.  
  280.             if (opts.showPaletteOnly) {
  281.                 opts.showPalette = true;
  282.             }
  283.  
  284.             toggleButton.text(opts.showPaletteOnly ? opts.togglePaletteMoreText : opts.togglePaletteLessText);
  285.  
  286.             if (opts.palette) {
  287.                 palette = opts.palette.slice(0);
  288.                 paletteArray = $.isArray(palette[0]) ? palette : [palette];
  289.                 paletteLookup = {};
  290.                 for (var i = 0; i < paletteArray.length; i++) {
  291.                     for (var j = 0; j < paletteArray[i].length; j++) {
  292.                         var rgb = tinycolor(paletteArray[i][j]).toRgbString();
  293.                         paletteLookup[rgb] = true;
  294.                     }
  295.                 }
  296.  
  297.                 // if showPaletteOnly and didn't set initialcolor
  298.                 // set initialcolor to first palette
  299.                 if (opts.showPaletteOnly && !initialColor) {
  300.                     initialColor = (palette[0][0] === '') ? palette[0][0] : Object.keys(paletteLookup)[0];
  301.                 }
  302.             }
  303.  
  304.             container.toggleClass("sp-flat", flat);
  305.             container.toggleClass("sp-input-disabled", !opts.showInput);
  306.             container.toggleClass("sp-alpha-enabled", opts.showAlpha);
  307.             container.toggleClass("sp-clear-enabled", allowEmpty);
  308.             container.toggleClass("sp-buttons-disabled", !opts.showButtons);
  309.             container.toggleClass("sp-palette-buttons-disabled", !opts.togglePaletteOnly);
  310.             container.toggleClass("sp-palette-disabled", !opts.showPalette);
  311.             container.toggleClass("sp-palette-only", opts.showPaletteOnly);
  312.             container.toggleClass("sp-initial-disabled", !opts.showInitial);
  313.             container.addClass(opts.className).addClass(opts.containerClassName);
  314.  
  315.             reflow();
  316.         }
  317.  
  318.         function initialize() {
  319.  
  320.             if (IE) {
  321.                 container.find("*:not(input)").attr("unselectable", "on");
  322.             }
  323.  
  324.             applyOptions();
  325.  
  326.             originalInputContainer = $('<span class="sp-original-input-container"></span>');
  327.             ['margin'].forEach(function(cssProp) {
  328.                 originalInputContainer.css(cssProp, boundElement.css(cssProp));
  329.             });
  330.             // inline-flex by default, switching to flex if needed
  331.             if (boundElement.css('display') == 'block') originalInputContainer.css('display', 'flex');
  332.  
  333.             if (shouldReplace) {
  334.                 boundElement.after(replacer).hide();
  335.             } else if (type == 'text') {
  336.                 originalInputContainer.addClass('sp-colorize-container');
  337.                 boundElement.addClass('spectrum sp-colorize').wrap(originalInputContainer);
  338.             } else if (type == 'component') {
  339.                 boundElement.addClass('spectrum').wrap(originalInputContainer);
  340.                 var addOn = $(["<div class='sp-colorize-container sp-add-on'>",
  341.                     "<div class='sp-colorize'></div> ",
  342.                 "</div>"].join(''));
  343.                 addOn.width(boundElement.outerHeight() + 'px')
  344.                      .css('border-radius', boundElement.css('border-radius'))
  345.                      .css('border', boundElement.css('border'));
  346.                 boundElement.addClass('with-add-on').before(addOn);
  347.             }
  348.  
  349.             colorizeElement = boundElement.parent().find('.sp-colorize');
  350.             colorizeElementInitialColor = colorizeElement.css('color');
  351.             colorizeElementInitialBackground = colorizeElement.css('background-color');
  352.  
  353.             if (!allowEmpty) {
  354.                 clearButton.hide();
  355.             }
  356.  
  357.             if (flat) {
  358.                 boundElement.after(container).hide();
  359.             }
  360.             else {
  361.  
  362.                 var appendTo = opts.appendTo === "parent" ? boundElement.parent() : $(opts.appendTo);
  363.                 if (appendTo.length !== 1) {
  364.                     appendTo = $("body");
  365.                 }
  366.  
  367.                 appendTo.append(container);
  368.             }
  369.  
  370.             updateSelectionPaletteFromStorage();
  371.  
  372.             offsetElement.on("click.spectrum touchstart.spectrum", function (e) {
  373.                 if (!disabled) {
  374.                     show();
  375.                 }
  376.  
  377.                 e.stopPropagation();
  378.  
  379.                 if (!$(e.target).is("input")) {
  380.                     e.preventDefault();
  381.                 }
  382.             });
  383.  
  384.             if(boundElement.is(":disabled") || (opts.disabled === true)) {
  385.                 disable();
  386.             }
  387.  
  388.             // Prevent clicks from bubbling up to document.  This would cause it to be hidden.
  389.             container.click(stopPropagation);
  390.  
  391.             // Handle user typed input
  392.             [textInput, boundElement].forEach(function(input) {
  393.                 input.change(function() { setFromTextInput(input.val()); });
  394.                 input.on("paste", function () {
  395.                     setTimeout(function() { setFromTextInput(input.val()); }, 1);
  396.                 });
  397.                 input.keydown(function (e) { if (e.keyCode == 13) {
  398.                     setFromTextInput($(input).val());
  399.                     if (input == boundElement) hide();
  400.                 } });
  401.             });
  402.  
  403.             cancelButton.text(opts.cancelText);
  404.             cancelButton.on("click.spectrum", function (e) {
  405.                 e.stopPropagation();
  406.                 e.preventDefault();
  407.                 revert();
  408.                 hide();
  409.             });
  410.  
  411.             clearButton.attr("title", opts.clearText);
  412.             clearButton.on("click.spectrum", function (e) {
  413.                 e.stopPropagation();
  414.                 e.preventDefault();
  415.                 isEmpty = true;
  416.                 move();
  417.  
  418.                 if(flat) {
  419.                     //for the flat style, this is a change event
  420.                     updateOriginalInput(true);
  421.                 }
  422.             });
  423.  
  424.             chooseButton.text(opts.chooseText);
  425.             chooseButton.on("click.spectrum", function (e) {
  426.                 e.stopPropagation();
  427.                 e.preventDefault();
  428.  
  429.                 if (IE && textInput.is(":focus")) {
  430.                     textInput.trigger('change');
  431.                 }
  432.  
  433.                 if (isValid()) {
  434.                     updateOriginalInput(true);
  435.                     hide();
  436.                 }
  437.             });
  438.  
  439.             toggleButton.text(opts.showPaletteOnly ? opts.togglePaletteMoreText : opts.togglePaletteLessText);
  440.             toggleButton.on("click.spectrum", function (e) {
  441.                 e.stopPropagation();
  442.                 e.preventDefault();
  443.  
  444.                 opts.showPaletteOnly = !opts.showPaletteOnly;
  445.  
  446.                 // To make sure the Picker area is drawn on the right, next to the
  447.                 // Palette area (and not below the palette), first move the Palette
  448.                 // to the left to make space for the picker, plus 5px extra.
  449.                 // The 'applyOptions' function puts the whole container back into place
  450.                 // and takes care of the button-text and the sp-palette-only CSS class.
  451.                 if (!opts.showPaletteOnly && !flat) {
  452.                     container.css('left', '-=' + (pickerContainer.outerWidth(true) + 5));
  453.                 }
  454.                 applyOptions();
  455.             });
  456.  
  457.             draggable(alphaSlider, function (dragX, dragY, e) {
  458.                 currentAlpha = (dragX / alphaWidth);
  459.                 isEmpty = false;
  460.                 if (e.shiftKey) {
  461.                     currentAlpha = Math.round(currentAlpha * 10) / 10;
  462.                 }
  463.  
  464.                 move();
  465.             }, dragStart, dragStop);
  466.  
  467.             draggable(slider, function (dragX, dragY) {
  468.                 currentHue = parseFloat(dragY / slideHeight);
  469.                 isEmpty = false;
  470.                 if (!opts.showAlpha) {
  471.                     currentAlpha = 1;
  472.                 }
  473.                 move();
  474.             }, dragStart, dragStop);
  475.  
  476.             draggable(dragger, function (dragX, dragY, e) {
  477.  
  478.                 // shift+drag should snap the movement to either the x or y axis.
  479.                 if (!e.shiftKey) {
  480.                     shiftMovementDirection = null;
  481.                 }
  482.                 else if (!shiftMovementDirection) {
  483.                     var oldDragX = currentSaturation * dragWidth;
  484.                     var oldDragY = dragHeight - (currentValue * dragHeight);
  485.                     var furtherFromX = Math.abs(dragX - oldDragX) > Math.abs(dragY - oldDragY);
  486.  
  487.                     shiftMovementDirection = furtherFromX ? "x" : "y";
  488.                 }
  489.  
  490.                 var setSaturation = !shiftMovementDirection || shiftMovementDirection === "x";
  491.                 var setValue = !shiftMovementDirection || shiftMovementDirection === "y";
  492.  
  493.                 if (setSaturation) {
  494.                     currentSaturation = parseFloat(dragX / dragWidth);
  495.                 }
  496.                 if (setValue) {
  497.                     currentValue = parseFloat((dragHeight - dragY) / dragHeight);
  498.                 }
  499.  
  500.                 isEmpty = false;
  501.                 if (!opts.showAlpha) {
  502.                     currentAlpha = 1;
  503.                 }
  504.  
  505.                 move();
  506.  
  507.             }, dragStart, dragStop);
  508.  
  509.             if (!!initialColor) {
  510.                 set(initialColor);
  511.  
  512.                 // In case color was black - update the preview UI and set the format
  513.                 // since the set function will not run (default color is black).
  514.                 updateUI();
  515.                 currentPreferredFormat = tinycolor(initialColor).format || opts.preferredFormat;
  516.                 addColorToSelectionPalette(initialColor);
  517.             } else if (initialColor === '') {
  518.                 set(initialColor);
  519.                 updateUI();
  520.             } else {
  521.                 updateUI();
  522.             }
  523.  
  524.             if (flat) {
  525.                 show();
  526.             }
  527.  
  528.             function paletteElementClick(e) {
  529.                 if (e.data && e.data.ignore) {
  530.                     set($(e.target).closest(".sp-thumb-el").data("color"));
  531.                     move();
  532.                 }
  533.                 else {
  534.                     set($(e.target).closest(".sp-thumb-el").data("color"));
  535.                     move();
  536.  
  537.                     // If the picker is going to close immediately, a palette selection
  538.                     // is a change.  Otherwise, it's a move only.
  539.                     if (opts.hideAfterPaletteSelect) {
  540.                         updateOriginalInput(true);
  541.                         hide();
  542.                     } else {
  543.                         updateOriginalInput();
  544.                     }
  545.                 }
  546.  
  547.                 return false;
  548.             }
  549.  
  550.             var paletteEvent = IE ? "mousedown.spectrum" : "click.spectrum touchstart.spectrum";
  551.             paletteContainer.on(paletteEvent, ".sp-thumb-el", paletteElementClick);
  552.             initialColorContainer.on(paletteEvent, ".sp-thumb-el:nth-child(1)", { ignore: true }, paletteElementClick);
  553.         }
  554.  
  555.         function updateSelectionPaletteFromStorage() {
  556.  
  557.             if (localStorageKey) {
  558.                 // Migrate old palettes over to new format.  May want to remove this eventually.
  559.                 try {
  560.                     var localStorage = window.localStorage;
  561.                     var oldPalette = localStorage[localStorageKey].split(",#");
  562.                     if (oldPalette.length > 1) {
  563.                         delete localStorage[localStorageKey];
  564.                         $.each(oldPalette, function(i, c) {
  565.                              addColorToSelectionPalette(c);
  566.                         });
  567.                     }
  568.                 }
  569.                 catch(e) { }
  570.  
  571.                 try {
  572.                     selectionPalette = window.localStorage[localStorageKey].split(";");
  573.                 }
  574.                 catch (e) { }
  575.             }
  576.         }
  577.  
  578.         function addColorToSelectionPalette(color) {
  579.             if (showSelectionPalette) {
  580.                 var rgb = tinycolor(color).toRgbString();
  581.                 if (!paletteLookup[rgb] && $.inArray(rgb, selectionPalette) === -1) {
  582.                     selectionPalette.push(rgb);
  583.                     while(selectionPalette.length > maxSelectionSize) {
  584.                         selectionPalette.shift();
  585.                     }
  586.                 }
  587.  
  588.                 if (localStorageKey) {
  589.                     try {
  590.                         window.localStorage[localStorageKey] = selectionPalette.join(";");
  591.                     }
  592.                     catch(e) { }
  593.                 }
  594.             }
  595.         }
  596.  
  597.         function getUniqueSelectionPalette() {
  598.             var unique = [];
  599.             if (opts.showPalette) {
  600.                 for (var i = 0; i < selectionPalette.length; i++) {
  601.                     var rgb = tinycolor(selectionPalette[i]).toRgbString();
  602.  
  603.                     if (!paletteLookup[rgb]) {
  604.                         unique.push(selectionPalette[i]);
  605.                     }
  606.                 }
  607.             }
  608.  
  609.             return unique.reverse().slice(0, opts.maxSelectionSize);
  610.         }
  611.  
  612.         function drawPalette() {
  613.  
  614.             var currentColor = get();
  615.  
  616.             var html = $.map(paletteArray, function (palette, i) {
  617.                 return paletteTemplate(palette, currentColor, "sp-palette-row sp-palette-row-" + i, opts);
  618.             });
  619.  
  620.             updateSelectionPaletteFromStorage();
  621.  
  622.             if (selectionPalette) {
  623.                 html.push(paletteTemplate(getUniqueSelectionPalette(), currentColor, "sp-palette-row sp-palette-row-selection", opts));
  624.             }
  625.  
  626.             paletteContainer.html(html.join(""));
  627.         }
  628.  
  629.         function drawInitial() {
  630.             if (opts.showInitial) {
  631.                 var initial = colorOnShow;
  632.                 var current = get();
  633.                 initialColorContainer.html(paletteTemplate([initial, current], current, "sp-palette-row-initial", opts));
  634.             }
  635.         }
  636.  
  637.         function dragStart() {
  638.             if (dragHeight <= 0 || dragWidth <= 0 || slideHeight <= 0) {
  639.                 reflow();
  640.             }
  641.             isDragging = true;
  642.             container.addClass(draggingClass);
  643.             shiftMovementDirection = null;
  644.             boundElement.trigger('dragstart.spectrum', [ get() ]);
  645.         }
  646.  
  647.         function dragStop() {
  648.             isDragging = false;
  649.             container.removeClass(draggingClass);
  650.             boundElement.trigger('dragstop.spectrum', [ get() ]);
  651.         }
  652.  
  653.         function setFromTextInput(value) {
  654.             if (abortNextInputChange) { abortNextInputChange = false; return; }
  655.             if ((value === null || value === "") && allowEmpty) {
  656.                 set(null);
  657.                 move();
  658.                 updateOriginalInput();
  659.             }
  660.             else {
  661.                 var tiny = tinycolor(value);
  662.                 if (tiny.isValid()) {
  663.                     set(tiny);
  664.                     move();
  665.                     updateOriginalInput();
  666.                 }
  667.                 else {
  668.                     textInput.addClass("sp-validation-error");
  669.                 }
  670.             }
  671.         }
  672.  
  673.         function toggle() {
  674.             if (visible) {
  675.                 hide();
  676.             }
  677.             else {
  678.                 show();
  679.             }
  680.         }
  681.  
  682.         function show() {
  683.             // debugger;
  684.             var event = $.Event('beforeShow.spectrum');
  685.  
  686.             if (visible) {
  687.                 reflow();
  688.                 return;
  689.             }
  690.  
  691.             boundElement.trigger(event, [ get() ]);
  692.  
  693.             if (callbacks.beforeShow(get()) === false || event.isDefaultPrevented()) {
  694.                 return;
  695.             }
  696.  
  697.             hideAll();
  698.             visible = true;
  699.  
  700.             $(doc).on("keydown.spectrum", onkeydown);
  701.             $(doc).on("click.spectrum", clickout);
  702.             $(window).on("resize.spectrum", resize);
  703.             replacer.addClass("sp-active");
  704.             container.removeClass("sp-hidden");
  705.  
  706.             reflow();
  707.             updateUI();
  708.  
  709.             colorOnShow = get();
  710.  
  711.             drawInitial();
  712.             callbacks.show(colorOnShow);
  713.             boundElement.trigger('show.spectrum', [ colorOnShow ]);
  714.         }
  715.  
  716.         function onkeydown(e) {
  717.             // Close on ESC
  718.             if (e.keyCode === 27) {
  719.                 hide();
  720.             }
  721.         }
  722.  
  723.         function clickout(e) {
  724.             // Return on right click.
  725.             if (e.button == 2) { return; }
  726.  
  727.             // If a drag event was happening during the mouseup, don't hide
  728.             // on click.
  729.             if (isDragging) { return; }
  730.  
  731.             if (clickoutFiresChange) {
  732.                 updateOriginalInput(true);
  733.             }
  734.             else {
  735.                 revert();
  736.             }
  737.             hide();
  738.         }
  739.  
  740.         function hide() {
  741.             // Return if hiding is unnecessary
  742.             if (!visible || flat) { return; }
  743.             visible = false;
  744.  
  745.             $(doc).off("keydown.spectrum", onkeydown);
  746.             $(doc).off("click.spectrum", clickout);
  747.             $(window).off("resize.spectrum", resize);
  748.  
  749.             replacer.removeClass("sp-active");
  750.             container.addClass("sp-hidden");
  751.  
  752.             callbacks.hide(get());
  753.             boundElement.trigger('hide.spectrum', [ get() ]);
  754.         }
  755.  
  756.         function revert() {
  757.             set(colorOnShow, true);
  758.             updateOriginalInput(true);
  759.         }
  760.  
  761.         function set(color, ignoreFormatChange) {
  762.             if (tinycolor.equals(color, get())) {
  763.                 // Update UI just in case a validation error needs
  764.                 // to be cleared.
  765.                 updateUI();
  766.                 return;
  767.             }
  768.  
  769.             var newColor, newHsv;
  770.             if ((!color || color === undefined) && allowEmpty) {
  771.                 isEmpty = true;
  772.             } else {
  773.                 isEmpty = false;
  774.                 newColor = tinycolor(color);
  775.                 newHsv = newColor.toHsv();
  776.  
  777.                 currentHue = (newHsv.h % 360) / 360;
  778.                 currentSaturation = newHsv.s;
  779.                 currentValue = newHsv.v;
  780.                 currentAlpha = newHsv.a;
  781.             }
  782.             updateUI();
  783.  
  784.             if (newColor && newColor.isValid() && !ignoreFormatChange) {
  785.                 currentPreferredFormat = opts.preferredFormat || newColor.getFormat();
  786.             }
  787.         }
  788.  
  789.         function get(opts) {
  790.             opts = opts || { };
  791.  
  792.             if (allowEmpty && isEmpty) {
  793.                 return null;
  794.             }
  795.  
  796.             return tinycolor.fromRatio({
  797.                 h: currentHue,
  798.                 s: currentSaturation,
  799.                 v: currentValue,
  800.                 a: Math.round(currentAlpha * 1000) / 1000
  801.             }, { format: opts.format || currentPreferredFormat });
  802.         }
  803.  
  804.         function isValid() {
  805.             return !textInput.hasClass("sp-validation-error");
  806.         }
  807.  
  808.         function move() {
  809.             updateUI();
  810.  
  811.             callbacks.move(get());
  812.             boundElement.trigger('move.spectrum', [ get() ]);
  813.         }
  814.  
  815.         function updateUI() {
  816.  
  817.             textInput.removeClass("sp-validation-error");
  818.  
  819.             updateHelperLocations();
  820.  
  821.             // Update dragger background color (gradients take care of saturation and value).
  822.             var flatColor = tinycolor.fromRatio({ h: currentHue, s: 1, v: 1 });
  823.             dragger.css("background-color", flatColor.toHexString());
  824.  
  825.             // Get a format that alpha will be included in (hex and names ignore alpha)
  826.             var format = currentPreferredFormat;
  827.             if (currentAlpha < 1 && !(currentAlpha === 0 && format === "name")) {
  828.                 if (format === "hex" || format === "hex3" || format === "hex6" || format === "name") {
  829.                     format = "rgb";
  830.                 }
  831.             }
  832.  
  833.             var realColor = get({ format: format }),
  834.                 displayColor = '';
  835.  
  836.              //reset background info for preview element
  837.             previewElement.removeClass("sp-clear-display");
  838.             previewElement.css('background-color', 'transparent');
  839.  
  840.             if (!realColor && allowEmpty) {
  841.                 // Update the replaced elements background with icon indicating no color selection
  842.                 previewElement.addClass("sp-clear-display");
  843.             }
  844.             else {
  845.                 var realHex = realColor.toHexString(),
  846.                     realRgb = realColor.toRgbString();
  847.  
  848.                 // Update the replaced elements background color (with actual selected color)
  849.                 if (rgbaSupport || realColor.alpha === 1) {
  850.                     previewElement.css("background-color", realRgb);
  851.                 }
  852.                 else {
  853.                     previewElement.css("background-color", "transparent");
  854.                     previewElement.css("filter", realColor.toFilter());
  855.                 }
  856.  
  857.                 if (opts.showAlpha) {
  858.                     var rgb = realColor.toRgb();
  859.                     rgb.a = 0;
  860.                     var realAlpha = tinycolor(rgb).toRgbString();
  861.                     var gradient = "linear-gradient(left, " + realAlpha + ", " + realHex + ")";
  862.  
  863.                     if (IE) {
  864.                         alphaSliderInner.css("filter", tinycolor(realAlpha).toFilter({ gradientType: 1 }, realHex));
  865.                     }
  866.                     else {
  867.                         alphaSliderInner.css("background", "-webkit-" + gradient);
  868.                         alphaSliderInner.css("background", "-moz-" + gradient);
  869.                         alphaSliderInner.css("background", "-ms-" + gradient);
  870.                         // Use current syntax gradient on unprefixed property.
  871.                         alphaSliderInner.css("background",
  872.                             "linear-gradient(to right, " + realAlpha + ", " + realHex + ")");
  873.                     }
  874.                 }
  875.  
  876.                 displayColor = realColor.toString(format);
  877.             }
  878.  
  879.             // Update the text entry input as it changes happen
  880.             if (opts.showInput) {
  881.                 textInput.val(displayColor);
  882.             }
  883.             boundElement.val(displayColor);
  884.             if (opts.type == "text" || opts.type == "component") {
  885.                 var color = realColor;
  886.                 if (color && colorizeElement) {
  887.                     var textColor = (color.isLight() || color.getAlpha() < 0.4) ? 'black' : 'white';
  888.                     colorizeElement.css('background-color', color.toRgbString()).css('color', textColor);
  889.                 } else {
  890.                     colorizeElement.css('background-color', colorizeElementInitialBackground)
  891.                                    .css('color', colorizeElementInitialColor);
  892.                 }
  893.             }
  894.  
  895.             if (opts.showPalette) {
  896.                 drawPalette();
  897.             }
  898.  
  899.             drawInitial();
  900.         }
  901.  
  902.         function updateHelperLocations() {
  903.             var s = currentSaturation;
  904.             var v = currentValue;
  905.  
  906.             if(allowEmpty && isEmpty) {
  907.                 //if selected color is empty, hide the helpers
  908.                 alphaSlideHelper.hide();
  909.                 slideHelper.hide();
  910.                 dragHelper.hide();
  911.             }
  912.             else {
  913.                 //make sure helpers are visible
  914.                 alphaSlideHelper.show();
  915.                 slideHelper.show();
  916.                 dragHelper.show();
  917.  
  918.                 // Where to show the little circle in that displays your current selected color
  919.                 var dragX = s * dragWidth;
  920.                 var dragY = dragHeight - (v * dragHeight);
  921.                 dragX = Math.max(
  922.                     -dragHelperHeight,
  923.                     Math.min(dragWidth - dragHelperHeight, dragX - dragHelperHeight)
  924.                 );
  925.                 dragY = Math.max(
  926.                     -dragHelperHeight,
  927.                     Math.min(dragHeight - dragHelperHeight, dragY - dragHelperHeight)
  928.                 );
  929.                 dragHelper.css({
  930.                     "top": dragY + "px",
  931.                     "left": dragX + "px"
  932.                 });
  933.  
  934.                 var alphaX = currentAlpha * alphaWidth;
  935.                 alphaSlideHelper.css({
  936.                     "left": (alphaX - (alphaSlideHelperWidth / 2)) + "px"
  937.                 });
  938.  
  939.                 // Where to show the bar that displays your current selected hue
  940.                 var slideY = (currentHue) * slideHeight;
  941.                 slideHelper.css({
  942.                     "top": (slideY - slideHelperHeight) + "px"
  943.                 });
  944.             }
  945.         }
  946.  
  947.         function updateOriginalInput(fireCallback) {
  948.             var color = get(),
  949.                 displayColor = '',
  950.                 hasChanged = !tinycolor.equals(color, colorOnShow);
  951.  
  952.             if (color) {
  953.                 displayColor = color.toString(currentPreferredFormat);
  954.                 // Update the selection palette with the current color
  955.                 addColorToSelectionPalette(color);
  956.             }
  957.  
  958.             if (fireCallback && hasChanged) {
  959.                 callbacks.change(color);
  960.                 // we trigger the change event or input, but the input change event is also binded
  961.                 // to some spectrum processing, that we do no need
  962.                 abortNextInputChange = true;
  963.                 boundElement.trigger('change', [ color ]);
  964.             }
  965.         }
  966.  
  967.         function reflow() {
  968.             if (!visible) {
  969.                 return; // Calculations would be useless and wouldn't be reliable anyways
  970.             }
  971.             dragWidth = dragger.width();
  972.             dragHeight = dragger.height();
  973.             dragHelperHeight = dragHelper.height();
  974.             slideWidth = slider.width();
  975.             slideHeight = slider.height();
  976.             slideHelperHeight = slideHelper.height();
  977.             alphaWidth = alphaSlider.width();
  978.             alphaSlideHelperWidth = alphaSlideHelper.width();
  979.  
  980.             if (!flat) {
  981.                 container.css("position", "absolute");
  982.                 if (opts.offset) {
  983.                     container.offset(opts.offset);
  984.                 } else {
  985.                     container.offset(getOffset(container, offsetElement));
  986.                 }
  987.             }
  988.  
  989.             updateHelperLocations();
  990.  
  991.             if (opts.showPalette) {
  992.                 drawPalette();
  993.             }
  994.  
  995.             boundElement.trigger('reflow.spectrum');
  996.         }
  997.  
  998.         function destroy() {
  999.             boundElement.show().removeClass('spectrum with-add-on sp-colorize');
  1000.             offsetElement.off("click.spectrum touchstart.spectrum");
  1001.             container.remove();
  1002.             replacer.remove();
  1003.             if (colorizeElement) {
  1004.                 colorizeElement.css('background-color', colorizeElementInitialBackground)
  1005.                                .css('color', colorizeElementInitialColor);
  1006.             }
  1007.             var originalInputContainer = boundElement.closest('.sp-original-input-container');
  1008.             if (originalInputContainer.length > 0) {
  1009.                 originalInputContainer.after(boundElement).remove();
  1010.             }
  1011.             spectrums[spect.id] = null;
  1012.         }
  1013.  
  1014.         function option(optionName, optionValue) {
  1015.             if (optionName === undefined) {
  1016.                 return $.extend({}, opts);
  1017.             }
  1018.             if (optionValue === undefined) {
  1019.                 return opts[optionName];
  1020.             }
  1021.  
  1022.             opts[optionName] = optionValue;
  1023.  
  1024.             if (optionName === "preferredFormat") {
  1025.                 currentPreferredFormat = opts.preferredFormat;
  1026.             }
  1027.             applyOptions();
  1028.         }
  1029.  
  1030.         function enable() {
  1031.             disabled = false;
  1032.             boundElement.attr("disabled", false);
  1033.             offsetElement.removeClass("sp-disabled");
  1034.         }
  1035.  
  1036.         function disable() {
  1037.             hide();
  1038.             disabled = true;
  1039.             boundElement.attr("disabled", true);
  1040.             offsetElement.addClass("sp-disabled");
  1041.         }
  1042.  
  1043.         function setOffset(coord) {
  1044.             opts.offset = coord;
  1045.             reflow();
  1046.         }
  1047.  
  1048.         initialize();
  1049.  
  1050.         var spect = {
  1051.             show: show,
  1052.             hide: hide,
  1053.             toggle: toggle,
  1054.             reflow: reflow,
  1055.             option: option,
  1056.             enable: enable,
  1057.             disable: disable,
  1058.             offset: setOffset,
  1059.             set: function (c) {
  1060.                 set(c);
  1061.                 updateOriginalInput();
  1062.             },
  1063.             get: get,
  1064.             destroy: destroy,
  1065.             container: container
  1066.         };
  1067.  
  1068.         spect.id = spectrums.push(spect) - 1;
  1069.  
  1070.         return spect;
  1071.     }
  1072.  
  1073.     /**
  1074.     * checkOffset - get the offset below/above and left/right element depending on screen position
  1075.     * Thanks https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.datepicker.js
  1076.     */
  1077.     function getOffset(picker, input) {
  1078.         var extraY = 0;
  1079.         var dpWidth = picker.outerWidth();
  1080.         var dpHeight = picker.outerHeight();
  1081.         var inputHeight = input.outerHeight();
  1082.         var doc = picker[0].ownerDocument;
  1083.         var docElem = doc.documentElement;
  1084.         var viewWidth = docElem.clientWidth + $(doc).scrollLeft();
  1085.         var viewHeight = docElem.clientHeight + $(doc).scrollTop();
  1086.         var offset = input.offset();
  1087.         var offsetLeft = offset.left;
  1088.         var offsetTop = offset.top;
  1089.  
  1090.         offsetTop += inputHeight;
  1091.  
  1092.         offsetLeft -=
  1093.             Math.min(offsetLeft, (offsetLeft + dpWidth > viewWidth && viewWidth > dpWidth) ?
  1094.             Math.abs(offsetLeft + dpWidth - viewWidth) : 0);
  1095.  
  1096.         offsetTop -=
  1097.             Math.min(offsetTop, ((offsetTop + dpHeight > viewHeight && viewHeight > dpHeight) ?
  1098.             Math.abs(dpHeight + inputHeight - extraY) : extraY));
  1099.  
  1100.         return {
  1101.             top: offsetTop,
  1102.             bottom: offset.bottom,
  1103.             left: offsetLeft,
  1104.             right: offset.right,
  1105.             width: offset.width,
  1106.             height: offset.height
  1107.         };
  1108.     }
  1109.  
  1110.     /**
  1111.     * noop - do nothing
  1112.     */
  1113.     function noop() {
  1114.  
  1115.     }
  1116.  
  1117.     /**
  1118.     * stopPropagation - makes the code only doing this a little easier to read in line
  1119.     */
  1120.     function stopPropagation(e) {
  1121.         e.stopPropagation();
  1122.     }
  1123.  
  1124.     /**
  1125.     * Create a function bound to a given object
  1126.     * Thanks to underscore.js
  1127.     */
  1128.     function bind(func, obj) {
  1129.         var slice = Array.prototype.slice;
  1130.         var args = slice.call(arguments, 2);
  1131.         return function () {
  1132.             return func.apply(obj, args.concat(slice.call(arguments)));
  1133.         };
  1134.     }
  1135.  
  1136.     /**
  1137.     * Lightweight drag helper.  Handles containment within the element, so that
  1138.     * when dragging, the x is within [0,element.width] and y is within [0,element.height]
  1139.     */
  1140.     function draggable(element, onmove, onstart, onstop) {
  1141.         onmove = onmove || function () { };
  1142.         onstart = onstart || function () { };
  1143.         onstop = onstop || function () { };
  1144.         var doc = document;
  1145.         var dragging = false;
  1146.         var offset = {};
  1147.         var maxHeight = 0;
  1148.         var maxWidth = 0;
  1149.         var hasTouch = ('ontouchstart' in window);
  1150.  
  1151.         var duringDragEvents = {};
  1152.         duringDragEvents["selectstart"] = prevent;
  1153.         duringDragEvents["dragstart"] = prevent;
  1154.         duringDragEvents["touchmove mousemove"] = move;
  1155.         duringDragEvents["touchend mouseup"] = stop;
  1156.  
  1157.         function prevent(e) {
  1158.             if (e.stopPropagation) {
  1159.                 e.stopPropagation();
  1160.             }
  1161.             if (e.preventDefault) {
  1162.                 e.preventDefault();
  1163.             }
  1164.             e.returnValue = false;
  1165.         }
  1166.  
  1167.         function move(e) {
  1168.             if (dragging) {
  1169.                 // Mouseup happened outside of window
  1170.                 if (IE && doc.documentMode < 9 && !e.button) {
  1171.                     return stop();
  1172.                 }
  1173.  
  1174.                 var t0 = e.originalEvent && e.originalEvent.touches && e.originalEvent.touches[0];
  1175.                 var pageX = t0 && t0.pageX || e.pageX;
  1176.                 var pageY = t0 && t0.pageY || e.pageY;
  1177.  
  1178.                 var dragX = Math.max(0, Math.min(pageX - offset.left, maxWidth));
  1179.                 var dragY = Math.max(0, Math.min(pageY - offset.top, maxHeight));
  1180.  
  1181.                 if (hasTouch) {
  1182.                     // Stop scrolling in iOS
  1183.                     prevent(e);
  1184.                 }
  1185.  
  1186.                 onmove.apply(element, [dragX, dragY, e]);
  1187.             }
  1188.         }
  1189.  
  1190.         function start(e) {
  1191.             var rightclick = (e.which) ? (e.which == 3) : (e.button == 2);
  1192.  
  1193.             if (!rightclick && !dragging) {
  1194.                 if (onstart.apply(element, arguments) !== false) {
  1195.                     dragging = true;
  1196.                     maxHeight = $(element).height();
  1197.                     maxWidth = $(element).width();
  1198.                     offset = $(element).offset();
  1199.  
  1200.                     $(doc).on(duringDragEvents);
  1201.                     $(doc.body).addClass("sp-dragging");
  1202.  
  1203.                     move(e);
  1204.  
  1205.                     prevent(e);
  1206.                 }
  1207.             }
  1208.         }
  1209.  
  1210.         function stop() {
  1211.             if (dragging) {
  1212.                 $(doc).off(duringDragEvents);
  1213.                 $(doc.body).removeClass("sp-dragging");
  1214.  
  1215.                 // Wait a tick before notifying observers to allow the click event
  1216.                 // to fire in Chrome.
  1217.                 setTimeout(function() {
  1218.                     onstop.apply(element, arguments);
  1219.                 }, 0);
  1220.             }
  1221.             dragging = false;
  1222.         }
  1223.  
  1224.         $(element).on("touchstart mousedown", start);
  1225.     }
  1226.  
  1227.     function throttle(func, wait, debounce) {
  1228.         var timeout;
  1229.         return function () {
  1230.             var context = this, args = arguments;
  1231.             var throttler = function () {
  1232.                 timeout = null;
  1233.                 func.apply(context, args);
  1234.             };
  1235.             if (debounce) clearTimeout(timeout);
  1236.             if (debounce || !timeout) timeout = setTimeout(throttler, wait);
  1237.         };
  1238.     }
  1239.  
  1240.     function inputTypeColorSupport() {
  1241.         return $.fn.spectrum.inputTypeColorSupport();
  1242.     }
  1243.  
  1244.     /**
  1245.     * Define a jQuery plugin
  1246.     */
  1247.     var dataID = "spectrum.id";
  1248.     $.fn.spectrum = function (opts, extra) {
  1249.  
  1250.         if (typeof opts == "string") {
  1251.  
  1252.             var returnValue = this;
  1253.             var args = Array.prototype.slice.call( arguments, 1 );
  1254.  
  1255.             this.each(function () {
  1256.                 var spect = spectrums[$(this).data(dataID)];
  1257.                 if (spect) {
  1258.                     var method = spect[opts];
  1259.                     if (!method) {
  1260.                         throw new Error( "Spectrum: no such method: '" + opts + "'" );
  1261.                     }
  1262.  
  1263.                     if (opts == "get") {
  1264.                         returnValue = spect.get();
  1265.                     }
  1266.                     else if (opts == "container") {
  1267.                         returnValue = spect.container;
  1268.                     }
  1269.                     else if (opts == "option") {
  1270.                         returnValue = spect.option.apply(spect, args);
  1271.                     }
  1272.                     else if (opts == "destroy") {
  1273.                         spect.destroy();
  1274.                         $(this).removeData(dataID);
  1275.                     }
  1276.                     else {
  1277.                         method.apply(spect, args);
  1278.                     }
  1279.                 }
  1280.             });
  1281.  
  1282.             return returnValue;
  1283.         }
  1284.  
  1285.         // Initializing a new instance of spectrum
  1286.         return this.spectrum("destroy").each(function () {
  1287.             var options = $.extend({}, $(this).data(), opts);
  1288.             // Infer default type from input params and deprecated options
  1289.             if (!$(this).is('input')) options.type = 'noInput';
  1290.             else if (options.flat || options.type == "flat") options.type = 'flat';
  1291.             else if ($(this).attr('type') == 'color') options.type = 'color';
  1292.             else options.type = options.type || 'component';
  1293.  
  1294.             var spect = spectrum(this, options);
  1295.             $(this).data(dataID, spect.id);
  1296.         });
  1297.     };
  1298.  
  1299.     $.fn.spectrum.load = true;
  1300.     $.fn.spectrum.loadOpts = {};
  1301.     $.fn.spectrum.draggable = draggable;
  1302.     $.fn.spectrum.defaults = defaultOpts;
  1303.     $.fn.spectrum.inputTypeColorSupport = function inputTypeColorSupport() {
  1304.         if (typeof inputTypeColorSupport._cachedResult === "undefined") {
  1305.             var colorInput = $("<input type='color'/>")[0]; // if color element is supported, value will default to not null
  1306.             inputTypeColorSupport._cachedResult = colorInput.type === "color" && colorInput.value !== "";
  1307.         }
  1308.         return inputTypeColorSupport._cachedResult;
  1309.     };
  1310.  
  1311.     $.spectrum = { };
  1312.     $.spectrum.localization = { };
  1313.     $.spectrum.palettes = { };
  1314.  
  1315.     $.fn.spectrum.processNativeColorInputs = function () {
  1316.         var colorInputs = $("input[type=color]");
  1317.         if (colorInputs.length && !inputTypeColorSupport()) {
  1318.             colorInputs.spectrum({
  1319.                 preferredFormat: "hex6"
  1320.             });
  1321.         }
  1322.     };
  1323.  
  1324.     // TinyColor v1.1.2
  1325.     // https://github.com/bgrins/TinyColor
  1326.     // Brian Grinstead, MIT License
  1327.  
  1328.     (function() {
  1329.  
  1330.     var trimLeft = /^[\s,#]+/,
  1331.         trimRight = /\s+$/,
  1332.         tinyCounter = 0,
  1333.         math = Math,
  1334.         mathRound = math.round,
  1335.         mathMin = math.min,
  1336.         mathMax = math.max,
  1337.         mathRandom = math.random;
  1338.  
  1339.     var tinycolor = function(color, opts) {
  1340.  
  1341.         color = (color) ? color : '';
  1342.         opts = opts || { };
  1343.  
  1344.         // If input is already a tinycolor, return itself
  1345.         if (color instanceof tinycolor) {
  1346.            return color;
  1347.         }
  1348.         // If we are called as a function, call using new instead
  1349.         if (!(this instanceof tinycolor)) {
  1350.             return new tinycolor(color, opts);
  1351.         }
  1352.  
  1353.         var rgb = inputToRGB(color);
  1354.         this._originalInput = color;
  1355.         this._r = rgb.r;
  1356.         this._g = rgb.g;
  1357.         this._b = rgb.b;
  1358.         this._a = rgb.a;
  1359.         this._roundA = mathRound(1000 * this._a) / 1000;
  1360.         this._format = opts.format || rgb.format;
  1361.         this._gradientType = opts.gradientType;
  1362.  
  1363.         // Don't let the range of [0,255] come back in [0,1].
  1364.         // Potentially lose a little bit of precision here, but will fix issues where
  1365.         // .5 gets interpreted as half of the total, instead of half of 1
  1366.         // If it was supposed to be 128, this was already taken care of by `inputToRgb`
  1367.         if (this._r < 1) { this._r = mathRound(this._r); }
  1368.         if (this._g < 1) { this._g = mathRound(this._g); }
  1369.         if (this._b < 1) { this._b = mathRound(this._b); }
  1370.  
  1371.         this._ok = rgb.ok;
  1372.         this._tc_id = tinyCounter++;
  1373.     };
  1374.  
  1375.     tinycolor.prototype = {
  1376.         isDark: function() {
  1377.             return this.getBrightness() < 128;
  1378.         },
  1379.         isLight: function() {
  1380.             return !this.isDark();
  1381.         },
  1382.         isValid: function() {
  1383.             return this._ok;
  1384.         },
  1385.         getOriginalInput: function() {
  1386.           return this._originalInput;
  1387.         },
  1388.         getFormat: function() {
  1389.             return this._format;
  1390.         },
  1391.         getAlpha: function() {
  1392.             return this._a;
  1393.         },
  1394.         getBrightness: function() {
  1395.             var rgb = this.toRgb();
  1396.             return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
  1397.         },
  1398.         setAlpha: function(value) {
  1399.             this._a = boundAlpha(value);
  1400.             this._roundA = mathRound(1000 * this._a) / 1000;
  1401.             return this;
  1402.         },
  1403.         toHsv: function() {
  1404.             var hsv = rgbToHsv(this._r, this._g, this._b);
  1405.             return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a };
  1406.         },
  1407.         toHsvString: function() {
  1408.             var hsv = rgbToHsv(this._r, this._g, this._b);
  1409.             var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100);
  1410.             return (this._a == 1) ?
  1411.               "hsv("  + h + ", " + s + "%, " + v + "%)" :
  1412.               "hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")";
  1413.         },
  1414.         toHsl: function() {
  1415.             var hsl = rgbToHsl(this._r, this._g, this._b);
  1416.             return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a };
  1417.         },
  1418.         toHslString: function() {
  1419.             var hsl = rgbToHsl(this._r, this._g, this._b);
  1420.             var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100);
  1421.             return (this._a == 1) ?
  1422.               "hsl("  + h + ", " + s + "%, " + l + "%)" :
  1423.               "hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")";
  1424.         },
  1425.         toHex: function(allow3Char) {
  1426.             return rgbToHex(this._r, this._g, this._b, allow3Char);
  1427.         },
  1428.         toHexString: function(allow3Char) {
  1429.             return '#' + this.toHex(allow3Char);
  1430.         },
  1431.         toHex8: function() {
  1432.             return rgbaToHex(this._r, this._g, this._b, this._a);
  1433.         },
  1434.         toHex8String: function() {
  1435.             return '#' + this.toHex8();
  1436.         },
  1437.         toRgb: function() {
  1438.             return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a };
  1439.         },
  1440.         toRgbString: function() {
  1441.             return (this._a == 1) ?
  1442.               "rgb("  + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" :
  1443.               "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")";
  1444.         },
  1445.         toPercentageRgb: function() {
  1446.             return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a };
  1447.         },
  1448.         toPercentageRgbString: function() {
  1449.             return (this._a == 1) ?
  1450.               "rgb("  + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" :
  1451.               "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
  1452.         },
  1453.         toName: function() {
  1454.             if (this._a === 0) {
  1455.                 return "transparent";
  1456.             }
  1457.  
  1458.             if (this._a < 1) {
  1459.                 return false;
  1460.             }
  1461.  
  1462.             return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
  1463.         },
  1464.         toFilter: function(secondColor) {
  1465.             var hex8String = '#' + rgbaToHex(this._r, this._g, this._b, this._a);
  1466.             var secondHex8String = hex8String;
  1467.             var gradientType = this._gradientType ? "GradientType = 1, " : "";
  1468.  
  1469.             if (secondColor) {
  1470.                 var s = tinycolor(secondColor);
  1471.                 secondHex8String = s.toHex8String();
  1472.             }
  1473.  
  1474.             return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")";
  1475.         },
  1476.         toString: function(format) {
  1477.             var formatSet = !!format;
  1478.             format = format || this._format;
  1479.  
  1480.             var formattedString = false;
  1481.             var hasAlpha = this._a < 1 && this._a >= 0;
  1482.             var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "name");
  1483.  
  1484.             if (needsAlphaFormat) {
  1485.                 // Special case for "transparent", all other non-alpha formats
  1486.                 // will return rgba when there is transparency.
  1487.                 if (format === "name" && this._a === 0) {
  1488.                     return this.toName();
  1489.                 }
  1490.                 return this.toRgbString();
  1491.             }
  1492.             if (format === "rgb") {
  1493.                 formattedString = this.toRgbString();
  1494.             }
  1495.             if (format === "prgb") {
  1496.                 formattedString = this.toPercentageRgbString();
  1497.             }
  1498.             if (format === "hex" || format === "hex6") {
  1499.                 formattedString = this.toHexString();
  1500.             }
  1501.             if (format === "hex3") {
  1502.                 formattedString = this.toHexString(true);
  1503.             }
  1504.             if (format === "hex8") {
  1505.                 formattedString = this.toHex8String();
  1506.             }
  1507.             if (format === "name") {
  1508.                 formattedString = this.toName();
  1509.             }
  1510.             if (format === "hsl") {
  1511.                 formattedString = this.toHslString();
  1512.             }
  1513.             if (format === "hsv") {
  1514.                 formattedString = this.toHsvString();
  1515.             }
  1516.  
  1517.             return formattedString || this.toHexString();
  1518.         },
  1519.  
  1520.         _applyModification: function(fn, args) {
  1521.             var color = fn.apply(null, [this].concat([].slice.call(args)));
  1522.             this._r = color._r;
  1523.             this._g = color._g;
  1524.             this._b = color._b;
  1525.             this.setAlpha(color._a);
  1526.             return this;
  1527.         },
  1528.         lighten: function() {
  1529.             return this._applyModification(lighten, arguments);
  1530.         },
  1531.         brighten: function() {
  1532.             return this._applyModification(brighten, arguments);
  1533.         },
  1534.         darken: function() {
  1535.             return this._applyModification(darken, arguments);
  1536.         },
  1537.         desaturate: function() {
  1538.             return this._applyModification(desaturate, arguments);
  1539.         },
  1540.         saturate: function() {
  1541.             return this._applyModification(saturate, arguments);
  1542.         },
  1543.         greyscale: function() {
  1544.             return this._applyModification(greyscale, arguments);
  1545.         },
  1546.         spin: function() {
  1547.             return this._applyModification(spin, arguments);
  1548.         },
  1549.  
  1550.         _applyCombination: function(fn, args) {
  1551.             return fn.apply(null, [this].concat([].slice.call(args)));
  1552.         },
  1553.         analogous: function() {
  1554.             return this._applyCombination(analogous, arguments);
  1555.         },
  1556.         complement: function() {
  1557.             return this._applyCombination(complement, arguments);
  1558.         },
  1559.         monochromatic: function() {
  1560.             return this._applyCombination(monochromatic, arguments);
  1561.         },
  1562.         splitcomplement: function() {
  1563.             return this._applyCombination(splitcomplement, arguments);
  1564.         },
  1565.         triad: function() {
  1566.             return this._applyCombination(triad, arguments);
  1567.         },
  1568.         tetrad: function() {
  1569.             return this._applyCombination(tetrad, arguments);
  1570.         }
  1571.     };
  1572.  
  1573.     // If input is an object, force 1 into "1.0" to handle ratios properly
  1574.     // String input requires "1.0" as input, so 1 will be treated as 1
  1575.     tinycolor.fromRatio = function(color, opts) {
  1576.         if (typeof color == "object") {
  1577.             var newColor = {};
  1578.             for (var i in color) {
  1579.                 if (color.hasOwnProperty(i)) {
  1580.                     if (i === "a") {
  1581.                         newColor[i] = color[i];
  1582.                     }
  1583.                     else {
  1584.                         newColor[i] = convertToPercentage(color[i]);
  1585.                     }
  1586.                 }
  1587.             }
  1588.             color = newColor;
  1589.         }
  1590.  
  1591.         return tinycolor(color, opts);
  1592.     };
  1593.  
  1594.     // Given a string or object, convert that input to RGB
  1595.     // Possible string inputs:
  1596.     //
  1597.     //     "red"
  1598.     //     "#f00" or "f00"
  1599.     //     "#ff0000" or "ff0000"
  1600.     //     "#ff000000" or "ff000000"
  1601.     //     "rgb 255 0 0" or "rgb (255, 0, 0)"
  1602.     //     "rgb 1.0 0 0" or "rgb (1, 0, 0)"
  1603.     //     "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
  1604.     //     "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
  1605.     //     "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
  1606.     //     "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
  1607.     //     "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
  1608.     //
  1609.     function inputToRGB(color) {
  1610.  
  1611.         var rgb = { r: 0, g: 0, b: 0 };
  1612.         var a = 1;
  1613.         var ok = false;
  1614.         var format = false;
  1615.  
  1616.         if (typeof color == "string") {
  1617.             color = stringInputToObject(color);
  1618.         }
  1619.  
  1620.         if (typeof color == "object") {
  1621.             if (color.hasOwnProperty("r") && color.hasOwnProperty("g") && color.hasOwnProperty("b")) {
  1622.                 rgb = rgbToRgb(color.r, color.g, color.b);
  1623.                 ok = true;
  1624.                 format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
  1625.             }
  1626.             else if (color.hasOwnProperty("h") && color.hasOwnProperty("s") && color.hasOwnProperty("v")) {
  1627.                 color.s = convertToPercentage(color.s);
  1628.                 color.v = convertToPercentage(color.v);
  1629.                 rgb = hsvToRgb(color.h, color.s, color.v);
  1630.                 ok = true;
  1631.                 format = "hsv";
  1632.             }
  1633.             else if (color.hasOwnProperty("h") && color.hasOwnProperty("s") && color.hasOwnProperty("l")) {
  1634.                 color.s = convertToPercentage(color.s);
  1635.                 color.l = convertToPercentage(color.l);
  1636.                 rgb = hslToRgb(color.h, color.s, color.l);
  1637.                 ok = true;
  1638.                 format = "hsl";
  1639.             }
  1640.  
  1641.             if (color.hasOwnProperty("a")) {
  1642.                 a = color.a;
  1643.             }
  1644.         }
  1645.  
  1646.         a = boundAlpha(a);
  1647.  
  1648.         return {
  1649.             ok: ok,
  1650.             format: color.format || format,
  1651.             r: mathMin(255, mathMax(rgb.r, 0)),
  1652.             g: mathMin(255, mathMax(rgb.g, 0)),
  1653.             b: mathMin(255, mathMax(rgb.b, 0)),
  1654.             a: a
  1655.         };
  1656.     }
  1657.  
  1658.  
  1659.     // Conversion Functions
  1660.     // --------------------
  1661.  
  1662.     // `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:
  1663.     // <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
  1664.  
  1665.     // `rgbToRgb`
  1666.     // Handle bounds / percentage checking to conform to CSS color spec
  1667.     // <http://www.w3.org/TR/css3-color/>
  1668.     // *Assumes:* r, g, b in [0, 255] or [0, 1]
  1669.     // *Returns:* { r, g, b } in [0, 255]
  1670.     function rgbToRgb(r, g, b){
  1671.         return {
  1672.             r: bound01(r, 255) * 255,
  1673.             g: bound01(g, 255) * 255,
  1674.             b: bound01(b, 255) * 255
  1675.         };
  1676.     }
  1677.  
  1678.     // `rgbToHsl`
  1679.     // Converts an RGB color value to HSL.
  1680.     // *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
  1681.     // *Returns:* { h, s, l } in [0,1]
  1682.     function rgbToHsl(r, g, b) {
  1683.  
  1684.         r = bound01(r, 255);
  1685.         g = bound01(g, 255);
  1686.         b = bound01(b, 255);
  1687.  
  1688.         var max = mathMax(r, g, b), min = mathMin(r, g, b);
  1689.         var h, s, l = (max + min) / 2;
  1690.  
  1691.         if(max == min) {
  1692.             h = s = 0; // achromatic
  1693.         }
  1694.         else {
  1695.             var d = max - min;
  1696.             s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
  1697.             switch(max) {
  1698.                 case r: h = (g - b) / d + (g < b ? 6 : 0); break;
  1699.                 case g: h = (b - r) / d + 2; break;
  1700.                 case b: h = (r - g) / d + 4; break;
  1701.             }
  1702.  
  1703.             h /= 6;
  1704.         }
  1705.  
  1706.         return { h: h, s: s, l: l };
  1707.     }
  1708.  
  1709.     // `hslToRgb`
  1710.     // Converts an HSL color value to RGB.
  1711.     // *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
  1712.     // *Returns:* { r, g, b } in the set [0, 255]
  1713.     function hslToRgb(h, s, l) {
  1714.         var r, g, b;
  1715.  
  1716.         h = bound01(h, 360);
  1717.         s = bound01(s, 100);
  1718.         l = bound01(l, 100);
  1719.  
  1720.         function hue2rgb(p, q, t) {
  1721.             if(t < 0) t += 1;
  1722.             if(t > 1) t -= 1;
  1723.             if(t < 1/6) return p + (q - p) * 6 * t;
  1724.             if(t < 1/2) return q;
  1725.             if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
  1726.             return p;
  1727.         }
  1728.  
  1729.         if(s === 0) {
  1730.             r = g = b = l; // achromatic
  1731.         }
  1732.         else {
  1733.             var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
  1734.             var p = 2 * l - q;
  1735.             r = hue2rgb(p, q, h + 1/3);
  1736.             g = hue2rgb(p, q, h);
  1737.             b = hue2rgb(p, q, h - 1/3);
  1738.         }
  1739.  
  1740.         return { r: r * 255, g: g * 255, b: b * 255 };
  1741.     }
  1742.  
  1743.     // `rgbToHsv`
  1744.     // Converts an RGB color value to HSV
  1745.     // *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
  1746.     // *Returns:* { h, s, v } in [0,1]
  1747.     function rgbToHsv(r, g, b) {
  1748.  
  1749.         r = bound01(r, 255);
  1750.         g = bound01(g, 255);
  1751.         b = bound01(b, 255);
  1752.  
  1753.         var max = mathMax(r, g, b), min = mathMin(r, g, b);
  1754.         var h, s, v = max;
  1755.  
  1756.         var d = max - min;
  1757.         s = max === 0 ? 0 : d / max;
  1758.  
  1759.         if(max == min) {
  1760.             h = 0; // achromatic
  1761.         }
  1762.         else {
  1763.             switch(max) {
  1764.                 case r: h = (g - b) / d + (g < b ? 6 : 0); break;
  1765.                 case g: h = (b - r) / d + 2; break;
  1766.                 case b: h = (r - g) / d + 4; break;
  1767.             }
  1768.             h /= 6;
  1769.         }
  1770.         return { h: h, s: s, v: v };
  1771.     }
  1772.  
  1773.     // `hsvToRgb`
  1774.     // Converts an HSV color value to RGB.
  1775.     // *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
  1776.     // *Returns:* { r, g, b } in the set [0, 255]
  1777.      function hsvToRgb(h, s, v) {
  1778.  
  1779.         h = bound01(h, 360) * 6;
  1780.         s = bound01(s, 100);
  1781.         v = bound01(v, 100);
  1782.  
  1783.         var i = math.floor(h),
  1784.             f = h - i,
  1785.             p = v * (1 - s),
  1786.             q = v * (1 - f * s),
  1787.             t = v * (1 - (1 - f) * s),
  1788.             mod = i % 6,
  1789.             r = [v, q, p, p, t, v][mod],
  1790.             g = [t, v, v, q, p, p][mod],
  1791.             b = [p, p, t, v, v, q][mod];
  1792.  
  1793.         return { r: r * 255, g: g * 255, b: b * 255 };
  1794.     }
  1795.  
  1796.     // `rgbToHex`
  1797.     // Converts an RGB color to hex
  1798.     // Assumes r, g, and b are contained in the set [0, 255]
  1799.     // Returns a 3 or 6 character hex
  1800.     function rgbToHex(r, g, b, allow3Char) {
  1801.  
  1802.         var hex = [
  1803.             pad2(mathRound(r).toString(16)),
  1804.             pad2(mathRound(g).toString(16)),
  1805.             pad2(mathRound(b).toString(16))
  1806.         ];
  1807.  
  1808.         // Return a 3 character hex if possible
  1809.         if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) {
  1810.             return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
  1811.         }
  1812.  
  1813.         return hex.join("");
  1814.     }
  1815.         // `rgbaToHex`
  1816.         // Converts an RGBA color plus alpha transparency to hex
  1817.         // Assumes r, g, b and a are contained in the set [0, 255]
  1818.         // Returns an 8 character hex
  1819.         function rgbaToHex(r, g, b, a) {
  1820.  
  1821.             var hex = [
  1822.                 pad2(convertDecimalToHex(a)),
  1823.             pad2(mathRound(r).toString(16)),
  1824.             pad2(mathRound(g).toString(16)),
  1825.             pad2(mathRound(b).toString(16))
  1826.         ];
  1827.  
  1828.         return hex.join("");
  1829.     }
  1830.  
  1831.     // `equals`
  1832.     // Can be called with any tinycolor input
  1833.     tinycolor.equals = function (color1, color2) {
  1834.         if (!color1 || !color2) { return false; }
  1835.         return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();
  1836.     };
  1837.     tinycolor.random = function() {
  1838.         return tinycolor.fromRatio({
  1839.             r: mathRandom(),
  1840.             g: mathRandom(),
  1841.             b: mathRandom()
  1842.         });
  1843.     };
  1844.  
  1845.  
  1846.     // Modification Functions
  1847.     // ----------------------
  1848.     // Thanks to less.js for some of the basics here
  1849.     // <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js>
  1850.  
  1851.     function desaturate(color, amount) {
  1852.         amount = (amount === 0) ? 0 : (amount || 10);
  1853.         var hsl = tinycolor(color).toHsl();
  1854.         hsl.s -= amount / 100;
  1855.         hsl.s = clamp01(hsl.s);
  1856.         return tinycolor(hsl);
  1857.     }
  1858.  
  1859.     function saturate(color, amount) {
  1860.         amount = (amount === 0) ? 0 : (amount || 10);
  1861.         var hsl = tinycolor(color).toHsl();
  1862.         hsl.s += amount / 100;
  1863.         hsl.s = clamp01(hsl.s);
  1864.         return tinycolor(hsl);
  1865.     }
  1866.  
  1867.     function greyscale(color) {
  1868.         return tinycolor(color).desaturate(100);
  1869.     }
  1870.  
  1871.     function lighten (color, amount) {
  1872.         amount = (amount === 0) ? 0 : (amount || 10);
  1873.         var hsl = tinycolor(color).toHsl();
  1874.         hsl.l += amount / 100;
  1875.         hsl.l = clamp01(hsl.l);
  1876.         return tinycolor(hsl);
  1877.     }
  1878.  
  1879.     function brighten(color, amount) {
  1880.         amount = (amount === 0) ? 0 : (amount || 10);
  1881.         var rgb = tinycolor(color).toRgb();
  1882.         rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100))));
  1883.         rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100))));
  1884.         rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100))));
  1885.         return tinycolor(rgb);
  1886.     }
  1887.  
  1888.     function darken (color, amount) {
  1889.         amount = (amount === 0) ? 0 : (amount || 10);
  1890.         var hsl = tinycolor(color).toHsl();
  1891.         hsl.l -= amount / 100;
  1892.         hsl.l = clamp01(hsl.l);
  1893.         return tinycolor(hsl);
  1894.     }
  1895.  
  1896.     // Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
  1897.     // Values outside of this range will be wrapped into this range.
  1898.     function spin(color, amount) {
  1899.         var hsl = tinycolor(color).toHsl();
  1900.         var hue = (mathRound(hsl.h) + amount) % 360;
  1901.         hsl.h = hue < 0 ? 360 + hue : hue;
  1902.         return tinycolor(hsl);
  1903.     }
  1904.  
  1905.     // Combination Functions
  1906.     // ---------------------
  1907.     // Thanks to jQuery xColor for some of the ideas behind these
  1908.     // <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js>
  1909.  
  1910.     function complement(color) {
  1911.         var hsl = tinycolor(color).toHsl();
  1912.         hsl.h = (hsl.h + 180) % 360;
  1913.         return tinycolor(hsl);
  1914.     }
  1915.  
  1916.     function triad(color) {
  1917.         var hsl = tinycolor(color).toHsl();
  1918.         var h = hsl.h;
  1919.         return [
  1920.             tinycolor(color),
  1921.             tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }),
  1922.             tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l })
  1923.         ];
  1924.     }
  1925.  
  1926.     function tetrad(color) {
  1927.         var hsl = tinycolor(color).toHsl();
  1928.         var h = hsl.h;
  1929.         return [
  1930.             tinycolor(color),
  1931.             tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }),
  1932.             tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }),
  1933.             tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l })
  1934.         ];
  1935.     }
  1936.  
  1937.     function splitcomplement(color) {
  1938.         var hsl = tinycolor(color).toHsl();
  1939.         var h = hsl.h;
  1940.         return [
  1941.             tinycolor(color),
  1942.             tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}),
  1943.             tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l})
  1944.         ];
  1945.     }
  1946.  
  1947.     function analogous(color, results, slices) {
  1948.         results = results || 6;
  1949.         slices = slices || 30;
  1950.  
  1951.         var hsl = tinycolor(color).toHsl();
  1952.         var part = 360 / slices;
  1953.         var ret = [tinycolor(color)];
  1954.  
  1955.         for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) {
  1956.             hsl.h = (hsl.h + part) % 360;
  1957.             ret.push(tinycolor(hsl));
  1958.         }
  1959.         return ret;
  1960.     }
  1961.  
  1962.     function monochromatic(color, results) {
  1963.         results = results || 6;
  1964.         var hsv = tinycolor(color).toHsv();
  1965.         var h = hsv.h, s = hsv.s, v = hsv.v;
  1966.         var ret = [];
  1967.         var modification = 1 / results;
  1968.  
  1969.         while (results--) {
  1970.             ret.push(tinycolor({ h: h, s: s, v: v}));
  1971.             v = (v + modification) % 1;
  1972.         }
  1973.  
  1974.         return ret;
  1975.     }
  1976.  
  1977.     // Utility Functions
  1978.     // ---------------------
  1979.  
  1980.     tinycolor.mix = function(color1, color2, amount) {
  1981.         amount = (amount === 0) ? 0 : (amount || 50);
  1982.  
  1983.         var rgb1 = tinycolor(color1).toRgb();
  1984.         var rgb2 = tinycolor(color2).toRgb();
  1985.  
  1986.         var p = amount / 100;
  1987.         var w = p * 2 - 1;
  1988.         var a = rgb2.a - rgb1.a;
  1989.  
  1990.         var w1;
  1991.  
  1992.         if (w * a == -1) {
  1993.             w1 = w;
  1994.         } else {
  1995.             w1 = (w + a) / (1 + w * a);
  1996.         }
  1997.  
  1998.         w1 = (w1 + 1) / 2;
  1999.  
  2000.         var w2 = 1 - w1;
  2001.  
  2002.         var rgba = {
  2003.             r: rgb2.r * w1 + rgb1.r * w2,
  2004.             g: rgb2.g * w1 + rgb1.g * w2,
  2005.             b: rgb2.b * w1 + rgb1.b * w2,
  2006.             a: rgb2.a * p  + rgb1.a * (1 - p)
  2007.         };
  2008.  
  2009.         return tinycolor(rgba);
  2010.     };
  2011.  
  2012.  
  2013.     // Readability Functions
  2014.     // ---------------------
  2015.     // <http://www.w3.org/TR/AERT#color-contrast>
  2016.  
  2017.     // `readability`
  2018.     // Analyze the 2 colors and returns an object with the following properties:
  2019.     //    `brightness`: difference in brightness between the two colors
  2020.     //    `color`: difference in color/hue between the two colors
  2021.     tinycolor.readability = function(color1, color2) {
  2022.         var c1 = tinycolor(color1);
  2023.         var c2 = tinycolor(color2);
  2024.         var rgb1 = c1.toRgb();
  2025.         var rgb2 = c2.toRgb();
  2026.         var brightnessA = c1.getBrightness();
  2027.         var brightnessB = c2.getBrightness();
  2028.         var colorDiff = (
  2029.             Math.max(rgb1.r, rgb2.r) - Math.min(rgb1.r, rgb2.r) +
  2030.             Math.max(rgb1.g, rgb2.g) - Math.min(rgb1.g, rgb2.g) +
  2031.             Math.max(rgb1.b, rgb2.b) - Math.min(rgb1.b, rgb2.b)
  2032.         );
  2033.  
  2034.         return {
  2035.             brightness: Math.abs(brightnessA - brightnessB),
  2036.             color: colorDiff
  2037.         };
  2038.     };
  2039.  
  2040.     // `readable`
  2041.     // http://www.w3.org/TR/AERT#color-contrast
  2042.     // Ensure that foreground and background color combinations provide sufficient contrast.
  2043.     // *Example*
  2044.     //    tinycolor.isReadable("#000", "#111") => false
  2045.     tinycolor.isReadable = function(color1, color2) {
  2046.         var readability = tinycolor.readability(color1, color2);
  2047.         return readability.brightness > 125 && readability.color > 500;
  2048.     };
  2049.  
  2050.     // `mostReadable`
  2051.     // Given a base color and a list of possible foreground or background
  2052.     // colors for that base, returns the most readable color.
  2053.     // *Example*
  2054.     //    tinycolor.mostReadable("#123", ["#fff", "#000"]) => "#000"
  2055.     tinycolor.mostReadable = function(baseColor, colorList) {
  2056.         var bestColor = null;
  2057.         var bestScore = 0;
  2058.         var bestIsReadable = false;
  2059.         for (var i=0; i < colorList.length; i++) {
  2060.  
  2061.             // We normalize both around the "acceptable" breaking point,
  2062.             // but rank brightness constrast higher than hue.
  2063.  
  2064.             var readability = tinycolor.readability(baseColor, colorList[i]);
  2065.             var readable = readability.brightness > 125 && readability.color > 500;
  2066.             var score = 3 * (readability.brightness / 125) + (readability.color / 500);
  2067.  
  2068.             if ((readable && ! bestIsReadable) ||
  2069.                 (readable && bestIsReadable && score > bestScore) ||
  2070.                 ((! readable) && (! bestIsReadable) && score > bestScore)) {
  2071.                 bestIsReadable = readable;
  2072.                 bestScore = score;
  2073.                 bestColor = tinycolor(colorList[i]);
  2074.             }
  2075.         }
  2076.         return bestColor;
  2077.     };
  2078.  
  2079.  
  2080.     // Big List of Colors
  2081.     // ------------------
  2082.     // <http://www.w3.org/TR/css3-color/#svg-color>
  2083.     var names = tinycolor.names = {
  2084.         aliceblue: "f0f8ff",
  2085.         antiquewhite: "faebd7",
  2086.         aqua: "0ff",
  2087.         aquamarine: "7fffd4",
  2088.         azure: "f0ffff",
  2089.         beige: "f5f5dc",
  2090.         bisque: "ffe4c4",
  2091.         black: "000",
  2092.         blanchedalmond: "ffebcd",
  2093.         blue: "00f",
  2094.         blueviolet: "8a2be2",
  2095.         brown: "a52a2a",
  2096.         burlywood: "deb887",
  2097.         burntsienna: "ea7e5d",
  2098.         cadetblue: "5f9ea0",
  2099.         chartreuse: "7fff00",
  2100.         chocolate: "d2691e",
  2101.         coral: "ff7f50",
  2102.         cornflowerblue: "6495ed",
  2103.         cornsilk: "fff8dc",
  2104.         crimson: "dc143c",
  2105.         cyan: "0ff",
  2106.         darkblue: "00008b",
  2107.         darkcyan: "008b8b",
  2108.         darkgoldenrod: "b8860b",
  2109.         darkgray: "a9a9a9",
  2110.         darkgreen: "006400",
  2111.         darkgrey: "a9a9a9",
  2112.         darkkhaki: "bdb76b",
  2113.         darkmagenta: "8b008b",
  2114.         darkolivegreen: "556b2f",
  2115.         darkorange: "ff8c00",
  2116.         darkorchid: "9932cc",
  2117.         darkred: "8b0000",
  2118.         darksalmon: "e9967a",
  2119.         darkseagreen: "8fbc8f",
  2120.         darkslateblue: "483d8b",
  2121.         darkslategray: "2f4f4f",
  2122.         darkslategrey: "2f4f4f",
  2123.         darkturquoise: "00ced1",
  2124.         darkviolet: "9400d3",
  2125.         deeppink: "ff1493",
  2126.         deepskyblue: "00bfff",
  2127.         dimgray: "696969",
  2128.         dimgrey: "696969",
  2129.         dodgerblue: "1e90ff",
  2130.         firebrick: "b22222",
  2131.         floralwhite: "fffaf0",
  2132.         forestgreen: "228b22",
  2133.         fuchsia: "f0f",
  2134.         gainsboro: "dcdcdc",
  2135.         ghostwhite: "f8f8ff",
  2136.         gold: "ffd700",
  2137.         goldenrod: "daa520",
  2138.         gray: "808080",
  2139.         green: "008000",
  2140.         greenyellow: "adff2f",
  2141.         grey: "808080",
  2142.         honeydew: "f0fff0",
  2143.         hotpink: "ff69b4",
  2144.         indianred: "cd5c5c",
  2145.         indigo: "4b0082",
  2146.         ivory: "fffff0",
  2147.         khaki: "f0e68c",
  2148.         lavender: "e6e6fa",
  2149.         lavenderblush: "fff0f5",
  2150.         lawngreen: "7cfc00",
  2151.         lemonchiffon: "fffacd",
  2152.         lightblue: "add8e6",
  2153.         lightcoral: "f08080",
  2154.         lightcyan: "e0ffff",
  2155.         lightgoldenrodyellow: "fafad2",
  2156.         lightgray: "d3d3d3",
  2157.         lightgreen: "90ee90",
  2158.         lightgrey: "d3d3d3",
  2159.         lightpink: "ffb6c1",
  2160.         lightsalmon: "ffa07a",
  2161.         lightseagreen: "20b2aa",
  2162.         lightskyblue: "87cefa",
  2163.         lightslategray: "789",
  2164.         lightslategrey: "789",
  2165.         lightsteelblue: "b0c4de",
  2166.         lightyellow: "ffffe0",
  2167.         lime: "0f0",
  2168.         limegreen: "32cd32",
  2169.         linen: "faf0e6",
  2170.         magenta: "f0f",
  2171.         maroon: "800000",
  2172.         mediumaquamarine: "66cdaa",
  2173.         mediumblue: "0000cd",
  2174.         mediumorchid: "ba55d3",
  2175.         mediumpurple: "9370db",
  2176.         mediumseagreen: "3cb371",
  2177.         mediumslateblue: "7b68ee",
  2178.         mediumspringgreen: "00fa9a",
  2179.         mediumturquoise: "48d1cc",
  2180.         mediumvioletred: "c71585",
  2181.         midnightblue: "191970",
  2182.         mintcream: "f5fffa",
  2183.         mistyrose: "ffe4e1",
  2184.         moccasin: "ffe4b5",
  2185.         navajowhite: "ffdead",
  2186.         navy: "000080",
  2187.         oldlace: "fdf5e6",
  2188.         olive: "808000",
  2189.         olivedrab: "6b8e23",
  2190.         orange: "ffa500",
  2191.         orangered: "ff4500",
  2192.         orchid: "da70d6",
  2193.         palegoldenrod: "eee8aa",
  2194.         palegreen: "98fb98",
  2195.         paleturquoise: "afeeee",
  2196.         palevioletred: "db7093",
  2197.         papayawhip: "ffefd5",
  2198.         peachpuff: "ffdab9",
  2199.         peru: "cd853f",
  2200.         pink: "ffc0cb",
  2201.         plum: "dda0dd",
  2202.         powderblue: "b0e0e6",
  2203.         purple: "800080",
  2204.         rebeccapurple: "663399",
  2205.         red: "f00",
  2206.         rosybrown: "bc8f8f",
  2207.         royalblue: "4169e1",
  2208.         saddlebrown: "8b4513",
  2209.         salmon: "fa8072",
  2210.         sandybrown: "f4a460",
  2211.         seagreen: "2e8b57",
  2212.         seashell: "fff5ee",
  2213.         sienna: "a0522d",
  2214.         silver: "c0c0c0",
  2215.         skyblue: "87ceeb",
  2216.         slateblue: "6a5acd",
  2217.         slategray: "708090",
  2218.         slategrey: "708090",
  2219.         snow: "fffafa",
  2220.         springgreen: "00ff7f",
  2221.         steelblue: "4682b4",
  2222.         tan: "d2b48c",
  2223.         teal: "008080",
  2224.         thistle: "d8bfd8",
  2225.         tomato: "ff6347",
  2226.         turquoise: "40e0d0",
  2227.         violet: "ee82ee",
  2228.         wheat: "f5deb3",
  2229.         white: "fff",
  2230.         whitesmoke: "f5f5f5",
  2231.         yellow: "ff0",
  2232.         yellowgreen: "9acd32"
  2233.     };
  2234.  
  2235.     // Make it easy to access colors via `hexNames[hex]`
  2236.     var hexNames = tinycolor.hexNames = flip(names);
  2237.  
  2238.  
  2239.     // Utilities
  2240.     // ---------
  2241.  
  2242.     // `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }`
  2243.     function flip(o) {
  2244.         var flipped = { };
  2245.         for (var i in o) {
  2246.             if (o.hasOwnProperty(i)) {
  2247.                 flipped[o[i]] = i;
  2248.             }
  2249.         }
  2250.         return flipped;
  2251.     }
  2252.  
  2253.     // Return a valid alpha value [0,1] with all invalid values being set to 1
  2254.     function boundAlpha(a) {
  2255.         a = parseFloat(a);
  2256.  
  2257.         if (isNaN(a) || a < 0 || a > 1) {
  2258.             a = 1;
  2259.         }
  2260.  
  2261.         return a;
  2262.     }
  2263.  
  2264.     // Take input from [0, n] and return it as [0, 1]
  2265.     function bound01(n, max) {
  2266.         if (isOnePointZero(n)) { n = "100%"; }
  2267.  
  2268.         var processPercent = isPercentage(n);
  2269.         n = mathMin(max, mathMax(0, parseFloat(n)));
  2270.  
  2271.         // Automatically convert percentage into number
  2272.         if (processPercent) {
  2273.             n = parseInt(n * max, 10) / 100;
  2274.         }
  2275.  
  2276.         // Handle floating point rounding errors
  2277.         if ((math.abs(n - max) < 0.000001)) {
  2278.             return 1;
  2279.         }
  2280.  
  2281.         // Convert into [0, 1] range if it isn't already
  2282.         return (n % max) / parseFloat(max);
  2283.     }
  2284.  
  2285.     // Force a number between 0 and 1
  2286.     function clamp01(val) {
  2287.         return mathMin(1, mathMax(0, val));
  2288.     }
  2289.  
  2290.     // Parse a base-16 hex value into a base-10 integer
  2291.     function parseIntFromHex(val) {
  2292.         return parseInt(val, 16);
  2293.     }
  2294.  
  2295.     // Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
  2296.     // <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
  2297.     function isOnePointZero(n) {
  2298.         return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1;
  2299.     }
  2300.  
  2301.     // Check to see if string passed in is a percentage
  2302.     function isPercentage(n) {
  2303.         return typeof n === "string" && n.indexOf('%') != -1;
  2304.     }
  2305.  
  2306.     // Force a hex value to have 2 characters
  2307.     function pad2(c) {
  2308.         return c.length == 1 ? '0' + c : '' + c;
  2309.     }
  2310.  
  2311.     // Replace a decimal with it's percentage value
  2312.     function convertToPercentage(n) {
  2313.         if (n <= 1) {
  2314.             n = (n * 100) + "%";
  2315.         }
  2316.  
  2317.         return n;
  2318.     }
  2319.  
  2320.     // Converts a decimal to a hex value
  2321.     function convertDecimalToHex(d) {
  2322.         return Math.round(parseFloat(d) * 255).toString(16);
  2323.     }
  2324.     // Converts a hex value to a decimal
  2325.     function convertHexToDecimal(h) {
  2326.         return (parseIntFromHex(h) / 255);
  2327.     }
  2328.  
  2329.     var matchers = (function() {
  2330.  
  2331.         // <http://www.w3.org/TR/css3-values/#integers>
  2332.         var CSS_INTEGER = "[-\\+]?\\d+%?";
  2333.  
  2334.         // <http://www.w3.org/TR/css3-values/#number-value>
  2335.         var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
  2336.  
  2337.         // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
  2338.         var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
  2339.  
  2340.         // Actual matching.
  2341.         // Parentheses and commas are optional, but not required.
  2342.         // Whitespace can take the place of commas or opening paren
  2343.         var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
  2344.         var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
  2345.  
  2346.         return {
  2347.             rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
  2348.             rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
  2349.             hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
  2350.             hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
  2351.             hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
  2352.             hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
  2353.             hex3: /^([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
  2354.             hex6: /^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
  2355.             hex8: /^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
  2356.         };
  2357.     })();
  2358.  
  2359.     // `stringInputToObject`
  2360.     // Permissive string parsing.  Take in a number of formats, and output an object
  2361.     // based on detected format.  Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}`
  2362.     function stringInputToObject(color) {
  2363.  
  2364.         color = color.replace(trimLeft,'').replace(trimRight, '').toLowerCase();
  2365.         var named = false;
  2366.         if (names[color]) {
  2367.             color = names[color];
  2368.             named = true;
  2369.         }
  2370.         else if (color == 'transparent') {
  2371.             return { r: 0, g: 0, b: 0, a: 0, format: "name" };
  2372.         }
  2373.  
  2374.         // Try to match string input using regular expressions.
  2375.         // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
  2376.         // Just return an object and let the conversion functions handle that.
  2377.         // This way the result will be the same whether the tinycolor is initialized with string or object.
  2378.         var match;
  2379.         if ((match = matchers.rgb.exec(color))) {
  2380.             return { r: match[1], g: match[2], b: match[3] };
  2381.         }
  2382.         if ((match = matchers.rgba.exec(color))) {
  2383.             return { r: match[1], g: match[2], b: match[3], a: match[4] };
  2384.         }
  2385.         if ((match = matchers.hsl.exec(color))) {
  2386.             return { h: match[1], s: match[2], l: match[3] };
  2387.         }
  2388.         if ((match = matchers.hsla.exec(color))) {
  2389.             return { h: match[1], s: match[2], l: match[3], a: match[4] };
  2390.         }
  2391.         if ((match = matchers.hsv.exec(color))) {
  2392.             return { h: match[1], s: match[2], v: match[3] };
  2393.         }
  2394.         if ((match = matchers.hsva.exec(color))) {
  2395.             return { h: match[1], s: match[2], v: match[3], a: match[4] };
  2396.         }
  2397.         if ((match = matchers.hex8.exec(color))) {
  2398.             return {
  2399.                 a: convertHexToDecimal(match[1]),
  2400.                 r: parseIntFromHex(match[2]),
  2401.                 g: parseIntFromHex(match[3]),
  2402.                 b: parseIntFromHex(match[4]),
  2403.                 format: named ? "name" : "hex8"
  2404.             };
  2405.         }
  2406.         if ((match = matchers.hex6.exec(color))) {
  2407.             return {
  2408.                 r: parseIntFromHex(match[1]),
  2409.                 g: parseIntFromHex(match[2]),
  2410.                 b: parseIntFromHex(match[3]),
  2411.                 format: named ? "name" : "hex"
  2412.             };
  2413.         }
  2414.         if ((match = matchers.hex3.exec(color))) {
  2415.             return {
  2416.                 r: parseIntFromHex(match[1] + '' + match[1]),
  2417.                 g: parseIntFromHex(match[2] + '' + match[2]),
  2418.                 b: parseIntFromHex(match[3] + '' + match[3]),
  2419.                 format: named ? "name" : "hex"
  2420.             };
  2421.         }
  2422.  
  2423.         return false;
  2424.     }
  2425.  
  2426.     window.tinycolor = tinycolor;
  2427.     })();
  2428.  
  2429.     $(function () {
  2430.         if ($.fn.spectrum.load) {
  2431.             $.fn.spectrum.processNativeColorInputs();
  2432.         }
  2433.     });
  2434.  
  2435. });
  2436.  
  2437. // Spectrum Colorpicker
  2438. // Arabic (ar) localization
  2439. // https://github.com/seballot/spectrum
  2440. (function ( $ ) {
  2441.  
  2442.   var localization = $.spectrum.localization["ar"] = {
  2443.       cancelText: "إلغاء",
  2444.       chooseText: "إختار",
  2445.       clearText: "إرجاع الألوان على ما كانت",
  2446.       noColorSelectedText: "لم تختار أي لون",
  2447.       togglePaletteMoreText: "أكثر",
  2448.       togglePaletteLessText: "أقل"
  2449.   };
  2450.  
  2451. })( jQuery );
  2452.  
  2453. // Spectrum Colorpicker
  2454. // Catalan (ca) localization
  2455. // https://github.com/seballot/spectrum
  2456.  
  2457. (function ( $ ) {
  2458.  
  2459.     var localization = $.spectrum.localization["ca"] = {
  2460.         cancelText: "Cancel·lar",
  2461.         chooseText: "Escollir",
  2462.         clearText: "Esborrar color seleccionat",
  2463.         noColorSelectedText: "Cap color seleccionat",
  2464.         togglePaletteMoreText: "Més",
  2465.         togglePaletteLessText: "Menys"
  2466.     };
  2467.  
  2468. })( jQuery );
  2469.  
  2470. // Spectrum Colorpicker
  2471. // Czech (cs) localization
  2472. // https://github.com/seballot/spectrum
  2473. // author localization cs Pavel Laupe Dvorak pavel@pavel-dvorak.cz
  2474.  
  2475. (function ( $ ) {
  2476.  
  2477.     var localization = $.spectrum.localization["cs"] = {
  2478.         cancelText: "zrušit",
  2479.         chooseText: "vybrat",
  2480.         clearText: "Resetovat výběr barev",
  2481.         noColorSelectedText: "Žádná barva nebyla vybrána",
  2482.         togglePaletteMoreText: "více",
  2483.         togglePaletteLessText: "méně"
  2484.     };
  2485.  
  2486. })( jQuery );
  2487.  
  2488. // Spectrum Colorpicker
  2489. // German (de) localization
  2490. // https://github.com/seballot/spectrum
  2491.  
  2492. (function ( $ ) {
  2493.  
  2494.     var localization = $.spectrum.localization["de"] = {
  2495.         cancelText: "Abbrechen",
  2496.         chooseText: "Wählen",
  2497.         clearText: "Farbauswahl zurücksetzen",
  2498.         noColorSelectedText: "Keine Farbe ausgewählt",
  2499.         togglePaletteMoreText: "Mehr",
  2500.         togglePaletteLessText: "Weniger"
  2501.     };
  2502.  
  2503. })( jQuery );
  2504.  
  2505. // Spectrum Colorpicker
  2506. // Danish (dk) localization
  2507. // https://github.com/seballot/spectrum
  2508.  
  2509. (function ( $ ) {
  2510.  
  2511.     var localization = $.spectrum.localization["dk"] = {
  2512. 		cancelText: "annuller",
  2513. 		chooseText: "Vælg"
  2514.     };
  2515.  
  2516. })( jQuery );
  2517.  
  2518. // Spectrum Colorpicker
  2519. // Spanish (es) localization
  2520. // https://github.com/seballot/spectrum
  2521.  
  2522. (function ( $ ) {
  2523.  
  2524.     var localization = $.spectrum.localization["es"] = {
  2525.         cancelText: "Cancelar",
  2526.         chooseText: "Elegir",
  2527.         clearText: "Borrar color seleccionado",
  2528.         noColorSelectedText: "Ningún color seleccionado",
  2529.         togglePaletteMoreText: "Más",
  2530.         togglePaletteLessText: "Menos"
  2531.     };
  2532.  
  2533. })( jQuery );
  2534.  
  2535. // Spectrum Colorpicker
  2536. // Estonian (et) localization
  2537. // https://github.com/bgrins/spectrum
  2538.  
  2539.  (function ( $ ) {
  2540.  
  2541.      var localization = $.spectrum.localization["et"] = {
  2542.         cancelText: "Katkesta",
  2543.         chooseText: "Vali",
  2544.         clearText: "Tühista värvivalik",
  2545.         noColorSelectedText: "Ühtki värvi pole valitud",
  2546.         togglePaletteMoreText: "Rohkem",
  2547.         togglePaletteLessText: "Vähem"
  2548.     };
  2549.  
  2550.  })( jQuery );
  2551.  
  2552. // Spectrum Colorpicker
  2553. // Persian (fa) localization
  2554. // https://github.com/seballot/spectrum
  2555.  
  2556. (function ( $ ) {
  2557.  
  2558.     var localization = $.spectrum.localization["fa"] = {
  2559.         cancelText: "لغو",
  2560.         chooseText: "انتخاب",
  2561.         clearText: "تنظیم مجدد رنگ",
  2562.         noColorSelectedText: "هیچ رنگی انتخاب نشده است!",
  2563.         togglePaletteMoreText: "بیشتر",
  2564.         togglePaletteLessText: "کمتر"
  2565.     };
  2566.  
  2567. })( jQuery );
  2568.  
  2569. // Spectrum Colorpicker
  2570. // Finnish (fi) localization
  2571. // https://github.com/seballot/spectrum
  2572.  
  2573. (function ( $ ) {
  2574.  
  2575.     var localization = $.spectrum.localization["fi"] = {
  2576.         cancelText: "Kumoa",
  2577.         chooseText: "Valitse"
  2578.     };
  2579.  
  2580. })( jQuery );
  2581.  
  2582. // Spectrum Colorpicker
  2583. // French (fr) localization
  2584. // https://github.com/seballot/spectrum
  2585.  
  2586. (function ( $ ) {
  2587.  
  2588.     var localization = $.spectrum.localization["fr"] = {
  2589.         cancelText: "Annuler",
  2590.         chooseText: "Valider",
  2591.         clearText: "Effacer couleur sélectionnée",
  2592.         noColorSelectedText: "Aucune couleur sélectionnée",
  2593.         togglePaletteMoreText: "Plus",
  2594.         togglePaletteLessText: "Moins"
  2595.     };
  2596.  
  2597. })( jQuery );
  2598.  
  2599. // Spectrum Colorpicker
  2600. // Greek (gr) localization
  2601. // https://github.com/seballot/spectrum
  2602.  
  2603. (function ( $ ) {
  2604.  
  2605.     var localization = $.spectrum.localization["gr"] = {
  2606.         cancelText: "Ακύρωση",
  2607.         chooseText: "Επιλογή",
  2608.         clearText: "Καθαρισμός επιλεγμένου χρώματος",
  2609.         noColorSelectedText: "Δεν έχει επιλεχθεί κάποιο χρώμα",
  2610.         togglePaletteMoreText: "Περισσότερα",
  2611.         togglePaletteLessText: "Λιγότερα"
  2612.     };
  2613.  
  2614. })( jQuery );
  2615.  
  2616. // Spectrum Colorpicker
  2617. // Hebrew (he) localization
  2618. // https://github.com/seballot/spectrum
  2619.  
  2620. (function ( $ ) {
  2621.  
  2622.     var localization = $.spectrum.localization["he"] = {
  2623.         cancelText: "בטל בחירה",
  2624.         chooseText: "בחר צבע",
  2625.         clearText: "אפס בחירה",
  2626.         noColorSelectedText: "לא נבחר צבע",
  2627.         togglePaletteMoreText: "עוד צבעים",
  2628.         togglePaletteLessText: "פחות צבעים"
  2629.     };
  2630.  
  2631. })( jQuery );
  2632.  
  2633. // Spectrum Colorpicker
  2634. // Croatian (hr) localization
  2635. // https://github.com/seballot/spectrum
  2636.  
  2637. (function ( $ ) {
  2638.  
  2639.     var localization = $.spectrum.localization["hr"] = {
  2640.         cancelText: "Odustani",
  2641.         chooseText: "Odaberi",
  2642.         clearText: "Poništi odabir",
  2643.         noColorSelectedText: "Niti jedna boja nije odabrana",
  2644.         togglePaletteMoreText: "Više",
  2645.         togglePaletteLessText: "Manje"
  2646.     };
  2647.  
  2648. })( jQuery );
  2649.  
  2650. // Spectrum Colorpicker
  2651. // Hungarian (hu) localization
  2652. // https://github.com/seballot/spectrum
  2653.  
  2654. (function ( $ ) {
  2655.  
  2656.   var localization = $.spectrum.localization["hu"] = {
  2657.       cancelText: "Mégsem",
  2658.       chooseText: "Mentés",
  2659.       clearText: "A színválasztás visszaállítása",
  2660.       noColorSelectedText: "Nincs szín kijelölve",
  2661.       togglePaletteMoreText: "Több",
  2662.       togglePaletteLessText: "Kevesebb"
  2663.   };
  2664.  
  2665. })( jQuery );
  2666.  
  2667. // Spectrum Colorpicker
  2668. // Indonesia/Bahasa Indonesia (id) localization
  2669. // https://github.com/seballot/spectrum
  2670.  
  2671. (function ( $ ) {
  2672.  
  2673.     var localization = $.spectrum.localization["id"] = {
  2674.         cancelText: "Batal",
  2675.         chooseText: "Pilih",
  2676.         clearText: "Hapus Pilihan Warna",
  2677.         noColorSelectedText: "Warna Tidak Dipilih",
  2678.         togglePaletteMoreText: "tambah",
  2679.         togglePaletteLessText: "kurangi"
  2680.     };
  2681.  
  2682. })( jQuery );
  2683.  
  2684. // Spectrum Colorpicker
  2685. // Italian (it) localization
  2686. // https://github.com/seballot/spectrum
  2687.  
  2688. (function ( $ ) {
  2689.  
  2690.     var localization = $.spectrum.localization["it"] = {
  2691. 		cancelText: "annulla",
  2692. 		chooseText: "scegli",
  2693. 		clearText: "Annulla selezione colore",
  2694. 		noColorSelectedText: "Nessun colore selezionato"
  2695. 	};
  2696.  
  2697. })( jQuery );
  2698.  
  2699. // Spectrum Colorpicker
  2700. // Japanese (ja) localization
  2701. // https://github.com/seballot/spectrum
  2702.  
  2703. (function ( $ ) {
  2704.  
  2705.     var localization = $.spectrum.localization["ja"] = {
  2706.         cancelText: "中止",
  2707.         chooseText: "選択"
  2708.     };
  2709.  
  2710. })( jQuery );
  2711.  
  2712. // Spectrum Colorpicker
  2713. // Korean (ko) localization
  2714. // https://github.com/seballot/spectrum
  2715.  
  2716. (function ( $ ) {
  2717.  
  2718.     var localization = $.spectrum.localization["ko"] = {
  2719.         cancelText: "취소",
  2720.         chooseText: "선택",
  2721.         clearText: "선택 초기화",
  2722.         noColorSelectedText: "선택된 색상 없음",
  2723.         togglePaletteMoreText: "더보기",
  2724.         togglePaletteLessText: "줄이기"
  2725.     };
  2726.  
  2727. })( jQuery );
  2728.  
  2729. // Spectrum Colorpicker
  2730. // Lithuanian (lt) localization
  2731. // https://github.com/liesislukas
  2732.  
  2733. (function ( $ ) {
  2734.  
  2735.     var localization = $.spectrum.localization["lt"] = {
  2736.         cancelText: "Atšaukti",
  2737.         chooseText: "Pasirinkti",
  2738.         clearText: "Išvalyti pasirinkimą",
  2739.         noColorSelectedText: "Spalva nepasirinkta",
  2740.         togglePaletteMoreText: "Daugiau",
  2741.         togglePaletteLessText: "Mažiau"
  2742.     };
  2743.  
  2744. })( jQuery );
  2745.  
  2746. // Spectrum Colorpicker
  2747. // Norwegian, Bokmål (nb-no) localization
  2748. // https://github.com/greendimka
  2749.  
  2750. (function ( $ ) {
  2751.  
  2752.     var localization = $.spectrum.localization["nb-no"] = {
  2753.         cancelText: "Avbryte",
  2754.         chooseText: "Velg",
  2755.         clearText: "Tilbakestill",
  2756.         noColorSelectedText: "Farge er ikke valgt",
  2757.         togglePaletteMoreText: "Mer",
  2758.         togglePaletteLessText: "Mindre"
  2759.     };
  2760.  
  2761. })( jQuery );
  2762.  
  2763. // Spectrum Colorpicker
  2764. // Dutch (nl-nl) localization
  2765. // https://github.com/seballot/spectrum
  2766.  
  2767. (function ( $ ) {
  2768.  
  2769.     var localization = $.spectrum.localization["nl-nl"] = {
  2770.         cancelText: "Annuleer",
  2771.         chooseText: "Kies",
  2772.         clearText: "Wis kleur selectie",
  2773.         togglePaletteMoreText: 'Meer',
  2774.         togglePaletteLessText: 'Minder'
  2775.     };
  2776.  
  2777. })( jQuery );
  2778.  
  2779. // Spectrum Colorpicker
  2780. // Polish (pl) localization
  2781. // https://github.com/seballot/spectrum
  2782.  
  2783. (function ( $ ) {
  2784.  
  2785.     var localization = $.spectrum.localization["pl"] = {
  2786.         cancelText: "Anuluj",
  2787.         chooseText: "Wybierz",
  2788.         clearText: "Usuń wybór koloru",
  2789.         noColorSelectedText: "Nie wybrano koloru",
  2790.         togglePaletteMoreText: "Więcej",
  2791.         togglePaletteLessText: "Mniej"
  2792.     };
  2793.  
  2794. })( jQuery );
  2795.  
  2796. // Spectrum Colorpicker
  2797. // Brazilian (pt-br) localization
  2798. // https://github.com/seballot/spectrum
  2799.  
  2800. (function ( $ ) {
  2801.  
  2802.     var localization = $.spectrum.localization["pt-br"] = {
  2803.         cancelText: "Cancelar",
  2804.         chooseText: "Escolher",
  2805.         clearText: "Limpar cor selecionada",
  2806.         noColorSelectedText: "Nenhuma cor selecionada",
  2807.         togglePaletteMoreText: "Mais",
  2808.         togglePaletteLessText: "Menos"
  2809.     };
  2810.  
  2811. })( jQuery );
  2812.  
  2813. // Spectrum Colorpicker
  2814. // Portuguese (pt-pt) localization
  2815. // https://github.com/bgrins/spectrum
  2816.  
  2817.  (function ( $ ) {
  2818.  
  2819.      var localization = $.spectrum.localization["pt-pt"] = {
  2820.         cancelText: "Cancelar",
  2821.         chooseText: "Escolher",
  2822.         clearText: "Limpar cor seleccionada",
  2823.         noColorSelectedText: "Nenhuma cor seleccionada",
  2824.         togglePaletteMoreText: "Mais",
  2825.         togglePaletteLessText: "Menos"
  2826.     };
  2827.  
  2828.  })( jQuery );
  2829.  
  2830. // Spectrum Colorpicker
  2831. // Russian (ru) localization
  2832. // https://github.com/seballot/spectrum
  2833.  
  2834. (function ( $ ) {
  2835.  
  2836.     var localization = $.spectrum.localization["ru"] = {
  2837.         cancelText: "Отмена",
  2838.         chooseText: "Выбрать",
  2839.         clearText: "Сбросить",
  2840.         noColorSelectedText: "Цвет не выбран",
  2841.         togglePaletteMoreText: "Ещё",
  2842.         togglePaletteLessText: "Скрыть"
  2843.     };
  2844.  
  2845. })( jQuery );
  2846.  
  2847. // Spectrum Colorpicker
  2848. // Swedish (sv) localization
  2849. // https://github.com/seballot/spectrum
  2850.  
  2851. (function ( $ ) {
  2852.  
  2853.     var localization = $.spectrum.localization["sv"] = {
  2854.         cancelText: "Avbryt",
  2855.         chooseText: "Välj"
  2856.     };
  2857.  
  2858. })( jQuery );
  2859.  
  2860. // Spectrum Colorpicker
  2861. // Turkish (tr) localization
  2862. // https://github.com/seballot/spectrum
  2863.  
  2864. (function ( $ ) {
  2865.  
  2866.     var localization = $.spectrum.localization["tr"] = {
  2867. 		cancelText: "iptal",
  2868. 		chooseText: "tamam"
  2869. 	};
  2870.  
  2871. })( jQuery );
  2872.  
  2873. // Spectrum Colorpicker
  2874. // Simplified Chinese (zh-cn) localization
  2875. // https://github.com/seballot/spectrum
  2876.  
  2877. (function ( $ ) {
  2878.  
  2879.     var localization = $.spectrum.localization["zh-cn"] = {
  2880.         cancelText: "取消",
  2881.         chooseText: "选择",
  2882.         clearText: "清除",
  2883.         togglePaletteMoreText: "更多选项",
  2884.         togglePaletteLessText: "隐藏",
  2885.         noColorSelectedText: "尚未选择任何颜色"
  2886.     };
  2887.  
  2888. })( jQuery );
  2889.  
  2890. // Spectrum Colorpicker
  2891. // Traditional Chinese (zh-tw) localization
  2892. // https://github.com/seballot/spectrum
  2893.  
  2894. (function ( $ ) {
  2895.  
  2896.     var localization = $.spectrum.localization["zh-tw"] = {
  2897.         cancelText: "取消",
  2898.         chooseText: "選擇",
  2899.         clearText: "清除",
  2900.         togglePaletteMoreText: "更多選項",
  2901.         togglePaletteLessText: "隱藏",
  2902.         noColorSelectedText: "尚未選擇任何顏色"
  2903.     };
  2904.  
  2905. })( jQuery );

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址