☰

frColorPicker

ColorPicker for Font Rendering (Customized)

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

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

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