☰

frColorPicker

frColorPicker 拾色器专供Font Rendering使用。

当前为 2021-12-22 提交的版本，查看 最新版本。

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.cn-greasyfork.org/scripts/437214/1001053/frColorPicker.js 

  1. // ==UserScript==
  2. // @name        frColorPicker
  3. // @author      F9y4ng
  4. // @version     1.0
  5. // @license     GPL-3.0-only
  6. // ==/UserScript==
  7.  
  8. !(function () {
  9.   function B(a) {
  10.     var b = "";
  11.     for (a = Number(a - 1) || 8; 0 < a; --a) b += "abcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ"[Math.floor(62 * Math.random())];
  12.     return "ABCDEFGHIJKLMNOPQRSTUVWXYZ"[Math.floor(26 * Math.random())].concat(b);
  13.   }
  14.   var G = B(9),
  15.     H = B(8),
  16.     I = B(12),
  17.     J = B(8),
  18.     K = B(7),
  19.     L = B(7),
  20.     M = B(6),
  21.     N = B(6),
  22.     O = B(4),
  23.     S = (function () {
  24.       var a = {
  25.         initialized: !1,
  26.         instances: [],
  27.         readyQueue: [],
  28.         register: function () {
  29.           "undefined" !== typeof window && window.document && window.document.addEventListener("DOMContentLoaded", a.pub.init, !1);
  30.         },
  31.         installBySelector: function (b, d) {
  32.           d = d ? a.node(d) : window.document;
  33.           if (!d) throw Error("Missing root node");
  34.           b = d.querySelectorAll(b);
  35.           d = new RegExp("(^|\\s)(" + a.pub.lookupClass + ")(\\s*(\\{[^}]*\\})|\\s|$)", "i");
  36.           for (var e = 0; e < b.length; e += 1)
  37.             if (!((b[e].frcolorpicker && b[e].frcolorpicker instanceof a.pub) || (void 0 !== b[e].type && "color" == b[e].type.toLowerCase() && a.isColorAttrSupported))) {
  38.               var g, h;
  39.               if (null !== (g = a.getDataAttr(b[e], "frcolorpicker")) || (b[e].className && (h = b[e].className.match(d)))) {
  40.                 var l = b[e],
  41.                   m = "";
  42.                 null !== g ? (m = g) : h && h[4] && (m = h[4]);
  43.                 g = null;
  44.                 if (m.trim())
  45.                   try {
  46.                     g = a.parseOptionsStr(m);
  47.                   } catch (q) {}
  48.                 try {
  49.                   new a.pub(l, g);
  50.                 } catch (q) {}
  51.               }
  52.             }
  53.         },
  54.         parseOptionsStr: function (b) {
  55.           var d = null;
  56.           try {
  57.             d = JSON.parse(b);
  58.           } catch (e) {
  59.             if (a.pub.looseJSON)
  60.               try {
  61.                 d = new Function("var opts = (" + b + '); return typeof opts === "object" ? opts : {};')();
  62.               } catch (g) {
  63.                 throw Error("Could not evaluate frcolorpicker options: " + g);
  64.               }
  65.             else throw Error("Could not parse frcolorpicker options as JSON: " + e);
  66.           }
  67.           return d;
  68.         },
  69.         getInstances: function () {
  70.           for (var b = [], d = 0; d < a.instances.length; d += 1) a.instances[d] && a.instances[d].targetElement && b.push(a.instances[d]);
  71.           return b;
  72.         },
  73.         createEl: function (b) {
  74.           b = window.document.createElement(b);
  75.           a.setData(b, "gui", !0);
  76.           return b;
  77.         },
  78.         node: function (b) {
  79.           if (!b) return null;
  80.           if ("string" === typeof b) {
  81.             var d = null;
  82.             try {
  83.               d = window.document.querySelector(b);
  84.             } catch (e) {
  85.               return null;
  86.             }
  87.             return d;
  88.           }
  89.           return a.isNode(b) ? b : null;
  90.         },
  91.         isNode: function (b) {
  92.           return "object" === typeof Node ? b instanceof Node : b && "object" === typeof b && "number" === typeof b.nodeType && "string" === typeof b.nodeName;
  93.         },
  94.         nodeName: function (b) {
  95.           return b && b.nodeName ? b.nodeName.toLowerCase() : !1;
  96.         },
  97.         removeChildren: function (b) {
  98.           for (; b.firstChild; ) b.removeChild(b.firstChild);
  99.         },
  100.         isTextInput: function (b) {
  101.           return b && "input" === a.nodeName(b) && "text" === b.type.toLowerCase();
  102.         },
  103.         isButton: function (b) {
  104.           if (!b) return !1;
  105.           var d = a.nodeName(b);
  106.           return "button" === d || ("input" === d && -1 < ["button", "submit", "reset"].indexOf(b.type.toLowerCase()));
  107.         },
  108.         isButtonEmpty: function (b) {
  109.           switch (a.nodeName(b)) {
  110.             case "input":
  111.               return !b.value || "" === b.value.trim();
  112.             case "button":
  113.               return "" === b.textContent.trim();
  114.           }
  115.           return null;
  116.         },
  117.         isPassiveEventSupported: (function () {
  118.           var b = !1;
  119.           try {
  120.             var d = Object.defineProperty({}, "passive", {
  121.               get: function () {
  122.                 b = !0;
  123.               },
  124.             });
  125.             window.addEventListener("testPassive", null, d);
  126.             window.removeEventListener("testPassive", null, d);
  127.           } catch (e) {}
  128.           return b;
  129.         })(),
  130.         isColorAttrSupported: (function () {
  131.           var b = window.document.createElement("input");
  132.           return b.setAttribute && (b.setAttribute("type", "color"), "color" == b.type.toLowerCase()) ? !0 : !1;
  133.         })(),
  134.         dataProp: "_data_frcolorpicker",
  135.         setData: function () {
  136.           var b = arguments[0];
  137.           if (3 === arguments.length) {
  138.             b = b.hasOwnProperty(a.dataProp) ? b[a.dataProp] : (b[a.dataProp] = {});
  139.             var d = arguments[1];
  140.             b[d] = arguments[2];
  141.             return !0;
  142.           }
  143.           if (2 === arguments.length && "object" === typeof arguments[1]) {
  144.             b = b.hasOwnProperty(a.dataProp) ? b[a.dataProp] : (b[a.dataProp] = {});
  145.             var e = arguments[1];
  146.             for (d in e) e.hasOwnProperty(d) && (b[d] = e[d]);
  147.             return !0;
  148.           }
  149.           throw Error("Invalid arguments");
  150.         },
  151.         removeData: function () {
  152.           var b = arguments[0];
  153.           if (!b.hasOwnProperty(a.dataProp)) return !0;
  154.           for (var d = 1; d < arguments.length; d += 1) delete b[a.dataProp][arguments[d]];
  155.           return !0;
  156.         },
  157.         getData: function (b, d, e) {
  158.           if (!b.hasOwnProperty(a.dataProp))
  159.             if (void 0 !== e) b[a.dataProp] = {};
  160.             else return;
  161.           b = b[a.dataProp];
  162.           b.hasOwnProperty(d) || void 0 === e || (b[d] = e);
  163.           return b[d];
  164.         },
  165.         getDataAttr: function (b, d) {
  166.           return b.getAttribute("data-" + d);
  167.         },
  168.         setDataAttr: function (b, d, e) {
  169.           b.setAttribute("data-" + d, e);
  170.         },
  171.         _attachedGroupEvents: {},
  172.         attachGroupEvent: function (b, d, e, g) {
  173.           a._attachedGroupEvents.hasOwnProperty(b) || (a._attachedGroupEvents[b] = []);
  174.           a._attachedGroupEvents[b].push([d, e, g]);
  175.           d.addEventListener(e, g, !1);
  176.         },
  177.         detachGroupEvents: function (b) {
  178.           if (a._attachedGroupEvents.hasOwnProperty(b)) {
  179.             for (var d = 0; d < a._attachedGroupEvents[b].length; d += 1) {
  180.               var e = a._attachedGroupEvents[b][d];
  181.               e[0].removeEventListener(e[1], e[2], !1);
  182.             }
  183.             delete a._attachedGroupEvents[b];
  184.           }
  185.         },
  186.         preventDefault: function (b) {
  187.           b.preventDefault && b.preventDefault();
  188.           b.returnValue = !1;
  189.         },
  190.         captureTarget: function (b) {
  191.           b.setCapture && ((a._capturedTarget = b), a._capturedTarget.setCapture());
  192.         },
  193.         releaseTarget: function () {
  194.           a._capturedTarget && (a._capturedTarget.releaseCapture(), (a._capturedTarget = null));
  195.         },
  196.         triggerEvent: function (b, d, e, g) {
  197.           if (b) {
  198.             if ("function" === typeof Event)
  199.               var h = new Event(d, {
  200.                 bubbles: e,
  201.                 cancelable: g,
  202.               });
  203.             else (h = window.document.createEvent("Event")), h.initEvent(d, e, g);
  204.             if (!h) return !1;
  205.             a.setData(h, "internal", !0);
  206.             b.dispatchEvent(h);
  207.             return !0;
  208.           }
  209.         },
  210.         triggerInputEvent: function (b, d, e, g) {
  211.           b && a.isTextInput(b) && a.triggerEvent(b, d, e, g);
  212.         },
  213.         eventKey: function (b) {
  214.           var d = {
  215.             9: "Tab",
  216.             13: "Enter",
  217.             27: "Escape",
  218.           };
  219.           return "string" === typeof b.code ? b.code : void 0 !== b.keyCode && d.hasOwnProperty(b.keyCode) ? d[b.keyCode] : null;
  220.         },
  221.         strList: function (b) {
  222.           return b ? b.replace(/^\s+|\s+$/g, "").split(/\s+/) : [];
  223.         },
  224.         hasClass: function (b, d) {
  225.           return d ? (void 0 !== b.classList ? b.classList.contains(d) : -1 != (" " + b.className.replace(/\s+/g, " ") + " ").indexOf(" " + d + " ")) : !1;
  226.         },
  227.         addClass: function (b, d) {
  228.           d = a.strList(d);
  229.           if (void 0 !== b.classList) for (var e = 0; e < d.length; e += 1) b.classList.add(d[e]);
  230.           else for (e = 0; e < d.length; e += 1) a.hasClass(b, d[e]) || (b.className += (b.className ? " " : "") + d[e]);
  231.         },
  232.         removeClass: function (b, d) {
  233.           d = a.strList(d);
  234.           if (void 0 !== b.classList) for (var e = 0; e < d.length; e += 1) b.classList.remove(d[e]);
  235.           else for (e = 0; e < d.length; e += 1) b.className = b.className.replace(new RegExp("^\\s*" + d[e] + "\\s*|\\s*" + d[e] + "\\s*$|\\s+" + d[e] + "(\\s+)", "g"), "$1");
  236.         },
  237.         getCompStyle: function (b) {
  238.           return (b = window.getComputedStyle ? window.getComputedStyle(b) : b.currentStyle) ? b : {};
  239.         },
  240.         setStyle: function (b, d, e, g) {
  241.           e = e ? "important" : "";
  242.           var h = null,
  243.             l;
  244.           for (l in d)
  245.             if (d.hasOwnProperty(l)) {
  246.               var m = null;
  247.               null === d[l]
  248.                 ? (h || (h = a.getData(b, "origStyle")), h && h.hasOwnProperty(l) && (m = h[l]))
  249.                 : (g && (h || (h = a.getData(b, "origStyle", {})), h.hasOwnProperty(l) || (h[l] = b.style[l])), (m = d[l]));
  250.               null !== m && b.style.setProperty(l, m, e);
  251.             }
  252.         },
  253.         hexColor: function (b, d, e) {
  254.           return (
  255.             "#" + (("0" + Math.round(b).toString(16)).substr(-2) + ("0" + Math.round(d).toString(16)).substr(-2) + ("0" + Math.round(e).toString(16)).substr(-2)).toUpperCase()
  256.           );
  257.         },
  258.         hexaColor: function (b, d, e, g) {
  259.           return (
  260.             "#" +
  261.             (
  262.               ("0" + Math.round(b).toString(16)).substr(-2) +
  263.               ("0" + Math.round(d).toString(16)).substr(-2) +
  264.               ("0" + Math.round(e).toString(16)).substr(-2) +
  265.               ("0" + Math.round(255 * g).toString(16)).substr(-2)
  266.             ).toUpperCase()
  267.           );
  268.         },
  269.         rgbColor: function (b, d, e) {
  270.           return "rgb(" + Math.round(b) + "," + Math.round(d) + "," + Math.round(e) + ")";
  271.         },
  272.         rgbaColor: function (b, d, e, g) {
  273.           return "rgba(" + Math.round(b) + "," + Math.round(d) + "," + Math.round(e) + "," + Math.round(100 * (void 0 === g || null === g ? 1 : g)) / 100 + ")";
  274.         },
  275.         linearGradient: (function () {
  276.           var b = (function () {
  277.             for (var d = ["", "-webkit-", "-moz-", "-o-", "-ms-"], e = window.document.createElement("div"), g = 0; g < d.length; g += 1) {
  278.               var h = d[g] + "linear-gradient";
  279.               e.style.background = h + "(to right, rgba(0,0,0,0), rgba(0,0,0,0))";
  280.               if (e.style.background) return h;
  281.             }
  282.             return "linear-gradient";
  283.           })();
  284.           return function () {
  285.             return b + "(" + Array.prototype.join.call(arguments, ", ") + ")";
  286.           };
  287.         })(),
  288.         setBorderRadius: function (b, d) {
  289.           a.setStyle(b, {
  290.             "border-radius": d || "0",
  291.           });
  292.         },
  293.         setBoxShadow: function (b, d) {
  294.           a.setStyle(b, {
  295.             "box-shadow": d || "none",
  296.           });
  297.         },
  298.         getElementPos: function (b, d) {
  299.           var e = b.getBoundingClientRect();
  300.           b = e.left;
  301.           e = e.top;
  302.           d || ((d = a.getViewPos()), (b += d[0]), (e += d[1]));
  303.           return [b, e];
  304.         },
  305.         getElementSize: function (b) {
  306.           return [b.offsetWidth, b.offsetHeight];
  307.         },
  308.         getAbsPointerPos: function (b) {
  309.           var d = 0,
  310.             e = 0;
  311.           "undefined" !== typeof b.changedTouches && b.changedTouches.length
  312.             ? ((d = b.changedTouches[0].x), (e = b.changedTouches[0].y))
  313.             : "number" === typeof b.x && ((d = b.x), (e = b.y));
  314.           return {
  315.             x: d,
  316.             y: e,
  317.           };
  318.         },
  319.         getRelPointerPos: function (b) {
  320.           var d = (b.target || b.srcElement).getBoundingClientRect(),
  321.             e = 0,
  322.             g = 0;
  323.           "undefined" !== typeof b.changedTouches && b.changedTouches.length
  324.             ? ((e = b.changedTouches[0].x), (g = b.changedTouches[0].y))
  325.             : "number" === typeof b.x && ((e = b.x), (g = b.y));
  326.           return {
  327.             x: e - d.left,
  328.             y: g - d.top,
  329.           };
  330.         },
  331.         getViewPos: function () {
  332.           var b = window.document.documentElement;
  333.           return [(window.pageXOffset || b.scrollLeft) - (b.clientLeft || 0), (window.pageYOffset || b.scrollTop) - (b.clientTop || 0)];
  334.         },
  335.         getViewSize: function () {
  336.           var b = window.document.documentElement;
  337.           return [window.innerWidth || b.clientWidth, window.innerHeight || b.clientHeight];
  338.         },
  339.         RGB_HSV: function (b, d, e) {
  340.           b /= 255;
  341.           d /= 255;
  342.           e /= 255;
  343.           var g = Math.min(Math.min(b, d), e),
  344.             h = Math.max(Math.max(b, d), e),
  345.             l = h - g;
  346.           if (0 === l) return [null, 0, 100 * h];
  347.           b = b === g ? 3 + (e - d) / l : d === g ? 5 + (b - e) / l : 1 + (d - b) / l;
  348.           return [60 * (6 === b ? 0 : b), (l / h) * 100, 100 * h];
  349.         },
  350.         HSV_RGB: function (b, d, e) {
  351.           e = (e / 100) * 255;
  352.           if (null === b) return [e, e, e];
  353.           b /= 60;
  354.           d /= 100;
  355.           var g = Math.floor(b),
  356.             h = e * (1 - d);
  357.           b = e * (1 - d * (g % 2 ? b - g : 1 - (b - g)));
  358.           switch (g) {
  359.             case 6:
  360.             case 0:
  361.               return [e, b, h];
  362.             case 1:
  363.               return [b, e, h];
  364.             case 2:
  365.               return [h, e, b];
  366.             case 3:
  367.               return [h, b, e];
  368.             case 4:
  369.               return [b, h, e];
  370.             case 5:
  371.               return [e, h, b];
  372.           }
  373.         },
  374.         parseColorString: function (b) {
  375.           var d = {
  376.               rgba: null,
  377.               format: null,
  378.             },
  379.             e;
  380.           if ((e = b.match(/^\W*([0-9A-F]{3,8})\W*$|^currentcolor$/i))) {
  381.             if ("currentcolor" === e[0].toLowerCase()) return (d.format = "hexa"), (d.rgba = [255, 255, 255, 255]), d;
  382.             if (8 === e[1].length)
  383.               (d.format = "hexa"),
  384.                 (d.rgba = [parseInt(e[1].substr(0, 2), 16), parseInt(e[1].substr(2, 2), 16), parseInt(e[1].substr(4, 2), 16), parseInt(e[1].substr(6, 2), 16) / 255]);
  385.             else if (6 === e[1].length) (d.format = "hex"), (d.rgba = [parseInt(e[1].substr(0, 2), 16), parseInt(e[1].substr(2, 2), 16), parseInt(e[1].substr(4, 2), 16), null]);
  386.             else if (3 === e[1].length)
  387.               (d.format = "hex"),
  388.                 (d.rgba = [parseInt(e[1].charAt(0) + e[1].charAt(0), 16), parseInt(e[1].charAt(1) + e[1].charAt(1), 16), parseInt(e[1].charAt(2) + e[1].charAt(2), 16), null]);
  389.             else return !1;
  390.             return d;
  391.           }
  392.           if ((e = b.match(/^\W*rgba?\(([^)]*)\)\W*$/i))) {
  393.             b = e[1].split(",");
  394.             e = /^\s*(\d+|\d*\.\d+|\d+\.\d*)\s*$/;
  395.             var g, h, l, m;
  396.             if (3 <= b.length && (g = b[0].match(e)) && (h = b[1].match(e)) && (l = b[2].match(e)))
  397.               return (
  398.                 (d.format = "rgb"),
  399.                 (d.rgba = [parseFloat(g[1]) || 0, parseFloat(h[1]) || 0, parseFloat(l[1]) || 0, null]),
  400.                 4 <= b.length && (m = b[3].match(e)) && ((d.format = "rgba"), (d.rgba[3] = parseFloat(m[1]) || 0)),
  401.                 d
  402.               );
  403.           }
  404.           return !1;
  405.         },
  406.         parsePaletteValue: function (b) {
  407.           var d = [];
  408.           "string" === typeof b
  409.             ? b.replace(/#[0-9A-F]{3}([0-9A-F]{3})?|rgba?\(([^)]*)\)/gi, function (h) {
  410.                 d.push(h);
  411.               })
  412.             : Array.isArray(b) && (d = b);
  413.           b = [];
  414.           for (var e = 0; e < d.length; e++) {
  415.             var g = a.parseColorString(d[e]);
  416.             g && b.push(g);
  417.           }
  418.           return b;
  419.         },
  420.         containsTranparentColor: function (b) {
  421.           for (var d = 0; d < b.length; d++) {
  422.             var e = b[d].rgba[3];
  423.             if (null !== e && 1 > e) return !0;
  424.           }
  425.           return !1;
  426.         },
  427.         isAlphaFormat: function (b) {
  428.           switch (b.toLowerCase()) {
  429.             case "hexa":
  430.             case "rgba":
  431.               return !0;
  432.           }
  433.           return !1;
  434.         },
  435.         scaleCanvasForHighDPR: function (b) {
  436.           var d = window.devicePixelRatio || 1;
  437.           b.width *= d;
  438.           b.height *= d;
  439.           b.getContext("2d").scale(d, d);
  440.         },
  441.         genColorPreviewCanvas: function (b, d, e, g) {
  442.           var h = Math.round(a.pub.previewSeparator.length),
  443.             l = a.pub.chessboardSize,
  444.             m = a.pub.chessboardColor1,
  445.             q = a.pub.chessboardColor2;
  446.           e = e ? e : 2 * l;
  447.           var v = 2 * l,
  448.             r = a.createEl("canvas"),
  449.             y = r.getContext("2d");
  450.           r.width = e;
  451.           r.height = v;
  452.           g && a.scaleCanvasForHighDPR(r);
  453.           y.fillStyle = m;
  454.           y.fillRect(0, 0, e, v);
  455.           y.fillStyle = q;
  456.           for (g = 0; g < e; g += 2 * l) y.fillRect(g, 0, l, l), y.fillRect(g + l, l, l, l);
  457.           b && ((y.fillStyle = b), y.fillRect(0, 0, e, v));
  458.           b = null;
  459.           switch (d) {
  460.             case "left":
  461.               b = 0;
  462.               y.clearRect(0, 0, h / 2, v);
  463.               break;
  464.             case "right":
  465.               (b = e - h), y.clearRect(e - h / 2, 0, h / 2, v);
  466.           }
  467.           if (null !== b)
  468.             for (y.lineWidth = 1, d = 0; d < a.pub.previewSeparator.length; d += 1)
  469.               y.beginPath(), (y.strokeStyle = a.pub.previewSeparator[d]), y.moveTo(0.5 + b + d, 0), y.lineTo(0.5 + b + d, v), y.stroke();
  470.           return {
  471.             canvas: r,
  472.             width: e,
  473.             height: v,
  474.           };
  475.         },
  476.         genColorPreviewGradient: function (b, d, e) {
  477.           return a.linearGradient.apply(
  478.             this,
  479.             d && e
  480.               ? [
  481.                   "to " +
  482.                     {
  483.                       left: "right",
  484.                       right: "left",
  485.                     }[d],
  486.                   b + " 0%",
  487.                   b + " " + e + "px",
  488.                   "rgba(0,0,0,0) " + (e + 1) + "px",
  489.                   "rgba(0,0,0,0) 100%",
  490.                 ]
  491.               : ["to right", b + " 0%", b + " 100%"]
  492.           );
  493.         },
  494.         redrawPosition: function () {
  495.           if (a.picker && a.picker.owner) {
  496.             var b = a.picker.owner;
  497.             if (b.fixed) {
  498.               var d = a.getElementPos(b.targetElement, !0);
  499.               var e = [0, 0];
  500.             } else (d = a.getElementPos(b.targetElement)), (e = a.getViewPos());
  501.             var g = a.getElementSize(b.targetElement),
  502.               h = a.getViewSize(),
  503.               l = a.getPickerDims(b);
  504.             l = [l.borderW, l.borderH];
  505.             switch (b.position.toLowerCase()) {
  506.               case "left":
  507.                 var m = 1;
  508.                 var q = 0;
  509.                 var v = -1;
  510.                 break;
  511.               case "right":
  512.                 m = 1;
  513.                 q = 0;
  514.                 v = 1;
  515.                 break;
  516.               case "top":
  517.                 m = 0;
  518.                 q = 1;
  519.                 v = -1;
  520.                 break;
  521.               default:
  522.                 (m = 0), (v = q = 1);
  523.             }
  524.             var r = (g[q] + l[q]) / 2;
  525.             e = b.smartPosition
  526.               ? [
  527.                   -e[m] + d[m] + l[m] > h[m] ? (-e[m] + d[m] + g[m] / 2 > h[m] / 2 && 0 <= d[m] + g[m] - l[m] ? d[m] + g[m] - l[m] : d[m]) : d[m],
  528.                   -e[q] + d[q] + g[q] + l[q] - r + r * v > h[q]
  529.                     ? -e[q] + d[q] + g[q] / 2 > h[q] / 2 && 0 <= d[q] + g[q] - r - r * v
  530.                       ? d[q] + g[q] - r - r * v - 4
  531.                       : d[q] + g[q] - r + r * v + 4
  532.                     : 0 <= d[q] + g[q] - r + r * v
  533.                     ? d[q] + g[q] - r + r * v - 4
  534.                     : d[q] + g[q] - r - r * v + 4,
  535.                 ]
  536.               : [d[m], d[q] + g[q] - r + r * v];
  537.             a._drawPosition(b, e[m], e[q], b.fixed ? "fixed" : "absolute", (e[0] + l[0] > d[0] || e[0] < d[0] + g[0]) && e[1] + l[1] < d[1] + g[1]);
  538.           }
  539.         },
  540.         _drawPosition: function (b, d, e, g, h) {
  541.           h = h ? 0 : b.shadowBlur;
  542.           var l = "CSS1Compat" === (document.compatMode || "") ? document.documentElement : document.body,
  543.             m = window.getComputedStyle(document.body, null).getPropertyValue("transform");
  544.           ((m = m && "none" !== m ? Number(m.split(",")[3]) || 1 : 1), 1 !== m)
  545.             ? ((a.picker.wrap.style.left = (d - l.getBoundingClientRect().left) / m + "px"), (a.picker.wrap.style.top = (e - l.getBoundingClientRect().top) / m + "px"))
  546.             : ((a.picker.wrap.style.left = d + "px"), (a.picker.wrap.style.top = e + "px"));
  547.           a.picker.wrap.style.position = g;
  548.           a.setBoxShadow(a.picker.boxS, b.shadow ? new a.BoxShadow(0, h, b.shadowBlur, 0, b.shadowColor) : null);
  549.         },
  550.         getPickerDims: function (b) {
  551.           var d = 2 * b.controlBorderWidth + b.width,
  552.             e = 2 * b.controlBorderWidth + b.height,
  553.             g = 2 * b.controlBorderWidth + 2 * a.getControlPadding(b) + b.sliderSize;
  554.           a.getSliderChannel(b) && (d += g);
  555.           b.hasAlphaChannel() && (d += g);
  556.           g = a.getPaletteDims(b, d);
  557.           g.height && (e += g.height + b.padding);
  558.           b.closeButton && (e += 2 * b.controlBorderWidth + b.padding + b.buttonHeight);
  559.           var h = d + 2 * b.padding,
  560.             l = e + 2 * b.padding;
  561.           return {
  562.             contentW: d,
  563.             contentH: e,
  564.             paddedW: h,
  565.             paddedH: l,
  566.             borderW: h + 2 * b.borderWidth,
  567.             borderH: l + 2 * b.borderWidth,
  568.             palette: g,
  569.           };
  570.         },
  571.         getPaletteDims: function (b, d) {
  572.           var e = 0,
  573.             g = 0,
  574.             h = 0,
  575.             l = 0,
  576.             m = 0,
  577.             q = b._palette ? b._palette.length : 0;
  578.           q &&
  579.             ((e = b.paletteCols),
  580.             (g = 0 < e ? Math.ceil(q / e) : 0),
  581.             (h = Math.max(1, Math.floor((d - (e - 1) * b.paletteSpacing) / e))),
  582.             (l = b.paletteHeight ? Math.min(b.paletteHeight, h) : h));
  583.           g && (m = g * l + (g - 1) * b.paletteSpacing);
  584.           return {
  585.             cols: e,
  586.             rows: g,
  587.             cellW: h,
  588.             cellH: l,
  589.             width: d,
  590.             height: m,
  591.           };
  592.         },
  593.         getControlPadding: function (b) {
  594.           return Math.max(b.padding / 2, 2 * b.pointerBorderWidth + b.pointerThickness - b.controlBorderWidth);
  595.         },
  596.         getPadYChannel: function (b) {
  597.           switch (b.mode.charAt(1).toLowerCase()) {
  598.             case "v":
  599.               return "v";
  600.           }
  601.           return "s";
  602.         },
  603.         getSliderChannel: function (b) {
  604.           if (2 < b.mode.length)
  605.             switch (b.mode.charAt(2).toLowerCase()) {
  606.               case "s":
  607.                 return "s";
  608.               case "v":
  609.                 return "v";
  610.             }
  611.           return null;
  612.         },
  613.         triggerCallback: function (b, d) {
  614.           if (b[d]) {
  615.             var e = null;
  616.             if ("string" === typeof b[d])
  617.               try {
  618.                 e = new Function(b[d]);
  619.               } catch (g) {
  620.                 console.error(g);
  621.               }
  622.             else e = b[d];
  623.             e && e.call(b);
  624.           }
  625.         },
  626.         triggerGlobal: function (b) {
  627.           for (var d = a.getInstances(), e = 0; e < d.length; e += 1) d[e].trigger(b);
  628.         },
  629.         _pointerMoveEvent: {
  630.           mouse: "mousemove",
  631.           touch: "touchmove",
  632.         },
  633.         _pointerEndEvent: {
  634.           mouse: "mouseup",
  635.           touch: "touchend",
  636.         },
  637.         _pointerOrigin: null,
  638.         _capturedTarget: null,
  639.         onDocumentKeyUp: function (b) {
  640.           -1 !== ["Tab", "Escape"].indexOf(a.eventKey(b)) && a.picker && a.picker.owner && a.picker.owner.tryHide();
  641.         },
  642.         onWindowResize: function (b) {
  643.           a.redrawPosition();
  644.         },
  645.         onWindowScroll: function (b) {
  646.           a.redrawPosition();
  647.         },
  648.         onParentScroll: function (b) {
  649.           a.picker && a.picker.owner && a.picker.owner.tryHide();
  650.         },
  651.         onDocumentMouseDown: function (b) {
  652.           var d = b.target || b.srcElement;
  653.           if (d.frcolorpicker && d.frcolorpicker instanceof a.pub)
  654.             d.frcolorpicker.showOnClick && !d.disabled && (a.picker && a.picker.owner ? a.picker.owner.tryHide() : d.frcolorpicker.show());
  655.           else if (a.getData(d, "gui")) {
  656.             if (a.getData(d, "control")) a.onControlPointerStart(b, d, a.getData(d, "control"), "mouse");
  657.           } else a.picker && a.picker.owner && a.picker.owner.tryHide();
  658.         },
  659.         onPickerTouchStart: function (b) {
  660.           var d = b.target || b.srcElement;
  661.           if (a.getData(d, "control")) a.onControlPointerStart(b, d, a.getData(d, "control"), "touch");
  662.         },
  663.         onControlPointerStart: function (b, d, e, g) {
  664.           var h = a.getData(d, "instance");
  665.           a.preventDefault(b);
  666.           a.captureTarget(d);
  667.           var l = function (q, v) {
  668.             a.attachGroupEvent("drag", q, a._pointerMoveEvent[g], a.onDocumentPointerMove(b, d, e, g, v));
  669.             a.attachGroupEvent("drag", q, a._pointerEndEvent[g], a.onDocumentPointerEnd(b, d, e, g));
  670.           };
  671.           l(window.document, [0, 0]);
  672.           if (window.parent && window.frameElement) {
  673.             var m = window.frameElement.getBoundingClientRect();
  674.             l(window.parent.window.document, [-m.left, -m.top]);
  675.           }
  676.           l = a.getAbsPointerPos(b);
  677.           m = a.getRelPointerPos(b);
  678.           a._pointerOrigin = {
  679.             x: l.x - m.x,
  680.             y: l.y - m.y,
  681.           };
  682.           switch (e) {
  683.             case "pad":
  684.               "v" === a.getSliderChannel(h) && 0 === h.channels.v && h.fromHSVA(null, null, 100, null);
  685.               a.setPad(h, b, 0, 0);
  686.               break;
  687.             case "sld":
  688.               a.setSld(h, b, 0);
  689.               break;
  690.             case "asld":
  691.               a.setASld(h, b, 0);
  692.           }
  693.           h.trigger("input");
  694.         },
  695.         onDocumentPointerMove: function (b, d, e, g, h) {
  696.           return function (l) {
  697.             var m = a.getData(d, "instance");
  698.             switch (e) {
  699.               case "pad":
  700.                 a.setPad(m, l, h[0], h[1]);
  701.                 break;
  702.               case "sld":
  703.                 a.setSld(m, l, h[1]);
  704.                 break;
  705.               case "asld":
  706.                 a.setASld(m, l, h[1]);
  707.             }
  708.             m.trigger("input");
  709.           };
  710.         },
  711.         onDocumentPointerEnd: function (b, d, e, g) {
  712.           return function (h) {
  713.             h = a.getData(d, "instance");
  714.             a.detachGroupEvents("drag");
  715.             a.releaseTarget();
  716.             h.trigger("input");
  717.             h.trigger("change");
  718.           };
  719.         },
  720.         onPaletteSampleClick: function (b) {
  721.           var d = b.currentTarget;
  722.           b = a.getData(d, "instance");
  723.           d = a.getData(d, "color");
  724.           "any" === b.format.toLowerCase() && (b._setFormat(d.format), a.isAlphaFormat(b.getFormat()) || (d.rgba[3] = 1));
  725.           null === d.rgba[3] && (!0 === b.paletteSetsAlpha || ("auto" === b.paletteSetsAlpha && b._paletteHasTransparency)) && (d.rgba[3] = 1);
  726.           b.fromRGBA.apply(b, d.rgba);
  727.           b.trigger("input");
  728.           b.trigger("change");
  729.           b.hideOnPaletteClick && b.hide();
  730.         },
  731.         setPad: function (b, d, e, g) {
  732.           d = a.getAbsPointerPos(d);
  733.           e = (360 / (b.width - 1)) * (e + d.x - a._pointerOrigin.x - b.padding - b.controlBorderWidth);
  734.           g = 100 - (100 / (b.height - 1)) * (g + d.y - a._pointerOrigin.y - b.padding - b.controlBorderWidth);
  735.           switch (a.getPadYChannel(b)) {
  736.             case "s":
  737.               b.fromHSVA(e, g, null, null);
  738.               break;
  739.             case "v":
  740.               b.fromHSVA(e, null, g, null);
  741.           }
  742.         },
  743.         setSld: function (b, d, e) {
  744.           d = a.getAbsPointerPos(d);
  745.           e = 100 - (100 / (b.height - 1)) * (e + d.y - a._pointerOrigin.y - b.padding - b.controlBorderWidth);
  746.           switch (a.getSliderChannel(b)) {
  747.             case "s":
  748.               b.fromHSVA(null, e, null, null);
  749.               break;
  750.             case "v":
  751.               b.fromHSVA(null, null, e, null);
  752.           }
  753.         },
  754.         setASld: function (b, d, e) {
  755.           d = a.getAbsPointerPos(d);
  756.           e = 1 - (1 / (b.height - 1)) * (e + d.y - a._pointerOrigin.y - b.padding - b.controlBorderWidth);
  757.           1 > e && ((d = b.getFormat()), "any" !== b.format.toLowerCase() || a.isAlphaFormat(d) || b._setFormat("hex" === d ? "hexa" : "rgba"));
  758.           b.fromHSVA(null, null, null, e);
  759.         },
  760.         createPadCanvas: function () {
  761.           var b = {
  762.               elm: null,
  763.               draw: null,
  764.             },
  765.             d = a.createEl("canvas"),
  766.             e = d.getContext("2d");
  767.           b.elm = d;
  768.           b.draw = function (g, h, l) {
  769.             d.width = g;
  770.             d.height = h;
  771.             e.clearRect(0, 0, d.width, d.height);
  772.             g = e.createLinearGradient(0, 0, d.width, 0);
  773.             g.addColorStop(0, "#F00");
  774.             g.addColorStop(1 / 6, "#FF0");
  775.             g.addColorStop(2 / 6, "#0F0");
  776.             g.addColorStop(0.5, "#0FF");
  777.             g.addColorStop(4 / 6, "#00F");
  778.             g.addColorStop(5 / 6, "#F0F");
  779.             g.addColorStop(1, "#F00");
  780.             e.fillStyle = g;
  781.             e.fillRect(0, 0, d.width, d.height);
  782.             g = e.createLinearGradient(0, 0, 0, d.height);
  783.             switch (l.toLowerCase()) {
  784.               case "s":
  785.                 g.addColorStop(0, "rgba(255,255,255,0)");
  786.                 g.addColorStop(1, "rgba(255,255,255,1)");
  787.                 break;
  788.               case "v":
  789.                 g.addColorStop(0, "rgba(0,0,0,0)"), g.addColorStop(1, "rgba(0,0,0,1)");
  790.             }
  791.             e.fillStyle = g;
  792.             e.fillRect(0, 0, d.width, d.height);
  793.           };
  794.           return b;
  795.         },
  796.         createSliderGradient: function () {
  797.           var b = {
  798.               elm: null,
  799.               draw: null,
  800.             },
  801.             d = a.createEl("canvas"),
  802.             e = d.getContext("2d");
  803.           b.elm = d;
  804.           b.draw = function (g, h, l, m) {
  805.             d.width = g;
  806.             d.height = h;
  807.             e.clearRect(0, 0, d.width, d.height);
  808.             g = e.createLinearGradient(0, 0, 0, d.height);
  809.             g.addColorStop(0, l);
  810.             g.addColorStop(1, m);
  811.             e.fillStyle = g;
  812.             e.fillRect(0, 0, d.width, d.height);
  813.           };
  814.           return b;
  815.         },
  816.         createASliderGradient: function () {
  817.           var b = {
  818.               elm: null,
  819.               draw: null,
  820.             },
  821.             d = a.createEl("canvas"),
  822.             e = d.getContext("2d");
  823.           b.elm = d;
  824.           b.draw = function (g, h, l) {
  825.             d.width = g;
  826.             d.height = h;
  827.             e.clearRect(0, 0, d.width, d.height);
  828.             g = d.width / 2;
  829.             h = a.pub.chessboardColor2;
  830.             e.fillStyle = a.pub.chessboardColor1;
  831.             e.fillRect(0, 0, d.width, d.height);
  832.             if (0 < g) for (var m = 0; m < d.height; m += 2 * g) (e.fillStyle = h), e.fillRect(0, m, g, g), e.fillRect(g, m + g, g, g);
  833.             g = e.createLinearGradient(0, 0, 0, d.height);
  834.             g.addColorStop(0, l);
  835.             g.addColorStop(1, "rgba(0,0,0,0)");
  836.             e.fillStyle = g;
  837.             e.fillRect(0, 0, d.width, d.height);
  838.           };
  839.           return b;
  840.         },
  841.         BoxShadow: (function () {
  842.           var b = function (d, e, g, h, l, m) {
  843.             this.hShadow = d;
  844.             this.vShadow = e;
  845.             this.blur = g;
  846.             this.spread = h;
  847.             this.color = l;
  848.             this.inset = !!m;
  849.           };
  850.           b.prototype.toString = function () {
  851.             var d = [Math.round(this.hShadow) + "px", Math.round(this.vShadow) + "px", Math.round(this.blur) + "px", Math.round(this.spread) + "px", this.color];
  852.             this.inset && d.push("inset");
  853.             return d.join(" ");
  854.           };
  855.           return b;
  856.         })(),
  857.         flags: {
  858.           leaveValue: 1,
  859.           leaveAlpha: 2,
  860.           leavePreview: 4,
  861.         },
  862.         enumOpts: {
  863.           format: "auto any hex hexa rgb rgba".split(" "),
  864.           previewPosition: ["left", "right"],
  865.           mode: ["hsv", "hvs", "hs", "hv"],
  866.           position: ["left", "right", "top", "bottom"],
  867.           alphaChannel: ["auto", !0, !1],
  868.           paletteSetsAlpha: ["auto", !0, !1],
  869.         },
  870.         deprecatedOpts: {
  871.           styleElement: "previewElement",
  872.           onFineChange: "onInput",
  873.           overwriteImportant: "forceStyle",
  874.           closable: "closeButton",
  875.           insetWidth: "controlBorderWidth",
  876.           insetColor: "controlBorderColor",
  877.           refine: null,
  878.         },
  879.         pub: function (b, d) {
  880.           function e(c, k) {
  881.             if ("string" !== typeof c) throw Error("Invalid value for option name: " + c);
  882.             if (a.enumOpts.hasOwnProperty(c) && ("string" === typeof k && (k = k.toLowerCase()), -1 === a.enumOpts[c].indexOf(k)))
  883.               throw Error("Option '" + c + "' has invalid value: " + k);
  884.             if (a.deprecatedOpts.hasOwnProperty(c)) {
  885.               var p = a.deprecatedOpts[c];
  886.               if (p) c = p;
  887.               else throw Error("Option '" + c + "' is DEPRECATED");
  888.             }
  889.             p = "set__" + c;
  890.             if ("function" === typeof f[p]) return f[p](k), !0;
  891.             if (c in f) return (f[c] = k), !0;
  892.             throw Error("Unrecognized configuration option: " + c);
  893.           }
  894.           function g() {
  895.             f._processParentElementsInDOM();
  896.             a.picker ||
  897.               ((a.picker = {
  898.                 owner: null,
  899.                 wrap: a.createEl("fr-colorpicker"),
  900.                 box: a.createEl("div"),
  901.                 boxS: a.createEl("div"),
  902.                 boxB: a.createEl("div"),
  903.                 pad: a.createEl("div"),
  904.                 padB: a.createEl("div"),
  905.                 padM: a.createEl("div"),
  906.                 padCanvas: a.createPadCanvas(),
  907.                 cross: a.createEl("div"),
  908.                 crossBY: a.createEl("div"),
  909.                 crossBX: a.createEl("div"),
  910.                 crossLY: a.createEl("div"),
  911.                 crossLX: a.createEl("div"),
  912.                 sld: a.createEl("div"),
  913.                 sldB: a.createEl("div"),
  914.                 sldM: a.createEl("div"),
  915.                 sldGrad: a.createSliderGradient(),
  916.                 sldPtrS: a.createEl("div"),
  917.                 sldPtrIB: a.createEl("div"),
  918.                 sldPtrMB: a.createEl("div"),
  919.                 sldPtrOB: a.createEl("div"),
  920.                 asld: a.createEl("div"),
  921.                 asldB: a.createEl("div"),
  922.                 asldM: a.createEl("div"),
  923.                 asldGrad: a.createASliderGradient(),
  924.                 asldPtrS: a.createEl("div"),
  925.                 asldPtrIB: a.createEl("div"),
  926.                 asldPtrMB: a.createEl("div"),
  927.                 asldPtrOB: a.createEl("div"),
  928.                 pal: a.createEl("div"),
  929.                 btn: a.createEl("div"),
  930.                 btnT: a.createEl("span"),
  931.               }),
  932.               a.picker.pad.appendChild(a.picker.padCanvas.elm),
  933.               a.picker.padB.appendChild(a.picker.pad),
  934.               a.picker.cross.appendChild(a.picker.crossBY),
  935.               a.picker.cross.appendChild(a.picker.crossBX),
  936.               a.picker.cross.appendChild(a.picker.crossLY),
  937.               a.picker.cross.appendChild(a.picker.crossLX),
  938.               a.picker.padB.appendChild(a.picker.cross),
  939.               a.picker.box.appendChild(a.picker.padB),
  940.               a.picker.box.appendChild(a.picker.padM),
  941.               a.picker.sld.appendChild(a.picker.sldGrad.elm),
  942.               a.picker.sldB.appendChild(a.picker.sld),
  943.               a.picker.sldB.appendChild(a.picker.sldPtrOB),
  944.               a.picker.sldPtrOB.appendChild(a.picker.sldPtrMB),
  945.               a.picker.sldPtrMB.appendChild(a.picker.sldPtrIB),
  946.               a.picker.sldPtrIB.appendChild(a.picker.sldPtrS),
  947.               a.picker.box.appendChild(a.picker.sldB),
  948.               a.picker.box.appendChild(a.picker.sldM),
  949.               a.picker.asld.appendChild(a.picker.asldGrad.elm),
  950.               a.picker.asldB.appendChild(a.picker.asld),
  951.               a.picker.asldB.appendChild(a.picker.asldPtrOB),
  952.               a.picker.asldPtrOB.appendChild(a.picker.asldPtrMB),
  953.               a.picker.asldPtrMB.appendChild(a.picker.asldPtrIB),
  954.               a.picker.asldPtrIB.appendChild(a.picker.asldPtrS),
  955.               a.picker.box.appendChild(a.picker.asldB),
  956.               a.picker.box.appendChild(a.picker.asldM),
  957.               a.picker.box.appendChild(a.picker.pal),
  958.               a.picker.btn.appendChild(a.picker.btnT),
  959.               a.picker.box.appendChild(a.picker.btn),
  960.               a.picker.boxB.appendChild(a.picker.box),
  961.               a.picker.wrap.appendChild(a.picker.boxS),
  962.               a.picker.wrap.appendChild(a.picker.boxB),
  963.               a.picker.wrap.addEventListener(
  964.                 "touchstart",
  965.                 a.onPickerTouchStart,
  966.                 a.isPassiveEventSupported
  967.                   ? {
  968.                       passive: !1,
  969.                     }
  970.                   : !1
  971.               ));
  972.             var c = a.picker,
  973.               k = !!a.getSliderChannel(f),
  974.               p = f.hasAlphaChannel(),
  975.               n = a.getPickerDims(f),
  976.               t = 2 * f.pointerBorderWidth + f.pointerThickness + 2 * f.crossSize,
  977.               w = a.getControlPadding(f),
  978.               z = Math.min(f.borderRadius, Math.round(f.padding * Math.PI)),
  979.               u = window.getComputedStyle(document.body, null).getPropertyValue("transform");
  980.             u = u && "none" !== u ? Number(u.split(",")[3]) : 0;
  981.             var x = Number(window.getComputedStyle(document.body, null).getPropertyValue("zoom")) || 1;
  982.             c.wrap.className = I;
  983.             c.wrap.style.clear = "both";
  984.             c.wrap.style.width = n.borderW + "px";
  985.             c.wrap.style.height = n.borderH + "px";
  986.             c.wrap.style.zIndex = f.zIndex;
  987.             u && 1 !== u
  988.               ? ((c.wrap.style.transformOrigin = "left top 0px"), (c.wrap.style.transform = "scale(" + 1 / u + ")"))
  989.               : ((c.wrap.style.transformOrigin = null), (c.wrap.style.transform = null));
  990.             c.wrap.style.zoom = x && 1 !== x ? 1 / x : null;
  991.             c.box.className = J;
  992.             c.box.style.width = n.paddedW + "px";
  993.             c.box.style.height = n.paddedH + "px";
  994.             c.box.style.position = "relative";
  995.             c.boxS.className = K;
  996.             c.boxS.style.position = "absolute";
  997.             c.boxS.style.left = "0";
  998.             c.boxS.style.top = "0";
  999.             c.boxS.style.width = "100%";
  1000.             c.boxS.style.height = "100%";
  1001.             a.setBorderRadius(c.boxS, z + "px");
  1002.             c.boxB.className = L;
  1003.             c.boxB.style.position = "relative";
  1004.             c.boxB.style.border = f.borderWidth + "px solid";
  1005.             c.boxB.style.borderColor = f.borderColor;
  1006.             c.boxB.style.background = f.backgroundColor;
  1007.             a.setBorderRadius(c.boxB, z + "px");
  1008.             c.padM.style.background = "rgba(255,0,0,.2)";
  1009.             c.sldM.style.background = "rgba(0,255,0,.2)";
  1010.             c.asldM.style.background = "rgba(0,0,255,.2)";
  1011.             c.padM.style.opacity = c.sldM.style.opacity = c.asldM.style.opacity = "0";
  1012.             c.pad.style.position = "relative";
  1013.             c.pad.style.width = f.width + "px";
  1014.             c.pad.style.height = f.height + "px";
  1015.             c.padCanvas.draw(f.width, f.height, a.getPadYChannel(f));
  1016.             c.padB.style.position = "absolute";
  1017.             c.padB.style.left = f.padding + "px";
  1018.             c.padB.style.top = f.padding + "px";
  1019.             c.padB.style.border = f.controlBorderWidth + "px solid";
  1020.             c.padB.style.borderColor = f.controlBorderColor;
  1021.             c.padM.style.position = "absolute";
  1022.             c.padM.style.left = "0px";
  1023.             c.padM.style.top = "0px";
  1024.             c.padM.style.width = f.padding + 2 * f.controlBorderWidth + f.width + w + "px";
  1025.             c.padM.style.height = 2 * f.controlBorderWidth + 2 * f.padding + f.height + "px";
  1026.             c.padM.style.cursor = "crosshair";
  1027.             a.setData(c.padM, {
  1028.               instance: f,
  1029.               control: "pad",
  1030.             });
  1031.             c.cross.style.position = "absolute";
  1032.             c.cross.style.left = c.cross.style.top = "0";
  1033.             c.cross.style.width = c.cross.style.height = t + "px";
  1034.             c.crossBY.style.position = c.crossBX.style.position = "absolute";
  1035.             c.crossBY.style.background = c.crossBX.style.background = f.pointerBorderColor;
  1036.             c.crossBY.style.width = c.crossBX.style.height = 2 * f.pointerBorderWidth + f.pointerThickness + "px";
  1037.             c.crossBY.style.height = c.crossBX.style.width = t + "px";
  1038.             c.crossBY.style.left = c.crossBX.style.top = Math.floor(t / 2) - Math.floor(f.pointerThickness / 2) - f.pointerBorderWidth + "px";
  1039.             c.crossBY.style.top = c.crossBX.style.left = "0";
  1040.             c.crossLY.style.position = c.crossLX.style.position = "absolute";
  1041.             c.crossLY.style.background = c.crossLX.style.background = f.pointerColor;
  1042.             c.crossLY.style.height = c.crossLX.style.width = t - 2 * f.pointerBorderWidth + "px";
  1043.             c.crossLY.style.width = c.crossLX.style.height = f.pointerThickness + "px";
  1044.             c.crossLY.style.left = c.crossLX.style.top = Math.floor(t / 2) - Math.floor(f.pointerThickness / 2) + "px";
  1045.             c.crossLY.style.top = c.crossLX.style.left = f.pointerBorderWidth + "px";
  1046.             c.sld.style.overflow = "hidden";
  1047.             c.sld.style.width = f.sliderSize + "px";
  1048.             c.sld.style.height = f.height + "px";
  1049.             c.sldGrad.draw(f.sliderSize, f.height, "#000", "#000");
  1050.             c.sldB.style.display = k ? "block" : "none";
  1051.             c.sldB.style.position = "absolute";
  1052.             c.sldB.style.left = f.padding + f.width + 2 * f.controlBorderWidth + 2 * w + "px";
  1053.             c.sldB.style.top = f.padding + "px";
  1054.             c.sldB.style.border = f.controlBorderWidth + "px solid";
  1055.             c.sldB.style.borderColor = f.controlBorderColor;
  1056.             c.sldM.style.display = k ? "block" : "none";
  1057.             c.sldM.style.position = "absolute";
  1058.             c.sldM.style.left = f.padding + f.width + 2 * f.controlBorderWidth + w + "px";
  1059.             c.sldM.style.top = "0px";
  1060.             c.sldM.style.width = f.sliderSize + 2 * w + 2 * f.controlBorderWidth + (p ? 0 : Math.max(0, f.padding - w)) + "px";
  1061.             c.sldM.style.height = 2 * f.controlBorderWidth + 2 * f.padding + f.height + "px";
  1062.             c.sldM.style.cursor = "default";
  1063.             a.setData(c.sldM, {
  1064.               instance: f,
  1065.               control: "sld",
  1066.             });
  1067.             c.sldPtrIB.style.border = c.sldPtrOB.style.border = f.pointerBorderWidth + "px solid " + f.pointerBorderColor;
  1068.             c.sldPtrOB.style.position = "absolute";
  1069.             c.sldPtrOB.style.left = -(2 * f.pointerBorderWidth + f.pointerThickness) + "px";
  1070.             c.sldPtrOB.style.top = "0";
  1071.             c.sldPtrMB.style.border = f.pointerThickness + "px solid " + f.pointerColor;
  1072.             c.sldPtrS.style.width = f.sliderSize + "px";
  1073.             c.sldPtrS.style.height = a.pub.sliderInnerSpace + "px";
  1074.             c.asld.style.overflow = "hidden";
  1075.             c.asld.style.width = f.sliderSize + "px";
  1076.             c.asld.style.height = f.height + "px";
  1077.             c.asldGrad.draw(f.sliderSize, f.height, "#000");
  1078.             c.asldB.style.display = p ? "block" : "none";
  1079.             c.asldB.style.position = "absolute";
  1080.             c.asldB.style.left = f.padding + f.width + 2 * f.controlBorderWidth + w + (k ? f.sliderSize + 3 * w + 2 * f.controlBorderWidth : 0) + "px";
  1081.             c.asldB.style.top = f.padding + "px";
  1082.             c.asldB.style.border = f.controlBorderWidth + "px solid";
  1083.             c.asldB.style.borderColor = f.controlBorderColor;
  1084.             c.asldM.style.display = p ? "block" : "none";
  1085.             c.asldM.style.position = "absolute";
  1086.             c.asldM.style.left = f.padding + f.width + 2 * f.controlBorderWidth + w + (k ? f.sliderSize + 2 * w + 2 * f.controlBorderWidth : 0) + "px";
  1087.             c.asldM.style.top = "0px";
  1088.             c.asldM.style.width = f.sliderSize + 2 * w + 2 * f.controlBorderWidth + Math.max(0, f.padding - w) + "px";
  1089.             c.asldM.style.height = 2 * f.controlBorderWidth + 2 * f.padding + f.height + "px";
  1090.             c.asldM.style.cursor = "default";
  1091.             a.setData(c.asldM, {
  1092.               instance: f,
  1093.               control: "asld",
  1094.             });
  1095.             c.asldPtrIB.style.border = c.asldPtrOB.style.border = f.pointerBorderWidth + "px solid " + f.pointerBorderColor;
  1096.             c.asldPtrOB.style.position = "absolute";
  1097.             c.asldPtrOB.style.left = -(2 * f.pointerBorderWidth + f.pointerThickness) + "px";
  1098.             c.asldPtrOB.style.top = "0";
  1099.             c.asldPtrMB.style.border = f.pointerThickness + "px solid " + f.pointerColor;
  1100.             c.asldPtrS.style.width = f.sliderSize + "px";
  1101.             c.asldPtrS.style.height = a.pub.sliderInnerSpace + "px";
  1102.             c.pal.className = M;
  1103.             c.pal.style.display = n.palette.rows ? "block" : "none";
  1104.             c.pal.style.position = "absolute";
  1105.             c.pal.style.left = f.padding + "px";
  1106.             c.pal.style.top = 2 * f.controlBorderWidth + 2 * f.padding + f.height + "px";
  1107.             c.pal.innerHTML = "";
  1108.             k = a.genColorPreviewCanvas("rgba(0,0,0,0)");
  1109.             for (t = p = 0; t < n.palette.rows; t++)
  1110.               for (w = 0; w < n.palette.cols && p < f._palette.length; w++, p++)
  1111.                 (z = f._palette[p]),
  1112.                   (x = a.rgbaColor.apply(null, z.rgba)),
  1113.                   (u = a.createEl("div")),
  1114.                   (u.style.width = n.palette.cellW - 2 * f.controlBorderWidth + "px"),
  1115.                   (u.style.height = n.palette.cellH - 2 * f.controlBorderWidth + "px"),
  1116.                   (u.style.backgroundColor = x),
  1117.                   (x = a.createEl("div")),
  1118.                   (x.className = N),
  1119.                   (x.style.display = "block"),
  1120.                   (x.style.position = "absolute"),
  1121.                   (x.style.left = (1 >= n.palette.cols ? 0 : Math.round(((n.contentW - n.palette.cellW) / (n.palette.cols - 1)) * 10 * w) / 10) + "px"),
  1122.                   (x.style.top = t * (n.palette.cellH + f.paletteSpacing) + "px"),
  1123.                   (x.style.border = f.controlBorderWidth + "px solid"),
  1124.                   (x.style.borderColor = f.controlBorderColor),
  1125.                   (x.style.cursor = "pointer"),
  1126.                   null !== z.rgba[3] &&
  1127.                     1 > z.rgba[3] &&
  1128.                     ((x.style.backgroundImage = "url('" + k.canvas.toDataURL() + "')"), (x.style.backgroundRepeat = "repeat"), (x.style.backgroundPosition = "center center")),
  1129.                   a.setData(x, {
  1130.                     instance: f,
  1131.                     control: "palette-sample",
  1132.                     color: z,
  1133.                   }),
  1134.                   x.addEventListener("click", a.onPaletteSampleClick, !1),
  1135.                   x.appendChild(u),
  1136.                   c.pal.appendChild(x);
  1137.             c.btn.className = O;
  1138.             c.btn.style.display = f.closeButton ? "block" : "none";
  1139.             c.btn.style.position = "absolute";
  1140.             c.btn.style.left = f.padding + "px";
  1141.             c.btn.style.bottom = f.padding + "px";
  1142.             c.btn.style.padding = "0 15px";
  1143.             c.btn.style.maxWidth = n.contentW - 2 * f.controlBorderWidth - 30 + "px";
  1144.             c.btn.style.overflow = "hidden";
  1145.             c.btn.style.height = f.buttonHeight + "px";
  1146.             c.btn.style.whiteSpace = "nowrap";
  1147.             c.btn.style.border = f.controlBorderWidth + "px solid";
  1148.             (function () {
  1149.               var D = f.controlBorderColor.split(/\s+/);
  1150.               c.btn.style.borderColor = 2 > D.length ? D[0] : D[1] + " " + D[0] + " " + D[0] + " " + D[1];
  1151.             })();
  1152.             c.btn.style.color = f.buttonColor;
  1153.             c.btn.style.font = "12px sans-serif";
  1154.             c.btn.style.textAlign = "center";
  1155.             c.btn.style.cursor = "pointer";
  1156.             c.btn.onmousedown = function () {
  1157.               f.hide();
  1158.             };
  1159.             c.btnT.style.lineHeight = f.buttonHeight + "px";
  1160.             c.btnT.innerHTML = "";
  1161.             c.btnT.appendChild(window.document.createTextNode(f.closeText));
  1162.             h();
  1163.             l();
  1164.             m();
  1165.             a.picker.owner && a.picker.owner !== f && a.removeClass(a.picker.owner.targetElement, a.pub.activeClassName);
  1166.             a.picker.owner = f;
  1167.             f.container === window.document.body ? a.redrawPosition() : a._drawPosition(f, 0, 0, "relative", !1);
  1168.             c.wrap.parentNode !== f.container && f.container.appendChild(c.wrap);
  1169.             a.addClass(f.targetElement, a.pub.activeClassName);
  1170.           }
  1171.           function h() {
  1172.             var c = a.getPadYChannel(f);
  1173.             c = Math.round((1 - f.channels[c] / 100) * (f.height - 1));
  1174.             var k = -Math.floor((2 * f.pointerBorderWidth + f.pointerThickness + 2 * f.crossSize) / 2);
  1175.             a.picker.cross.style.left = Math.round((f.channels.h / 360) * (f.width - 1)) + k + "px";
  1176.             a.picker.cross.style.top = c + k + "px";
  1177.             switch (a.getSliderChannel(f)) {
  1178.               case "s":
  1179.                 k = a.HSV_RGB(f.channels.h, 100, f.channels.v);
  1180.                 c = a.HSV_RGB(f.channels.h, 0, f.channels.v);
  1181.                 k = "rgb(" + Math.round(k[0]) + "," + Math.round(k[1]) + "," + Math.round(k[2]) + ")";
  1182.                 a.picker.sldGrad.draw(f.sliderSize, f.height, k, "rgb(" + Math.round(c[0]) + "," + Math.round(c[1]) + "," + Math.round(c[2]) + ")");
  1183.                 break;
  1184.               case "v":
  1185.                 (c = a.HSV_RGB(f.channels.h, f.channels.s, 100)),
  1186.                   (k = "rgb(" + Math.round(c[0]) + "," + Math.round(c[1]) + "," + Math.round(c[2]) + ")"),
  1187.                   a.picker.sldGrad.draw(f.sliderSize, f.height, k, "#000");
  1188.             }
  1189.             a.picker.asldGrad.draw(f.sliderSize, f.height, f.toHEXString());
  1190.           }
  1191.           function l() {
  1192.             var c = a.getSliderChannel(f);
  1193.             c &&
  1194.               (a.picker.sldPtrOB.style.top =
  1195.                 Math.round((1 - f.channels[c] / 100) * (f.height - 1)) - (2 * f.pointerBorderWidth + f.pointerThickness) - Math.floor(a.pub.sliderInnerSpace / 2) + "px");
  1196.             a.picker.asldGrad.draw(f.sliderSize, f.height, f.toHEXString());
  1197.           }
  1198.           function m() {
  1199.             a.picker.asldPtrOB.style.top =
  1200.               Math.round((1 - f.channels.a) * (f.height - 1)) - (2 * f.pointerBorderWidth + f.pointerThickness) - Math.floor(a.pub.sliderInnerSpace / 2) + "px";
  1201.           }
  1202.           function q() {
  1203.             return a.picker && a.picker.owner === f;
  1204.           }
  1205.           function v(c) {
  1206.             "Enter" === a.eventKey(c) && (f.valueElement && f.processValueInput(f.valueElement.value), f.tryHide());
  1207.           }
  1208.           function r(c) {
  1209.             "Enter" === a.eventKey(c) && (f.alphaElement && f.processAlphaInput(f.alphaElement.value), f.tryHide());
  1210.           }
  1211.           function y(c) {
  1212.             a.getData(c, "internal") ||
  1213.               ((c = f.valueElement.value),
  1214.               f.processValueInput(f.valueElement.value),
  1215.               a.triggerCallback(f, "onChange"),
  1216.               f.valueElement.value !== c && a.triggerInputEvent(f.valueElement, "change", !0, !0));
  1217.           }
  1218.           function P(c) {
  1219.             a.getData(c, "internal") ||
  1220.               ((c = f.alphaElement.value),
  1221.               f.processAlphaInput(f.alphaElement.value),
  1222.               a.triggerCallback(f, "onChange"),
  1223.               a.triggerInputEvent(f.valueElement, "change", !0, !0),
  1224.               f.alphaElement.value !== c && a.triggerInputEvent(f.alphaElement, "change", !0, !0));
  1225.           }
  1226.           function Q(c) {
  1227.             a.getData(c, "internal") || (f.valueElement && f.fromString(f.valueElement.value, a.flags.leaveValue), a.triggerCallback(f, "onInput"));
  1228.           }
  1229.           function R(c) {
  1230.             a.getData(c, "internal") ||
  1231.               (f.alphaElement && f.fromHSVA(null, null, null, parseFloat(f.alphaElement.value), a.flags.leaveAlpha),
  1232.               a.triggerCallback(f, "onInput"),
  1233.               a.triggerInputEvent(f.valueElement, "input", !0, !0));
  1234.           }
  1235.           var f = this;
  1236.           d || (d = {});
  1237.           this.channels = {
  1238.             r: 255,
  1239.             g: 255,
  1240.             b: 255,
  1241.             h: 0,
  1242.             s: 0,
  1243.             v: 100,
  1244.             a: 1,
  1245.           };
  1246.           this.format = "auto";
  1247.           this.alpha = this.value = void 0;
  1248.           this.random = !1;
  1249.           this.previewElement = this.alphaElement = this.valueElement = this.onInput = this.onChange = void 0;
  1250.           this.previewPosition = "left";
  1251.           this.previewSize = 32;
  1252.           this.previewPadding = 8;
  1253.           this.forceStyle = this.uppercase = this.hash = this.required = !0;
  1254.           this.width = 181;
  1255.           this.height = 101;
  1256.           this.mode = "HSV";
  1257.           this.alphaChannel = "auto";
  1258.           this.position = "bottom";
  1259.           this.hideOnLeave = this.showOnClick = this.smartPosition = !0;
  1260.           this.palette = [];
  1261.           this.paletteCols = 10;
  1262.           this.paletteSetsAlpha = "auto";
  1263.           this.paletteHeight = 16;
  1264.           this.paletteSpacing = 4;
  1265.           this.hideOnPaletteClick = !1;
  1266.           this.sliderSize = 16;
  1267.           this.crossSize = 8;
  1268.           this.closeButton = !1;
  1269.           this.closeText = "Close";
  1270.           this.buttonColor = "rgba(0,0,0,1)";
  1271.           this.buttonHeight = 18;
  1272.           this.padding = 12;
  1273.           this.backgroundColor = "rgba(255,255,255,1)";
  1274.           this.borderWidth = 1;
  1275.           this.borderColor = "rgba(187,187,187,1)";
  1276.           this.borderRadius = 8;
  1277.           this.controlBorderWidth = 1;
  1278.           this.controlBorderColor = "rgba(187,187,187,1)";
  1279.           this.shadow = !0;
  1280.           this.shadowBlur = 15;
  1281.           this.shadowColor = "rgba(0,0,0,0.2)";
  1282.           this.pointerColor = "rgba(76,76,76,1)";
  1283.           this.pointerBorderWidth = 1;
  1284.           this.pointerBorderColor = "rgba(255,255,255,1)";
  1285.           this.pointerThickness = 2;
  1286.           this.zIndex = 999999;
  1287.           this.container = void 0;
  1288.           this.minS = 0;
  1289.           this.maxS = 100;
  1290.           this.minV = 0;
  1291.           this.maxV = 100;
  1292.           this.minA = 0;
  1293.           this.maxA = 1;
  1294.           this.option = function () {
  1295.             if (!arguments.length) throw Error("No option specified");
  1296.             if (1 === arguments.length && "string" === typeof arguments[0]) {
  1297.               try {
  1298.                 var c = arguments[0];
  1299.                 if ("string" !== typeof c) throw Error("Invalid value for option name: " + c);
  1300.                 if (a.deprecatedOpts.hasOwnProperty(c)) {
  1301.                   var k = a.deprecatedOpts[c];
  1302.                   if (k) c = k;
  1303.                   else throw Error("Option '" + c + "' is DEPRECATED");
  1304.                 }
  1305.                 var p = "get__" + c;
  1306.                 if ("function" === typeof f[p]) var n = f[p](value);
  1307.                 else if (c in f) n = f[c];
  1308.                 else throw Error("Unrecognized configuration option: " + c);
  1309.                 return n;
  1310.               } catch (t) {}
  1311.               return !1;
  1312.             }
  1313.             if (2 <= arguments.length && "string" === typeof arguments[0]) {
  1314.               try {
  1315.                 if (!e(arguments[0], arguments[1])) return !1;
  1316.               } catch (t) {
  1317.                 return !1;
  1318.               }
  1319.               this.redraw();
  1320.               this.exposeColor();
  1321.               return !0;
  1322.             }
  1323.             if (1 === arguments.length && "object" === typeof arguments[0]) {
  1324.               n = arguments[0];
  1325.               c = !0;
  1326.               for (p in n)
  1327.                 if (n.hasOwnProperty(p))
  1328.                   try {
  1329.                     e(p, n[p]) || (c = !1);
  1330.                   } catch (t) {
  1331.                     c = !1;
  1332.                   }
  1333.               this.redraw();
  1334.               this.exposeColor();
  1335.               return c;
  1336.             }
  1337.             throw Error("Invalid arguments");
  1338.           };
  1339.           this.channel = function (c, k) {
  1340.             if ("string" !== typeof c) throw Error("Invalid value for channel name: " + c);
  1341.             if (void 0 === k) return this.channels.hasOwnProperty(c.toLowerCase()) ? this.channels[c.toLowerCase()] : !1;
  1342.             switch (c.toLowerCase()) {
  1343.               case "r":
  1344.                 c = this.fromRGBA(k, null, null, null);
  1345.                 break;
  1346.               case "g":
  1347.                 c = this.fromRGBA(null, k, null, null);
  1348.                 break;
  1349.               case "b":
  1350.                 c = this.fromRGBA(null, null, k, null);
  1351.                 break;
  1352.               case "h":
  1353.                 c = this.fromHSVA(k, null, null, null);
  1354.                 break;
  1355.               case "s":
  1356.                 c = this.fromHSVA(null, k, null, null);
  1357.                 break;
  1358.               case "v":
  1359.                 c = this.fromHSVA(null, null, k, null);
  1360.                 break;
  1361.               case "a":
  1362.                 c = this.fromHSVA(null, null, null, k);
  1363.                 break;
  1364.               default:
  1365.                 return !1;
  1366.             }
  1367.             return c ? (this.redraw(), !0) : !1;
  1368.           };
  1369.           this.trigger = function (c) {
  1370.             c = a.strList(c);
  1371.             for (var k = 0; k < c.length; k += 1) {
  1372.               var p = c[k].toLowerCase(),
  1373.                 n = null;
  1374.               switch (p) {
  1375.                 case "input":
  1376.                   n = "onInput";
  1377.                   break;
  1378.                 case "change":
  1379.                   n = "onChange";
  1380.               }
  1381.               n && a.triggerCallback(this, n);
  1382.               a.triggerInputEvent(this.valueElement, p, !0, !0);
  1383.             }
  1384.           };
  1385.           this.fromHSVA = function (c, k, p, n, t) {
  1386.             void 0 === c && (c = null);
  1387.             void 0 === k && (k = null);
  1388.             void 0 === p && (p = null);
  1389.             void 0 === n && (n = null);
  1390.             if (null !== c) {
  1391.               if (isNaN(c)) return !1;
  1392.               this.channels.h = Math.max(0, Math.min(360, c));
  1393.             }
  1394.             if (null !== k) {
  1395.               if (isNaN(k)) return !1;
  1396.               this.channels.s = Math.max(0, Math.min(100, this.maxS, k), this.minS);
  1397.             }
  1398.             if (null !== p) {
  1399.               if (isNaN(p)) return !1;
  1400.               this.channels.v = Math.max(0, Math.min(100, this.maxV, p), this.minV);
  1401.             }
  1402.             if (null !== n) {
  1403.               if (isNaN(n)) return !1;
  1404.               this.channels.a = this.hasAlphaChannel() ? Math.max(0, Math.min(1, this.maxA, n), this.minA) : 1;
  1405.             }
  1406.             c = a.HSV_RGB(this.channels.h, this.channels.s, this.channels.v);
  1407.             this.channels.r = c[0];
  1408.             this.channels.g = c[1];
  1409.             this.channels.b = c[2];
  1410.             this.exposeColor(t);
  1411.             return !0;
  1412.           };
  1413.           this.fromRGBA = function (c, k, p, n, t) {
  1414.             void 0 === c && (c = null);
  1415.             void 0 === k && (k = null);
  1416.             void 0 === p && (p = null);
  1417.             void 0 === n && (n = null);
  1418.             if (null !== c) {
  1419.               if (isNaN(c)) return !1;
  1420.               c = Math.max(0, Math.min(255, c));
  1421.             }
  1422.             if (null !== k) {
  1423.               if (isNaN(k)) return !1;
  1424.               k = Math.max(0, Math.min(255, k));
  1425.             }
  1426.             if (null !== p) {
  1427.               if (isNaN(p)) return !1;
  1428.               p = Math.max(0, Math.min(255, p));
  1429.             }
  1430.             if (null !== n) {
  1431.               if (isNaN(n)) return !1;
  1432.               this.channels.a = this.hasAlphaChannel() ? Math.max(0, Math.min(1, this.maxA, n), this.minA) : 1;
  1433.             }
  1434.             c = a.RGB_HSV(null === c ? this.channels.r : c, null === k ? this.channels.g : k, null === p ? this.channels.b : p);
  1435.             null !== c[0] && (this.channels.h = Math.max(0, Math.min(360, c[0])));
  1436.             0 !== c[2] && (this.channels.s = Math.max(0, this.minS, Math.min(100, this.maxS, c[1])));
  1437.             this.channels.v = Math.max(0, this.minV, Math.min(100, this.maxV, c[2]));
  1438.             c = a.HSV_RGB(this.channels.h, this.channels.s, this.channels.v);
  1439.             this.channels.r = c[0];
  1440.             this.channels.g = c[1];
  1441.             this.channels.b = c[2];
  1442.             this.exposeColor(t);
  1443.             return !0;
  1444.           };
  1445.           this.fromHSV = function (c, k, p, n) {
  1446.             return this.fromHSVA(c, k, p, null, n);
  1447.           };
  1448.           this.fromRGB = function (c, k, p, n) {
  1449.             return this.fromRGBA(c, k, p, null, n);
  1450.           };
  1451.           this.fromString = function (c, k) {
  1452.             if (!this.required && "" === c.trim()) return this.setPreviewElementBg(null), this.setValueElementValue(""), !0;
  1453.             c = a.parseColorString(c);
  1454.             if (!c) return !1;
  1455.             "any" === this.format.toLowerCase() && (this._setFormat(c.format), a.isAlphaFormat(this.getFormat()) || (c.rgba[3] = 1));
  1456.             this.fromRGBA(c.rgba[0], c.rgba[1], c.rgba[2], c.rgba[3], k);
  1457.             return !0;
  1458.           };
  1459.           this.randomize = function (c, k, p, n, t, w, z, u) {
  1460.             void 0 === c && (c = 0);
  1461.             void 0 === k && (k = 100);
  1462.             void 0 === p && (p = 0);
  1463.             void 0 === n && (n = 100);
  1464.             void 0 === t && (t = 0);
  1465.             void 0 === w && (w = 359);
  1466.             void 0 === z && (z = 1);
  1467.             void 0 === u && (u = 1);
  1468.             this.fromHSVA(
  1469.               t + Math.floor(Math.random() * (w - t + 1)),
  1470.               p + Math.floor(Math.random() * (n - p + 1)),
  1471.               c + Math.floor(Math.random() * (k - c + 1)),
  1472.               (100 * z + Math.floor(Math.random() * (100 * (u - z) + 1))) / 100
  1473.             );
  1474.           };
  1475.           this.toString = function (c) {
  1476.             void 0 === c && (c = this.getFormat());
  1477.             switch (c.toLowerCase()) {
  1478.               case "hex":
  1479.                 return this.toHEXString();
  1480.               case "hexa":
  1481.                 return this.toHEXAString();
  1482.               case "rgb":
  1483.                 return this.toRGBString();
  1484.               case "rgba":
  1485.                 return this.toRGBAString();
  1486.             }
  1487.             return !1;
  1488.           };
  1489.           this.toHEXString = function () {
  1490.             return a.hexColor(this.channels.r, this.channels.g, this.channels.b);
  1491.           };
  1492.           this.toHEXAString = function () {
  1493.             return a.hexaColor(this.channels.r, this.channels.g, this.channels.b, this.channels.a);
  1494.           };
  1495.           this.toRGBString = function () {
  1496.             return a.rgbColor(this.channels.r, this.channels.g, this.channels.b);
  1497.           };
  1498.           this.toRGBAString = function () {
  1499.             return a.rgbaColor(this.channels.r, this.channels.g, this.channels.b, this.channels.a);
  1500.           };
  1501.           this.toGrayscale = function () {
  1502.             return 0.213 * this.channels.r + 0.715 * this.channels.g + 0.072 * this.channels.b;
  1503.           };
  1504.           this.toCanvas = function () {
  1505.             return a.genColorPreviewCanvas(this.toRGBAString()).canvas;
  1506.           };
  1507.           this.toDataURL = function () {
  1508.             return this.toCanvas().toDataURL();
  1509.           };
  1510.           this.toBackground = function () {
  1511.             return a.pub.background(this.toRGBAString());
  1512.           };
  1513.           this.isLight = function () {
  1514.             return 127.5 < this.toGrayscale();
  1515.           };
  1516.           this.hide = function () {
  1517.             q() &&
  1518.               (a.removeClass(f.targetElement, a.pub.activeClassName),
  1519.               a.picker.wrap && a.picker.wrap.parentNode && a.picker.wrap.parentNode.removeChild(a.picker.wrap),
  1520.               delete a.picker.owner);
  1521.           };
  1522.           this.show = function () {
  1523.             g();
  1524.           };
  1525.           this.redraw = function () {
  1526.             q() && g();
  1527.           };
  1528.           this.getFormat = function () {
  1529.             return this._currentFormat;
  1530.           };
  1531.           this._setFormat = function (c) {
  1532.             this._currentFormat = c.toLowerCase();
  1533.           };
  1534.           this.hasAlphaChannel = function () {
  1535.             return "auto" === this.alphaChannel
  1536.               ? "any" === this.format.toLowerCase() || a.isAlphaFormat(this.getFormat()) || void 0 !== this.alpha || void 0 !== this.alphaElement
  1537.               : this.alphaChannel;
  1538.           };
  1539.           this.processValueInput = function (c) {
  1540.             this.fromString(c) || this.exposeColor();
  1541.           };
  1542.           this.processAlphaInput = function (c) {
  1543.             this.fromHSVA(null, null, null, parseFloat(c)) || this.exposeColor();
  1544.           };
  1545.           this.exposeColor = function (c) {
  1546.             var k = this.toString(),
  1547.               p = this.getFormat();
  1548.             a.setDataAttr(this.targetElement, "current-color", k);
  1549.             if (!(c & a.flags.leaveValue) && this.valueElement) {
  1550.               if ("hex" === p || "hexa" === p) this.uppercase || (k = k.toLowerCase()), this.hash || (k = k.replace(/^#/, ""));
  1551.               this.setValueElementValue(k);
  1552.             }
  1553.             c & a.flags.leaveAlpha || !this.alphaElement || this.setAlphaElementValue(Math.round(100 * this.channels.a) / 100);
  1554.             c & a.flags.leavePreview ||
  1555.               !this.previewElement ||
  1556.               (a.isTextInput(this.previewElement) || (a.isButton(this.previewElement) && a.isButtonEmpty(this.previewElement)), this.setPreviewElementBg(this.toRGBAString()));
  1557.             q() && (h(), l(), m());
  1558.           };
  1559.           this.setPreviewElementBg = function (c) {
  1560.             if (this.previewElement) {
  1561.               var k = null,
  1562.                 p = null;
  1563.               if (a.isTextInput(this.previewElement) || (a.isButton(this.previewElement) && !a.isButtonEmpty(this.previewElement)))
  1564.                 (k = this.previewPosition), (p = this.previewSize);
  1565.               var n = [];
  1566.               c
  1567.                 ? (n.push({
  1568.                     image: a.genColorPreviewGradient(c, k, p ? p - a.pub.previewSeparator.length : null),
  1569.                     position: "left top",
  1570.                     size: "auto",
  1571.                     repeat: k ? "repeat-y" : "repeat",
  1572.                     origin: "padding-box",
  1573.                   }),
  1574.                   (c = a.genColorPreviewCanvas(
  1575.                     "rgba(0,0,0,0)",
  1576.                     k
  1577.                       ? {
  1578.                           left: "right",
  1579.                           right: "left",
  1580.                         }[k]
  1581.                       : null,
  1582.                     p,
  1583.                     !0
  1584.                   )),
  1585.                   n.push({
  1586.                     image: "url('" + c.canvas.toDataURL() + "')",
  1587.                     position: (k || "left") + " top",
  1588.                     size: c.width + "px " + c.height + "px",
  1589.                     repeat: k ? "repeat-y" : "repeat",
  1590.                     origin: "padding-box",
  1591.                   }))
  1592.                 : n.push({
  1593.                     image: "none",
  1594.                     position: "left top",
  1595.                     size: "auto",
  1596.                     repeat: "no-repeat",
  1597.                     origin: "padding-box",
  1598.                   });
  1599.               c = [];
  1600.               p = [];
  1601.               for (var t = [], w = [], z = [], u = 0; u < n.length; u += 1) c.push(n[u].image), p.push(n[u].position), t.push(n[u].size), w.push(n[u].repeat), z.push(n[u].origin);
  1602.               n = {
  1603.                 "background-image": c.join(", "),
  1604.                 "background-position": p.join(", "),
  1605.                 "background-size": t.join(", "),
  1606.                 "background-repeat": w.join(", "),
  1607.                 "background-origin": z.join(", "),
  1608.               };
  1609.               a.setStyle(this.previewElement, n, this.forceStyle);
  1610.               n = {
  1611.                 left: null,
  1612.                 right: null,
  1613.               };
  1614.               k && (n[k] = this.previewSize + this.previewPadding + "px");
  1615.               n = {
  1616.                 "padding-left": n.left,
  1617.                 "padding-right": n.right,
  1618.               };
  1619.               a.setStyle(this.previewElement, n, this.forceStyle, !0);
  1620.             }
  1621.           };
  1622.           this.setValueElementValue = function (c) {
  1623.             this.valueElement && ("input" === a.nodeName(this.valueElement) ? (this.valueElement.value = c) : (this.valueElement.innerHTML = c));
  1624.           };
  1625.           this.setAlphaElementValue = function (c) {
  1626.             this.alphaElement && ("input" === a.nodeName(this.alphaElement) ? (this.alphaElement.value = c) : (this.alphaElement.innerHTML = c));
  1627.           };
  1628.           this._processParentElementsInDOM = function () {
  1629.             if (!this._parentElementsProcessed) {
  1630.               this._parentElementsProcessed = !0;
  1631.               var c = this.targetElement;
  1632.               do {
  1633.                 var k = a.getCompStyle(c);
  1634.                 k.position && "fixed" === k.position.toLowerCase() && (this.fixed = !0);
  1635.                 c === this.targetElement || a.getData(c, "hasScrollListener") || (c.addEventListener("scroll", a.onParentScroll, !1), a.setData(c, "hasScrollListener", !0));
  1636.               } while ((c = c.parentNode) && "body" !== a.nodeName(c));
  1637.             }
  1638.           };
  1639.           this.tryHide = function () {
  1640.             this.hideOnLeave && this.hide();
  1641.           };
  1642.           this.set__palette = function (c) {
  1643.             this.palette = c;
  1644.             this._palette = a.parsePaletteValue(c);
  1645.             this._paletteHasTransparency = a.containsTranparentColor(this._palette);
  1646.           };
  1647.           if (a.pub.options)
  1648.             for (var A in a.pub.options)
  1649.               if (a.pub.options.hasOwnProperty(A))
  1650.                 try {
  1651.                   e(A, a.pub.options[A]);
  1652.                 } catch (c) {}
  1653.           var C = [];
  1654.           d.preset && ("string" === typeof d.preset ? (C = d.preset.split(/\s+/)) : Array.isArray(d.preset) && (C = d.preset.slice()));
  1655.           -1 === C.indexOf("default") && C.push("default");
  1656.           for (var F = C.length - 1; 0 <= F; --F) {
  1657.             var E = C[F];
  1658.             if (E && a.pub.presets.hasOwnProperty(E))
  1659.               for (A in a.pub.presets[E])
  1660.                 if (a.pub.presets[E].hasOwnProperty(A))
  1661.                   try {
  1662.                     e(A, a.pub.presets[E][A]);
  1663.                   } catch (c) {}
  1664.           }
  1665.           C = ["preset"];
  1666.           for (A in d)
  1667.             if (d.hasOwnProperty(A) && -1 === C.indexOf(A))
  1668.               try {
  1669.                 e(A, d[A]);
  1670.               } catch (c) {}
  1671.           this.container = void 0 === this.container ? window.document.body : a.node(this.container);
  1672.           if (!this.container) throw Error("No container element");
  1673.           this.targetElement = a.node(b);
  1674.           if (!this.targetElement) {
  1675.             if ("string" === typeof b && /^[a-zA-Z][\w:.-]*$/.test(b)) throw Error("Need CSS selector.");
  1676.             throw Error("No target element");
  1677.           }
  1678.           if (this.targetElement.frcolorpicker && this.targetElement.frcolorpicker instanceof a.pub) throw Error("Redundant element");
  1679.           this.targetElement.frcolorpicker = this;
  1680.           a.addClass(this.targetElement, a.pub.className);
  1681.           a.instances.push(this);
  1682.           a.isButton(this.targetElement) &&
  1683.             ("button" !== this.targetElement.type.toLowerCase() && (this.targetElement.type = "button"),
  1684.             a.isButtonEmpty(this.targetElement) &&
  1685.               (a.removeChildren(this.targetElement),
  1686.               this.targetElement.appendChild(window.document.createTextNode("\u00a0")),
  1687.               (b = a.getCompStyle(this.targetElement)),
  1688.               (parseFloat(b["min-width"]) || 0) < this.previewSize &&
  1689.                 a.setStyle(
  1690.                   this.targetElement,
  1691.                   {
  1692.                     "min-width": this.previewSize + "px",
  1693.                   },
  1694.                   this.forceStyle
  1695.                 )));
  1696.           void 0 === this.valueElement
  1697.             ? a.isTextInput(this.targetElement) && (this.valueElement = this.targetElement)
  1698.             : null !== this.valueElement && (this.valueElement = a.node(this.valueElement));
  1699.           this.alphaElement && (this.alphaElement = a.node(this.alphaElement));
  1700.           void 0 === this.previewElement ? (this.previewElement = this.targetElement) : null !== this.previewElement && (this.previewElement = a.node(this.previewElement));
  1701.           this.valueElement &&
  1702.             a.isTextInput(this.valueElement) &&
  1703.             ((b = this.valueElement.oninput),
  1704.             (this.valueElement.oninput = null),
  1705.             this.valueElement.addEventListener("keydown", v, !1),
  1706.             this.valueElement.addEventListener("change", y, !1),
  1707.             this.valueElement.addEventListener("input", Q, !1),
  1708.             b && this.valueElement.addEventListener("input", b, !1),
  1709.             this.valueElement.setAttribute("autocomplete", "off"),
  1710.             this.valueElement.setAttribute("autocorrect", "off"),
  1711.             this.valueElement.setAttribute("autocapitalize", "off"),
  1712.             this.valueElement.setAttribute("spellcheck", !1));
  1713.           this.alphaElement &&
  1714.             a.isTextInput(this.alphaElement) &&
  1715.             (this.alphaElement.addEventListener("keydown", r, !1),
  1716.             this.alphaElement.addEventListener("change", P, !1),
  1717.             this.alphaElement.addEventListener("input", R, !1),
  1718.             this.alphaElement.setAttribute("autocomplete", "off"),
  1719.             this.alphaElement.setAttribute("autocorrect", "off"),
  1720.             this.alphaElement.setAttribute("autocapitalize", "off"),
  1721.             this.alphaElement.setAttribute("spellcheck", !1));
  1722.           b = "FFFFFF";
  1723.           void 0 !== this.value ? (b = this.value) : this.valueElement && void 0 !== this.valueElement.value && (b = this.valueElement.value);
  1724.           d = void 0;
  1725.           void 0 !== this.alpha ? (d = "" + this.alpha) : this.alphaElement && void 0 !== this.alphaElement.value && (d = this.alphaElement.value);
  1726.           this._currentFormat = null;
  1727.           -1 < ["auto", "any"].indexOf(this.format.toLowerCase())
  1728.             ? (this._currentFormat = (A = a.parseColorString(b)) ? A.format : "hex")
  1729.             : (this._currentFormat = this.format.toLowerCase());
  1730.           this.processValueInput(b);
  1731.           void 0 !== d && this.processAlphaInput(d);
  1732.           this.random && this.randomize.apply(this, Array.isArray(this.random) ? this.random : []);
  1733.         },
  1734.       };
  1735.       a.pub.className = G;
  1736.       a.pub.activeClassName = H;
  1737.       a.pub.looseJSON = !0;
  1738.       a.pub.presets = {};
  1739.       a.pub.presets["default"] = {};
  1740.       a.pub.sliderInnerSpace = 3;
  1741.       a.pub.chessboardSize = 8;
  1742.       a.pub.chessboardColor1 = "#666666";
  1743.       a.pub.chessboardColor2 = "#999999";
  1744.       a.pub.previewSeparator = [];
  1745.       a.pub.init = function () {
  1746.         if (!a.initialized)
  1747.           for (
  1748.             window.document.addEventListener("mousedown", a.onDocumentMouseDown, !1),
  1749.               window.document.addEventListener("keyup", a.onDocumentKeyUp, !1),
  1750.               window.addEventListener("resize", a.onWindowResize, !1),
  1751.               window.addEventListener("scroll", a.onWindowScroll, !1),
  1752.               a.pub.install(),
  1753.               a.initialized = !0;
  1754.             a.readyQueue.length;
  1755.  
  1756.           )
  1757.             a.readyQueue.shift()();
  1758.       };
  1759.       a.pub.install = function (b) {
  1760.         var d = !0;
  1761.         try {
  1762.           a.installBySelector("[data-frcolorpicker]", b);
  1763.         } catch (e) {
  1764.           d = !1;
  1765.         }
  1766.         if (a.pub.lookupClass)
  1767.           try {
  1768.             a.installBySelector("input." + a.pub.lookupClass + ", button." + a.pub.lookupClass, b);
  1769.           } catch (e) {}
  1770.         return d;
  1771.       };
  1772.       a.pub.ready = function (b) {
  1773.         if ("function" !== typeof b) return !1;
  1774.         a.initialized ? b() : a.readyQueue.push(b);
  1775.         return !0;
  1776.       };
  1777.       a.pub.trigger = function (b) {
  1778.         var d = function () {
  1779.           a.triggerGlobal(b);
  1780.         };
  1781.         a.initialized ? d() : a.pub.ready(d);
  1782.       };
  1783.       a.pub.hide = function () {
  1784.         a.picker && a.picker.owner && a.picker.owner.hide();
  1785.       };
  1786.       a.pub.chessboard = function (b) {
  1787.         b || (b = "rgba(0,0,0,0)");
  1788.         return a.genColorPreviewCanvas(b).canvas.toDataURL();
  1789.       };
  1790.       a.pub.background = function (b) {
  1791.         var d = [];
  1792.         d.push(a.genColorPreviewGradient(b));
  1793.         b = a.genColorPreviewCanvas();
  1794.         d.push(["url('" + b.canvas.toDataURL() + "')", "left top repeat"].join(" "));
  1795.         return d.join(", ");
  1796.       };
  1797.       a.pub.options = {};
  1798.       a.pub.lookupClass = G;
  1799.       a.pub.installByClassName = function () {
  1800.         return !1;
  1801.       };
  1802.       a.register();
  1803.       return a.pub;
  1804.     })();
  1805.   "undefined" === typeof window.FRColorPicker && (window.FRColorPicker = window.frColorPicker = S);
  1806. })();