tweak-ui 0.8.0 → 0.8.2

package/dist/tweak-ui.module.js

@@ -150,7 +150,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		function p(e, t, n, r, i) {
 			var a = t.tag;
-			if (typeof a == "string") switch (t.state = {}, t.attrs != null && H(t.attrs, t, n), a) {
+			if (typeof a == "string") switch (t.state = {}, t.attrs != null && U(t.attrs, t, n), a) {
 				case "#":
 					m(e, t, i);
 					break;
@@ -196,9 +196,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var a = t.tag, o = t.attrs, l = t.is;
 			r = c(t) || r;
 			var u = r ? l ? s(e).createElementNS(r, a, { is: l }) : s(e).createElementNS(r, a) : l ? s(e).createElement(a, { is: l }) : s(e).createElement(a);
-			if (t.dom = u, o != null && ie(t, o, r), N(e, u, i), !P(t) && t.children != null) {
+			if (t.dom = u, o != null && re(t, o, r), N(e, u, i), !P(t) && t.children != null) {
 				var d = t.children;
-				f(u, d, 0, d.length, n, null, r), t.tag === "select" && o != null && oe(t, o);
+				f(u, d, 0, d.length, n, null, r), t.tag === "select" && o != null && ae(t, o);
 			}
 		}
 		function y(e, t) {
@@ -210,7 +210,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				if (e.state = void 0, r = e.tag, r.$$reentrantLock$$ != null) return;
 				r.$$reentrantLock$$ = !0, e.state = e.tag.prototype != null && typeof e.tag.prototype.view == "function" ? new e.tag(e) : e.tag(e);
 			}
-			if (H(e.state, e, t), e.attrs != null && H(e.attrs, e, t), e.instance = n.normalize(u.call(e.state.view, e)), e.instance === e) throw Error("A view cannot return the vnode it received as argument");
+			if (U(e.state, e, t), e.attrs != null && U(e.attrs, e, t), e.instance = n.normalize(u.call(e.state.view, e)), e.instance === e) throw Error("A view cannot return the vnode it received as argument");
 			r.$$reentrantLock$$ = null;
 		}
 		function b(e, t, n, r, i) {
@@ -245,7 +245,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					}
 				} else {
 					var P = t.length < n.length ? t.length : n.length;
-					for (c = c < l ? c : l; c < P; c++) h = t[c], g = n[c], !(h === g || h == null && g == null) && (h == null ? p(e, g, r, a, j(t, c + 1, i)) : g == null ? ne(e, h) : S(e, h, g, r, j(t, c + 1, i), a));
+					for (c = c < l ? c : l; c < P; c++) h = t[c], g = n[c], !(h === g || h == null && g == null) && (h == null ? p(e, g, r, a, j(t, c + 1, i)) : g == null ? I(e, h) : S(e, h, g, r, j(t, c + 1, i), a));
 					t.length > P && F(e, t, c, t.length), n.length > P && f(e, n, c, n.length, r, i, a);
 				}
 			}
@@ -253,8 +253,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		function S(e, t, n, r, i, a) {
 			var o = t.tag;
 			if (o === n.tag && t.is === n.is) {
-				if (n.state = t.state, n.events = t.events, ue(n, t)) return;
-				if (typeof o == "string") switch (n.attrs != null && U(n.attrs, n, r), o) {
+				if (n.state = t.state, n.events = t.events, le(n, t)) return;
+				if (typeof o == "string") switch (n.attrs != null && W(n.attrs, n, r), o) {
 					case "#":
 						C(t, n);
 						break;
@@ -267,13 +267,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					default: E(t, n, r, a);
 				}
 				else D(e, t, n, r, i, a);
-			} else ne(e, t), p(e, n, r, a, i);
+			} else I(e, t), p(e, n, r, a, i);
 		}
 		function C(e, t) {
 			e.children.toString() !== t.children.toString() && (e.dom.nodeValue = t.children), t.dom = e.dom;
 		}
 		function w(e, t, n, r, i) {
-			t.children === n.children ? (n.dom = t.dom, n.domSize = t.domSize) : (re(e, t), g(e, n, r, i));
+			t.children === n.children ? (n.dom = t.dom, n.domSize = t.domSize) : (ne(e, t), g(e, n, r, i));
 		}
 		function T(e, t, n, r, i, a) {
 			x(e, t.children, n.children, r, i, a);
@@ -286,11 +286,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		function E(e, t, n, r) {
 			var i = t.dom = e.dom;
-			r = c(t) || r, (e.attrs != t.attrs || t.attrs != null && !a.get(t.attrs)) && se(t, e.attrs, t.attrs, r), P(t) || x(i, e.children, t.children, n, null, r);
+			r = c(t) || r, (e.attrs != t.attrs || t.attrs != null && !a.get(t.attrs)) && oe(t, e.attrs, t.attrs, r), P(t) || x(i, e.children, t.children, n, null, r);
 		}
 		function D(e, t, r, i, a, o) {
 			if (r.instance = n.normalize(u.call(r.state.view, r)), r.instance === r) throw Error("A view cannot return the vnode it received as argument");
-			U(r.state, r, i), r.attrs != null && U(r.attrs, r, i), r.instance == null ? (t.instance != null && ne(e, t.instance), r.domSize = 0) : (t.instance == null ? p(e, r.instance, i, o, a) : S(e, t.instance, r.instance, i, a, o), r.dom = r.instance.dom, r.domSize = r.instance.domSize);
+			W(r.state, r, i), r.attrs != null && W(r.attrs, r, i), r.instance == null ? (t.instance != null && I(e, t.instance), r.domSize = 0) : (t.instance == null ? p(e, r.instance, i, o, a) : S(e, t.instance, r.instance, i, a, o), r.dom = r.instance.dom, r.domSize = r.instance.domSize);
 		}
 		function O(e, t, n) {
 			for (var r = Object.create(null); t < n; t++) {
@@ -350,7 +350,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		function F(e, t, n, r) {
 			for (var i = n; i < r; i++) {
 				var a = t[i];
-				a != null && ne(e, a);
+				a != null && I(e, a);
 			}
 		}
 		function ee(e, t, n, a) {
@@ -364,36 +364,36 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}
 		function te(e, t, n) {
-			--n.v === 0 && (I(t), re(e, t));
+			--n.v === 0 && (L(t), ne(e, t));
 		}
-		function ne(e, t) {
+		function I(e, t) {
 			var n = { v: 1 };
 			typeof t.tag != "string" && typeof t.state.onbeforeremove == "function" && ee(e, t, t.state, n), t.attrs && typeof t.attrs.onbeforeremove == "function" && ee(e, t, t.attrs, n), te(e, t, n);
 		}
-		function re(e, t) {
+		function ne(e, t) {
 			if (t.dom != null) if (t.domSize == null || t.domSize === 1) e.removeChild(t.dom);
 			else for (var n of i(t)) e.removeChild(n);
 		}
-		function I(e) {
-			if (typeof e.tag != "string" && typeof e.state.onremove == "function" && u.call(e.state.onremove, e), e.attrs && typeof e.attrs.onremove == "function" && u.call(e.attrs.onremove, e), typeof e.tag != "string") e.instance != null && I(e.instance);
+		function L(e) {
+			if (typeof e.tag != "string" && typeof e.state.onremove == "function" && u.call(e.state.onremove, e), e.attrs && typeof e.attrs.onremove == "function" && u.call(e.attrs.onremove, e), typeof e.tag != "string") e.instance != null && L(e.instance);
 			else {
 				e.events != null && (e.events._ = null);
 				var t = e.children;
 				if (Array.isArray(t)) for (var n = 0; n < t.length; n++) {
 					var r = t[n];
-					r != null && I(r);
+					r != null && L(r);
 				}
 			}
 		}
-		function ie(e, t, n) {
-			for (var r in t) L(e, r, null, t[r], n);
+		function re(e, t, n) {
+			for (var r in t) R(e, r, null, t[r], n);
 		}
-		function L(e, t, n, r, i) {
-			if (!(t === "key" || r == null || z(t) || n === r && !R(e, t) && typeof r != "object")) {
-				if (t[0] === "o" && t[1] === "n") return V(e, t, r);
+		function R(e, t, n, r, i) {
+			if (!(t === "key" || r == null || B(t) || n === r && !z(e, t) && typeof r != "object")) {
+				if (t[0] === "o" && t[1] === "n") return H(e, t, r);
 				if (t.slice(0, 6) === "xlink:") e.dom.setAttributeNS("http://www.w3.org/1999/xlink", t.slice(6), r);
-				else if (t === "style") le(e.dom, n, r);
-				else if (ce(e, t, i)) {
+				else if (t === "style") ce(e.dom, n, r);
+				else if (se(e, t, i)) {
 					if (t === "value") {
 						if ((e.tag === "input" || e.tag === "textarea") && e.dom.value === "" + r || e.tag === "select" && n !== null && e.dom.value === "" + r || e.tag === "option" && n !== null && e.dom.value === "" + r) return;
 						if (e.tag === "input" && e.attrs.type === "file" && "" + r != "") {
@@ -405,38 +405,38 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				} else typeof r == "boolean" ? r ? e.dom.setAttribute(t, "") : e.dom.removeAttribute(t) : e.dom.setAttribute(t === "className" ? "class" : t, r);
 			}
 		}
-		function ae(e, t, n, r) {
-			if (!(t === "key" || n == null || z(t))) if (t[0] === "o" && t[1] === "n") V(e, t, void 0);
-			else if (t === "style") le(e.dom, n, null);
-			else if (ce(e, t, r) && t !== "className" && t !== "title" && !(t === "value" && (e.tag === "option" || e.tag === "select" && e.dom.selectedIndex === -1 && e.dom === d(e.dom))) && !(e.tag === "input" && t === "type")) e.dom[t] = null;
+		function ie(e, t, n, r) {
+			if (!(t === "key" || n == null || B(t))) if (t[0] === "o" && t[1] === "n") H(e, t, void 0);
+			else if (t === "style") ce(e.dom, n, null);
+			else if (se(e, t, r) && t !== "className" && t !== "title" && !(t === "value" && (e.tag === "option" || e.tag === "select" && e.dom.selectedIndex === -1 && e.dom === d(e.dom))) && !(e.tag === "input" && t === "type")) e.dom[t] = null;
 			else {
 				var i = t.indexOf(":");
 				i !== -1 && (t = t.slice(i + 1)), n !== !1 && e.dom.removeAttribute(t === "className" ? "class" : t);
 			}
 		}
-		function oe(e, t) {
+		function ae(e, t) {
 			if ("value" in t) if (t.value === null) e.dom.selectedIndex !== -1 && (e.dom.value = null);
 			else {
 				var n = "" + t.value;
 				(e.dom.value !== n || e.dom.selectedIndex === -1) && (e.dom.value = n);
 			}
-			"selectedIndex" in t && L(e, "selectedIndex", null, t.selectedIndex, void 0);
+			"selectedIndex" in t && R(e, "selectedIndex", null, t.selectedIndex, void 0);
 		}
-		function se(e, t, n, r) {
+		function oe(e, t, n, r) {
 			var i;
-			if (t != null) for (var o in t === n && !a.has(n) && console.warn("Don't reuse attrs object, use new object for every redraw, this will throw in next major"), t) (i = t[o]) != null && (n == null || n[o] == null) && ae(e, o, i, r);
-			if (n != null) for (var o in n) L(e, o, t && t[o], n[o], r);
+			if (t != null) for (var o in t === n && !a.has(n) && console.warn("Don't reuse attrs object, use new object for every redraw, this will throw in next major"), t) (i = t[o]) != null && (n == null || n[o] == null) && ie(e, o, i, r);
+			if (n != null) for (var o in n) R(e, o, t && t[o], n[o], r);
 		}
-		function R(e, t) {
+		function z(e, t) {
 			return t === "value" || t === "checked" || t === "selectedIndex" || t === "selected" && (e.dom === d(e.dom) || e.tag === "option" && e.dom.parentNode === d(e.dom));
 		}
-		function z(e) {
+		function B(e) {
 			return e === "oninit" || e === "oncreate" || e === "onupdate" || e === "onremove" || e === "onbeforeremove" || e === "onbeforeupdate";
 		}
-		function ce(e, t, n) {
+		function se(e, t, n) {
 			return n === void 0 && (e.tag.indexOf("-") > -1 || e.is || t !== "href" && t !== "list" && t !== "form" && t !== "width" && t !== "height") && t in e.dom;
 		}
-		function le(e, t, n) {
+		function ce(e, t, n) {
 			if (t !== n) if (n == null) e.style = "";
 			else if (typeof n != "object") e.style = n;
 			else if (typeof t != "object" || !t) for (var r in e.style = "", n) {
@@ -451,10 +451,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 			}
 		}
-		function B() {
+		function V() {
 			this._ = t;
 		}
-		B.prototype = Object.create(null), B.prototype.handleEvent = function(e) {
+		V.prototype = Object.create(null), V.prototype.handleEvent = function(e) {
 			var t = this["on" + e.type], n;
 			typeof t == "function" ? n = t.call(e.currentTarget, e) : typeof t.handleEvent == "function" && t.handleEvent(e);
 			var r = this;
@@ -462,19 +462,19 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				r._ != null && e.redraw !== !1 && (0, r._)();
 			})), n === !1 && (e.preventDefault(), e.stopPropagation());
 		};
-		function V(e, n, r) {
+		function H(e, n, r) {
 			if (e.events != null) {
 				if (e.events._ = t, e.events[n] === r) return;
 				r != null && (typeof r == "function" || typeof r == "object") ? (e.events[n] ?? e.dom.addEventListener(n.slice(2), e.events, !1), e.events[n] = r) : (e.events[n] != null && e.dom.removeEventListener(n.slice(2), e.events, !1), e.events[n] = void 0);
-			} else r != null && (typeof r == "function" || typeof r == "object") && (e.events = new B(), e.dom.addEventListener(n.slice(2), e.events, !1), e.events[n] = r);
+			} else r != null && (typeof r == "function" || typeof r == "object") && (e.events = new V(), e.dom.addEventListener(n.slice(2), e.events, !1), e.events[n] = r);
 		}
-		function H(e, t, n) {
+		function U(e, t, n) {
 			typeof e.oninit == "function" && u.call(e.oninit, t), typeof e.oncreate == "function" && n.push(u.bind(e.oncreate, t));
 		}
-		function U(e, t, n) {
+		function W(e, t, n) {
 			typeof e.onupdate == "function" && n.push(u.bind(e.onupdate, t));
 		}
-		function ue(e, t) {
+		function le(e, t) {
 			do {
 				if (e.attrs != null && typeof e.attrs.onbeforeupdate == "function") {
 					var n = u.call(e.attrs.onbeforeupdate, e, t);
@@ -488,17 +488,17 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			} while (!1);
 			return e.dom = t.dom, e.domSize = t.domSize, e.instance = t.instance, e.attrs = t.attrs, e.children = t.children, e.text = t.text, !0;
 		}
-		var W;
+		var G;
 		return function(e, r, i) {
 			if (!e) throw TypeError("DOM element being rendered to does not exist.");
-			if (W != null && e.contains(W)) throw TypeError("Node is currently being rendered to and thus is locked.");
-			var a = t, s = W, c = [], l = d(e), u = e.namespaceURI;
-			W = e, t = typeof i == "function" ? i : void 0, o = {};
+			if (G != null && e.contains(G)) throw TypeError("Node is currently being rendered to and thus is locked.");
+			var a = t, s = G, c = [], l = d(e), u = e.namespaceURI;
+			G = e, t = typeof i == "function" ? i : void 0, o = {};
 			try {
 				e.vnodes ?? (e.textContent = ""), r = n.normalizeChildren(Array.isArray(r) ? r : [r]), x(e, e.vnodes, r, c, null, u === "http://www.w3.org/1999/xhtml" ? void 0 : u), e.vnodes = r, l != null && d(e) !== l && typeof l.focus == "function" && l.focus();
 				for (var f = 0; f < c.length; f++) c[f]();
 			} finally {
-				t = a, W = s;
+				t = a, G = s;
 			}
 		};
 	};
@@ -801,28 +801,28 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	o.m = n, o.trust = n.trust, o.fragment = n.fragment, o.Fragment = "[", o.mount = r.mount, o.route = a, o.render = x(), o.redraw = r.redraw, o.request = i.request, o.parseQueryString = k(), o.buildQueryString = w(), o.parsePathname = A(), o.buildPathname = T(), o.vnode = l(), o.censor = M(), o.domFor = y(), t.exports = o;
 })))(), 1);
 function ee(e, t) {
-	return (0, F.default)(I, e, t);
+	return (0, F.default)(L, e, t);
 }
 function te(e, t) {
-	return (0, F.default)(ie, e, t);
+	return (0, F.default)(re, e, t);
 }
-function ne(e, t) {
-	return (0, F.default)(L, e, t);
+function I(e, t) {
+	return (0, F.default)(R, e, t);
 }
-function re(e, t) {
-	return (0, F.default)(ae, e, t);
+function ne(e, t) {
+	return (0, F.default)(ie, e, t);
 }
-var I = () => ({ view: ({ attrs: { start: e, end: t, ...n }, children: r }) => (0, F.default)("div.twk-bar", n, [
-	e ? (0, F.default)(ie, e) : null,
+var L = () => ({ view: ({ attrs: { start: e, end: t, ...n }, children: r }) => (0, F.default)("div.twk-bar", n, [
+	e ? (0, F.default)(re, e) : null,
 	r,
-	t ? (0, F.default)(L, t) : null
-]) }), ie = () => ({ view: ({ attrs: e, children: t }) => (0, F.default)("div.twk-bar-start", e, t) }), L = () => ({ view: ({ attrs: e, children: t }) => (0, F.default)("div.twk-bar-end", e, t) }), ae = () => ({ view: ({ attrs: e, children: t }) => (0, F.default)("div.twk-bar-content", e, t) });
+	t ? (0, F.default)(R, t) : null
+]) }), re = () => ({ view: ({ attrs: e, children: t }) => (0, F.default)("div.twk-bar-start", e, t) }), R = () => ({ view: ({ attrs: e, children: t }) => (0, F.default)("div.twk-bar-end", e, t) }), ie = () => ({ view: ({ attrs: e, children: t }) => (0, F.default)("div.twk-bar-content", e, t) });
 //#endregion
 //#region src/lib/components/container/grid.ts
-function oe(e, t) {
-	return (0, F.default)(se, e, t);
+function ae(e, t) {
+	return (0, F.default)(oe, e, t);
 }
-var se = () => ({ view: (e) => {
+var oe = () => ({ view: (e) => {
 	let t = e.attrs;
 	return (0, F.default)("div.twk-grid", { style: {
 		gridTemplateColumns: typeof t.columns == "number" ? `repeat(${t.columns}, 1fr)` : t.columns || "none",
@@ -832,33 +832,33 @@ var se = () => ({ view: (e) => {
 } });
 //#endregion
 //#region src/lib/core/utils.ts
-function R(e) {
+function z(e) {
 	return typeof e == "string";
 }
-function z(e) {
+function B(e) {
 	return typeof e == "number";
 }
-function ce(e) {
+function se(e) {
 	return typeof e == "function";
 }
-function le(e) {
+function ce(e) {
 	return Array.isArray(e);
 }
-function B(e) {
-	return typeof e == "object" && !!e && !le(e);
+function V(e) {
+	return typeof e == "object" && !!e && !ce(e);
 }
-function V(e, ...t) {
-	return ce(e) ? e(...t) : null;
+function H(e, ...t) {
+	return se(e) ? e(...t) : null;
 }
-function H(e, t, n) {
+function U(e, t, n) {
 	if (e != null) {
 		if (t != null && e < t) return t;
 		if (n != null && e > n) return n;
 	}
 	return e;
 }
-function U() {
-	if (arguments.length === 1 && R(arguments[0])) return arguments[0];
+function W() {
+	if (arguments.length === 1 && z(arguments[0])) return arguments[0];
 	if (arguments.length === 0) return "";
 	let e = [], t = (n) => {
 		if (n) {
@@ -883,17 +883,17 @@ function U() {
 	for (let e of arguments) t(e);
 	return e.join(" ");
 }
-function ue(e, t, n) {
+function le(e, t, n) {
 	for (; e.length < t;) e = `${n}${e}`;
 	return e;
 }
-function W(e) {
+function G(e) {
 	let t = 0, n = 0;
 	return "touches" in e ? (t = e.touches.item(0).pageX, n = e.touches.item(0).pageY) : (t = e.pageX, n = e.pageY), [t, n];
 }
-function de(e, t, n) {
+function ue(e, t, n) {
 	t ||= e.target;
-	let r = t.getBoundingClientRect(), i = window.pageXOffset || document.documentElement.scrollLeft, a = window.pageYOffset || document.documentElement.scrollTop, o = t.clientWidth, s = t.clientHeight, [c, l] = W(e);
+	let r = t.getBoundingClientRect(), i = window.pageXOffset || document.documentElement.scrollLeft, a = window.pageYOffset || document.documentElement.scrollTop, o = t.clientWidth, s = t.clientHeight, [c, l] = G(e);
 	n && (c += n[0], l += n[1]);
 	let u = c - i - r.left, d = l - a - r.top;
 	return {
@@ -905,7 +905,7 @@ function de(e, t, n) {
 		normalizedY: d / s
 	};
 }
-function fe({ onStart: e, onMove: t, onEnd: n }) {
+function de({ onStart: e, onMove: t, onEnd: n }) {
 	let r = {
 		target: null,
 		activate: (i) => {
@@ -920,7 +920,7 @@ function fe({ onStart: e, onMove: t, onEnd: n }) {
 	};
 	return r;
 }
-function pe(e, t, n) {
+function fe(e, t, n) {
 	return new Promise((r) => {
 		let i = !1, a = (n) => {
 			i = !0, e.removeEventListener(t, a), r(!0);
@@ -932,10 +932,10 @@ function pe(e, t, n) {
 }
 //#endregion
 //#region src/lib/components/container/group.ts
-function me(e, t) {
-	return (0, F.default)(he, e, t);
+function pe(e, t) {
+	return (0, F.default)(me, e, t);
 }
-var he = () => {
+var me = () => {
 	let e, t, n, r, i = !1;
 	function a(t) {
 		let i = t.attrs;
@@ -951,28 +951,28 @@ var he = () => {
 		oninit: a,
 		onupdate: a,
 		view: ({ attrs: a, children: o }) => (e = a.title || "", t = a.icon || "", n = !!a.collapsible, r ??= !!a.collapsed, (0, F.default)("div.twk-group", {
-			class: U({
+			class: W({
 				"twk-group-collapsible": !!n,
 				"twk-group-collapsed": !!r
 			}),
 			style: a.style
-		}, F.default.fragment({}, [s()]), r ? null : (0, F.default)(ge, { animate: i }, o)))
+		}, F.default.fragment({}, [s()]), r ? null : (0, F.default)(he, { animate: i }, o)))
 	};
-}, ge = () => ({
+}, he = () => ({
 	onbeforeremove: async ({ dom: e }) => {
-		e.classList.remove("enter"), e.classList.add("leave"), await pe(e, "animationstart", 50) && await pe(e, "animationend", 2e3);
+		e.classList.remove("enter"), e.classList.add("leave"), await fe(e, "animationstart", 50) && await fe(e, "animationend", 2e3);
 	},
-	view: ({ children: e, attrs: t }) => (0, F.default)("div.twk-group-content", { class: U({
+	view: ({ children: e, attrs: t }) => (0, F.default)("div.twk-group-content", { class: W({
 		animate: t.animate,
 		enter: !0
 	}) }, e)
 });
 //#endregion
 //#region src/lib/components/container/list.ts
-function _e(e, t) {
-	return (0, F.default)(ve, e, t);
+function ge(e, t) {
+	return (0, F.default)(_e, e, t);
 }
-var ve = () => ({ view: ({ attrs: { flex: e, flow: t, style: n, ...r }, children: i }) => (0, F.default)("div.twk-flex", {
+var _e = () => ({ view: ({ attrs: { flex: e, flow: t, style: n, ...r }, children: i }) => (0, F.default)("div.twk-flex", {
 	style: {
 		flex: e ?? "auto",
 		flexFlow: t || "column nowrap",
@@ -982,6 +982,9 @@ var ve = () => ({ view: ({ attrs: { flex: e, flow: t, style: n, ...r }, children
 }, i) });
 //#endregion
 //#region src/lib/components/container/section.ts
+function ve(e, t) {
+	return (0, F.default)(Se, e, t);
+}
 function ye(e, t) {
 	return (0, F.default)(Ce, e, t);
 }
@@ -991,34 +994,31 @@ function be(e, t) {
 function xe(e, t) {
 	return (0, F.default)(Te, e, t);
 }
-function Se(e, t) {
-	return (0, F.default)(Ee, e, t);
-}
-var Ce = () => ({ view: ({ attrs: { header: e, footer: t, ...n }, children: r }) => (0, F.default)("div.twk-section", n, [
-	e ? (0, F.default)(we, e) : null,
+var Se = () => ({ view: ({ attrs: { header: e, footer: t, ...n }, children: r }) => (0, F.default)("div.twk-section", n, [
+	e ? (0, F.default)(Ce, e) : null,
 	r,
-	t ? (0, F.default)(Te, t) : null
-]) }), we = () => ({ view: ({ attrs: e, children: t }) => (0, F.default)("header.twk-section-header", e, t) }), Te = () => ({ view: ({ attrs: e, children: t }) => (0, F.default)("footer.twk-section-footer", e, t) }), Ee = () => ({ view: ({ attrs: e, children: t }) => (0, F.default)("main.twk-section-content", e, t) });
+	t ? (0, F.default)(we, t) : null
+]) }), Ce = () => ({ view: ({ attrs: e, children: t }) => (0, F.default)("header.twk-section-header", e, t) }), we = () => ({ view: ({ attrs: e, children: t }) => (0, F.default)("footer.twk-section-footer", e, t) }), Te = () => ({ view: ({ attrs: e, children: t }) => (0, F.default)("main.twk-section-content", e, t) });
 //#endregion
 //#region src/lib/core/control.ts
-function G(e) {
-	return je(e, De(e));
+function K(e) {
+	return Ae(e, Ee(e));
 }
-function K(e, t) {
-	let n = Ae(e, t);
-	return Oe(e, n), n;
+function q(e, t) {
+	let n = ke(e, t);
+	return De(e, n), n;
 }
-function De(e) {
+function Ee(e) {
 	return e.binding ? e.binding.get(e.value, e.field) : e.value == null ? null : e.field == null ? e.value : e.value[e.field];
 }
-function Oe(e, t) {
+function De(e, t) {
 	if (e.binding) {
 		e.binding.set?.(t, e.value, e.field);
 		return;
 	}
 	if (e.value != null) {
 		if (e.field) {
-			if (!ke(e.value, e.field)) {
+			if (!Oe(e.value, e.field)) {
 				console.warn(`Cannot write value to control model. Property "${String(e.field)}" is not writeable.`);
 				return;
 			}
@@ -1028,37 +1028,37 @@ function Oe(e, t) {
 		e.value = t;
 	}
 }
-function ke(e, t) {
+function Oe(e, t) {
 	let n = Object.getOwnPropertyDescriptor(e, t);
 	return !n || !!n.writable || !!n.set;
 }
-function Ae(e, t) {
+function ke(e, t) {
 	return e.adapter ? e.adapter.fromControl(t) : t;
 }
-function je(e, t) {
+function Ae(e, t) {
 	return e.adapter ? e.adapter.toControl(t) : t;
 }
 //#endregion
 //#region src/lib/core/render.ts
-function Me(e) {
+function je(e) {
 	return typeof e == "object" && !!e && "tag" in e;
 }
-function Ne(e, t) {
-	return Array.isArray(e) ? e.map((e, n, r) => Me(e) ? t(e, n, r) : e) : Me(e) ? t(e, 0, [e]) : e;
+function Me(e, t) {
+	return Array.isArray(e) ? e.map((e, n, r) => je(e) ? t(e, n, r) : e) : je(e) ? t(e, 0, [e]) : e;
 }
-function Pe(e) {
+function Ne(e) {
 	return e == null ? null : typeof e == "function" ? e() : Array.isArray(e) ? e.map((e) => {
-		if (Fe(e)) {
+		if (Pe(e)) {
 			let { component: t, attributes: n, children: r } = e;
-			return (0, F.default)(t, n, Pe(r || []));
+			return (0, F.default)(t, n, Ne(r || []));
 		}
 		return e;
 	}) : e;
 }
-function Fe(e) {
+function Pe(e) {
 	return typeof e == "object" && !!e && "component" in e && "attributes" in e;
 }
-function Ie(e) {
+function Fe(e) {
 	return () => {
 		let t;
 		return arguments.length === 1 ? t = arguments[0] || {} : arguments.length > 1 ? (t = arguments[1] || {}, t.label = arguments[0]) : t = {}, (0, F.default)(e, t);
@@ -1066,7 +1066,7 @@ function Ie(e) {
 }
 //#endregion
 //#region src/lib/core/types.ts
-function Le(e, t) {
+function Ie(e, t) {
 	return {
 		get: () => e[t],
 		set: (n) => e[t] = n
@@ -1074,35 +1074,35 @@ function Le(e, t) {
 }
 //#endregion
 //#region src/lib/mount.ts
-var Re = F.default;
-function ze(e, t) {
+var Le = F.default;
+function Re(e, t) {
 	let n = typeof e == "string" ? document.querySelector(e) : e;
 	if (n.classList.add("tweak-ui"), !t) F.default.mount(n, null);
 	else if (Array.isArray(t)) F.default.mount(n, { view: () => t });
 	else if (typeof t == "function") {
-		let e = Wn.build(t);
-		F.default.mount(n, { view: () => Pe(e) });
+		let e = Yn.build(t);
+		F.default.mount(n, { view: () => Ne(e) });
 	} else F.default.mount(n, t);
 }
-function Be(e) {
+function ze(e) {
 	let t = typeof e == "string" ? document.querySelector(e) : e;
 	F.default.mount(t, null);
 }
-function Ve() {
+function Be() {
 	F.default.redraw();
 }
 //#endregion
 //#region src/lib/components/container/split.ts
-function He(e, t) {
-	return (0, F.default)(Ge, e, t);
-}
-function Ue(e, t) {
+function Ve(e, t) {
 	return (0, F.default)(We, e, t);
 }
-var We = (e) => ({ view: ({ attrs: e, children: t }) => Re("div", {
+function He(e, t) {
+	return (0, F.default)(Ue, e, t);
+}
+var Ue = (e) => ({ view: ({ attrs: e, children: t }) => Le("div", {
 	...e,
-	class: U({ fluid: !!e.fluid }, e.class)
-}, t) }), Ge = () => {
+	class: W({ fluid: !!e.fluid }, e.class)
+}, t) }), We = () => {
 	let e = !1, t = 0, n, r, i, a, o, s = null, c = null;
 	function l(e, t, s, c) {
 		f(), e.stopPropagation(), n = e, r = s.dom?.getBoundingClientRect(), i = c.dom?.getBoundingClientRect(), a = s.dom, o = c.dom, window.addEventListener("mousemove", u), window.addEventListener("mouseup", f);
@@ -1134,7 +1134,7 @@ var We = (e) => ({ view: ({ attrs: e, children: t }) => Re("div", {
 		},
 		view: ({ attrs: { style: n, flow: r, minSize: i, ...a }, children: o }) => (e = r === "row", t = i = Math.max(i || 16, 0), queueMicrotask(d), (0, F.default)("div.twk-split-pane", {
 			...a,
-			class: U({
+			class: W({
 				"twk-split-pane-h": e,
 				"twk-split-pane-v": !e
 			}),
@@ -1143,19 +1143,19 @@ var We = (e) => ({ view: ({ attrs: e, children: t }) => Re("div", {
 				display: "flex",
 				flexDirection: e ? "row" : "column"
 			}
-		}, Ne(o, (t, n, r) => t ? [t, r[n + 1] ? (0, F.default)("div.twk-split-gutter", {
-			class: U({
+		}, Me(o, (t, n, r) => t ? [t, r[n + 1] ? (0, F.default)("div.twk-split-gutter", {
+			class: W({
 				"twk-split-gutter-h": e,
 				"twk-split-gutter-v": !e
 			}),
 			onmousedown: (e) => l(e, n, t, r[n + 1])
 		}) : null] : null)))
 	};
-}, Ke = Symbol("tabsHost"), qe = () => {
+}, Ge = Symbol("tabsHost"), Ke = () => {
 	let e, t;
 	return {
 		oninit: (n) => {
-			if (e = n.attrs[Ke], t = n, !e) throw Error("TabPane must be used inside a Tabs component");
+			if (e = n.attrs[Ge], t = n, !e) throw Error("TabPane must be used inside a Tabs component");
 			e.attach(n);
 		},
 		onremove: () => {
@@ -1164,16 +1164,16 @@ var We = (e) => ({ view: ({ attrs: e, children: t }) => Re("div", {
 		view: ({ attrs: n, children: r }) => {
 			let i = n.title, a = e.isActive(t);
 			return [(0, F.default)("button.twk-btn.twk-tab", {
-				class: U({ active: a }),
+				class: W({ active: a }),
 				onclick: () => e.activate(t)
 			}, i), a ? (0, F.default)("div.twk-tab-content", {}, r) : null];
 		}
 	};
 };
-function Je(e, t) {
-	return (0, F.default)(Ye, e, t);
+function qe(e, t) {
+	return (0, F.default)(Je, e, t);
 }
-var Ye = () => {
+var Je = () => {
 	let e = [], t = null, n = {
 		attach(n) {
 			e.push(n), t ||= n, n.attrs.active && (t = n);
@@ -1190,41 +1190,41 @@ var Ye = () => {
 		}
 	};
 	function r(e) {
-		return Ne(e.children, (e) => {
+		return Me(e.children, (e) => {
 			if (!e) return e;
-			if (e.tag === qe) return (0, F.default)(e.tag, {
+			if (e.tag === Ke) return (0, F.default)(e.tag, {
 				...e.attrs,
-				[Ke]: n
+				[Ge]: n
 			}, e.children);
 			let t = e.attrs;
-			return (0, F.default)(qe, {
+			return (0, F.default)(Ke, {
 				title: t.title || "",
-				[Ke]: n
+				[Ge]: n
 			}, (0, F.default)(e.tag, {
 				...t,
 				title: void 0
 			}, e.children));
 		});
 	}
-	return { view: (e) => (0, F.default)("div.twk-tabs", { class: U({ "twk-tabs-vertical": !!e.attrs.vertical }) }, F.default.fragment({}, [r(e)])) };
+	return { view: (e) => (0, F.default)("div.twk-tabs", { class: W({ "twk-tabs-vertical": !!e.attrs.vertical }) }, F.default.fragment({}, [r(e)])) };
 };
 //#endregion
 //#region src/lib/components/container/tree.ts
-function Xe(e) {
-	return (0, F.default)($e, e);
+function Ye(e) {
+	return (0, F.default)(Qe, e);
 }
-function Ze(e, t, n = 0, r = []) {
+function Xe(e, t, n = 0, r = []) {
 	for (let i of e) {
 		let e = t.isExpanded(i) ?? !1, a = t.nodeChildren(i);
 		r.push({
 			node: i,
 			depth: n,
 			expanded: e
-		}), a && e && Ze(a, t, n + 1, r);
+		}), a && e && Xe(a, t, n + 1, r);
 	}
 	return r;
 }
-var Qe = 22, $e = () => {
+var Ze = 22, Qe = () => {
 	let e = 0, t = null, n = 0, r = [], i = null, a, o, s, c = [], l = null;
 	return {
 		onremove() {
@@ -1240,13 +1240,13 @@ var Qe = 22, $e = () => {
 			e.connect?.({ scrollTo(e) {
 				let t = r.findIndex((t) => t.node === e);
 				t >= 0 && (l?.scrollTo({
-					top: t * (o ?? Qe),
+					top: t * (o ?? Ze),
 					behavior: "instant"
 				}), F.default.redraw());
 			} });
 		},
 		view({ attrs: t }) {
-			c = t.data, i = t.adapter, a = t.selectedId, o = t.rowHeight ?? Qe, s = t.onSelect, r = Ze(c, i);
+			c = t.data, i = t.adapter, a = t.selectedId, o = t.rowHeight ?? Ze, s = t.onSelect, r = Xe(c, i);
 			let u = r.length, d = Math.ceil(n / o), f = Math.floor(e / o), p = Math.min(f + d, u), m = f * o, h = r.slice(f, p);
 			return (0, F.default)("div.twk-tree", {
 				style: t.style ?? {},
@@ -1263,7 +1263,7 @@ var Qe = 22, $e = () => {
 				let r = i.nodeId(e), c = r === a, l = i.nodeIcon(e, i.isExpanded(e)), u = !!i.nodeChildren(e);
 				return (0, F.default)("div.twk-tree-row", {
 					key: r,
-					class: U({
+					class: W({
 						selected: c,
 						expandable: u
 					}),
@@ -1274,7 +1274,7 @@ var Qe = 22, $e = () => {
 					onclick: () => s?.(e)
 				}, [
 					(0, F.default)("span.twk-tree-toggle", {
-						class: U({
+						class: W({
 							expanded: n,
 							expandable: u
 						}),
@@ -1291,31 +1291,31 @@ var Qe = 22, $e = () => {
 };
 //#endregion
 //#region src/lib/components/container/dialog.ts
-function et(e, t) {
-	return (0, F.default)(tt, e, t);
+function $e(e, t) {
+	return (0, F.default)(et, e, t);
 }
-var tt = () => {
+var et = () => {
 	let e = null;
 	return {
 		oncreate: ({ dom: t }) => {
-			e = t, e.addEventListener("close", Ve);
+			e = t, e.addEventListener("close", Be);
 		},
 		onremove: () => {
-			e?.removeEventListener("close", Ve), e = null;
+			e?.removeEventListener("close", Be), e = null;
 		},
 		view: ({ attrs: t, children: n }) => (0, F.default)("dialog.twk-dialog", t, [e?.open ? n : null])
 	};
 };
 //#endregion
 //#region src/lib/components/elements/button.ts
-function nt(e, t) {
-	return (0, F.default)(rt, e, t);
+function tt(e, t) {
+	return (0, F.default)(nt, e, t);
 }
-var rt = () => ({ view: ({ attrs: e, children: t }) => {
+var nt = () => ({ view: ({ attrs: e, children: t }) => {
 	let { square: n, block: r, class: i, style: a, ...o } = e;
 	return (0, F.default)("button.twk-btn", {
 		type: "button",
-		class: U({
+		class: W({
 			"twk-btn-sq": !!n,
 			"twk-btn-bl": !!r,
 			"twk-btn-lg": !!e.large,
@@ -1330,19 +1330,19 @@ var rt = () => ({ view: ({ attrs: e, children: t }) => {
 } });
 //#endregion
 //#region src/lib/components/elements/divider.ts
-function it(e) {
-	return (0, F.default)(at, e);
+function rt(e) {
+	return (0, F.default)(it, e);
 }
-var at = () => ({ view: (e) => (0, F.default)("div.twk-divider", e.attrs, e.children) });
+var it = () => ({ view: (e) => (0, F.default)("div.twk-divider", e.attrs, e.children) });
 //#endregion
 //#region src/lib/stats/sampler.ts
-function ot(e, t) {
+function at(e, t) {
 	let n = {
 		color: e.color,
 		noGraph: e.noGraph,
 		fractionDigits: e.fractionDigits,
 		smoothing: e.smoothing ?? 0,
-		transform: lt,
+		transform: ct,
 		min: e.min ?? 0,
 		max: e.max ?? 1,
 		value: null,
@@ -1363,31 +1363,31 @@ function ot(e, t) {
 		maxTail: 0,
 		minSeen: Infinity,
 		maxSeen: -Infinity,
-		sample: () => ut(e.sample(), n)
+		sample: () => lt(e.sample(), n)
 	};
 	switch (e.transform) {
 		case "log":
-			n.transform = st;
+			n.transform = ot;
 			break;
 		case "exp":
-			n.transform = ct;
+			n.transform = st;
 			break;
 		default:
-			n.transform = lt;
+			n.transform = ct;
 			break;
 	}
 	return n;
 }
-function st(e) {
+function ot(e) {
 	return Math.log10(1 + Math.max(0, e));
 }
-function ct(e) {
+function st(e) {
 	return Math.exp(e) - 1;
 }
-function lt(e) {
+function ct(e) {
 	return e;
 }
-function ut(e, t) {
+function lt(e, t) {
 	if (t.value == null) t.value = e;
 	else {
 		let n = t.smoothing;
@@ -1417,16 +1417,16 @@ function ut(e, t) {
 }
 //#endregion
 //#region src/lib/stats/stats-renderer.ts
-function dt(e) {
+function ut(e) {
 	let t = e.getContext("webgl2");
 	if (!t) throw Error("WebGL2 is not supported in this browser");
-	let n = ht(t), r = t.createBuffer();
+	let n = mt(t), r = t.createBuffer();
 	t.bindBuffer(t.ARRAY_BUFFER, r), t.enableVertexAttribArray(0), t.enableVertexAttribArray(1), t.enableVertexAttribArray(2), t.vertexAttribPointer(0, 1, t.FLOAT, !1, 12, 0), t.vertexAttribPointer(1, 1, t.FLOAT, !1, 12, 4), t.vertexAttribPointer(2, 1, t.FLOAT, !1, 12, 8);
 	let i = t.getUniformLocation(n, "u_history"), a = t.getUniformLocation(n, "u_width"), o = t.getUniformLocation(n, "u_height"), s = t.getUniformLocation(n, "u_rowH"), c = t.getUniformLocation(n, "u_padding"), l = t.getUniformLocation(n, "u_color"), u = !1, d = 100, f = 0, p, m, h, g = [], _ = [];
 	function v(e) {
 		u = !!e.collapsed, f = e.rows.length, d = Math.max(e.historySize || 100, 100), m = new Float32Array(f * d), h = new Uint32Array(f), p = new Float32Array(f * d * 3), _.length = f, g.length = f;
 		for (let t = 0; t < f; t++) {
-			_[t] = ot(e.rows[t], d);
+			_[t] = at(e.rows[t], d);
 			let n = e.rows[t].color;
 			g[t] = [
 				parseInt(n.slice(1, 3), 16) / 255,
@@ -1458,22 +1458,22 @@ function dt(e) {
 		samplerCount: _.length
 	};
 }
-var ft = "#version 300 es\nprecision highp float;\n\nlayout(location=0) in float a_x;\nlayout(location=1) in float a_row;\nlayout(location=2) in float a_value;\n\nuniform float u_history;\nuniform float u_width;\nuniform float u_height;\nuniform float u_padding;\nuniform float u_rowH;\n\nvoid main() {\n  float x = u_padding + (a_x / (u_history - 1.0)) * (u_width - 2.0 * u_padding);\n  float yBase = u_padding + a_row * (u_rowH + u_padding);\n  float y = yBase + u_rowH - 2.0 - a_value * (u_rowH - 4.0);\n\n  float ndcX = (x / u_width) * 2.0 - 1.0;\n  float ndcY = 1.0 - (y / u_height) * 2.0;\n\n  gl_Position = vec4(ndcX, ndcY, 0.0, 1.0);\n}\n", pt = "#version 300 es\nprecision highp float;\nuniform vec3 u_color;\nout vec4 outColor;\nvoid main(){\n  outColor = vec4(u_color,1.0);\n}\n";
-function mt(e, t, n) {
+var dt = "#version 300 es\nprecision highp float;\n\nlayout(location=0) in float a_x;\nlayout(location=1) in float a_row;\nlayout(location=2) in float a_value;\n\nuniform float u_history;\nuniform float u_width;\nuniform float u_height;\nuniform float u_padding;\nuniform float u_rowH;\n\nvoid main() {\n  float x = u_padding + (a_x / (u_history - 1.0)) * (u_width - 2.0 * u_padding);\n  float yBase = u_padding + a_row * (u_rowH + u_padding);\n  float y = yBase + u_rowH - 2.0 - a_value * (u_rowH - 4.0);\n\n  float ndcX = (x / u_width) * 2.0 - 1.0;\n  float ndcY = 1.0 - (y / u_height) * 2.0;\n\n  gl_Position = vec4(ndcX, ndcY, 0.0, 1.0);\n}\n", ft = "#version 300 es\nprecision highp float;\nuniform vec3 u_color;\nout vec4 outColor;\nvoid main(){\n  outColor = vec4(u_color,1.0);\n}\n";
+function pt(e, t, n) {
 	let r = e.createShader(t);
 	if (e.shaderSource(r, n), e.compileShader(r), !e.getShaderParameter(r, e.COMPILE_STATUS)) throw e.getShaderInfoLog(r);
 	return r;
 }
-function ht(e) {
+function mt(e) {
 	let t = e.createProgram();
-	return e.attachShader(t, mt(e, e.VERTEX_SHADER, ft)), e.attachShader(t, mt(e, e.FRAGMENT_SHADER, pt)), e.linkProgram(t), e.useProgram(t), t;
+	return e.attachShader(t, pt(e, e.VERTEX_SHADER, dt)), e.attachShader(t, pt(e, e.FRAGMENT_SHADER, ft)), e.linkProgram(t), e.useProgram(t), t;
 }
 //#endregion
 //#region src/lib/components/elements/graph.ts
-function gt(e, t) {
-	return (0, F.default)(_t, e, t);
+function ht(e, t) {
+	return (0, F.default)(gt, e, t);
 }
-var _t = () => {
+var gt = () => {
 	let e = null, t = null, n = null, r, i = { rows: [] }, a = [], o = null;
 	function s(t) {
 		n = t, e?.observe(n), l(), o = setInterval(u, 250);
@@ -1485,7 +1485,7 @@ var _t = () => {
 		n?.isConnected ? (r.update(), r.render(), t = requestAnimationFrame(l)) : c();
 	}
 	function u() {
-		yt(r, a);
+		vt(r, a);
 	}
 	function d({ dom: t }) {
 		c();
@@ -1495,10 +1495,10 @@ var _t = () => {
 			return;
 		}
 		e = new ResizeObserver((e) => {
-			let t = vt(e);
+			let t = _t(e);
 			t && r && r.resize(t.width, t.height);
-		}), r = dt(n);
-		for (let e = 0; e < i.rows.length; e++) i.rows[e].color ||= St(e);
+		}), r = ut(n);
+		for (let e = 0; e < i.rows.length; e++) i.rows[e].color ||= xt(e);
 		r.configure(i), s(n);
 	}
 	function f() {
@@ -1510,7 +1510,7 @@ var _t = () => {
 			rows: (e.attrs.rows || []).map((e, t) => ({
 				...e,
 				name: e.name || `Row ${t + 1}`,
-				color: e.color || St(t)
+				color: e.color || xt(t)
 			}))
 		};
 	}
@@ -1534,7 +1534,7 @@ var _t = () => {
 		])))])]
 	};
 };
-function vt(e) {
+function _t(e) {
 	let t = e[0];
 	return t.devicePixelContentBoxSize ? {
 		width: t.devicePixelContentBoxSize[0].inlineSize,
@@ -1544,25 +1544,25 @@ function vt(e) {
 		height: Math.round(t.contentBoxSize[0].blockSize * devicePixelRatio)
 	} : null;
 }
-function yt(e, t) {
+function vt(e, t) {
 	if (e) for (let n = 0; n < t.length; n++) {
 		let r = t[n], i = e.sampler(n);
 		if (!i || !r) continue;
 		let a = r.querySelector(".twk-current"), o = r.querySelector(".twk-stats");
-		if (a && (a.textContent = bt(i.value, i.fractionDigits)), o) if (i.noGraph) o.textContent = "";
+		if (a && (a.textContent = yt(i.value, i.fractionDigits)), o) if (i.noGraph) o.textContent = "";
 		else {
 			let e = i.fractionDigits;
-			o.textContent = `${bt(i.minSeen, e)}/${bt(i.maxSeen, e)}/${bt(i.avg, e)}`;
+			o.textContent = `${yt(i.minSeen, e)}/${yt(i.maxSeen, e)}/${yt(i.avg, e)}`;
 		}
 	}
 }
-function bt(e, t) {
+function yt(e, t) {
 	if (e == null) return "n/a";
 	if (t != null) return e.toFixed(t);
 	let n = Math.abs(e);
 	return n < 2 ** -52 ? "0" : n < 1 ? e.toFixed(3) : n < 10 ? e.toFixed(2) : n < 100 ? e.toFixed(1) : e.toFixed(0);
 }
-var xt = [
+var bt = [
 	"#1F77B4",
 	"#FF7F0E",
 	"#2CA02C",
@@ -1584,21 +1584,21 @@ var xt = [
 	"#FFBB78",
 	"#98DF8A"
 ];
-function St(e) {
-	return xt[e % xt.length];
+function xt(e) {
+	return bt[e % bt.length];
 }
 //#endregion
 //#region src/lib/components/elements/image.ts
-function Ct(e, t) {
-	return (0, F.default)(wt, e, t);
+function St(e, t) {
+	return (0, F.default)(Ct, e, t);
 }
-var wt = () => {
+var Ct = () => {
 	let e, t, n, r, i, a, o, s = 0, c, l;
 	function u() {
 		return t !== c || e !== l;
 	}
 	function d(e) {
-		return z(e) ? `${e}px` : e;
+		return B(e) ? `${e}px` : e;
 	}
 	function f(e) {
 		return String(e || "");
@@ -1661,36 +1661,36 @@ var wt = () => {
 			...g(t)
 		})
 	};
-}, Tt = () => ({ view: (e) => {
+}, wt = () => ({ view: (e) => {
 	let { label: t, tip: n, tagName: r, ...i } = e.attrs;
 	return [(0, F.default)(`${r || "div"}.twk-widget`, { ...i }, t === !1 ? null : (0, F.default)("div.twk-widget-label", {}, t), e.children)];
 } });
-function q(e, t) {
-	return (0, F.default)(Tt, e, t);
+function J(e, t) {
+	return (0, F.default)(wt, e, t);
 }
 //#endregion
 //#region src/lib/components/controls/scalar.ts
+function Tt(e, t) {
+	return (0, F.default)(Dt, e, t);
+}
 function Et(e, t) {
 	return (0, F.default)(Ot, e, t);
 }
-function Dt(e, t) {
-	return (0, F.default)(kt, e, t);
-}
-var Ot = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
-	tagName: "label.twk-scalar-widget",
-	label: e ?? n.field,
-	class: t
-}, [(0, F.default)(kt, n)]) }), kt = () => {
+var Dt = () => ({ view: ({ attrs: { tagName: e, label: t, class: n, ...r } }) => J({
+	tagName: `${e || "div"}.twk-scalar-widget`,
+	label: t ?? r.field,
+	class: n
+}, [(0, F.default)(Ot, r)]) }), Ot = () => {
 	let e, t, n, r, i, a, o, s = !1, c = !1, l = !1, u = !1, d;
 	function f(o) {
 		(!d || o.attrs.decimals !== a.decimals) && (d = new Intl.NumberFormat("en-US", {
 			minimumFractionDigits: o.attrs.decimals ?? 1,
 			maximumFractionDigits: o.attrs.decimals ?? 1,
 			useGrouping: !1
-		})), a = o.attrs, e = a.min, t = a.max, n = a.step, u = !!a.range, i = G(a), r = !!a.readonly, s = e != null && t != null, c = n != null, l = s || c;
+		})), a = o.attrs, e = a.min, t = a.max, n = a.step, u = !!a.range, i = K(a), r = !!a.readonly, s = e != null && t != null, c = n != null, l = s || c;
 	}
 	function p(n, r) {
-		i = isNaN(r) ? null : H(r, e, t), K(a, i), (n === "input" ? a.oninput : a.onchange)?.(a.value, i), F.default.redraw();
+		i = isNaN(r) ? null : U(r, e, t), q(a, i), (n === "input" ? a.oninput : a.onchange)?.(a.value, i), F.default.redraw();
 	}
 	function m() {
 		o = !0;
@@ -1707,33 +1707,35 @@ var Ot = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
 		p("change", parseFloat(t.value));
 	}
 	function v(r) {
-		return r = H(r, e, t), n != null && (r = Math.round(r / n) * n), parseFloat(r.toFixed(5));
+		return r = U(r, e, t), n != null && (r = Math.round(r / n) * n), parseFloat(r.toFixed(5));
 	}
 	function y(e) {
-		!l || r || S.activate(e);
+		!l || r || document.activeElement !== e.target && C.activate(e);
 	}
-	let b, x, S = fe({
+	let b, x, S = !1, C = de({
 		onStart: (e) => {
-			b = i, x = de(e, S.target).normalizedX;
+			e.preventDefault(), document.activeElement?.blur(), S = !1, b = i, x = ue(e, C.target);
 		},
 		onMove: (r) => {
-			r.preventDefault(), S.target?.blur();
-			let i = x - de(r, S.target).normalizedX, a = b;
-			s ? a -= i * (t - e) : c && (a -= Math.round(i * 100) * n), p("input", v(a));
+			r.preventDefault(), document.body.classList.add("twk-dragging"), S = !0, C.target?.blur();
+			let i = ue(r, C.target), a = (x.x - i.x) / Math.max(i.width, 200), o = b;
+			s ? o -= a * (t - e) : c && (o -= Math.round(a * 100) * n), p("input", v(o));
 		},
-		onEnd: () => {
-			p("change", i), S.deactivate();
+		onEnd: (e) => {
+			document.body.classList.remove("twk-dragging");
+			let t = C.target;
+			S ? p("change", i) : t.focus(), C.deactivate();
 		}
 	});
-	function C(e) {
+	function w(e) {
 		if (!o) return;
 		e.preventDefault();
-		let t = (e.ctrlKey ? .5 : 1) * H(e.deltaY, -1, 1), r = (n || .2) * t;
+		let t = (e.ctrlKey ? .5 : 1) * U(e.deltaY, -1, 1), r = (n || .2) * t;
 		r && p("change", v((i || 0) - r));
 	}
 	return {
 		onremove: () => {
-			S.deactivate();
+			C.deactivate();
 		},
 		oninit: f,
 		onbeforeupdate: f,
@@ -1742,10 +1744,11 @@ var Ot = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
 			let l = s ? (i - e) / (t - e) : NaN;
 			return (0, F.default)("div.twk-input.twk-scalar-input", {
 				style: s ? `--twk-scalar-value: ${l}` : "",
-				class: U({
+				class: W({
 					"twk-input-readonly": r,
 					"twk-scalar-dragable": !r && (s || c),
-					"twk-scalar-range": u
+					"twk-scalar-range": u,
+					"twk-scalar-dragging": !!C.target
 				}, a.attrs.class)
 			}, [
 				a.attrs.slotBefore ? (0, F.default)("span", {}, a.attrs.slotBefore) : null,
@@ -1759,7 +1762,7 @@ var Ot = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
 					onblur: h,
 					oninput: g,
 					onchange: _,
-					onwheel: C,
+					onwheel: w,
 					onmousedown: y,
 					ontouchstart: y,
 					placeholder: void 0,
@@ -1773,22 +1776,22 @@ var Ot = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
 };
 //#endregion
 //#region src/lib/components/controls/angle.ts
-function At(e, t) {
-	return (0, F.default)(Mt, e, t);
+function kt(e, t) {
+	return (0, F.default)(jt, e, t);
 }
-function jt(e, t) {
+function At(e, t) {
 	return (0, F.default)(Ft, e, t);
 }
-var Mt = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
-	tagName: "label.twk-angle-widget",
-	label: e ?? n.field,
-	class: t
-}, [(0, F.default)(Ft, n)]) }), J = 180 / Math.PI, Y = Math.PI / 180, Nt = {
-	toControl: (e) => e * J,
+var jt = () => ({ view: ({ attrs: { tagName: e, label: t, class: n, ...r } }) => J({
+	tagName: `${e || "div"}.twk-angle-widget`,
+	label: t ?? r.field,
+	class: n
+}, [(0, F.default)(Ft, r)]) }), Mt = 180 / Math.PI, Y = Math.PI / 180, Nt = {
+	toControl: (e) => e * Mt,
 	fromControl: (e) => e * Y
 }, Pt = {
 	toControl: (e) => e * Y,
-	fromControl: (e) => e * J
+	fromControl: (e) => e * Mt
 }, Ft = () => {
 	let e = 0, t = !1, n = [0, 0], r, i, a, o, s;
 	function c(e) {
@@ -1798,24 +1801,24 @@ var Mt = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
 		return e %= 360, e < 0 && (e += 360), e;
 	}
 	function u(t) {
-		s = t.attrs, i = s.min, a = s.max, o = s.step, i = i == null ? null : l(i) * Y, a = a == null ? null : l(a) * Y, o = o == null ? null : l(o) * Y, e = G(s) ?? e, s.degree && (e *= Y), f();
+		s = t.attrs, i = s.min, a = s.max, o = s.step, i = i == null ? null : l(i) * Y, a = a == null ? null : l(a) * Y, o = o == null ? null : l(o) * Y, e = K(s) ?? e, s.degree && (e *= Y), f();
 	}
 	function d(t) {
 		f();
-		let n = s.degree ? e * J : e;
-		K(s, n), V(t === "input" ? s.oninput : s.onchange, s.value, n);
+		let n = s.degree ? e * Mt : e;
+		q(s, n), H(t === "input" ? s.oninput : s.onchange, s.value, n);
 	}
 	function f() {
 		n[0] = Math.cos(e), n[1] = Math.sin(e);
 	}
-	let p, m = fe({
+	let p, m = de({
 		onStart: (e) => {
-			let t = de(e);
+			let t = ue(e);
 			p = [-(t.x - t.width / 2), -(t.y - t.height / 2)];
 		},
 		onMove: (n) => {
 			n.preventDefault();
-			let i = de(n, r, p), a = i.normalizedX - .5, o = i.normalizedY - .5;
+			let i = ue(n, r, p), a = i.normalizedX - .5, o = i.normalizedY - .5;
 			t && (e = Math.atan2(a, -o), e < 0 && (e += 2 * Math.PI)), e = c(e), d("input"), F.default.redraw();
 		},
 		onEnd: () => {
@@ -1835,18 +1838,18 @@ var Mt = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
 		onupdate: (e) => {
 			u(e);
 		},
-		view: ({ attrs: { ...n } }) => (0, F.default)("div.twk-angle-input", { style: { "--angle-value": `${h(e * J)}` } }, [Dt({
+		view: ({ attrs: { ...n } }) => (0, F.default)("div.twk-angle-input", { style: { "--angle-value": `${h(e * Mt)}` } }, [Et({
 			unit: s.degree ? "°" : "rad",
 			range: !0,
 			...n,
 			slotAfter: (0, F.default)("span.twk-flex-row", [
 				(0, F.default)("span.twk-color-dim", "/"),
-				(s.degree ? e : e * J).toFixed(1),
+				(s.degree ? e : e * Mt).toFixed(1),
 				(0, F.default)("span.twk-color-dim", s.degree ? "rad" : "°")
 			])
 		}), (0, F.default)("div.twk-angle-pane", {
 			oncreate: (e) => r = e.dom,
-			class: U({ "is-dragging": t }),
+			class: W({ "is-dragging": t }),
 			style: {
 				aspectRatio: "1",
 				display: "flex",
@@ -1865,20 +1868,20 @@ function It(e, t) {
 function Lt(e, t) {
 	return (0, F.default)(zt, e, t);
 }
-var Rt = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
-	tagName: "label.twk-bool-widget",
-	label: e ?? n.field,
-	class: t
-}, [(0, F.default)(zt, n)]) }), zt = () => {
+var Rt = () => ({ view: ({ attrs: { tagName: e, label: t, class: n, ...r } }) => J({
+	tagName: `${e}.twk-bool-widget`,
+	label: t ?? r.field,
+	class: n
+}, [(0, F.default)(zt, r)]) }), zt = () => {
 	let e;
 	function t(t) {
 		let n = t.target.checked;
-		K(e, n), e.oninput?.(e.value, n), e.onchange?.(e.value, n);
+		q(e, n), e.oninput?.(e.value, n), e.onchange?.(e.value, n);
 	}
 	return { view: (n) => {
 		e = n.attrs;
-		let r = G(e) === !0, i = e.align === "end";
-		return (0, F.default)("div.twk-bool-input", { class: U({
+		let r = K(e) === !0, i = e.align === "end";
+		return (0, F.default)("div.twk-bool-input", { class: W({
 			"twk-align-start": !i,
 			"twk-align-end": !!i,
 			"twk-bool-true": r,
@@ -1886,7 +1889,7 @@ var Rt = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
 		}) }, [
 			e.slotBefore,
 			e.readonly ? r ? e.slotTrue || (0, F.default)("span", "true") : e.slotFalse || (0, F.default)("span", "false") : (0, F.default)("input", {
-				class: U({
+				class: W({
 					"twk-toggle": !!e.toggle,
 					"twk-check": !e.toggle
 				}),
@@ -1902,7 +1905,7 @@ var Rt = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
 //#endregion
 //#region src/lib/color/converter.ts
 function Bt(e) {
-	let t = e.h % 360, n = H(e.s, 0, 1), r = H(e.v, 0, 1), i = r * n, a = i * (1 - Math.abs(t / 60 % 2 - 1)), o = r - i, s = {
+	let t = e.h % 360, n = U(e.s, 0, 1), r = U(e.v, 0, 1), i = r * n, a = i * (1 - Math.abs(t / 60 % 2 - 1)), o = r - i, s = {
 		r: 0,
 		g: 0,
 		b: 0
@@ -1980,7 +1983,7 @@ var Ht = class {
 		}), t);
 	}
 	fromControl(e) {
-		return this.prefix + this.components.map((t) => ue(Math.round(e[t] * 255).toString(16), 2, "0")).join("");
+		return this.prefix + this.components.map((t) => le(Math.round(e[t] * 255).toString(16), 2, "0")).join("");
 	}
 }, Gt = class {
 	componentsRev;
@@ -2000,7 +2003,7 @@ var Ht = class {
 		}), t;
 	}
 	fromControl(e) {
-		let t = this.componentsRev.map((t) => ue(Math.round(e[t] * 255 || 0).toString(16), 2, "0")).join("");
+		let t = this.componentsRev.map((t) => le(Math.round(e[t] * 255 || 0).toString(16), 2, "0")).join("");
 		return parseInt("0x" + t, 16);
 	}
 }, Kt = [
@@ -2069,11 +2072,11 @@ function Jt(e, t) {
 function Yt(e, t) {
 	return (0, F.default)(Zt, e, t);
 }
-var Xt = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
-	tagName: "div.twk-picker-color-widget",
-	label: e ?? n.field,
-	class: t
-}, [(0, F.default)(Zt, n)]) }), Zt = () => {
+var Xt = () => ({ view: ({ attrs: { tagName: e, label: t, class: n, ...r } }) => J({
+	tagName: `${e || "div"}.twk-picker-color-widget`,
+	label: t ?? r.field,
+	class: n
+}, [(0, F.default)(Zt, r)]) }), Zt = () => {
 	let e = 0, t = 0, n = 0, r = 0, i;
 	function a(i = t, a = n) {
 		return {
@@ -2118,12 +2121,12 @@ var Xt = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
 		return Z(e).fromControl(s());
 	}
 	function h() {
-		let e = m(i.format), t = K(i, e);
-		V(i.oninput, i.value, t);
+		let e = m(i.format), t = q(i, e);
+		H(i.oninput, i.value, t);
 	}
 	function g() {
-		let e = m(i.format), t = K(i, e);
-		V(i.onchange, i.value, t);
+		let e = m(i.format), t = q(i, e);
+		H(i.onchange, i.value, t);
 	}
 	function _() {
 		return i.format?.match(/a/i);
@@ -2165,8 +2168,8 @@ var Xt = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
 	function A(i) {
 		if (!C) return;
 		i.preventDefault();
-		let a = C.getBoundingClientRect(), o = window.pageXOffset || document.documentElement.scrollLeft, s = window.pageYOffset || document.documentElement.scrollTop, c = C.clientWidth, l = C.clientHeight, [u, d] = W(i);
-		u = H((u - o - a.left) / c, 0, 1), d = H((d - s - a.top) / l, 0, 1), w === "sv" && (t = u, n = 1 - d), w === "h" && (e = 1 - u), w === "a" && (r = u), h(), F.default.redraw();
+		let a = C.getBoundingClientRect(), o = window.pageXOffset || document.documentElement.scrollLeft, s = window.pageYOffset || document.documentElement.scrollTop, c = C.clientWidth, l = C.clientHeight, [u, d] = G(i);
+		u = U((u - o - a.left) / c, 0, 1), d = U((d - s - a.top) / l, 0, 1), w === "sv" && (t = u, n = 1 - d), w === "h" && (e = 1 - u), w === "a" && (r = u), h(), F.default.redraw();
 	}
 	function j() {
 		C != null && (C = null, k(), g());
@@ -2176,13 +2179,13 @@ var Xt = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
 			k();
 		},
 		oninit: (e) => {
-			i = e.attrs, p(G(i), i.format);
+			i = e.attrs, p(K(i), i.format);
 		},
 		onupdate: (e) => {
-			i = e.attrs, p(G(i), i.format);
+			i = e.attrs, p(K(i), i.format);
 		},
 		view: (a) => {
-			i = a.attrs, p(G(i), i.format);
+			i = a.attrs, p(K(i), i.format);
 			let o = s();
 			return (0, F.default)("div.twk-color-picker", {}, [(0, F.default)(".color-picker-inputs", (0, F.default)("input.twk-input.input-hex[type='text']", {
 				value: _() ? d() : u(),
@@ -2263,26 +2266,26 @@ function Qt(e, t) {
 function $t(e, t) {
 	return (0, F.default)(tn, e, t);
 }
-var en = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
-	tagName: "div.twk-color-widget",
-	label: e ?? n.field,
-	class: t
-}, [(0, F.default)(tn, n)]) }), tn = () => {
+var en = () => ({ view: ({ attrs: { tagName: e, label: t, class: n, ...r } }) => J({
+	tagName: `${e || ""}.twk-color-widget`,
+	label: t ?? r.field,
+	class: n
+}, [(0, F.default)(tn, r)]) }), tn = () => {
 	let e, t = !1, n, r, i = Z("rgba()");
 	function a(t) {
-		e = t.attrs, r = G(e), n = i.fromControl(Z(e.format).toControl(r));
+		e = t.attrs, r = K(e), n = i.fromControl(Z(e.format).toControl(r));
 	}
 	function o() {
 		t = !t;
 	}
 	function s(t, n) {
-		K(e, n), e.oninput?.(e.value, n);
+		q(e, n), e.oninput?.(e.value, n);
 	}
 	function c(t, n) {
-		K(e, n), e.onchange?.(e.value, n);
+		q(e, n), e.onchange?.(e.value, n);
 	}
 	function l() {
-		return R(r) ? r : z(r) ? "0x" + ue(r.toString(16), 8, "0") : le(r) ? r.map((e) => e < 1 && e > 0 ? e.toFixed(2) : e).join(" , ") : B(r) ? Object.keys(r).map((e) => {
+		return z(r) ? r : B(r) ? "0x" + le(r.toString(16), 8, "0") : ce(r) ? r.map((e) => e < 1 && e > 0 ? e.toFixed(2) : e).join(" , ") : V(r) ? Object.keys(r).map((e) => {
 			let t = r[e];
 			return `${e}: ${t < 1 && t > 0 ? t.toFixed(2) : t}`;
 		}).join(" ") : r == null ? "null" : "?";
@@ -2306,23 +2309,23 @@ function nn(e, t) {
 	return (0, F.default)(an, e, t);
 }
 function rn(e, t) {
-	return (0, F.default)(an, e, t);
+	return (0, F.default)(on, e, t);
 }
-var an = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
-	tagName: "label.twk-input-widget",
-	label: e ?? n.field,
-	class: t
-}, (0, F.default)(on, n)) }), on = () => {
+var an = () => ({ view: ({ attrs: { tagName: e, label: t, class: n, ...r } }) => J({
+	tagName: `${e || "div"}.twk-input-widget`,
+	label: t ?? r.field,
+	class: n
+}, (0, F.default)(on, r)) }), on = () => {
 	let e;
 	function t(t) {
 		let n = t.target.value;
-		K(e, n), (t.type === "input" ? e.oninput : e.onchange)?.(e.value, n);
+		q(e, n), (t.type === "input" ? e.oninput : e.onchange)?.(e.value, n);
 	}
 	return { view: (n) => (e = n.attrs, (0, F.default)("div.twk-input", {}, [
 		n.attrs.slotBefore ? (0, F.default)("span", {}, n.attrs.slotBefore) : null,
 		(0, F.default)("input", {
 			type: e.type || "text",
-			value: G(e),
+			value: K(e),
 			oninput: t,
 			onchange: t,
 			placeholder: e.placeholder,
@@ -2336,19 +2339,19 @@ var an = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
 function sn(e, t) {
 	return (0, F.default)(cn, e, t);
 }
-var cn = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
-	tagName: "label.twk-matrix-widget",
-	label: e ?? n.field,
-	class: t
-}, [(0, F.default)(un, n)]) });
+var cn = () => ({ view: ({ attrs: { tagName: e, label: t, class: n, ...r } }) => J({
+	tagName: `${e || ""}.twk-matrix-widget`,
+	label: t ?? r.field,
+	class: n
+}, [(0, F.default)(un, r)]) });
 function ln(e, t) {
 	return (0, F.default)(un, e, t);
 }
 var un = () => {
 	let e;
 	function t(t, n, r) {
-		let i = G(e) || {};
-		i[n] = r, K(e, i), (t === "input" ? e.oninput : e.onchange)?.(e.value, i);
+		let i = K(e) || {};
+		i[n] = r, q(e, i), (t === "input" ? e.oninput : e.onchange)?.(e.value, i);
 	}
 	function n(t, n) {
 		let r = [];
@@ -2358,11 +2361,11 @@ var un = () => {
 	}
 	return { view: (r) => {
 		e = r.attrs;
-		let i = e.cols ?? 1, a = e.rows ?? 1, o = G(e);
+		let i = e.cols ?? 1, a = e.rows ?? 1, o = K(e);
 		return (0, F.default)("div.twk-matrix-input", { style: {
 			display: "grid",
 			gridTemplateColumns: `repeat(${i}, auto)`
-		} }, n(a, i).map((n) => Dt({
+		} }, n(a, i).map((n) => Et({
 			min: e.min,
 			max: e.max,
 			step: e.step,
@@ -2375,15 +2378,25 @@ var un = () => {
 	} };
 }, dn = [0, 1], fn = ["x", "y"];
 function pn(e, t) {
-	return (0, F.default)(mn, e, t);
+	return (0, F.default)(gn, e, t);
 }
-var mn = () => {
+function mn(e, t) {
+	return (0, F.default)(gn, e, t);
+}
+function hn(e, t) {
+	return (0, F.default)(_n, e, t);
+}
+var gn = () => ({ view: ({ attrs: { tagName: e, label: t, class: n, ...r } }) => J({
+	tagName: `${e || "div"}.twk-point-widget`,
+	label: t ?? r.field,
+	class: W("twk-point", n)
+}, [(0, F.default)(_n, r)]) }), _n = () => {
 	let e, t, n = dn, r = dn, i = 0, a = 0, o = 0, s = 0, c, l, u, d;
 	function f(f) {
 		d = f.attrs;
 		let p = d.keys || fn;
 		e = p[0], t = p[1];
-		let m = G(d) ?? {
+		let m = K(d) ?? {
 			[e]: i,
 			[t]: a
 		};
@@ -2396,20 +2409,20 @@ var mn = () => {
 	}
 	function m(n) {
 		p();
-		let r = G(d) ?? {
+		let r = K(d) ?? {
 			[e]: i,
 			[t]: a
 		};
-		r[e] = i, r[t] = a, V(n === "input" ? d.oninput : d.onchange, d, r);
+		r[e] = i, r[t] = a, H(n === "input" ? d.oninput : d.onchange, d, r);
 	}
 	function h(e) {
 		g.activate(e);
 	}
-	let g = fe({
+	let g = de({
 		onMove: (e) => {
 			e.preventDefault();
-			let t = g.target, n = t.getBoundingClientRect(), r = window.pageXOffset || document.documentElement.scrollLeft, i = window.pageYOffset || document.documentElement.scrollTop, a = t.clientWidth, c = t.clientHeight, [l, u] = W(e);
-			o = H((l - r - n.left) / a, 0, 1), s = H((u - i - n.top) / c, 0, 1), m("input"), F.default.redraw();
+			let t = g.target, n = t.getBoundingClientRect(), r = window.pageXOffset || document.documentElement.scrollLeft, i = window.pageYOffset || document.documentElement.scrollTop, a = t.clientWidth, c = t.clientHeight, [l, u] = G(e);
+			o = U((l - r - n.left) / a, 0, 1), s = U((u - i - n.top) / c, 0, 1), m("input"), F.default.redraw();
 		},
 		onEnd: () => {
 			g.deactivate(), c != null && l != null && (o = c, s = l, m("input")), m("change"), F.default.redraw();
@@ -2419,10 +2432,7 @@ var mn = () => {
 		onremove: g.deactivate,
 		oninit: f,
 		onupdate: f,
-		view: (e) => (f(e), q({
-			label: d.label,
-			class: U("twk-point", d.class)
-		}, (0, F.default)(".point-area", {
+		view: (e) => (f(e), (0, F.default)(".point-area", {
 			tabindex: 0,
 			onmousedown: h,
 			ontouchstart: h
@@ -2452,15 +2462,15 @@ var mn = () => {
 			border: "1px solid white",
 			"border-radius": "5px",
 			"box-shadow": "0px 0px 2px 1px rgba(0, 0, 0, 0.75)"
-		} }))))
+		} })))
 	};
 };
 //#endregion
 //#region src/lib/components/controls/select.ts
-function hn(e) {
+function vn(e) {
 	let t = [];
 	for (let n of e) {
-		if (R(n) || z(n)) {
+		if (z(n) || B(n)) {
 			t.push({
 				value: n,
 				label: String(n)
@@ -2474,35 +2484,35 @@ function hn(e) {
 	}
 	return t;
 }
-function gn(e) {
+function yn(e) {
 	let t = [];
-	for (let n of e) R(n) || z(n) || n == null ? t.push({
+	for (let n of e) z(n) || B(n) || n == null ? t.push({
 		value: n,
 		label: String(n)
 	}) : "value" in n ? t.push(n) : "options" in n && t.push({
 		label: n.label,
 		disabled: n.disabled,
-		options: Array.isArray(n.options) ? hn(n.options) : _n(n.options)
+		options: Array.isArray(n.options) ? vn(n.options) : bn(n.options)
 	});
 	return t;
 }
-function _n(e) {
+function bn(e) {
 	return Object.keys(e).sort().map((t) => ({
 		value: e[t],
 		label: t
 	}));
 }
-function vn(e) {
+function xn(e) {
 	let t = e.attrs.options;
-	return t ? Array.isArray(t) ? gn(t) : _n(t) : [];
+	return t ? Array.isArray(t) ? yn(t) : bn(t) : [];
 }
-function yn(e, t) {
-	return (0, F.default)(bn, e, t);
+function Sn(e, t) {
+	return (0, F.default)(Cn, e, t);
 }
-var bn = () => {
+var Cn = () => {
 	let e, t;
 	function n() {
-		let n = G(e), r = 0;
+		let n = K(e), r = 0;
 		for (let e of t) if ("options" in e) for (let t of e.options) {
 			if (t.value === n) return r;
 			r++;
@@ -2525,11 +2535,11 @@ var bn = () => {
 		return null;
 	}
 	function i(t) {
-		let n = t.target, i = r(n.selectedIndex), a = K(e, i);
-		e.onchange?.(e, a);
+		let n = t.target, i = r(n.selectedIndex), a = q(e, i);
+		e.onchange?.(e.value, a);
 	}
-	return { view: (r) => (e = r.attrs, t = vn(r), q({
-		tagName: "label.twk-select",
+	return { view: (r) => (e = r.attrs, t = xn(r), J({
+		tagName: `${e.tagName || "div"}.twk-select`,
 		label: e.label ?? e.field,
 		class: e.class
 	}, (0, F.default)("select.twk-select-input", {
@@ -2539,9 +2549,9 @@ var bn = () => {
 	}, t.map((e) => "options" in e ? (0, F.default)("optgroup", {
 		disabled: !!e.disabled,
 		label: e.label || ""
-	}, e.options.map(xn)) : xn(e))))) };
+	}, e.options.map(wn)) : wn(e))))) };
 };
-function xn(e) {
+function wn(e) {
 	return (0, F.default)("option", {
 		value: e.value,
 		label: e.label,
@@ -2550,95 +2560,96 @@ function xn(e) {
 }
 //#endregion
 //#region src/lib/components/controls/spherical.ts
-function Sn(e, t) {
-	return (0, F.default)(Cn, e, t);
+function Tn(e, t) {
+	return (0, F.default)(On, e, t);
 }
-var Cn = () => {
-	let e = 1, t = 0, n = 0, r = !1, i, a = null, o, s;
+function En(e, t) {
+	return (0, F.default)(On, e, t);
+}
+function Dn(e, t) {
+	return (0, F.default)(kn, e, t);
+}
+var On = () => ({ view: ({ attrs: { tagName: e, label: t, class: n, ...r } }) => J({
+	tagName: `${e || "div"}.twk-spherical-widget`,
+	label: t ?? r.field,
+	class: n
+}, [(0, F.default)(kn, r)]) }), kn = () => {
+	let e = 1, t = 0, n = 0, r, i = !1, a, o;
+	function s() {
+		return An(K(a) || jn(e, t, n));
+	}
 	function c() {
-		return Tn(G(o) || En(e, t, n));
+		return n > Math.PI / 2;
 	}
-	function l(i) {
-		o = i.attrs;
-		let a = c();
-		e = a.radius ?? 1, t = a.azimuth ?? 0, n = a.polar ?? 0, r = n > Math.PI / 2;
+	function l(r) {
+		a = r.attrs;
+		let i = s();
+		e = i.radius ?? 1, t = i.azimuth ?? 0, n = i.polar ?? 0;
 	}
 	function u(r) {
-		let i = En(e, t, n);
-		K(o, i), V(r === "input" ? o.oninput : o.onchange, o.value, i);
+		let i = jn(e, t, n);
+		q(a, i), H(r === "input" ? a.oninput : a.onchange, a.value, i);
 	}
-	function d(e) {
-		return a = "pol", p.activate(e), e.target.focus(), !1;
+	function d(e, t) {
+		return t ? (Math.PI - e) / (Math.PI / 2) : e / (Math.PI / 2);
 	}
 	function f(e) {
-		return a = "azi", p.activate(e), e.target.focus(), !1;
+		i = !0, r?.focus(), h.activate(e);
+	}
+	function p() {
+		n = Math.PI - n, u("change");
 	}
-	let p = fe({
-		onStart: (e) => {},
+	let m = !1, h = de({
+		onStart: () => {
+			m = c();
+		},
 		onMove: (e) => {
-			let o = de(e, i), s = o.normalizedX - .5, c = o.normalizedY - .5;
-			if (a === "azi") t = Math.atan2(c, s), t < 0 && (t += 2 * Math.PI);
-			else if (a === "pol") {
-				let e = [Math.cos(t), Math.sin(t)], i = [s, c], a = (e[0] * i[0] + e[1] * i[1]) / Math.sqrt(e[0] * e[0] + e[1] * e[1]);
-				n = Math.PI * H(a, 0, .5), r && (n = Math.PI - n);
-			}
-			u("input"), F.default.redraw();
+			e.preventDefault();
+			let i = ue(e, r), a = (i.normalizedX - .5) * 2, o = (i.normalizedY - .5) * 2, s = U(Math.sqrt(a * a + o * o), 0, 1);
+			t = Math.atan2(o, a), n = m ? Math.PI - Math.PI / 2 * s : Math.PI / 2 * s, u("input"), F.default.redraw();
 		},
-		onEnd: (e) => {
-			p.deactivate(), a = null, u("change"), F.default.redraw();
+		onEnd: () => {
+			h.deactivate(), i = !1, u("change"), F.default.redraw();
 		}
 	});
 	return {
 		onremove: () => {
-			p.deactivate();
+			h.deactivate();
 		},
 		oninit: l,
 		onupdate: l,
-		view: () => (s = En(e, t, n, s), q({
-			tagName: "label.twk-spherical",
-			label: o.label ?? o.field,
-			class: o.class,
-			style: {
-				"--azimuth-value": `${wn(t)}`,
-				"--polar-value": `${wn(n)}`
-			}
-		}, [(0, F.default)("div.twk-spherical-label", {}, `x: ${s.x.toFixed(2)} y: ${s.y.toFixed(2)} z: ${s.z.toFixed(2)}`), (0, F.default)("div.twk-spherical-pane", {
-			oncreate: (e) => i = e.dom,
-			class: U({ "is-dragging": !!a }),
-			style: {
-				aspectRatio: "1",
-				display: "flex",
-				"align-items": "center",
-				"justify-content": "center",
-				position: "relative"
-			}
-		}, (0, F.default)("div.twk-spherical-arm", {
-			onmousedown: d,
-			ontouchstart: d,
-			tabIndex: 0,
-			style: {
-				width: "50%",
-				display: "flex",
-				justifyContent: "end",
-				alignItems: "center",
-				transform: `translateX(50%) rotate(${t}rad)`,
-				transformOrigin: "left center"
-			}
-		}, (0, F.default)("div.twk-spherical-knob", {
-			onmousedown: f,
-			ontouchstart: f,
-			tabIndex: 0,
-			style: {
-				aspectRatio: "1",
-				transform: "translateX(100%)"
-			}
-		})))]))
+		view: () => {
+			o = jn(e, t, n, o);
+			let a = c(), s = d(n, a), l = Math.cos(t) * s, u = Math.sin(t) * s;
+			return (0, F.default)("div.twk-spherical-input", {}, [(0, F.default)("div.twk-spherical-info", {}, [
+				(0, F.default)("div.twk-spherical-label", {}, `x: ${o.x.toFixed(2)}`),
+				(0, F.default)("div.twk-spherical-label", {}, `y: ${o.y.toFixed(2)}`),
+				(0, F.default)("div.twk-spherical-label", {}, `z: ${o.z.toFixed(2)}`),
+				(0, F.default)("input.twk-toggle[type='checkbox']", {
+					checked: a,
+					onchange: p,
+					title: "Edit the back side of the sphere"
+				})
+			]), (0, F.default)("div.twk-spherical-pane", {
+				oncreate: (e) => r = e.dom,
+				onmousedown: f,
+				ontouchstart: f,
+				tabIndex: 0,
+				class: W({ "is-dragging": i })
+			}, [(0, F.default)("div.twk-spherical-arm", { style: {
+				width: `${s * 50}%`,
+				transform: `rotate(${t}rad)`
+			} }), (0, F.default)("div.twk-spherical-knob", {
+				class: W({ "is-back": a }),
+				style: {
+					left: `${50 + l * 50}%`,
+					top: `${50 + u * 50}%`
+				}
+			})])]);
+		}
 	};
 };
-function wn(e) {
-	return 180 / Math.PI * e;
-}
-function Tn(e) {
+function An(e) {
 	let t = e?.x ?? 0, n = e?.y ?? 0, r = e?.z ?? 0, i = Math.sqrt(t * t + n * n + r * r) || 1;
 	return {
 		radius: i,
@@ -2646,32 +2657,32 @@ function Tn(e) {
 		polar: Math.acos(n / i) || 0
 	};
 }
-function En(e, t, n, r) {
+function jn(e, t, n, r) {
 	let i = Math.sin(n);
 	return r ||= {}, r.x = e * Math.cos(t) * i, r.y = e * Math.cos(n), r.z = e * Math.sin(t) * i, r;
 }
 //#endregion
 //#region src/lib/components/controls/string.ts
-function Dn(e, t) {
-	return (0, F.default)(kn, e, t);
+function Mn(e, t) {
+	return (0, F.default)(Pn, e, t);
 }
-function On(e, t) {
-	return (0, F.default)(An, e, t);
+function Nn(e, t) {
+	return (0, F.default)(Fn, e, t);
 }
-var kn = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
-	tagName: "label.twk-string-widget",
-	label: e ?? n.field,
-	class: t
-}, [(0, F.default)(An, n)]) }), An = () => {
+var Pn = () => ({ view: ({ attrs: { tagName: e, label: t, class: n, ...r } }) => J({
+	tagName: `${e || "div"}.twk-string-widget`,
+	label: t ?? r.field,
+	class: n
+}, [(0, F.default)(Fn, r)]) }), Fn = () => {
 	let e;
 	function t(t) {
 		let n = t.target.value;
-		K(e, n), (t.type === "input" ? e.oninput : e.onchange)?.(e.value, n);
+		q(e, n), (t.type === "input" ? e.oninput : e.onchange)?.(e.value, n);
 	}
 	return { view: (n) => {
 		e = n.attrs;
-		let r = !e.readonly, i = G(e);
-		return (0, F.default)("div.twk-input.twk-string-input", { class: U({ "twk-input-readonly": !!e.readonly }) }, [
+		let r = !e.readonly, i = K(e);
+		return (0, F.default)("div.twk-input.twk-string-input", { class: W({ "twk-input-readonly": !!e.readonly }) }, [
 			e.slotStart ?? null,
 			r ? null : (0, F.default)("div.twk-input-value", i),
 			r ? (0, F.default)(e.rows ? "textarea" : "input[type='text']", {
@@ -2688,31 +2699,31 @@ var kn = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
 };
 //#endregion
 //#region src/lib/components/controls/vector.ts
-function jn(e, t) {
-	return (0, F.default)(Nn, e, t);
+function In(e, t) {
+	return (0, F.default)(Rn, e, t);
 }
-function Mn(e, t) {
-	return (0, F.default)(Fn, e, t);
+function Ln(e, t) {
+	return (0, F.default)(Bn, e, t);
 }
-var Nn = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
-	tagName: "label.twk-vector-widget",
-	label: e ?? n.field,
-	class: t
-}, [(0, F.default)(Fn, n)]) }), Pn = [
+var Rn = () => ({ view: ({ attrs: { tagName: e, label: t, class: n, ...r } }) => J({
+	tagName: `${e || "div"}.twk-vector-widget`,
+	label: t ?? r.field,
+	class: n
+}, [(0, F.default)(Bn, r)]) }), zn = [
 	"x",
 	"y",
 	"z"
-], Fn = () => {
+], Bn = () => {
 	function e(e, t, n, r) {
-		let i = G(r) || {};
-		i[t] = isNaN(n) ? null : n, K(r, i), (e === "input" ? r.oninput : r.onchange)?.(r.value, i, t);
+		let i = K(r) || {};
+		i[t] = isNaN(n) ? null : n, q(r, i), (e === "input" ? r.oninput : r.onchange)?.(r.value, i, t);
 	}
 	return { view: ({ attrs: t }) => {
-		let n = t.keys || Pn, r = t.cols || n.length, i = G(t);
+		let n = t.keys || zn, r = t.cols || n.length, i = K(t);
 		return (0, F.default)("div.twk-vector-input", { style: {
 			display: "grid",
 			gridTemplateColumns: `repeat(${r}, 1fr)`
-		} }, n.map((n) => Dt({
+		} }, n.map((n) => Et({
 			min: t.min,
 			max: t.max,
 			step: t.step,
@@ -2728,28 +2739,28 @@ var Nn = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
 };
 //#endregion
 //#region src/lib/components/controls/bitmask.ts
-function In(e, t) {
-	return (0, F.default)(Ln, e, t);
+function Vn(e, t) {
+	return (0, F.default)(Hn, e, t);
 }
-var Ln = () => ({ view: ({ attrs: { label: e, class: t, ...n } }) => q({
-	tagName: "div.twk-Bitmask-widget",
-	label: e ?? n.field,
-	class: t
-}, [(0, F.default)(zn, n)]) });
-function Rn(e, t) {
-	return (0, F.default)(zn, e, t);
+var Hn = () => ({ view: ({ attrs: { tagName: e, label: t, class: n, ...r } }) => J({
+	tagName: `${e || "div"}.twk-Bitmask-widget`,
+	label: t ?? r.field,
+	class: n
+}, [(0, F.default)(Wn, r)]) });
+function Un(e, t) {
+	return (0, F.default)(Wn, e, t);
 }
-var zn = () => {
+var Wn = () => {
 	let e;
 	function t() {
 		return e.bitCount || 32;
 	}
 	function n(t) {
-		let n = G(e);
+		let n = K(e);
 		n ^= 1 << t, r(n);
 	}
 	function r(t) {
-		K(e, t), e.oninput?.(e.value, t), e.onchange?.(e.value, t);
+		q(e, t), e.oninput?.(e.value, t), e.onchange?.(e.value, t);
 	}
 	function i(e, t) {
 		return (e & 1 << t) != 0;
@@ -2762,10 +2773,10 @@ var zn = () => {
 	}
 	return { view: (r) => {
 		e = r.attrs;
-		let o = t(), s = G(e);
+		let o = t(), s = K(e);
 		return (0, F.default)("div.twk-bitmask-input", {}, Array.from({ length: o }, (e, t) => (0, F.default)("label.twk-bitmask-row", {
 			tabindex: 0,
-			class: U({ "twk-bitmask-active": i(s, t) }),
+			class: W({ "twk-bitmask-active": i(s, t) }),
 			onclick: () => n(t)
 		}, [
 			(0, F.default)("div.twk-bitmask-indicator", {}),
@@ -2777,22 +2788,22 @@ var zn = () => {
 };
 //#endregion
 //#region src/lib/components/controls/poll.ts
-function Bn(e, t) {
-	return (0, F.default)(Hn, e, t);
+function Gn(e, t) {
+	return (0, F.default)(qn, e, t);
 }
-function Vn(e, t) {
-	return (0, F.default)(Un, e, t);
+function Kn(e, t) {
+	return (0, F.default)(Jn, e, t);
 }
-var Hn = () => ({ view: ({ attrs: e }) => q({
-	tagName: "label.twk-input.twk-input-readonly",
-	label: e.label ?? e.field,
-	class: e.class
-}, (0, F.default)(Un, e)) }), Un = () => {
+var qn = () => ({ view: ({ attrs: { tagName: e, label: t, field: n, class: r, ...i } }) => J({
+	tagName: `${e || "div"}.twk-input.twk-input-readonly`,
+	label: t ?? n,
+	class: r
+}, (0, F.default)(Jn, i)) }), Jn = () => {
 	let e, t, n;
 	return {
 		oncreate({ dom: r }) {
 			e = r, t = setInterval(() => {
-				let t = G(n) ?? "";
+				let t = K(n) ?? "";
 				e.textContent = String(t);
 			}, n.interval ?? 500);
 		},
@@ -2801,7 +2812,7 @@ var Hn = () => ({ view: ({ attrs: e }) => q({
 		},
 		view: (e) => (n = e.attrs, (0, F.default)("div.twk-poll", {}))
 	};
-}, Wn = class e {
+}, Yn = class e {
 	static build(t) {
 		let n = new e();
 		return t(n), n.close();
@@ -2811,63 +2822,65 @@ var Hn = () => ({ view: ({ attrs: e }) => q({
 		let e = this.schema;
 		return this.schema = [], e;
 	}
-	group = Gn(this, he);
-	flex = $(this, ve);
-	grid = $(this, se);
-	tabs = $(this, Ye);
-	split = $(this, Ge);
-	splitContent = $(this, We);
-	section = $(this, Ce);
-	sectionHeader = $(this, we);
-	sectionFooter = $(this, Te);
-	bar = $(this, I);
-	barStart = $(this, ie);
-	barEnd = $(this, L);
-	barContent = $(this, ae);
+	group = Xn(this, me);
+	flex = $(this, _e);
+	grid = $(this, oe);
+	tabs = $(this, Je);
+	split = $(this, We);
+	splitContent = $(this, Ue);
+	section = $(this, Se);
+	sectionHeader = $(this, Ce);
+	sectionFooter = $(this, we);
+	bar = $(this, L);
+	barStart = $(this, re);
+	barEnd = $(this, R);
+	barContent = $(this, ie);
 	bool = Q(this, Rt);
-	string = Q(this, kn);
-	scalar = Q(this, Ot);
-	vector = Q(this, Nn);
+	string = Q(this, Pn);
+	scalar = Q(this, Dt);
+	vector = Q(this, Rn);
 	matrix = Q(this, cn);
-	select = Q(this, bn);
-	angle = Q(this, Mt);
-	bitmask = Q(this, Ln);
-	poll = Q(this, Hn);
+	select = Q(this, Cn);
+	angle = Q(this, jt);
+	bitmask = Q(this, Hn);
+	poll = Q(this, qn);
 	color = Q(this, en);
 	colorPicker = Q(this, Xt);
+	point = Q(this, gn);
+	spherical = Q(this, On);
 	boolInput = Q(this, zt);
-	stringInput = Q(this, An);
-	scalarInput = Q(this, kt);
-	vectorInput = Q(this, Fn);
+	stringInput = Q(this, Fn);
+	scalarInput = Q(this, Ot);
+	vectorInput = Q(this, Bn);
 	matrixInput = Q(this, un);
-	selectInput = Q(this, bn);
+	selectInput = Q(this, Cn);
 	angleInput = Q(this, Ft);
-	bitmaskInput = Q(this, zn);
-	pollInput = Q(this, Un);
+	bitmaskInput = Q(this, Wn);
+	pollInput = Q(this, Jn);
 	colorInput = Q(this, tn);
 	colorPickerInput = Q(this, Zt);
-	point = Q(this, mn);
-	spherical = Q(this, Cn);
+	pointInput = Q(this, _n);
+	sphericalInput = Q(this, kn);
 	button(e, t = {}) {
-		this.add(rt, t, e);
+		this.add(nt, t, e);
 	}
 	image(e) {
-		this.add(wt, e);
+		this.add(Ct, e);
 	}
 	divider(e) {
-		this.add(at, {}, e);
+		this.add(it, {}, e);
 	}
 	tree(e) {
-		this.add($e, e);
+		this.add(Qe, e);
 	}
 	graph(e) {
-		this.add(_t, e);
+		this.add(gt, e);
 	}
 	widget(e, t) {
-		this.add(Tt, { label: e }, t);
+		this.add(wt, { label: e }, t);
 	}
 	pre(e, t) {
-		this.add(Tt, {
+		this.add(wt, {
 			label: e,
 			style: { whiteSpace: "pre" }
 		}, t);
@@ -2876,7 +2889,7 @@ var Hn = () => ({ view: ({ attrs: e }) => q({
 		this.add({ view: e });
 	}
 	control(e, t) {
-		this.add(Tt, e, t);
+		this.add(wt, e, t);
 	}
 	add(e, t, n) {
 		if (this.schema) this.schema.push({
@@ -2887,28 +2900,28 @@ var Hn = () => ({ view: ({ attrs: e }) => q({
 		else throw Error("Cannot use control builder after it was closed");
 	}
 };
-function Gn(e, t) {
+function Xn(e, t) {
 	return function() {
-		let { options: n, children: r } = Kn(e, arguments);
+		let { options: n, children: r } = Zn(e, arguments);
 		e.add(t, n, r);
 	};
 }
 function Q(e, t) {
 	return function() {
-		e.add(t, qn(arguments));
+		e.add(t, Qn(arguments));
 	};
 }
 function $(e, t) {
 	return function() {
-		let { options: n, children: r } = Jn(e, arguments);
+		let { options: n, children: r } = $n(e, arguments);
 		e.add(t, n, r);
 	};
 }
-function Kn(e, t) {
+function Zn(e, t) {
 	let n = null, r = {}, i = null;
 	for (let e = 0; e < t.length; e++) {
 		let a = t[e];
-		R(a) ? n = a : B(a) ? r = a : ce(a) && (i = a);
+		z(a) ? n = a : V(a) ? r = a : se(a) && (i = a);
 	}
 	n && (r.title = n);
 	let a = [];
@@ -2921,11 +2934,11 @@ function Kn(e, t) {
 		children: a
 	};
 }
-function qn(e) {
+function Qn(e) {
 	let t;
 	return e.length === 1 ? e[0] || {} : (e.length > 1 ? (t = e[2] || {}, t.value = e[0], t.field = e[1], t.label === void 0 && (t.label = String(t.field || ""))) : t = {}, t);
 }
-function Jn(e, t) {
+function $n(e, t) {
 	let n = null, r = null;
 	if (!t.length) return {
 		options: {},
@@ -2933,7 +2946,7 @@ function Jn(e, t) {
 	};
 	for (let e = 0; e < t.length; e++) {
 		let i = t[e];
-		B(i) ? n = i : ce(i) && (r = i);
+		V(i) ? n = i : se(i) && (r = i);
 	}
 	let i = [];
 	if (r) {
@@ -2946,6 +2959,6 @@ function Jn(e, t) {
 	};
 }
 //#endregion
-export { Ft as AngleInputComponent, Mt as AngleWidgetComponent, I as BarComponent, ae as BarContentComponent, L as BarEndComponent, ie as BarStartComponent, zn as BitmaskInputComponent, Ln as BitmaskWidgetComponent, zt as BoolInputComponent, Rt as BoolWidgetComponent, Wn as Builder, rt as ButtonComponent, tn as ColorComponent, Zt as ColorPicker, Xt as ColorPickerWidgetComponent, en as ColorWidgetComponent, tt as DialogComponent, at as Divider, ve as FlexComponent, _t as GraphComponent, se as GridComponent, he as GroupComponent, wt as ImageComponent, on as InputComponent, an as InputWidgetComponent, un as MatrixInputComponent, cn as MatrixWidgetComponent, mn as PointComponent, Un as PollComponent, Hn as PollWidgetComponent, kt as ScalarInputComponent, Ot as ScalarWidgetComponent, Ce as SectionComponent, Ee as SectionContentComponent, Te as SectionFooterComponent, we as SectionHeaderComponent, bn as SelectComponent, Cn as SphericalComponent, Ge as SplitComponent, We as SplitContentComponent, An as StringInputComponent, kn as StringWidgetComponent, qe as TabComponent, Ye as TabsComponent, $e as TreeComponent, Fn as VectorInputComponent, Nn as VectorWidgetComponent, Tt as WidgetComponent, Le as binding, Pt as degToRadAdapter, Z as getColorAdapter, G as getControlValue, De as getRawValue, Re as h, Bt as hsv2rgb, Me as isVnode, Ie as labeledFn, Ne as mapChildren, ze as mountUi, Nt as radToDegAdapter, Ve as redrawUi, Pe as renderChildren, Vt as rgb2hsv, K as setControlValue, Oe as setRawValue, jt as uiAngleInput, At as uiAngleWidget, ee as uiBar, re as uiBarContent, ne as uiBarEnd, te as uiBarStart, Rn as uiBitmaskInput, In as uiBitmaskWidget, Lt as uiBoolInput, It as uiBoolWidget, nt as uiButton, $t as uiColor, Yt as uiColorPicker, Jt as uiColorPickerWidget, Qt as uiColorWidget, et as uiDialog, it as uiDivider, _e as uiFlex, gt as uiGraph, oe as uiGrid, me as uiGroup, Ct as uiImage, rn as uiInput, nn as uiInputWidget, ln as uiMatrixInput, sn as uiMatrixWidget, pn as uiPoint, Vn as uiPoll, Bn as uiPollWidget, Dt as uiScalarInput, Et as uiScalarWidget, ye as uiSection, Se as uiSectionContent, xe as uiSectionFooter, be as uiSectionHeader, yn as uiSelect, Sn as uiSpherical, He as uiSplit, Ue as uiSplitContent, On as uiString, Dn as uiStringWidget, Je as uiTabs, Xe as uiTree, Mn as uiVectorInput, jn as uiVectorWidget, q as uiWidget, Be as unmountUi };
+export { Ft as AngleInputComponent, jt as AngleWidgetComponent, L as BarComponent, ie as BarContentComponent, R as BarEndComponent, re as BarStartComponent, Wn as BitmaskInputComponent, Hn as BitmaskWidgetComponent, zt as BoolInputComponent, Rt as BoolWidgetComponent, Yn as Builder, nt as ButtonComponent, tn as ColorComponent, Zt as ColorPicker, Xt as ColorPickerWidgetComponent, en as ColorWidgetComponent, et as DialogComponent, it as Divider, _e as FlexComponent, gt as GraphComponent, oe as GridComponent, me as GroupComponent, Ct as ImageComponent, on as InputComponent, an as InputWidgetComponent, un as MatrixInputComponent, cn as MatrixWidgetComponent, _n as PointInputComponent, gn as PointWidgetComponent, Jn as PollComponent, qn as PollWidgetComponent, Ot as ScalarInputComponent, Dt as ScalarWidgetComponent, Se as SectionComponent, Te as SectionContentComponent, we as SectionFooterComponent, Ce as SectionHeaderComponent, Cn as SelectComponent, kn as SphericalInputComponent, On as SphericalWidgetComponent, We as SplitComponent, Ue as SplitContentComponent, Fn as StringInputComponent, Pn as StringWidgetComponent, Ke as TabComponent, Je as TabsComponent, Qe as TreeComponent, Bn as VectorInputComponent, Rn as VectorWidgetComponent, wt as WidgetComponent, Ie as binding, Pt as degToRadAdapter, Z as getColorAdapter, K as getControlValue, Ee as getRawValue, Le as h, Bt as hsv2rgb, je as isVnode, Fe as labeledFn, Me as mapChildren, Re as mountUi, Nt as radToDegAdapter, Be as redrawUi, Ne as renderChildren, Vt as rgb2hsv, q as setControlValue, De as setRawValue, At as uiAngleInput, kt as uiAngleWidget, ee as uiBar, ne as uiBarContent, I as uiBarEnd, te as uiBarStart, Un as uiBitmaskInput, Vn as uiBitmaskWidget, Lt as uiBoolInput, It as uiBoolWidget, tt as uiButton, $t as uiColor, Yt as uiColorPicker, Jt as uiColorPickerWidget, Qt as uiColorWidget, $e as uiDialog, rt as uiDivider, ge as uiFlex, ht as uiGraph, ae as uiGrid, pe as uiGroup, St as uiImage, rn as uiInput, nn as uiInputWidget, ln as uiMatrixInput, sn as uiMatrixWidget, mn as uiPoint, hn as uiPointInput, pn as uiPointWidget, Kn as uiPoll, Gn as uiPollWidget, Et as uiScalarInput, Tt as uiScalarWidget, ve as uiSection, xe as uiSectionContent, be as uiSectionFooter, ye as uiSectionHeader, Sn as uiSelect, En as uiSpherical, Dn as uiSphericalInput, Tn as uiSphericalWidget, Ve as uiSplit, He as uiSplitContent, Nn as uiString, Mn as uiStringWidget, qe as uiTabs, Ye as uiTree, Ln as uiVectorInput, In as uiVectorWidget, J as uiWidget, ze as unmountUi };
 
 //# sourceMappingURL=tweak-ui.module.js.map