@pubinfo-pr/module-rbac 0.225.4 → 0.228.1

package/dist/user-BhytPqnx.js

@@ -0,0 +1,348 @@
+import "./request-7X2hpUru.js";
+import "./OrgSelector-C2rPIonI.js";
+import { n as e } from "./dist-DxAYQq3U.js";
+import "./assist-BRMYD-oT.js";
+import { K as t, W as n, r, z as i } from "./rbac-B59CVHDt.js";
+import { h as a } from "./index.js";
+import "./RoleSelector-BTNYbcC6.js";
+import "./OrgAndPosition-B0RE1Vc_.js";
+import { t as o } from "./UserAuthorization-DX7jNDDe.js";
+import { r as s, t as c } from "./UserEdit-BLb0n7WM.js";
+import { PubinfoIcon as l, useAuth as u } from "pubinfo-pr";
+import { createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, isVNode as v, mergeProps as y, onMounted as b, openBlock as x, ref as S, resolveDirective as C, toDisplayString as w, unref as T, withCtx as E, withDirectives as D } from "vue";
+import { PlusCircleOutlined as O } from "@ant-design/icons-vue";
+import { Badge as k, Modal as A, Popover as j, Space as M, message as N } from "ant-design-vue";
+import { Button as P, Card as F, Col as I, Empty as L, Row as R, Space as z, Spin as B, Tree as V } from "ant-design-vue/es";
+import { ProTable as H } from "@pubinfo/pro-components";
+import './user.css';//#region src/components/OrgTree/index.vue?vue&type=script&setup=true&lang.ts
+var U = { class: "flex w-full items-center overflow-hidden" }, W = ["title"], G = /* @__PURE__ */ a(/* @__PURE__ */ _({
+	name: "OrgTree",
+	__name: "index",
+	props: { auth: {} },
+	setup(t) {
+		let n = t, i = S([]), [a, o] = e(!1);
+		function s(e) {
+			return new Promise((t, a) => {
+				if (e?.dataRef?.children) {
+					t();
+					return;
+				}
+				o(!0), r({
+					parentId: e?.dataRef?.id,
+					enable: !0
+				}, { headers: { "X-ResourceMark": n.auth } }).then((n) => {
+					if (n.success) {
+						let t = n?.data?.map(c) ?? [];
+						e?.dataRef ? e.dataRef.children = t : i.value = t;
+					}
+					i.value = [...i.value], t();
+				}).catch(a).finally(() => o(!1));
+			});
+		}
+		function c(e) {
+			return {
+				key: e.id,
+				isLeaf: e.leaf,
+				...e
+			};
+		}
+		return b(() => {
+			s();
+		}), (e, t) => {
+			let n = L, r = V, o = B, c = F;
+			return x(), d(c, {
+				"body-style": { padding: "16px" },
+				class: "w-full h-full overflow-y-auto overflow-x-hidden"
+			}, {
+				default: E(() => [g(o, { spinning: T(a) }, {
+					default: E(() => [T(i).length === 0 ? (x(), d(n, { key: 0 })) : (x(), d(r, y({ key: 1 }, e.$attrs, {
+						"block-node": "",
+						"load-data": s,
+						"tree-data": T(i),
+						"field-names": {
+							children: "children",
+							title: "name",
+							key: "id"
+						}
+					}), {
+						title: E((e) => [m("div", U, [m("span", {
+							title: e.name,
+							class: "truncate"
+						}, w(e.name), 9, W)])]),
+						_: 1
+					}, 16, ["tree-data"]))]),
+					_: 1
+				}, 8, ["spinning"])]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-3c42fd2d"]]), K = {
+	"w-full": "",
+	"h-full": "",
+	"py-10px": "",
+	"px-10px": "",
+	"overflow-hidden": ""
+}, q = ["onClick"], J = ["onClick"], Y = ["onClick"], X = ["onClick"];
+function Z(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !v(e);
+}
+//#endregion
+//#region src/views/user/index.vue
+var Q = /* @__PURE__ */ _({
+	name: "User",
+	__name: "index",
+	setup(e) {
+		let { auth: r } = u(), a = [
+			{
+				valueType: "a-input",
+				bind: "value",
+				title: "登录账号",
+				dataIndex: "loginName",
+				ellipsis: !0,
+				fieldProps: {
+					placeholder: "请输入",
+					allowClear: !0
+				}
+			},
+			{
+				valueType: "a-input",
+				bind: "value",
+				title: "真实姓名",
+				dataIndex: "realName",
+				ellipsis: !0,
+				fieldProps: {
+					placeholder: "请输入",
+					allowClear: !0
+				}
+			},
+			{
+				title: "手机号",
+				dataIndex: "mobile",
+				ellipsis: !0,
+				hideInSearch: !0
+			},
+			{
+				title: "组织名称",
+				dataIndex: "userOrgList",
+				ellipsis: !0,
+				hideInSearch: !0,
+				customRender({ text: e }) {
+					return g(j, {
+						placement: "topLeft",
+						getPopupContainer: () => document.body
+					}, {
+						default: () => e?.map((e) => e.orgName).join(","),
+						content: () => {
+							let t;
+							return g(M, { direction: "vertical" }, Z(t = e.map((e) => g(k, {
+								status: e.main ? "processing" : "success",
+								text: e.orgName
+							}, null))) ? t : { default: () => [t] });
+						}
+					});
+				}
+			},
+			{
+				title: "电子邮箱",
+				dataIndex: "email",
+				ellipsis: !0,
+				hideInSearch: !0
+			},
+			{
+				title: "是否启用",
+				dataIndex: "enable",
+				width: 100,
+				hideInSearch: !0,
+				customRender({ text: e }) {
+					return e ? g(k, {
+						status: "success",
+						text: "是"
+					}, null) : g(k, {
+						status: "error",
+						text: "否"
+					}, null);
+				}
+			},
+			{
+				title: "操作",
+				dataIndex: "action",
+				fixed: "right",
+				width: 280,
+				hideInSearch: !0,
+				hideInTable() {
+					return !r([
+						"user_authorize",
+						"user_reset_password",
+						"user_edit",
+						"user_remove"
+					]);
+				}
+			}
+		], _ = S({}), v = S({}), y = S({}), b = S();
+		async function F(e) {
+			let { current: t, pageSize: r, ...i } = e, a = await n({
+				currentPage: t,
+				pageSize: r,
+				orgId: _.value?.orgId,
+				...y.value,
+				...i
+			});
+			return {
+				success: a.success,
+				data: a.data?.records ?? [],
+				total: a.data?.total ?? 0
+			};
+		}
+		function L() {
+			b.value.reload();
+		}
+		function B(e, { node: t }) {
+			t.selected ? _.value = {} : _.value = {
+				orgId: t.id,
+				orgName: t.name
+			}, L();
+		}
+		let V = S(), U = S();
+		function W(e, n) {
+			switch (e) {
+				case s.ADD:
+					V.value.open(e);
+					break;
+				case s.AUTHORIZE:
+					n && (v.value = n), U.value && U.value.open && U.value.open();
+					break;
+				case s.EDIT:
+					V.value.open(e, n);
+					break;
+				case s.RESET_PASSWORD:
+					A.confirm({
+						title: "重置密码",
+						content: "确定要重置该用户密码吗？",
+						async onOk() {
+							(await t({ userId: n?.id })).success && N.success("重置密码成功");
+						}
+					});
+					break;
+				case s.REMOVE: {
+					let e = n?.userOrgList && n.userOrgList?.length > 1;
+					A.confirm({
+						title: "删除",
+						content: `确定要删除该用户吗？${e ? "该用户存在多个组织下，若只需移除组织，请在编辑中操作。" : ""}`,
+						async onOk() {
+							(await i({ userId: n?.id })).success && (N.success("删除成功"), L());
+						}
+					});
+					break;
+				}
+			}
+		}
+		function Q(e, t) {
+			return t.userType === "2" ? [s.RESET_PASSWORD].includes(e) : [
+				s.AUTHORIZE,
+				s.RESET_PASSWORD,
+				s.EDIT,
+				s.REMOVE
+			].includes(e);
+		}
+		return (e, t) => {
+			let n = G, r = I, i = O, u = P, S = l, k = z, A = R, j = C("auth");
+			return x(), p("div", K, [
+				g(A, {
+					gutter: [8, 8],
+					wrap: !1,
+					class: "h-full"
+				}, {
+					default: E(() => [g(r, {
+						flex: "320px",
+						class: "h-full overflow-hidden"
+					}, {
+						default: E(() => [g(n, {
+							"select-keys": [T(y).orgId],
+							bordered: !1,
+							auth: "organization",
+							onSelect: B
+						}, null, 8, ["select-keys"])]),
+						_: 1
+					}), g(r, {
+						flex: "auto",
+						class: "h-full"
+					}, {
+						default: E(() => [g(T(H), {
+							ref_key: "tableRef",
+							ref: b,
+							"row-key": (e) => `${e.id}-${e.orgId}`,
+							request: F,
+							columns: a,
+							scroll: { x: 800 },
+							"auto-height": ""
+						}, {
+							toolbar: E(() => [D((x(), d(u, {
+								type: "primary",
+								onClick: t[0] ||= (e) => W(T(s).ADD)
+							}, {
+								default: E(() => [g(i), h(" " + w(T(s).ADD), 1)]),
+								_: 1
+							})), [[j, "user_add"]])]),
+							bodyCell: E(({ column: e, record: t }) => [e.dataIndex === "action" ? (x(), d(k, { key: 0 }, {
+								default: E(() => [
+									Q(T(s).AUTHORIZE, t) ? D((x(), p("a", {
+										key: 0,
+										class: "flex items-center",
+										onClick: (e) => W(T(s).AUTHORIZE, t)
+									}, [g(S, {
+										name: "authorize",
+										"mr-1": "",
+										"text-base": ""
+									}), m("span", null, w(T(s).AUTHORIZE), 1)], 8, q)), [[j, "user_authorize"]]) : f("", !0),
+									Q(T(s).RESET_PASSWORD, t) ? D((x(), p("a", {
+										key: 1,
+										class: "flex items-center",
+										onClick: (e) => W(T(s).RESET_PASSWORD, t)
+									}, [g(S, {
+										name: "i-ci-arrows-reload-01",
+										"mr-1": "",
+										"text-base": ""
+									}), m("span", null, w(T(s).RESET_PASSWORD), 1)], 8, J)), [[j, "user_reset_password"]]) : f("", !0),
+									Q(T(s).EDIT, t) ? D((x(), p("a", {
+										key: 2,
+										class: "flex items-center",
+										onClick: (e) => W(T(s).EDIT, t)
+									}, [g(S, {
+										name: "edit",
+										class: "mr-1 text-base"
+									}), m("span", null, w(T(s).EDIT), 1)], 8, Y)), [[j, "user_edit"]]) : f("", !0),
+									Q(T(s).REMOVE, t) ? D((x(), p("span", {
+										key: 3,
+										class: "flex items-center text-red-500 hover:cursor-pointer hover:opacity-80",
+										onClick: (e) => W(T(s).REMOVE, t)
+									}, [g(S, {
+										name: "remove",
+										class: "mr-1 text-base"
+									}), m("span", null, w(T(s).REMOVE), 1)], 8, X)), [[j, "user_remove"]]) : f("", !0)
+								]),
+								_: 2
+							}, 1024)) : f("", !0)]),
+							_: 1
+						}, 8, ["row-key"])]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				g(c, {
+					ref_key: "editRef",
+					ref: V,
+					"current-org": T(_),
+					onSubmit: L
+				}, null, 8, ["current-org"]),
+				g(o, {
+					ref_key: "authorizationRef",
+					ref: U,
+					"user-id": T(v).id || ""
+				}, null, 8, ["user-id"])
+			]);
+		};
+	}
+});
+//#endregion
+export { Q as default };

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

@@ -1,6 +1,7 @@
-var classCallCheck = function(e, t) {
+//#region ../../node_modules/.pnpm/vanilla-picker@2.12.3/node_modules/vanilla-picker/dist/vanilla-picker.mjs
+var e = function(e, t) {
 	if (!(e instanceof t)) throw TypeError("Cannot call a class as a function");
-}, createClass = function() {
+}, t = function() {
 	function e(e, t) {
 		for (var n = 0; n < t.length; n++) {
 			var r = t[n];
@@ -10,7 +11,7 @@ var classCallCheck = function(e, t) {
 	return function(t, n, r) {
 		return n && e(t.prototype, n), r && e(t, r), t;
 	};
-}(), slicedToArray = function() {
+}(), n = function() {
 	function e(e, t) {
 		var n = [], r = !0, i = !1, a = void 0;
 		try {
@@ -38,7 +39,7 @@ String.prototype.startsWith = String.prototype.startsWith || function(e) {
 	for (var n = this; n.length < e;) n = t + n;
 	return n;
 };
-var colorNames = {
+var r = {
 	cb: "0f8ff",
 	tqw: "aebd7",
 	q: "-ffff",
@@ -181,17 +182,17 @@ var colorNames = {
 	w: "-",
 	wgrn: "9acd32"
 };
-function printNum(e) {
+function i(e) {
 	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() {
+var a = function() {
 	function a(t, r, i, o) {
-		classCallCheck(this, a);
+		e(this, a);
 		var s = this;
 		function c(e) {
 			if (e.startsWith("hsl")) {
-				var t = slicedToArray(e.match(/([\-\d\.e]+)/g).map(Number), 4), r = t[0], i = t[1], o = t[2], c = t[3];
+				var t = n(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,
@@ -199,7 +200,7 @@ var Color = function() {
 					c
 				];
 			} else if (e.startsWith("rgb")) {
-				var l = slicedToArray(e.match(/([\-\d\.e]+)/g).map(Number), 4), u = l[0], d = l[1], f = l[2], p = l[3];
+				var l = n(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,
@@ -219,12 +220,12 @@ var Color = function() {
 			o === void 0 ? 1 : o
 		];
 	}
-	return createClass(a, [
+	return t(a, [
 		{
 			key: "printRGB",
 			value: function(e) {
 				var t = (e ? this.rgba : this.rgba.slice(0, 3)).map(function(e, t) {
-					return printNum(e, t === 3 ? 3 : 0);
+					return i(e, t === 3 ? 3 : 0);
 				});
 				return e ? "rgba(" + t + ")" : "rgb(" + t + ")";
 			}
@@ -243,7 +244,7 @@ var Color = function() {
 					"%",
 					""
 				], 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 i(e * t[r], r === 3 ? 3 : 1) + n[r];
 				});
 				return e ? "hsla(" + r + ")" : "hsl(" + r + ")";
 			}
@@ -329,14 +330,14 @@ var Color = function() {
 		{
 			key: "nameToRgb",
 			value: function(e) {
-				var t = colorNames[e.toLowerCase().replace("at", "T").replace(/[aeiouyldf]/g, "").replace("ght", "L").replace("rk", "D").slice(-5, 4)];
+				var t = r[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 t = slicedToArray(e, 4), r = t[0], i = t[1], a = t[2], o = t[3];
+				var t = n(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;
@@ -366,7 +367,7 @@ var Color = function() {
 		{
 			key: "hslToRgb",
 			value: function(e) {
-				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;
+				var t = n(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 u = function(e, t, n) {
@@ -383,11 +384,11 @@ var Color = function() {
 			}
 		}
 	]), a;
-}(), EventBucket = function() {
+}(), o = function() {
 	function n() {
-		classCallCheck(this, n), this._events = [];
+		e(this, n), this._events = [];
 	}
-	return createClass(n, [
+	return t(n, [
 		{
 			key: "add",
 			value: function(e, t, n) {
@@ -422,11 +423,11 @@ var Color = function() {
 		}
 	}]), n;
 }();
-function parseHTML(e) {
+function s(e) {
 	var t = document.createElement("div");
 	return t.innerHTML = e, t.firstElementChild;
 }
-function dragTrack(e, t, n) {
+function c(e, t, n) {
 	var r = !1;
 	function i(e, t, n) {
 		return Math.max(t, Math.min(e, n));
@@ -456,21 +457,21 @@ function dragTrack(e, t, n) {
 		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, t) {
+var l = "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", u = 360, d = "keydown", f = "mousedown", p = "focusin";
+function m(e, t) {
 	return (t || document).querySelector(e);
 }
-function stopEvent(e) {
+function h(e) {
 	e.preventDefault(), e.stopPropagation();
 }
-function onKey(e, t, n, r, i) {
-	e.add(t, EVENT_KEY, function(e) {
-		n.indexOf(e.key) >= 0 && (i && stopEvent(e), r(e));
+function g(e, t, n, r, i) {
+	e.add(t, d, function(e) {
+		n.indexOf(e.key) >= 0 && (i && h(e), r(e));
 	});
 }
-var Picker = function() {
+var _ = function() {
 	function n(t) {
-		classCallCheck(this, n), this.settings = {
+		e(this, n), this.settings = {
 			popup: "right",
 			layout: "default",
 			alpha: !0,
@@ -478,9 +479,9 @@ 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(t);
+		}, this._events = new o(), this.onChange = null, this.onDone = null, this.onOpen = null, this.onClose = null, this.setOptions(t);
 	}
-	return createClass(n, [
+	return t(n, [
 		{
 			key: "setOptions",
 			value: function(e) {
@@ -501,7 +502,7 @@ var Picker = function() {
 					var o = function(e) {
 						return t.openHandler(e);
 					};
-					this._events.add(a, "click", o), onKey(this._events, a, [
+					this._events.add(a, "click", o), g(this._events, a, [
 						" ",
 						"Spacebar",
 						"Enter"
@@ -514,7 +515,7 @@ var Picker = function() {
 			value: function(e) {
 				if (this.show()) {
 					e && e.preventDefault(), this.settings.parent.style.pointerEvents = "none";
-					var t = e && e.type === EVENT_KEY ? this._domEdit : this.domElement;
+					var t = e && e.type === d ? this._domEdit : this.domElement;
 					setTimeout(function() {
 						return t.focus();
 					}, 100), this.onOpen && this.onOpen(this.colour);
@@ -526,11 +527,11 @@ var Picker = function() {
 			value: function(e) {
 				var t = e && e.type, n = !1;
 				if (!e) n = !0;
-				else if (t === EVENT_CLICK_OUTSIDE || t === EVENT_TAB_MOVE) {
+				else if (t === f || t === p) {
 					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));
+				} else h(e), n = !0;
+				n && this.hide() && (this.settings.parent.style.pointerEvents = "", t !== f && this.settings.parent.focus(), this.onClose && this.onClose(this.colour));
 			}
 		},
 		{
@@ -552,7 +553,7 @@ var Picker = function() {
 					t ||= {};
 					var n = void 0;
 					try {
-						n = new Color(e);
+						n = new a(e);
 					} catch (e) {
 						if (t.failSilently) return;
 						throw e;
@@ -579,8 +580,8 @@ var Picker = function() {
 					var e = this._toggleDOM(!0);
 					return this._setPosition(), e;
 				}
-				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() {
+				var t = s(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 = m(".picker_hue", t), this._domSL = m(".picker_sl", t), this._domA = m(".picker_alpha", t), this._domEdit = m(".picker_editor input", t), this._domSample = m(".picker_sample", t), this._domOkay = m(".picker_done button", t), this._domCancel = m(".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;
 			}
@@ -606,11 +607,11 @@ var Picker = function() {
 				}
 				i(n, "click", function(e) {
 					return e.preventDefault();
-				}), dragTrack(r, this._domH, function(e, n) {
+				}), c(r, this._domH, function(e, n) {
 					return t._setHSLA(e);
-				}), dragTrack(r, this._domSL, function(e, n) {
+				}), c(r, this._domSL, function(e, n) {
 					return t._setHSLA(null, e, 1 - n);
-				}), this.settings.alpha && dragTrack(r, this._domA, function(e, n) {
+				}), this.settings.alpha && c(r, this._domA, function(e, n) {
 					return t._setHSLA(null, null, null, 1 - n);
 				});
 				var a = this._domEdit;
@@ -626,18 +627,18 @@ var Picker = function() {
 					var t = function(t) {
 						return e.closeHandler(t);
 					};
-					i(window, EVENT_CLICK_OUTSIDE, t), i(window, EVENT_TAB_MOVE, t), onKey(r, n, ["Esc", "Escape"], t);
+					i(window, f, t), i(window, p, t), g(r, n, ["Esc", "Escape"], t);
 					var a = function(t) {
 						e.__containedEvent = t.timeStamp;
 					};
-					i(n, EVENT_CLICK_OUTSIDE, a), i(n, EVENT_TAB_MOVE, a), i(e._domCancel, "click", t);
+					i(n, f, a), i(n, p, a), i(e._domCancel, "click", t);
 				});
 				var o = function(t) {
 					e._ifPopup(function() {
 						return e.closeHandler(t);
 					}), e.onDone && e.onDone(e.colour);
 				};
-				i(this._domOkay, "click", o), onKey(r, n, ["Enter"], o);
+				i(this._domOkay, "click", o), g(r, n, ["Enter"], o);
 			}
 		},
 		{
@@ -678,27 +679,27 @@ var Picker = function() {
 			value: function(e) {
 				if (!this.domElement) return;
 				e ||= {};
-				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) {
+				var t = this.colour, n = t.hsla, r = "hsl(" + n[0] * u + ", 100%, 50%)", i = t.hslString, a = t.hslaString, o = this._domH, s = this._domSL, c = this._domA, d = m(".picker_selector", o), f = m(".picker_selector", s), p = m(".picker_selector", c);
+				function h(e, t, n) {
 					t.style.left = n * 100 + "%";
 				}
-				function h(e, t, n) {
+				function g(e, t, n) {
 					t.style.top = n * 100 + "%";
 				}
-				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) {
+				h(o, d, n[0]), this._domSL.style.backgroundColor = this._domH.style.color = r, h(s, f, n[1]), g(s, f, 1 - n[2]), s.style.color = i, g(c, p, 1 - n[3]);
+				var _ = i, v = "linear-gradient(" + [_, _.replace("hsl", "hsla").replace(")", ", 0)")] + ")";
+				if (this._domA.style.background = v + ", " + l, !e.fromEditor) {
+					var y = this.settings.editorFormat, b = this.settings.alpha, x = void 0;
+					switch (y) {
 						case "rgb":
-							b = t.printRGB(y);
+							x = t.printRGB(b);
 							break;
 						case "hsl":
-							b = t.printHSL(y);
+							x = t.printHSL(b);
 							break;
-						default: b = t.printHex(y);
+						default: x = t.printHex(b);
 					}
-					this._domEdit.value = b;
+					this._domEdit.value = x;
 				}
 				this._domSample.style.color = a;
 			}
@@ -719,6 +720,7 @@ var Picker = function() {
 			}
 		}
 	]), 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 };
+}(), v = document.createElement("style");
+v.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(v), _.StyleElement = v;
+//#endregion
+export { _ as default };