@pubinfo-nightly/module-rbac 2025.12.9 → 2025.12.25

package/dist/vanilla-picker-DcG96G63.js

@@ -0,0 +1,724 @@
+var classCallCheck = function(e, n) {
+	if (!(e instanceof n)) throw TypeError("Cannot call a class as a function");
+}, createClass = function() {
+	function e(e, n) {
+		for (var r = 0; r < n.length; r++) {
+			var i = n[r];
+			i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i);
+		}
+	}
+	return function(n, r, i) {
+		return r && e(n.prototype, r), i && e(n, i), n;
+	};
+}(), slicedToArray = function() {
+	function e(e, n) {
+		var r = [], i = !0, a = !1, o = void 0;
+		try {
+			for (var s = e[Symbol.iterator](), c; !(i = (c = s.next()).done) && (r.push(c.value), !(n && r.length === n)); i = !0);
+		} catch (e) {
+			a = !0, o = e;
+		} finally {
+			try {
+				!i && s.return && s.return();
+			} finally {
+				if (a) throw o;
+			}
+		}
+		return r;
+	}
+	return function(n, r) {
+		if (Array.isArray(n)) return n;
+		if (Symbol.iterator in Object(n)) return e(n, r);
+		throw TypeError("Invalid attempt to destructure non-iterable instance");
+	};
+}();
+String.prototype.startsWith = String.prototype.startsWith || function(e) {
+	return this.indexOf(e) === 0;
+}, String.prototype.padStart = String.prototype.padStart || function(e, n) {
+	for (var r = this; r.length < e;) r = n + r;
+	return r;
+};
+var colorNames = {
+	cb: "0f8ff",
+	tqw: "aebd7",
+	q: "-ffff",
+	qmrn: "7fffd4",
+	zr: "0ffff",
+	bg: "5f5dc",
+	bsq: "e4c4",
+	bck: "---",
+	nch: "ebcd",
+	b: "--ff",
+	bvt: "8a2be2",
+	brwn: "a52a2a",
+	brw: "deb887",
+	ctb: "5f9ea0",
+	hrt: "7fff-",
+	chcT: "d2691e",
+	cr: "7f50",
+	rnw: "6495ed",
+	crns: "8dc",
+	crms: "dc143c",
+	cn: "-ffff",
+	Db: "--8b",
+	Dcn: "-8b8b",
+	Dgnr: "b8860b",
+	Dgr: "a9a9a9",
+	Dgrn: "-64-",
+	Dkhk: "bdb76b",
+	Dmgn: "8b-8b",
+	Dvgr: "556b2f",
+	Drng: "8c-",
+	Drch: "9932cc",
+	Dr: "8b--",
+	Dsmn: "e9967a",
+	Dsgr: "8fbc8f",
+	DsTb: "483d8b",
+	DsTg: "2f4f4f",
+	Dtrq: "-ced1",
+	Dvt: "94-d3",
+	ppnk: "1493",
+	pskb: "-bfff",
+	mgr: "696969",
+	grb: "1e90ff",
+	rbrc: "b22222",
+	rwht: "af0",
+	stg: "228b22",
+	chs: "-ff",
+	gnsb: "dcdcdc",
+	st: "8f8ff",
+	g: "d7-",
+	gnr: "daa520",
+	gr: "808080",
+	grn: "-8-0",
+	grnw: "adff2f",
+	hnw: "0fff0",
+	htpn: "69b4",
+	nnr: "cd5c5c",
+	ng: "4b-82",
+	vr: "0",
+	khk: "0e68c",
+	vnr: "e6e6fa",
+	nrb: "0f5",
+	wngr: "7cfc-",
+	mnch: "acd",
+	Lb: "add8e6",
+	Lcr: "08080",
+	Lcn: "e0ffff",
+	Lgnr: "afad2",
+	Lgr: "d3d3d3",
+	Lgrn: "90ee90",
+	Lpnk: "b6c1",
+	Lsmn: "a07a",
+	Lsgr: "20b2aa",
+	Lskb: "87cefa",
+	LsTg: "778899",
+	Lstb: "b0c4de",
+	Lw: "e0",
+	m: "-ff-",
+	mgrn: "32cd32",
+	nn: "af0e6",
+	mgnt: "-ff",
+	mrn: "8--0",
+	mqm: "66cdaa",
+	mmb: "--cd",
+	mmrc: "ba55d3",
+	mmpr: "9370db",
+	msg: "3cb371",
+	mmsT: "7b68ee",
+	"": "-fa9a",
+	mtr: "48d1cc",
+	mmvt: "c71585",
+	mnLb: "191970",
+	ntc: "5fffa",
+	mstr: "e4e1",
+	mccs: "e4b5",
+	vjw: "dead",
+	nv: "--80",
+	c: "df5e6",
+	v: "808-0",
+	vrb: "6b8e23",
+	rng: "a5-",
+	rngr: "45-",
+	rch: "da70d6",
+	pgnr: "eee8aa",
+	pgrn: "98fb98",
+	ptrq: "afeeee",
+	pvtr: "db7093",
+	ppwh: "efd5",
+	pchp: "dab9",
+	pr: "cd853f",
+	pnk: "c0cb",
+	pm: "dda0dd",
+	pwrb: "b0e0e6",
+	prp: "8-080",
+	cc: "663399",
+	r: "--",
+	sbr: "bc8f8f",
+	rb: "4169e1",
+	sbrw: "8b4513",
+	smn: "a8072",
+	nbr: "4a460",
+	sgrn: "2e8b57",
+	ssh: "5ee",
+	snn: "a0522d",
+	svr: "c0c0c0",
+	skb: "87ceeb",
+	sTb: "6a5acd",
+	sTgr: "708090",
+	snw: "afa",
+	n: "-ff7f",
+	stb: "4682b4",
+	tn: "d2b48c",
+	t: "-8080",
+	thst: "d8bfd8",
+	tmT: "6347",
+	trqs: "40e0d0",
+	vt: "ee82ee",
+	whT: "5deb3",
+	wht: "",
+	hts: "5f5f5",
+	w: "-",
+	wgrn: "9acd32"
+};
+function printNum(e) {
+	var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
+	return (n > 0 ? e.toFixed(n).replace(/0+$/, "").replace(/\.$/, "") : e.toString()) || "0";
+}
+var Color = function() {
+	function o(n, i, a, s) {
+		classCallCheck(this, o);
+		var c = this;
+		function l(e) {
+			if (e.startsWith("hsl")) {
+				var n = slicedToArray(e.match(/([\-\d\.e]+)/g).map(Number), 4), i = n[0], a = n[1], s = n[2], l = n[3];
+				l === void 0 && (l = 1), i /= 360, a /= 100, s /= 100, c.hsla = [
+					i,
+					a,
+					s,
+					l
+				];
+			} else if (e.startsWith("rgb")) {
+				var u = slicedToArray(e.match(/([\-\d\.e]+)/g).map(Number), 4), d = u[0], f = u[1], p = u[2], m = u[3];
+				m === void 0 && (m = 1), c.rgba = [
+					d,
+					f,
+					p,
+					m
+				];
+			} else e.startsWith("#") ? c.rgba = o.hexToRgb(e) : c.rgba = o.nameToRgb(e) || o.hexToRgb(e);
+		}
+		if (n !== void 0) if (Array.isArray(n)) this.rgba = n;
+		else if (a === void 0) {
+			var u = n && "" + n;
+			u && l(u.toLowerCase());
+		} else this.rgba = [
+			n,
+			i,
+			a,
+			s === void 0 ? 1 : s
+		];
+	}
+	return createClass(o, [
+		{
+			key: "printRGB",
+			value: function(e) {
+				var n = (e ? this.rgba : this.rgba.slice(0, 3)).map(function(e, n) {
+					return printNum(e, n === 3 ? 3 : 0);
+				});
+				return e ? "rgba(" + n + ")" : "rgb(" + n + ")";
+			}
+		},
+		{
+			key: "printHSL",
+			value: function(e) {
+				var n = [
+					360,
+					100,
+					100,
+					1
+				], r = [
+					"",
+					"%",
+					"%",
+					""
+				], i = (e ? this.hsla : this.hsla.slice(0, 3)).map(function(e, i) {
+					return printNum(e * n[i], i === 3 ? 3 : 1) + r[i];
+				});
+				return e ? "hsla(" + i + ")" : "hsl(" + i + ")";
+			}
+		},
+		{
+			key: "printHex",
+			value: function(e) {
+				var n = this.hex;
+				return e ? n : n.substring(0, 7);
+			}
+		},
+		{
+			key: "rgba",
+			get: function() {
+				if (this._rgba) return this._rgba;
+				if (!this._hsla) throw Error("No color is set");
+				return this._rgba = o.hslToRgb(this._hsla);
+			},
+			set: function(e) {
+				e.length === 3 && (e[3] = 1), this._rgba = e, this._hsla = null;
+			}
+		},
+		{
+			key: "rgbString",
+			get: function() {
+				return this.printRGB();
+			}
+		},
+		{
+			key: "rgbaString",
+			get: function() {
+				return this.printRGB(!0);
+			}
+		},
+		{
+			key: "hsla",
+			get: function() {
+				if (this._hsla) return this._hsla;
+				if (!this._rgba) throw Error("No color is set");
+				return this._hsla = o.rgbToHsl(this._rgba);
+			},
+			set: function(e) {
+				e.length === 3 && (e[3] = 1), this._hsla = e, this._rgba = null;
+			}
+		},
+		{
+			key: "hslString",
+			get: function() {
+				return this.printHSL();
+			}
+		},
+		{
+			key: "hslaString",
+			get: function() {
+				return this.printHSL(!0);
+			}
+		},
+		{
+			key: "hex",
+			get: function() {
+				return "#" + this.rgba.map(function(e, n) {
+					return n < 3 ? e.toString(16) : Math.round(e * 255).toString(16);
+				}).map(function(e) {
+					return e.padStart(2, "0");
+				}).join("");
+			},
+			set: function(e) {
+				this.rgba = o.hexToRgb(e);
+			}
+		}
+	], [
+		{
+			key: "hexToRgb",
+			value: function(e) {
+				var n = (e.startsWith("#") ? e.slice(1) : e).replace(/^(\w{3})$/, "$1F").replace(/^(\w)(\w)(\w)(\w)$/, "$1$1$2$2$3$3$4$4").replace(/^(\w{6})$/, "$1FF");
+				if (!n.match(/^([0-9a-fA-F]{8})$/)) throw Error("Unknown hex color; " + e);
+				var r = n.match(/^(\w\w)(\w\w)(\w\w)(\w\w)$/).slice(1).map(function(e) {
+					return parseInt(e, 16);
+				});
+				return r[3] /= 255, r;
+			}
+		},
+		{
+			key: "nameToRgb",
+			value: function(e) {
+				var n = colorNames[e.toLowerCase().replace("at", "T").replace(/[aeiouyldf]/g, "").replace("ght", "L").replace("rk", "D").slice(-5, 4)];
+				return n === void 0 ? n : o.hexToRgb(n.replace(/\-/g, "00").padStart(6, "f"));
+			}
+		},
+		{
+			key: "rgbToHsl",
+			value: function(e) {
+				var n = slicedToArray(e, 4), i = n[0], a = n[1], o = n[2], s = n[3];
+				i /= 255, a /= 255, o /= 255;
+				var c = Math.max(i, a, o), l = Math.min(i, a, o), u = void 0, d = void 0, f = (c + l) / 2;
+				if (c === l) u = d = 0;
+				else {
+					var p = c - l;
+					switch (d = f > .5 ? p / (2 - c - l) : p / (c + l), c) {
+						case i:
+							u = (a - o) / p + (a < o ? 6 : 0);
+							break;
+						case a:
+							u = (o - i) / p + 2;
+							break;
+						case o:
+							u = (i - a) / p + 4;
+							break;
+					}
+					u /= 6;
+				}
+				return [
+					u,
+					d,
+					f,
+					s
+				];
+			}
+		},
+		{
+			key: "hslToRgb",
+			value: function(e) {
+				var n = slicedToArray(e, 4), i = n[0], a = n[1], o = n[2], s = n[3], c = void 0, l = void 0, u = void 0;
+				if (a === 0) c = l = u = o;
+				else {
+					var d = function(e, n, r) {
+						return r < 0 && (r += 1), r > 1 && --r, r < 1 / 6 ? e + (n - e) * 6 * r : r < 1 / 2 ? n : r < 2 / 3 ? e + (n - e) * (2 / 3 - r) * 6 : e;
+					}, f = o < .5 ? o * (1 + a) : o + a - o * a, p = 2 * o - f;
+					c = d(p, f, i + 1 / 3), l = d(p, f, i), u = d(p, f, i - 1 / 3);
+				}
+				var m = [
+					c * 255,
+					l * 255,
+					u * 255
+				].map(Math.round);
+				return m[3] = s, m;
+			}
+		}
+	]), o;
+}(), EventBucket = function() {
+	function r() {
+		classCallCheck(this, r), this._events = [];
+	}
+	return createClass(r, [
+		{
+			key: "add",
+			value: function(e, n, r) {
+				e.addEventListener(n, r, !1), this._events.push({
+					target: e,
+					type: n,
+					handler: r
+				});
+			}
+		},
+		{
+			key: "remove",
+			value: function(e, n, i) {
+				this._events = this._events.filter(function(a) {
+					var o = !0;
+					return e && e !== a.target && (o = !1), n && n !== a.type && (o = !1), i && i !== a.handler && (o = !1), o && r._doRemove(a.target, a.type, a.handler), !o;
+				});
+			}
+		},
+		{
+			key: "destroy",
+			value: function() {
+				this._events.forEach(function(e) {
+					return r._doRemove(e.target, e.type, e.handler);
+				}), this._events = [];
+			}
+		}
+	], [{
+		key: "_doRemove",
+		value: function(e, n, r) {
+			e.removeEventListener(n, r, !1);
+		}
+	}]), r;
+}();
+function parseHTML(e) {
+	var n = document.createElement("div");
+	return n.innerHTML = e, n.firstElementChild;
+}
+function dragTrack(e, n, r) {
+	var i = !1;
+	function a(e, n, r) {
+		return Math.max(n, Math.min(e, r));
+	}
+	function o(e, o, s) {
+		if (s && (i = !0), i) {
+			e.preventDefault();
+			var c = n.getBoundingClientRect(), l = c.width, u = c.height, d = o.clientX, f = o.clientY, p = a(d - c.left, 0, l), m = a(f - c.top, 0, u);
+			r(p / l, m / u);
+		}
+	}
+	function s(e, n) {
+		(e.buttons === void 0 ? e.which : e.buttons) === 1 ? o(e, e, n) : i = !1;
+	}
+	function c(e, n) {
+		e.touches.length === 1 ? o(e, e.touches[0], n) : i = !1;
+	}
+	e.add(n, "mousedown", function(e) {
+		s(e, !0);
+	}), e.add(n, "touchstart", function(e) {
+		c(e, !0);
+	}), e.add(window, "mousemove", s), e.add(n, "touchmove", c), e.add(window, "mouseup", function(e) {
+		i = !1;
+	}), e.add(n, "touchend", function(e) {
+		i = !1;
+	}), e.add(n, "touchcancel", function(e) {
+		i = !1;
+	});
+}
+var BG_TRANSP = "linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0 / 2em 2em,\n                   linear-gradient(45deg, lightgrey 25%,       white 25%,       white 75%, lightgrey 75%) 1em 1em / 2em 2em", HUES = 360, EVENT_KEY = "keydown", EVENT_CLICK_OUTSIDE = "mousedown", EVENT_TAB_MOVE = "focusin";
+function $(e, n) {
+	return (n || document).querySelector(e);
+}
+function stopEvent(e) {
+	e.preventDefault(), e.stopPropagation();
+}
+function onKey(e, n, r, i, a) {
+	e.add(n, EVENT_KEY, function(e) {
+		r.indexOf(e.key) >= 0 && (a && stopEvent(e), i(e));
+	});
+}
+var Picker = function() {
+	function r(n) {
+		classCallCheck(this, r), this.settings = {
+			popup: "right",
+			layout: "default",
+			alpha: !0,
+			editor: !0,
+			editorFormat: "hex",
+			cancelButton: !1,
+			defaultColor: "#0cf"
+		}, this._events = new EventBucket(), this.onChange = null, this.onDone = null, this.onOpen = null, this.onClose = null, this.setOptions(n);
+	}
+	return createClass(r, [
+		{
+			key: "setOptions",
+			value: function(e) {
+				var n = this;
+				if (!e) return;
+				var r = this.settings;
+				function i(e, n, r) {
+					for (var i in e) r && r.indexOf(i) >= 0 || (n[i] = e[i]);
+				}
+				if (e instanceof HTMLElement) r.parent = e;
+				else {
+					r.parent && e.parent && r.parent !== e.parent && (this._events.remove(r.parent), this._popupInited = !1), i(e, r), e.onChange && (this.onChange = e.onChange), e.onDone && (this.onDone = e.onDone), e.onOpen && (this.onOpen = e.onOpen), e.onClose && (this.onClose = e.onClose);
+					var a = e.color || e.colour;
+					a && this._setColor(a);
+				}
+				var o = r.parent;
+				if (o && r.popup && !this._popupInited) {
+					var s = function(e) {
+						return n.openHandler(e);
+					};
+					this._events.add(o, "click", s), onKey(this._events, o, [
+						" ",
+						"Spacebar",
+						"Enter"
+					], s), this._popupInited = !0;
+				} else e.parent && !r.popup && this.show();
+			}
+		},
+		{
+			key: "openHandler",
+			value: function(e) {
+				if (this.show()) {
+					e && e.preventDefault(), this.settings.parent.style.pointerEvents = "none";
+					var n = e && e.type === EVENT_KEY ? this._domEdit : this.domElement;
+					setTimeout(function() {
+						return n.focus();
+					}, 100), this.onOpen && this.onOpen(this.colour);
+				}
+			}
+		},
+		{
+			key: "closeHandler",
+			value: function(e) {
+				var n = e && e.type, r = !1;
+				if (!e) r = !0;
+				else if (n === EVENT_CLICK_OUTSIDE || n === EVENT_TAB_MOVE) {
+					var i = (this.__containedEvent || 0) + 100;
+					e.timeStamp > i && (r = !0);
+				} else stopEvent(e), r = !0;
+				r && this.hide() && (this.settings.parent.style.pointerEvents = "", n !== EVENT_CLICK_OUTSIDE && this.settings.parent.focus(), this.onClose && this.onClose(this.colour));
+			}
+		},
+		{
+			key: "movePopup",
+			value: function(e, n) {
+				this.closeHandler(), this.setOptions(e), n && this.openHandler();
+			}
+		},
+		{
+			key: "setColor",
+			value: function(e, n) {
+				this._setColor(e, { silent: n });
+			}
+		},
+		{
+			key: "_setColor",
+			value: function(e, n) {
+				if (typeof e == "string" && (e = e.trim()), e) {
+					n ||= {};
+					var r = void 0;
+					try {
+						r = new Color(e);
+					} catch (e) {
+						if (n.failSilently) return;
+						throw e;
+					}
+					if (!this.settings.alpha) {
+						var i = r.hsla;
+						i[3] = 1, r.hsla = i;
+					}
+					this.colour = this.color = r, this._setHSLA(null, null, null, null, n);
+				}
+			}
+		},
+		{
+			key: "setColour",
+			value: function(e, n) {
+				this.setColor(e, n);
+			}
+		},
+		{
+			key: "show",
+			value: function() {
+				if (!this.settings.parent) return !1;
+				if (this.domElement) {
+					var e = this._toggleDOM(!0);
+					return this._setPosition(), e;
+				}
+				var n = parseHTML(this.settings.template || "<div class=\"picker_wrapper\" tabindex=\"-1\"><div class=\"picker_arrow\"></div><div class=\"picker_hue picker_slider\"><div class=\"picker_selector\"></div></div><div class=\"picker_sl\"><div class=\"picker_selector\"></div></div><div class=\"picker_alpha picker_slider\"><div class=\"picker_selector\"></div></div><div class=\"picker_editor\"><input aria-label=\"Type a color name or hex value\"/></div><div class=\"picker_sample\"></div><div class=\"picker_done\"><button>Ok</button></div><div class=\"picker_cancel\"><button>Cancel</button></div></div>");
+				return this.domElement = n, this._domH = $(".picker_hue", n), this._domSL = $(".picker_sl", n), this._domA = $(".picker_alpha", n), this._domEdit = $(".picker_editor input", n), this._domSample = $(".picker_sample", n), this._domOkay = $(".picker_done button", n), this._domCancel = $(".picker_cancel button", n), n.classList.add("layout_" + this.settings.layout), this.settings.alpha || n.classList.add("no_alpha"), this.settings.editor || n.classList.add("no_editor"), this.settings.cancelButton || n.classList.add("no_cancel"), this._ifPopup(function() {
+					return n.classList.add("popup");
+				}), this._setPosition(), this.colour ? this._updateUI() : this._setColor(this.settings.defaultColor), this._bindEvents(), !0;
+			}
+		},
+		{
+			key: "hide",
+			value: function() {
+				return this._toggleDOM(!1);
+			}
+		},
+		{
+			key: "destroy",
+			value: function() {
+				this._events.destroy(), this.domElement && this.settings.parent.removeChild(this.domElement);
+			}
+		},
+		{
+			key: "_bindEvents",
+			value: function() {
+				var e = this, n = this, r = this.domElement, i = this._events;
+				function a(e, n, r) {
+					i.add(e, n, r);
+				}
+				a(r, "click", function(e) {
+					return e.preventDefault();
+				}), dragTrack(i, this._domH, function(e, r) {
+					return n._setHSLA(e);
+				}), dragTrack(i, this._domSL, function(e, r) {
+					return n._setHSLA(null, e, 1 - r);
+				}), this.settings.alpha && dragTrack(i, this._domA, function(e, r) {
+					return n._setHSLA(null, null, null, 1 - r);
+				});
+				var o = this._domEdit;
+				a(o, "input", function(e) {
+					n._setColor(this.value, {
+						fromEditor: !0,
+						failSilently: !0
+					});
+				}), a(o, "focus", function(e) {
+					var n = this;
+					n.selectionStart === n.selectionEnd && n.select();
+				}), this._ifPopup(function() {
+					var n = function(n) {
+						return e.closeHandler(n);
+					};
+					a(window, EVENT_CLICK_OUTSIDE, n), a(window, EVENT_TAB_MOVE, n), onKey(i, r, ["Esc", "Escape"], n);
+					var o = function(n) {
+						e.__containedEvent = n.timeStamp;
+					};
+					a(r, EVENT_CLICK_OUTSIDE, o), a(r, EVENT_TAB_MOVE, o), a(e._domCancel, "click", n);
+				});
+				var s = function(n) {
+					e._ifPopup(function() {
+						return e.closeHandler(n);
+					}), e.onDone && e.onDone(e.colour);
+				};
+				a(this._domOkay, "click", s), onKey(i, r, ["Enter"], s);
+			}
+		},
+		{
+			key: "_setPosition",
+			value: function() {
+				var e = this.settings.parent, n = this.domElement;
+				e !== n.parentNode && e.appendChild(n), this._ifPopup(function(r) {
+					getComputedStyle(e).position === "static" && (e.style.position = "relative");
+					var i = r === !0 ? "popup_right" : "popup_" + r;
+					[
+						"popup_top",
+						"popup_bottom",
+						"popup_left",
+						"popup_right"
+					].forEach(function(e) {
+						e === i ? n.classList.add(e) : n.classList.remove(e);
+					}), n.classList.add(i);
+				});
+			}
+		},
+		{
+			key: "_setHSLA",
+			value: function(e, n, r, i, a) {
+				a ||= {};
+				var o = this.colour, s = o.hsla;
+				[
+					e,
+					n,
+					r,
+					i
+				].forEach(function(e, n) {
+					(e || e === 0) && (s[n] = e);
+				}), o.hsla = s, this._updateUI(a), this.onChange && !a.silent && this.onChange(o);
+			}
+		},
+		{
+			key: "_updateUI",
+			value: function(e) {
+				if (!this.domElement) return;
+				e ||= {};
+				var n = this.colour, r = n.hsla, i = "hsl(" + r[0] * HUES + ", 100%, 50%)", a = n.hslString, o = n.hslaString, s = this._domH, c = this._domSL, l = this._domA, f = $(".picker_selector", s), p = $(".picker_selector", c), m = $(".picker_selector", l);
+				function h(e, n, r) {
+					n.style.left = r * 100 + "%";
+				}
+				function g(e, n, r) {
+					n.style.top = r * 100 + "%";
+				}
+				h(s, f, r[0]), this._domSL.style.backgroundColor = this._domH.style.color = i, h(c, p, r[1]), g(c, p, 1 - r[2]), c.style.color = a, g(l, m, 1 - r[3]);
+				var _ = a, v = "linear-gradient(" + [_, _.replace("hsl", "hsla").replace(")", ", 0)")] + ")";
+				if (this._domA.style.background = v + ", " + BG_TRANSP, !e.fromEditor) {
+					var y = this.settings.editorFormat, b = this.settings.alpha, x = void 0;
+					switch (y) {
+						case "rgb":
+							x = n.printRGB(b);
+							break;
+						case "hsl":
+							x = n.printHSL(b);
+							break;
+						default: x = n.printHex(b);
+					}
+					this._domEdit.value = x;
+				}
+				this._domSample.style.color = o;
+			}
+		},
+		{
+			key: "_ifPopup",
+			value: function(e, n) {
+				this.settings.parent && this.settings.popup ? e && e(this.settings.popup) : n && n();
+			}
+		},
+		{
+			key: "_toggleDOM",
+			value: function(e) {
+				var n = this.domElement;
+				if (!n) return !1;
+				var r = e ? "" : "none", i = n.style.display !== r;
+				return i && (n.style.display = r), i;
+			}
+		}
+	]), r;
+}(), style = document.createElement("style");
+style.textContent = ".picker_wrapper.no_alpha .picker_alpha{display:none}.picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.picker_wrapper.no_cancel .picker_cancel{display:none}.layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:.5em}.layout_default.picker_wrapper input,.layout_default.picker_wrapper button{font-size:1rem}.layout_default.picker_wrapper>*{margin:.5em}.layout_default.picker_wrapper::before{content:\"\";display:block;width:100%;height:0;order:1}.layout_default .picker_slider,.layout_default .picker_selector{padding:1em}.layout_default .picker_hue{width:100%}.layout_default .picker_sl{flex:1 1 auto}.layout_default .picker_sl::before{content:\"\";display:block;padding-bottom:100%}.layout_default .picker_editor{order:1;width:6.5rem}.layout_default .picker_editor input{width:100%;height:100%}.layout_default .picker_sample{order:1;flex:1 1 auto}.layout_default .picker_done,.layout_default .picker_cancel{order:1}.picker_wrapper{box-sizing:border-box;background:#f2f2f2;box-shadow:0 0 0 1px silver;cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.picker_wrapper:focus{outline:none}.picker_wrapper button,.picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px silver;outline:none}.picker_wrapper button:focus,.picker_wrapper button:active,.picker_wrapper input:focus,.picker_wrapper input:active{box-shadow:0 0 2px 1px #1e90ff}.picker_wrapper button{padding:.4em .6em;cursor:pointer;background-color:#f5f5f5;background-image:linear-gradient(0deg, gainsboro, transparent)}.picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.picker_wrapper button:hover{background-color:#fff}.picker_selector{position:absolute;z-index:1;display:block;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:2px solid #fff;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.picker_slider .picker_selector{border-radius:2px}.picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px silver}.picker_sl{position:relative;box-shadow:0 0 0 1px silver;background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%),linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%),linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.picker_alpha,.picker_sample{position:relative;background:linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0/2em 2em,linear-gradient(45deg, lightgrey 25%, white 25%, white 75%, lightgrey 75%) 1em 1em/2em 2em;box-shadow:0 0 0 1px silver}.picker_alpha .picker_selector,.picker_sample .picker_selector{background:none}.picker_editor input{font-family:monospace;padding:.2em .4em}.picker_sample::before{content:\"\";position:absolute;display:block;width:100%;height:100%;background:currentColor}.picker_arrow{position:absolute;z-index:-1}.picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.picker_wrapper.popup,.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{background:#f2f2f2;box-shadow:0 0 10px 1px rgba(0,0,0,.4)}.picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{content:\"\";display:block;position:absolute;top:0;left:0;z-index:-99}.picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;-webkit-transform:skew(45deg);transform:skew(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.popup.popup_top{bottom:100%;left:0}.popup.popup_top .picker_arrow{bottom:0;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.popup.popup_bottom{top:100%;left:0}.popup.popup_bottom .picker_arrow{top:0;left:0;-webkit-transform:rotate(90deg) scale(1, -1);transform:rotate(90deg) scale(1, -1)}.popup.popup_left{top:0;right:100%}.popup.popup_left .picker_arrow{top:0;right:0;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.popup.popup_right{top:0;left:100%}.popup.popup_right .picker_arrow{top:0;left:0}", document.documentElement.firstElementChild.appendChild(style), Picker.StyleElement = style;
+export { Picker as default };