@pubinfo/module-rbac 2.1.10-beta.2 → 2.1.11

package/dist/{vanilla-picker-DcG96G63.js → vanilla-picker-Byb6q187.js}

@@ -1,42 +1,42 @@
-var classCallCheck = function(e, n) {
-	if (!(e instanceof n)) throw TypeError("Cannot call a class as a function");
+var classCallCheck = function(e, t) {
+	if (!(e instanceof t)) 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);
+	function e(e, t) {
+		for (var n = 0; n < t.length; n++) {
+			var r = t[n];
+			r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, r.key, r);
 		}
 	}
-	return function(n, r, i) {
-		return r && e(n.prototype, r), i && e(n, i), n;
+	return function(t, n, r) {
+		return n && e(t.prototype, n), r && e(t, r), t;
 	};
 }(), slicedToArray = function() {
-	function e(e, n) {
-		var r = [], i = !0, a = !1, o = void 0;
+	function e(e, t) {
+		var n = [], r = !0, i = !1, a = 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);
+			for (var o = e[Symbol.iterator](), s; !(r = (s = o.next()).done) && (n.push(s.value), !(t && n.length === t)); r = !0);
 		} catch (e) {
-			a = !0, o = e;
+			i = !0, a = e;
 		} finally {
 			try {
-				!i && s.return && s.return();
+				!r && o.return && o.return();
 			} finally {
-				if (a) throw o;
+				if (i) throw a;
 			}
 		}
-		return r;
+		return n;
 	}
-	return function(n, r) {
-		if (Array.isArray(n)) return n;
-		if (Symbol.iterator in Object(n)) return e(n, r);
+	return function(t, n) {
+		if (Array.isArray(t)) return t;
+		if (Symbol.iterator in Object(t)) return e(t, n);
 		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;
+}, String.prototype.padStart = String.prototype.padStart || function(e, t) {
+	for (var n = this; n.length < e;) n = t + n;
+	return n;
 };
 var colorNames = {
 	cb: "0f8ff",
@@ -182,77 +182,77 @@ var colorNames = {
 	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 t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
+	return (t > 0 ? e.toFixed(t).replace(/0+$/, "").replace(/\.$/, "") : e.toString()) || "0";
 }
 var Color = function() {
-	function o(n, i, a, s) {
-		classCallCheck(this, o);
-		var c = this;
-		function l(e) {
+	function a(t, r, i, o) {
+		classCallCheck(this, a);
+		var s = this;
+		function c(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 = [
+				var t = slicedToArray(e.match(/([\-\d\.e]+)/g).map(Number), 4), r = t[0], i = t[1], o = t[2], c = t[3];
+				c === void 0 && (c = 1), r /= 360, i /= 100, o /= 100, s.hsla = [
+					r,
 					i,
-					a,
-					s,
-					l
+					o,
+					c
 				];
 			} 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 = [
+				var l = slicedToArray(e.match(/([\-\d\.e]+)/g).map(Number), 4), u = l[0], d = l[1], f = l[2], p = l[3];
+				p === void 0 && (p = 1), s.rgba = [
+					u,
 					d,
 					f,
-					p,
-					m
+					p
 				];
-			} else e.startsWith("#") ? c.rgba = o.hexToRgb(e) : c.rgba = o.nameToRgb(e) || o.hexToRgb(e);
+			} else e.startsWith("#") ? s.rgba = a.hexToRgb(e) : s.rgba = a.nameToRgb(e) || a.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());
+		if (t !== void 0) if (Array.isArray(t)) this.rgba = t;
+		else if (i === void 0) {
+			var l = t && "" + t;
+			l && c(l.toLowerCase());
 		} else this.rgba = [
-			n,
+			t,
+			r,
 			i,
-			a,
-			s === void 0 ? 1 : s
+			o === void 0 ? 1 : o
 		];
 	}
-	return createClass(o, [
+	return createClass(a, [
 		{
 			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);
+				var t = (e ? this.rgba : this.rgba.slice(0, 3)).map(function(e, t) {
+					return printNum(e, t === 3 ? 3 : 0);
 				});
-				return e ? "rgba(" + n + ")" : "rgb(" + n + ")";
+				return e ? "rgba(" + t + ")" : "rgb(" + t + ")";
 			}
 		},
 		{
 			key: "printHSL",
 			value: function(e) {
-				var n = [
+				var t = [
 					360,
 					100,
 					100,
 					1
-				], r = [
+				], n = [
 					"",
 					"%",
 					"%",
 					""
-				], i = (e ? this.hsla : this.hsla.slice(0, 3)).map(function(e, i) {
-					return printNum(e * n[i], i === 3 ? 3 : 1) + r[i];
+				], r = (e ? this.hsla : this.hsla.slice(0, 3)).map(function(e, r) {
+					return printNum(e * t[r], r === 3 ? 3 : 1) + n[r];
 				});
-				return e ? "hsla(" + i + ")" : "hsl(" + i + ")";
+				return e ? "hsla(" + r + ")" : "hsl(" + r + ")";
 			}
 		},
 		{
 			key: "printHex",
 			value: function(e) {
-				var n = this.hex;
-				return e ? n : n.substring(0, 7);
+				var t = this.hex;
+				return e ? t : t.substring(0, 7);
 			}
 		},
 		{
@@ -260,7 +260,7 @@ var Color = function() {
 			get: function() {
 				if (this._rgba) return this._rgba;
 				if (!this._hsla) throw Error("No color is set");
-				return this._rgba = o.hslToRgb(this._hsla);
+				return this._rgba = a.hslToRgb(this._hsla);
 			},
 			set: function(e) {
 				e.length === 3 && (e[3] = 1), this._rgba = e, this._hsla = null;
@@ -283,7 +283,7 @@ var Color = function() {
 			get: function() {
 				if (this._hsla) return this._hsla;
 				if (!this._rgba) throw Error("No color is set");
-				return this._hsla = o.rgbToHsl(this._rgba);
+				return this._hsla = a.rgbToHsl(this._rgba);
 			},
 			set: function(e) {
 				e.length === 3 && (e[3] = 1), this._hsla = e, this._rgba = null;
@@ -304,106 +304,106 @@ var Color = function() {
 		{
 			key: "hex",
 			get: function() {
-				return "#" + this.rgba.map(function(e, n) {
-					return n < 3 ? e.toString(16) : Math.round(e * 255).toString(16);
+				return "#" + this.rgba.map(function(e, t) {
+					return t < 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);
+				this.rgba = a.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) {
+				var t = (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 (!t.match(/^([0-9a-fA-F]{8})$/)) throw Error("Unknown hex color; " + e);
+				var n = t.match(/^(\w\w)(\w\w)(\w\w)(\w\w)$/).slice(1).map(function(e) {
 					return parseInt(e, 16);
 				});
-				return r[3] /= 255, r;
+				return n[3] /= 255, n;
 			}
 		},
 		{
 			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"));
+				var t = colorNames[e.toLowerCase().replace("at", "T").replace(/[aeiouyldf]/g, "").replace("ght", "L").replace("rk", "D").slice(-5, 4)];
+				return t === void 0 ? t : a.hexToRgb(t.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;
+				var t = slicedToArray(e, 4), r = t[0], i = t[1], a = t[2], o = t[3];
+				r /= 255, i /= 255, a /= 255;
+				var s = Math.max(r, i, a), c = Math.min(r, i, a), l = void 0, u = void 0, d = (s + c) / 2;
+				if (s === c) l = u = 0;
 				else {
-					var p = c - l;
-					switch (d = f > .5 ? p / (2 - c - l) : p / (c + l), c) {
+					var f = s - c;
+					switch (u = d > .5 ? f / (2 - s - c) : f / (s + c), s) {
+						case r:
+							l = (i - a) / f + (i < a ? 6 : 0);
+							break;
 						case i:
-							u = (a - o) / p + (a < o ? 6 : 0);
+							l = (a - r) / f + 2;
 							break;
 						case a:
-							u = (o - i) / p + 2;
-							break;
-						case o:
-							u = (i - a) / p + 4;
+							l = (r - i) / f + 4;
 							break;
 					}
-					u /= 6;
+					l /= 6;
 				}
 				return [
+					l,
 					u,
 					d,
-					f,
-					s
+					o
 				];
 			}
 		},
 		{
 			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;
+				var t = slicedToArray(e, 4), r = t[0], i = t[1], a = t[2], o = t[3], s = void 0, c = void 0, l = void 0;
+				if (i === 0) s = c = l = a;
 				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 u = function(e, t, n) {
+						return n < 0 && (n += 1), n > 1 && --n, n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
+					}, d = a < .5 ? a * (1 + i) : a + i - a * i, f = 2 * a - d;
+					s = u(f, d, r + 1 / 3), c = u(f, d, r), l = u(f, d, r - 1 / 3);
 				}
-				var m = [
+				var p = [
+					s * 255,
 					c * 255,
-					l * 255,
-					u * 255
+					l * 255
 				].map(Math.round);
-				return m[3] = s, m;
+				return p[3] = o, p;
 			}
 		}
-	]), o;
+	]), a;
 }(), EventBucket = function() {
-	function r() {
-		classCallCheck(this, r), this._events = [];
+	function n() {
+		classCallCheck(this, n), this._events = [];
 	}
-	return createClass(r, [
+	return createClass(n, [
 		{
 			key: "add",
-			value: function(e, n, r) {
-				e.addEventListener(n, r, !1), this._events.push({
+			value: function(e, t, n) {
+				e.addEventListener(t, n, !1), this._events.push({
 					target: e,
-					type: n,
-					handler: r
+					type: t,
+					handler: n
 				});
 			}
 		},
 		{
 			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;
+			value: function(e, t, r) {
+				this._events = this._events.filter(function(i) {
+					var a = !0;
+					return e && e !== i.target && (a = !1), t && t !== i.type && (a = !1), r && r !== i.handler && (a = !1), a && n._doRemove(i.target, i.type, i.handler), !a;
 				});
 			}
 		},
@@ -411,66 +411,66 @@ var Color = function() {
 			key: "destroy",
 			value: function() {
 				this._events.forEach(function(e) {
-					return r._doRemove(e.target, e.type, e.handler);
+					return n._doRemove(e.target, e.type, e.handler);
 				}), this._events = [];
 			}
 		}
 	], [{
 		key: "_doRemove",
-		value: function(e, n, r) {
-			e.removeEventListener(n, r, !1);
+		value: function(e, t, n) {
+			e.removeEventListener(t, n, !1);
 		}
-	}]), r;
+	}]), n;
 }();
 function parseHTML(e) {
-	var n = document.createElement("div");
-	return n.innerHTML = e, n.firstElementChild;
+	var t = document.createElement("div");
+	return t.innerHTML = e, t.firstElementChild;
 }
-function dragTrack(e, n, r) {
-	var i = !1;
-	function a(e, n, r) {
-		return Math.max(n, Math.min(e, r));
+function dragTrack(e, t, n) {
+	var r = !1;
+	function i(e, t, n) {
+		return Math.max(t, Math.min(e, n));
 	}
-	function o(e, o, s) {
-		if (s && (i = !0), i) {
+	function a(e, a, o) {
+		if (o && (r = !0), r) {
 			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);
+			var s = t.getBoundingClientRect(), c = s.width, l = s.height, u = a.clientX, d = a.clientY, f = i(u - s.left, 0, c), p = i(d - s.top, 0, l);
+			n(f / c, p / l);
 		}
 	}
-	function s(e, n) {
-		(e.buttons === void 0 ? e.which : e.buttons) === 1 ? o(e, e, n) : i = !1;
+	function o(e, t) {
+		(e.buttons === void 0 ? e.which : e.buttons) === 1 ? a(e, e, t) : r = !1;
 	}
-	function c(e, n) {
-		e.touches.length === 1 ? o(e, e.touches[0], n) : i = !1;
+	function s(e, t) {
+		e.touches.length === 1 ? a(e, e.touches[0], t) : r = !1;
 	}
-	e.add(n, "mousedown", function(e) {
+	e.add(t, "mousedown", function(e) {
+		o(e, !0);
+	}), e.add(t, "touchstart", 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;
+	}), e.add(window, "mousemove", o), e.add(t, "touchmove", s), e.add(window, "mouseup", function(e) {
+		r = !1;
+	}), e.add(t, "touchend", function(e) {
+		r = !1;
+	}), e.add(t, "touchcancel", function(e) {
+		r = !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 $(e, t) {
+	return (t || 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));
+function onKey(e, t, n, r, i) {
+	e.add(t, EVENT_KEY, function(e) {
+		n.indexOf(e.key) >= 0 && (i && stopEvent(e), r(e));
 	});
 }
 var Picker = function() {
-	function r(n) {
-		classCallCheck(this, r), this.settings = {
+	function n(t) {
+		classCallCheck(this, n), this.settings = {
 			popup: "right",
 			layout: "default",
 			alpha: !0,
@@ -478,35 +478,35 @@ var Picker = function() {
 			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);
+		}, this._events = new EventBucket(), this.onChange = null, this.onDone = null, this.onOpen = null, this.onClose = null, this.setOptions(t);
 	}
-	return createClass(r, [
+	return createClass(n, [
 		{
 			key: "setOptions",
 			value: function(e) {
-				var n = this;
+				var t = 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]);
+				var n = this.settings;
+				function r(e, t, n) {
+					for (var r in e) n && n.indexOf(r) >= 0 || (t[r] = e[r]);
 				}
-				if (e instanceof HTMLElement) r.parent = e;
+				if (e instanceof HTMLElement) n.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);
+					n.parent && e.parent && n.parent !== e.parent && (this._events.remove(n.parent), this._popupInited = !1), r(e, n), 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 i = e.color || e.colour;
+					i && this._setColor(i);
 				}
-				var o = r.parent;
-				if (o && r.popup && !this._popupInited) {
-					var s = function(e) {
-						return n.openHandler(e);
+				var a = n.parent;
+				if (a && n.popup && !this._popupInited) {
+					var o = function(e) {
+						return t.openHandler(e);
 					};
-					this._events.add(o, "click", s), onKey(this._events, o, [
+					this._events.add(a, "click", o), onKey(this._events, a, [
 						" ",
 						"Spacebar",
 						"Enter"
-					], s), this._popupInited = !0;
-				} else e.parent && !r.popup && this.show();
+					], o), this._popupInited = !0;
+				} else e.parent && !n.popup && this.show();
 			}
 		},
 		{
@@ -514,9 +514,9 @@ var Picker = function() {
 			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;
+					var t = e && e.type === EVENT_KEY ? this._domEdit : this.domElement;
 					setTimeout(function() {
-						return n.focus();
+						return t.focus();
 					}, 100), this.onOpen && this.onOpen(this.colour);
 				}
 			}
@@ -524,51 +524,51 @@ var Picker = function() {
 		{
 			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));
+				var t = e && e.type, n = !1;
+				if (!e) n = !0;
+				else if (t === EVENT_CLICK_OUTSIDE || t === EVENT_TAB_MOVE) {
+					var r = (this.__containedEvent || 0) + 100;
+					e.timeStamp > r && (n = !0);
+				} else stopEvent(e), n = !0;
+				n && this.hide() && (this.settings.parent.style.pointerEvents = "", t !== 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();
+			value: function(e, t) {
+				this.closeHandler(), this.setOptions(e), t && this.openHandler();
 			}
 		},
 		{
 			key: "setColor",
-			value: function(e, n) {
-				this._setColor(e, { silent: n });
+			value: function(e, t) {
+				this._setColor(e, { silent: t });
 			}
 		},
 		{
 			key: "_setColor",
-			value: function(e, n) {
+			value: function(e, t) {
 				if (typeof e == "string" && (e = e.trim()), e) {
-					n ||= {};
-					var r = void 0;
+					t ||= {};
+					var n = void 0;
 					try {
-						r = new Color(e);
+						n = new Color(e);
 					} catch (e) {
-						if (n.failSilently) return;
+						if (t.failSilently) return;
 						throw e;
 					}
 					if (!this.settings.alpha) {
-						var i = r.hsla;
-						i[3] = 1, r.hsla = i;
+						var r = n.hsla;
+						r[3] = 1, n.hsla = r;
 					}
-					this.colour = this.color = r, this._setHSLA(null, null, null, null, n);
+					this.colour = this.color = n, this._setHSLA(null, null, null, null, t);
 				}
 			}
 		},
 		{
 			key: "setColour",
-			value: function(e, n) {
-				this.setColor(e, n);
+			value: function(e, t) {
+				this.setColor(e, t);
 			}
 		},
 		{
@@ -579,9 +579,9 @@ var Picker = function() {
 					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");
+				var t = 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 = t, this._domH = $(".picker_hue", t), this._domSL = $(".picker_sl", t), this._domA = $(".picker_alpha", t), this._domEdit = $(".picker_editor input", t), this._domSample = $(".picker_sample", t), this._domOkay = $(".picker_done button", t), this._domCancel = $(".picker_cancel button", t), t.classList.add("layout_" + this.settings.layout), this.settings.alpha || t.classList.add("no_alpha"), this.settings.editor || t.classList.add("no_editor"), this.settings.cancelButton || t.classList.add("no_cancel"), this._ifPopup(function() {
+					return t.classList.add("popup");
 				}), this._setPosition(), this.colour ? this._updateUI() : this._setColor(this.settings.defaultColor), this._bindEvents(), !0;
 			}
 		},
@@ -600,77 +600,77 @@ var Picker = function() {
 		{
 			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);
+				var e = this, t = this, n = this.domElement, r = this._events;
+				function i(e, t, n) {
+					r.add(e, t, n);
 				}
-				a(r, "click", function(e) {
+				i(n, "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);
+				}), dragTrack(r, this._domH, function(e, n) {
+					return t._setHSLA(e);
+				}), dragTrack(r, this._domSL, function(e, n) {
+					return t._setHSLA(null, e, 1 - n);
+				}), this.settings.alpha && dragTrack(r, this._domA, function(e, n) {
+					return t._setHSLA(null, null, null, 1 - n);
 				});
-				var o = this._domEdit;
-				a(o, "input", function(e) {
-					n._setColor(this.value, {
+				var a = this._domEdit;
+				i(a, "input", function(e) {
+					t._setColor(this.value, {
 						fromEditor: !0,
 						failSilently: !0
 					});
-				}), a(o, "focus", function(e) {
-					var n = this;
-					n.selectionStart === n.selectionEnd && n.select();
+				}), i(a, "focus", function(e) {
+					var t = this;
+					t.selectionStart === t.selectionEnd && t.select();
 				}), this._ifPopup(function() {
-					var n = function(n) {
-						return e.closeHandler(n);
+					var t = function(t) {
+						return e.closeHandler(t);
 					};
-					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;
+					i(window, EVENT_CLICK_OUTSIDE, t), i(window, EVENT_TAB_MOVE, t), onKey(r, n, ["Esc", "Escape"], t);
+					var a = function(t) {
+						e.__containedEvent = t.timeStamp;
 					};
-					a(r, EVENT_CLICK_OUTSIDE, o), a(r, EVENT_TAB_MOVE, o), a(e._domCancel, "click", n);
+					i(n, EVENT_CLICK_OUTSIDE, a), i(n, EVENT_TAB_MOVE, a), i(e._domCancel, "click", t);
 				});
-				var s = function(n) {
+				var o = function(t) {
 					e._ifPopup(function() {
-						return e.closeHandler(n);
+						return e.closeHandler(t);
 					}), e.onDone && e.onDone(e.colour);
 				};
-				a(this._domOkay, "click", s), onKey(i, r, ["Enter"], s);
+				i(this._domOkay, "click", o), onKey(r, n, ["Enter"], o);
 			}
 		},
 		{
 			key: "_setPosition",
 			value: function() {
-				var e = this.settings.parent, n = this.domElement;
-				e !== n.parentNode && e.appendChild(n), this._ifPopup(function(r) {
+				var e = this.settings.parent, t = this.domElement;
+				e !== t.parentNode && e.appendChild(t), this._ifPopup(function(n) {
 					getComputedStyle(e).position === "static" && (e.style.position = "relative");
-					var i = r === !0 ? "popup_right" : "popup_" + r;
+					var r = n === !0 ? "popup_right" : "popup_" + n;
 					[
 						"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);
+						e === r ? t.classList.add(e) : t.classList.remove(e);
+					}), t.classList.add(r);
 				});
 			}
 		},
 		{
 			key: "_setHSLA",
-			value: function(e, n, r, i, a) {
-				a ||= {};
-				var o = this.colour, s = o.hsla;
+			value: function(e, t, n, r, i) {
+				i ||= {};
+				var a = this.colour, o = a.hsla;
 				[
 					e,
+					t,
 					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);
+					r
+				].forEach(function(e, t) {
+					(e || e === 0) && (o[t] = e);
+				}), a.hsla = o, this._updateUI(i), this.onChange && !i.silent && this.onChange(a);
 			}
 		},
 		{
@@ -678,47 +678,47 @@ var Picker = function() {
 			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 + "%";
+				var t = this.colour, n = t.hsla, r = "hsl(" + n[0] * HUES + ", 100%, 50%)", i = t.hslString, a = t.hslaString, o = this._domH, s = this._domSL, c = this._domA, d = $(".picker_selector", o), f = $(".picker_selector", s), p = $(".picker_selector", c);
+				function m(e, t, n) {
+					t.style.left = n * 100 + "%";
 				}
-				function g(e, n, r) {
-					n.style.top = r * 100 + "%";
+				function h(e, t, n) {
+					t.style.top = n * 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) {
+				m(o, d, n[0]), this._domSL.style.backgroundColor = this._domH.style.color = r, m(s, f, n[1]), h(s, f, 1 - n[2]), s.style.color = i, h(c, p, 1 - n[3]);
+				var g = i, _ = "linear-gradient(" + [g, g.replace("hsl", "hsla").replace(")", ", 0)")] + ")";
+				if (this._domA.style.background = _ + ", " + BG_TRANSP, !e.fromEditor) {
+					var v = this.settings.editorFormat, y = this.settings.alpha, b = void 0;
+					switch (v) {
 						case "rgb":
-							x = n.printRGB(b);
+							b = t.printRGB(y);
 							break;
 						case "hsl":
-							x = n.printHSL(b);
+							b = t.printHSL(y);
 							break;
-						default: x = n.printHex(b);
+						default: b = t.printHex(y);
 					}
-					this._domEdit.value = x;
+					this._domEdit.value = b;
 				}
-				this._domSample.style.color = o;
+				this._domSample.style.color = a;
 			}
 		},
 		{
 			key: "_ifPopup",
-			value: function(e, n) {
-				this.settings.parent && this.settings.popup ? e && e(this.settings.popup) : n && n();
+			value: function(e, t) {
+				this.settings.parent && this.settings.popup ? e && e(this.settings.popup) : t && t();
 			}
 		},
 		{
 			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;
+				var t = this.domElement;
+				if (!t) return !1;
+				var n = e ? "" : "none", r = t.style.display !== n;
+				return r && (t.style.display = n), r;
 			}
 		}
-	]), r;
+	]), n;
 }(), 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 };