@jboltai/tokui 0.1.6 → 0.1.7

package/dist/tokui.mjs

@@ -541,7 +541,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		"mark",
 		"sub",
 		"sup"
-	]), d = new Set(/* @__PURE__ */ "stripe.dis.ro.req.chk.multi.disabled.readonly.required.checked.multiple.striped.auto.plain.round.closable.bordered.open.pill.dot.leaf.inline.rounded.container.copy.regenerate.like.dislike.visible.delete.controls.open.active.collapsible.toggle.search.thumb.reset.print.show-total".split(".")), f = null;
+	]), d = new Set(/* @__PURE__ */ "stripe.dis.ro.req.chk.multi.disabled.readonly.required.checked.multiple.striped.auto.plain.round.closable.bordered.open.pill.dot.leaf.inline.rounded.container.copy.regenerate.like.dislike.visible.delete.controls.open.active.collapsible.toggle.search.thumb.reset.print.show-total.live".split(".")), f = null;
 	function p(e) {
 		f = e;
 	}
@@ -941,6 +941,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			handler: t.sub === !0 ? null : String(t.sub),
 			target: null,
 			trigger: !1
+		} : t.t === "submit" ? {
+			act: "submit",
+			formId: n,
+			handler: t.clk ? String(t.clk) : null,
+			target: null,
+			trigger: !1
 		} : {
 			act: null,
 			formId: n,
@@ -1214,11 +1220,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}
 		mount(e, t) {
+			this._mountRoot = t;
 			let n = this.render(e);
 			return n.nodeType === 1 && (n.style.animation = "tokuiFadeIn 0.3s ease"), t.appendChild(n), this.bindEvents(n), n._streamCloseHook && n._streamCloseHook(), n;
 		}
 		mountStreaming(e, t) {
-			return e._stream === "skeleton-pending" ? this._streamSkeletonPending(e, t) : e._stream === "skeleton-finalize" ? this._streamSkeletonFinalize(e, t) : e._streamPreview ? this._streamChartPreview(e, t) : e.type === "tr" && e._stream === "open" ? this._streamTrOpen(e, t) : e.type === "tr" && e._stream === "preview" ? this._streamTrPreview(e) : e.type === "tr" && e._stream === "finalize" ? this._streamTrFinalize(e, t) : e._stream === "open" ? this._streamOpen(e, t) : e._stream === "close" ? this._streamClose(e) : e.type === "chart" && e._previewKey !== void 0 ? this._streamChartFinalize(e, t) : this._streamChild(e, t);
+			return this._mountRoot = t, e._stream === "skeleton-pending" ? this._streamSkeletonPending(e, t) : e._stream === "skeleton-finalize" ? this._streamSkeletonFinalize(e, t) : e._streamPreview ? this._streamChartPreview(e, t) : e.type === "tr" && e._stream === "open" ? this._streamTrOpen(e, t) : e.type === "tr" && e._stream === "preview" ? this._streamTrPreview(e) : e.type === "tr" && e._stream === "finalize" ? this._streamTrFinalize(e, t) : e._stream === "open" ? this._streamOpen(e, t) : e._stream === "close" ? this._streamClose(e) : e.type === "chart" && e._previewKey !== void 0 ? this._streamChartFinalize(e, t) : this._streamChild(e, t);
 		}
 		_streamChartPreview(e, t) {
 			this._pendingCharts = this._pendingCharts || {};
@@ -1349,6 +1356,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			for (let [n, r] of new FormData(e)) t[n] === void 0 ? t[n] = r : (Array.isArray(t[n]) || (t[n] = [t[n]]), t[n].push(r));
 			return t;
 		}
+		_reportValidity(e) {
+			return e ? typeof e.reportValidity == "function" ? e.reportValidity() : typeof e.checkValidity == "function" ? e.checkValidity() : !0 : !0;
+		}
 		_getNodeType(e) {
 			if (e._tokuiType) return e._tokuiType;
 			let t = e.className && e.className.match && e.className.match(/tokui-(\w+)/);
@@ -1387,6 +1397,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					}
 					var c = function(e) {
 						if (e.preventDefault(), a) {
+							if (!t._reportValidity(a)) return;
 							let n = a.getAttribute("data-tokui-sub"), r = n ? t.eventBus.getHandler(n) : null;
 							r && r(t._collectFormData(a), e, a);
 							return;
@@ -1398,6 +1409,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 								let e = n.getAttribute("data-tokui-form");
 								e && (i = r(n, e));
 							}
+							if (i && n.getAttribute("type") === "submit" && !t._reportValidity(i)) return;
 							o(i ? t._collectFormData(i) : null, e, n);
 						}
 					};
@@ -1417,7 +1429,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				let n = e.getAttribute("data-tokui-sub") || e.getAttribute("data-tokui-clk");
 				if (n) {
 					var r = function(r) {
-						r.preventDefault();
+						if (r.preventDefault(), !t._reportValidity(e)) return;
 						let i = t.eventBus.getHandler(n);
 						i && i(t._collectFormData(e), r, e);
 					};
@@ -1468,13 +1480,17 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		}
 		_doSubmit(e, t) {
-			var n = r(e, t);
-			if (n) {
-				var i = e.getAttribute("data-tokui-sub"), a = this._collectFormData(n);
+			var n = r(e, t), i = e.getAttribute("data-tokui-sub");
+			if (!n) {
 				if (i) {
-					var o = this.eventBus.getHandler(i);
-					o && o(a, null, n);
+					var a = this.eventBus.getHandler(i);
+					a && a(null, null, e);
 				}
+				return;
+			}
+			if (this._reportValidity(n) && (i ||= n.getAttribute("data-tokui-sub") || n.getAttribute("data-tokui-clk"), i)) {
+				var o = this.eventBus.getHandler(i);
+				o && o(this._collectFormData(n), null, n);
 			}
 		}
 		_doReset(e, t) {
@@ -2015,12 +2031,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		function y(i, o, s) {
 			var c = t.srcLeft(i), l = r / (t.srcRight(o) - c), u = n - l * c;
-			if (a.setAttribute("transform", "matrix(" + l + " 0 0 1 " + u + " 0)"), _.s = i, _.e = o, _.sx = l, _.tx = u, E(p), s) {
-				t.renderLabels(p, i, o);
-				var d = e._tokuiBumpedFs;
-				if (d) for (var f = p.querySelectorAll("text"), m = 0; m < f.length; m++) f[m].setAttribute("font-size", d);
-			}
-			t.onZoom && t.onZoom(i, o, l, u);
+			a.setAttribute("transform", "matrix(" + l + " 0 0 1 " + u + " 0)"), _.s = i, _.e = o, _.sx = l, _.tx = u, E(p), s && (t.renderLabels(p, i, o), ne(p, e)), t.onZoom && t.onZoom(i, o, l, u);
 		}
 		var x = s("g", { class: "tokui-chart-zoom" });
 		d.appendChild(x);
@@ -2094,18 +2105,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			L.setAttribute("x", i), L.setAttribute("width", Math.max(2, a - i)), z.setAttribute("x", i - 3), B.setAttribute("x", a - 3);
 		}
 		G(H, U);
-		var ee = typeof window < "u" && typeof window.requestAnimationFrame == "function", K = !1, J = null;
+		var K = typeof window < "u" && typeof window.requestAnimationFrame == "function", q = !1, J = null;
 		function te(e, t) {
-			J = [e, t], !K && (K = !0, ee ? window.requestAnimationFrame(function() {
-				K = !1, J && y(J[0], J[1], !1);
-			}) : (K = !1, y(e, t, !1)));
+			J = [e, t], !q && (q = !0, K ? window.requestAnimationFrame(function() {
+				q = !1, J && y(J[0], J[1], !1);
+			}) : (q = !1, y(e, t, !1)));
 		}
-		function ne(e) {
+		function Y(e) {
 			G(H, U);
-			var t = q(i, H, U);
+			var t = ee(i, H, U);
 			e ? te(t.s, t.e) : (J = null, y(t.s, t.e, !0));
 		}
-		function Y(t, i) {
+		function re(t, i) {
 			t.style.touchAction = "none", t.style.userSelect = "none", t.style.webkitUserDrag = "none";
 			function a(a, o) {
 				var s = !0, c = a;
@@ -2118,7 +2129,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							var a = U - H, o = (e - c) / r;
 							H = b(H + o, 0, 1 - a), U = H + a;
 						}
-						c = e, ne(!0);
+						c = e, Y(!0);
 					}
 				}
 				function u(t) {
@@ -2129,7 +2140,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					try {
 						t.releasePointerCapture(o);
 					} catch {}
-					ne(!1);
+					Y(!1);
 				}
 				t.addEventListener("pointermove", u), t.addEventListener("pointerup", d);
 			}
@@ -2141,7 +2152,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				a(D(e, n.clientX), n.pointerId);
 			});
 		}
-		return Y(z, "l"), Y(B, "r"), Y(L, "pan"), y(0, i - 1, !0), e._tokuiZoomRelayout = V, {
+		return re(z, "l"), re(B, "r"), re(L, "pan"), y(0, i - 1, !0), e._tokuiZoomRelayout = V, {
 			showTip: v,
 			winState: _,
 			sharedTip: g,
@@ -2245,42 +2256,42 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return e[n] === void 0 ? r : +e[n];
 	}
-	var W = 38;
-	function G(e, t, n, r, i) {
-		var a = e.length, o = n || 30;
-		if (!a) return {
+	var W = 38, G = 12;
+	function K(e, t, n, r, i, a) {
+		var o = e.length, s = n || 30;
+		if (!o) return {
 			rotate: !1,
-			padB: o,
+			padB: s,
 			interval: 1
 		};
-		for (var s = r || t * a, c = 0, l = 0; l < a; l++) if (!(e[l] == null || e[l] === "")) {
-			var u = N(String(e[l]));
-			u > c && (c = u);
+		for (var c = r || t * o, l = 0, u = 0; u < o; u++) if (!(e[u] == null || e[u] === "")) {
+			var d = N(String(e[u]));
+			d > l && (l = d);
 		}
-		var d = I / L * c, f = Math.max(W, d * 1.15), p = Math.max(W * .72, d * .72), m = Math.max(1, Math.floor(s / f)), h = Math.max(1, Math.floor(s / p)), g = 1, _ = !1, v = i === void 0 ? "auto" : String(i);
-		if (v === "0") g = 1, _ = a > m && (a <= h || a <= 10);
-		else if (v === "auto") a <= m ? (g = 1, _ = !1) : a <= 10 || a <= h ? (g = 1, _ = !0) : (g = Math.ceil(a / m), _ = !1);
+		var f = I / L * l, p = Math.max(W, f * 1.15), m = Math.max(W * .72, f * .72), h = Math.max(1, Math.floor(c / p)), g = Math.max(1, Math.floor(c / m)), _ = 1, v = !1, y = i === void 0 ? "auto" : String(i);
+		if (y === "0") _ = 1, v = o > h && (o <= g || o <= 10);
+		else if (y === "auto") o <= h ? (_ = 1, v = !1) : o <= 10 || o <= g ? (_ = 1, v = !0) : (_ = Math.ceil(o / h), v = !1);
 		else {
-			var y = parseInt(v, 10);
-			!isNaN(y) && y > 1 ? (g = y, _ = Math.ceil(a / g) > m && Math.ceil(a / g) <= h) : (g = 1, _ = a > m);
+			var b = parseInt(y, 10);
+			!isNaN(b) && b > 1 ? (_ = b, v = Math.ceil(o / _) > h && Math.ceil(o / _) <= g) : (_ = 1, v = o > h);
 		}
-		return _ && (o = Math.max(n || 30, 52)), {
-			rotate: _,
-			padB: o,
-			interval: g
+		return v && (s = Math.max(n || 30, Math.ceil(G + f * Math.SQRT1_2 + 3 + (a ? G : 0)))), {
+			rotate: v,
+			padB: s,
+			interval: _
 		};
 	}
-	var ee = 30;
-	function K(e, t) {
+	var q = 30;
+	function J(e, t) {
 		var n = e.zoom;
 		if (n === void 0) return !1;
 		var r = String(n);
-		if (r === "" || r === "auto" || r === "on" || r === "true") return t > ee;
+		if (r === "" || r === "auto" || r === "on" || r === "true") return t > q;
 		if (r === "off" || r === "false" || r === "0") return !1;
 		var i = parseInt(r, 10);
-		return isNaN(i) ? t > ee : t > i;
+		return isNaN(i) ? t > q : t > i;
 	}
-	function q(e, t, n) {
+	function ee(e, t, n) {
 		if (e <= 1) return {
 			s: 0,
 			e: Math.max(0, e - 1)
@@ -2296,7 +2307,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			e: i
 		};
 	}
-	function J(e, t, n, r, i, a, o) {
+	function te(e, t, n, r) {
+		return n ? e - t + G : e - 8 - (r ? 12 : 0);
+	}
+	function Y(e, t, n, r, i, a, o) {
 		var c = (i || 40) * .9, l = typeof a == "boolean", u = o && o > 1 ? o : 1, d = t.length - 1;
 		t.forEach(function(t, i) {
 			if (!(t == null || t === "") && !(u > 1 && !(i === 0 || i === d || i % u === 0))) {
@@ -2311,7 +2325,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		});
 	}
-	function te(e, t, n, r, i) {
+	function ne(e, t) {
+		var n = t && t._tokuiBumpedFs;
+		if (n > 0) for (var r = e.querySelectorAll("text"), i = 0; i < r.length; i++) r[i].setAttribute("font-size", n);
+	}
+	function re(e, t, n, r, i) {
 		var a = s("text", {
 			x: n,
 			y: r,
@@ -2321,7 +2339,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		});
 		i && a.setAttribute("transform", "rotate(-90 " + n + " " + r + ")"), a.textContent = t, e.appendChild(a);
 	}
-	function ne(e, t, n, r) {
+	function ie(e, t, n, r) {
 		var i = typeof window < "u" && typeof window.requestAnimationFrame == "function", a = i && window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 		if (!(n > 0) || !i || a) {
 			r(t);
@@ -2335,25 +2353,25 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		window.requestAnimationFrame(s);
 	}
-	function Y(e) {
+	function ae(e) {
 		return e = String(e).replace("#", ""), e.length === 3 && (e = e[0] + e[0] + e[1] + e[1] + e[2] + e[2]), /^[0-9a-fA-F]{6}$/.test(e) ? [
 			parseInt(e.slice(0, 2), 16),
 			parseInt(e.slice(2, 4), 16),
 			parseInt(e.slice(4, 6), 16)
 		] : null;
 	}
-	function re(e, t, n) {
-		var r = Y(e), i = Y(t);
+	function oe(e, t, n) {
+		var r = ae(e), i = ae(t);
 		if (!r || !i) return e;
 		var a = Math.round(r[0] + (i[0] - r[0]) * n), o = Math.round(r[1] + (i[1] - r[1]) * n), s = Math.round(r[2] + (i[2] - r[2]) * n);
 		return "rgb(" + a + "," + o + "," + s + ")";
 	}
-	function ie(e, t) {
+	function X(e, t) {
 		if (t = b(t, 0, 1), e.length === 1) return e[0];
 		var n = t * (e.length - 1), r = Math.min(e.length - 2, Math.floor(n));
-		return re(e[r], e[r + 1], n - r);
+		return oe(e[r], e[r + 1], n - r);
 	}
-	function ae(e, t, r, i) {
+	function se(e, t, r, i) {
 		var a = i.orient === "h" || i.orientation === "h", c = i.stack !== void 0 || i.stacked !== void 0, l = f(i.d);
 		if (l.length || (l = [e]), l.every(function(e) {
 			return !e.length;
@@ -2362,7 +2380,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return e.length;
 		})), d, p;
 		a ? (d = parseInt(i.w) || 480, p = x(i, "h", u, 36, 26, 200, 1200)) : (d = x(i, "w", u, 52, 26, 360, 2400), p = S(d, parseInt(i.h) || 200, 4, 560));
-		var m = l.length > 1, h = !a && K(i, u), g = h ? 28 : 0, _ = p + (m ? o : 0) + g, v = 0, y = 0;
+		var m = l.length > 1, h = !a && J(i, u), g = h ? 28 : 0, _ = p + (m ? o : 0) + g, v = 0, y = 0;
 		if (c) for (var O = 0; O < u; O++) {
 			var k = 0, A = 0;
 			l.forEach(function(e) {
@@ -2387,43 +2405,43 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		var R = [], z = [];
 		if (a) {
-			var B = 70, V = i.xl ? 30 : 22, H = 14, W = i.yl ? 30 : 16, ee = d - B - W, ne = p - H - V, Y = ne / u, re = Math.max(3, c ? Y * .6 : Y * .6 / l.length);
+			var B = 70, V = i.xl ? 30 : 22, H = 14, W = i.yl ? 30 : 16, G = d - B - W, q = p - H - V, ie = q / u, ae = Math.max(3, c ? ie * .6 : ie * .6 / l.length);
 			function e(e) {
-				return B + ee * (e - y) / N;
+				return B + G * (e - y) / N;
 			}
-			for (var ie = 0; ie <= 4; ie++) {
-				var ae = y + N * ie / 4, X = e(ae);
+			for (var oe = 0; oe <= 4; oe++) {
+				var X = y + N * oe / 4, se = e(X);
 				P.appendChild(s("line", {
-					x1: X,
+					x1: se,
 					y1: H,
-					x2: X,
-					y2: H + ne,
+					x2: se,
+					y2: H + q,
 					stroke: "var(--tokui-chart-grid, #e8e8e8)",
 					"stroke-width": 1
 				})), P.appendChild(s("text", {
-					x: X,
-					y: H + ne + 10,
+					x: se,
+					y: H + q + 10,
 					"text-anchor": "middle",
 					fill: "var(--tokui-chart-text, #999)",
 					"font-size": "9"
-				})).textContent = Math.round(ae);
+				})).textContent = Math.round(X);
 			}
 			l.forEach(function(a, o) {
 				a.forEach(function(a, u) {
 					if (a != null) {
-						var d = L(o, u, a), f = e(d[0]), p = Math.max(0, e(d[1]) - f), m = H + u * Y + Y * .2 + (c ? 0 : o * re), h = s("g", { class: "tokui-chart-tip-group" });
+						var d = L(o, u, a), f = e(d[0]), p = Math.max(0, e(d[1]) - f), m = H + u * ie + ie * .2 + (c ? 0 : o * ae), h = s("g", { class: "tokui-chart-tip-group" });
 						if (h.appendChild(s("rect", {
 							x: f,
 							y: m,
 							width: p,
-							height: re - 1,
+							height: ae - 1,
 							fill: r[o % r.length],
 							rx: 2,
 							class: "tokui-chart-bar"
 						})), I.add(h, (t[u] || "") + ": " + a + (l.length > 1 ? " (" + n("chart.seriesDefault", { n: o + 1 }) + ")" : ""), f + p / 2, m), P.appendChild(h), i.vals !== void 0) {
 							var g = s("text", {
 								x: f + p + 3,
-								y: m + re / 2 + 2,
+								y: m + ae / 2 + 2,
 								"text-anchor": "start",
 								fill: "var(--tokui-chart-text, #666)",
 								"font-size": "8"
@@ -2434,7 +2452,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				});
 			}), t.slice(0, u).forEach(function(e, t) {
 				if (!(e == null || e === "")) {
-					var n = H + t * Y + Y / 2;
+					var n = H + t * ie + ie / 2;
 					P.appendChild(s("text", {
 						x: B - 6,
 						y: n + 3,
@@ -2443,96 +2461,96 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						"font-size": "9"
 					})).textContent = e;
 				}
-			}), i.xl && te(P, i.xl, B + ee / 2, H + ne + 22, !1), i.yl && te(P, i.yl, 12, H + ne / 2, !0);
+			}), i.xl && re(P, i.xl, B + G / 2, H + q + 22, !1), i.yl && re(P, i.yl, 12, H + q / 2, !0);
 		} else {
-			var Z = i._padL ? +i._padL : i.yl ? 46 : 40, oe = 12, se = 18, Q = d - Z - oe, ce = Q / u, le = G(t.slice(0, u), ce, i.xl ? 38 : 28, Q, i.interval), ue = le.padB, de = p - se - ue;
+			var Z = i._padL ? +i._padL : i.yl ? 46 : 40, ce = 12, le = 18, Q = d - Z - ce, ue = Q / u, de = K(t.slice(0, u), ue, i.xl ? 38 : 28, Q, i.interval, !!i.xl), fe = de.padB, pe = p - le - fe;
 			function e(e) {
-				return se + de * (1 - (e - y) / N);
+				return le + pe * (1 - (e - y) / N);
 			}
-			for (var fe = 0; fe <= 4; fe++) {
-				var pe = y + N * fe / 4, me = e(pe);
+			for (var me = 0; me <= 4; me++) {
+				var he = y + N * me / 4, ge = e(he);
 				P.appendChild(s("line", {
 					x1: Z,
-					y1: me,
-					x2: d - oe,
-					y2: me,
+					y1: ge,
+					x2: d - ce,
+					y2: ge,
 					stroke: "var(--tokui-chart-grid, #e8e8e8)",
 					"stroke-width": 1
 				})), P.appendChild(s("text", {
 					x: Z - 4,
-					y: me + 4,
+					y: ge + 4,
 					"text-anchor": "end",
 					fill: "var(--tokui-chart-text, #999)",
 					"font-size": "9"
-				})).textContent = Math.round(pe);
+				})).textContent = Math.round(he);
 			}
 			if (y < 0) {
-				var he = e(0);
+				var _e = e(0);
 				P.appendChild(s("line", {
 					x1: Z,
-					y1: he,
-					x2: d - oe,
-					y2: he,
+					y1: _e,
+					x2: d - ce,
+					y2: _e,
 					stroke: "var(--tokui-chart-axis, #bbb)",
 					"stroke-width": 1
 				}));
 			}
-			var ge = s("g", { class: "tokui-chart-plot" });
-			P.appendChild(ge);
-			var _e = h && l.length === 1 && !c, ve = null, ye = null, be = null, xe = null, Se = null, Ce = null, we = Q / u, Te = Math.max(4, we * .6), Ee = {
+			var ve = s("g", { class: "tokui-chart-plot" });
+			P.appendChild(ve);
+			var ye = h && l.length === 1 && !c, be = null, xe = null, Se = null, Ce = null, we = null, Te = null, Ee = Q / u, De = Math.max(4, Ee * .6), Oe = {
 				s: 0,
 				e: u - 1,
 				sx: 1,
 				tx: 0
 			};
-			if (_e) {
-				var De = "tokui-chart-clip-" + ++F, Oe = s("defs"), k = s("clipPath", { id: De });
+			if (ye) {
+				var ke = "tokui-chart-clip-" + ++F, Ae = s("defs"), k = s("clipPath", { id: ke });
 				k.appendChild(s("rect", {
 					x: Z - 1,
-					y: se - 1,
+					y: le - 1,
 					width: Q + 2,
-					height: de + 2
-				})), Oe.appendChild(k), P.appendChild(Oe);
-				var ke = s("g", { "clip-path": "url(#" + De + ")" });
-				ge.appendChild(ke), ye = s("g", { class: "tokui-chart-plot-bars" }), ke.appendChild(ye), ve = [];
-				for (var Ae = l[0], je = 0; je < u; je++) {
-					var Me = Ae[je], Ne = s("rect", {
-						x: Z + je * we + we * .2,
-						y: e(Me),
-						width: Math.max(1, Te - 1),
-						height: Math.max(0, Me / N * de),
+					height: pe + 2
+				})), Ae.appendChild(k), P.appendChild(Ae);
+				var je = s("g", { "clip-path": "url(#" + ke + ")" });
+				ve.appendChild(je), xe = s("g", { class: "tokui-chart-plot-bars" }), je.appendChild(xe), be = [];
+				for (var Me = l[0], Ne = 0; Ne < u; Ne++) {
+					var Pe = Me[Ne], Fe = s("rect", {
+						x: Z + Ne * Ee + Ee * .2,
+						y: e(Pe),
+						width: Math.max(1, De - 1),
+						height: Math.max(0, Pe / N * pe),
 						rx: 2,
 						fill: r[0],
 						class: "tokui-chart-bar"
 					});
-					ye.appendChild(Ne), ve.push(Ne);
+					xe.appendChild(Fe), be.push(Fe);
 				}
-				be = s("g", { class: "tokui-chart-plot-labels" }), ge.appendChild(be), Se = s("rect", {
+				Se = s("g", { class: "tokui-chart-plot-labels" }), ve.appendChild(Se), we = s("rect", {
 					x: 0,
 					y: 0,
 					width: 0,
 					height: 0,
 					rx: 4,
 					fill: "rgba(0,0,0,0.78)"
-				}), Ce = s("text", {
+				}), Te = s("text", {
 					"text-anchor": "middle",
 					"dominant-baseline": "central",
 					fill: "#fff",
 					"font-size": "10"
-				}), xe = s("g", { class: "tokui-chart-tip tokui-chart-tip--shared" }), xe.appendChild(Se), xe.appendChild(Ce), I.layer.appendChild(xe);
+				}), Ce = s("g", { class: "tokui-chart-tip tokui-chart-tip--shared" }), Ce.appendChild(we), Ce.appendChild(Te), I.layer.appendChild(Ce);
 			}
 			function a(a, o, d) {
 				var f = o - a + 1;
-				if (_e) {
-					var m = u / f, g = Z - m * (Z + a * we);
-					if (ye.setAttribute("transform", "matrix(" + m + " 0 0 1 " + g + " 0)"), Ee.s = a, Ee.e = o, Ee.sx = m, Ee.tx = g, E(be), d) {
+				if (ye) {
+					var m = u / f, g = Z - m * (Z + a * Ee);
+					if (xe.setAttribute("transform", "matrix(" + m + " 0 0 1 " + g + " 0)"), Oe.s = a, Oe.e = o, Oe.sx = m, Oe.tx = g, E(Se), d) {
 						for (var _ = Q / f, v = [], y = 0; y < f; y++) v.push(Z + y * _ + _ / 2);
-						J(be, t.slice(a, o + 1), v, p - 8, _, le.rotate, le.interval);
+						Y(Se, t.slice(a, o + 1), v, te(p, fe, de.rotate, !!i.xl), _, de.rotate, de.interval), ne(Se, P);
 					}
 					return;
 				}
 				var b = Q / f;
-				E(ge), d && E(I.layer);
+				E(ve), d && E(I.layer);
 				var x = Math.max(4, c ? b * .6 : b * .6 / l.length), S = [], C = [];
 				l.forEach(function(u, f) {
 					for (var p = a; p <= o; p++) {
@@ -2540,7 +2558,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						if (m != null) {
 							var h = c ? m >= 0 ? S[p] || 0 : C[p] || 0 : 0, g = m >= 0 ? h + m : h, _ = m >= 0 ? h : h + m;
 							c && (m >= 0 ? S[p] = g : C[p] = _);
-							var v = e(g), y = Math.max(0, (g - _) / N * de), w = Z + (p - a) * b + b * .2 + (c ? 0 : f * x), T = s("g", { class: "tokui-chart-tip-group" });
+							var v = e(g), y = Math.max(0, (g - _) / N * pe), w = Z + (p - a) * b + b * .2 + (c ? 0 : f * x), T = s("g", { class: "tokui-chart-tip-group" });
 							if (T.appendChild(s("rect", {
 								x: w,
 								y: v,
@@ -2549,7 +2567,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 								fill: r[f % r.length],
 								rx: 2,
 								class: "tokui-chart-bar"
-							})), d && I.add(T, (t[p] || "") + ": " + m + (l.length > 1 ? " (" + n("chart.seriesDefault", { n: f + 1 }) + ")" : ""), w + (x - 1) / 2, v), ge.appendChild(T), i.vals !== void 0) {
+							})), d && I.add(T, (t[p] || "") + ": " + m + (l.length > 1 ? " (" + n("chart.seriesDefault", { n: f + 1 }) + ")" : ""), w + (x - 1) / 2, v), ve.appendChild(T), i.vals !== void 0) {
 								var E = s("text", {
 									x: w + (x - 1) / 2,
 									y: v - 3,
@@ -2557,33 +2575,33 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 									fill: "var(--tokui-chart-text, #666)",
 									"font-size": "8"
 								});
-								E.textContent = m, ge.appendChild(E);
+								E.textContent = m, ve.appendChild(E);
 							}
 						}
 					}
 				});
 				for (var w = [], D = 0; D < f; D++) w.push(Z + D * b + b / 2);
-				J(ge, t.slice(a, o + 1), w, p - 8, b, le.rotate, le.interval), d && h && T(ge, P);
+				Y(ve, t.slice(a, o + 1), w, te(p, fe, de.rotate, !!i.xl), b, de.rotate, de.interval), ne(ve, P), d && h && T(ve, P);
 			}
-			if (a(0, u - 1, !0), _e) {
+			if (a(0, u - 1, !0), ye) {
 				function n(e, t, n) {
 					for (var r = P._tokuiBumpedFs || 10, i = r / 10, a = 0, o = 0; o < e.length; o++) a += e.charCodeAt(o) > 127 ? 10 : 5.5;
 					var s = a * i + 16, c = 18 * i, l = t - s / 2, u = n - c - 6;
-					l < 2 && (l = 2), l + s > d - 2 && (l = d - s - 2), u < 2 && (u = n + 10), Se.setAttribute("x", l), Se.setAttribute("y", u), Se.setAttribute("width", s), Se.setAttribute("height", c), Ce.setAttribute("x", l + s / 2), Ce.setAttribute("y", u + c / 2 + 1), Ce.setAttribute("font-size", r), Ce.textContent = e, xe.style.opacity = "1";
+					l < 2 && (l = 2), l + s > d - 2 && (l = d - s - 2), u < 2 && (u = n + 10), we.setAttribute("x", l), we.setAttribute("y", u), we.setAttribute("width", s), we.setAttribute("height", c), Te.setAttribute("x", l + s / 2), Te.setAttribute("y", u + c / 2 + 1), Te.setAttribute("font-size", r), Te.textContent = e, Ce.style.opacity = "1";
 				}
-				ve.forEach(function(r, i) {
+				be.forEach(function(r, i) {
 					r.addEventListener("mouseenter", function() {
 						var r = l[0][i];
 						if (r != null) {
-							var a = Z + i * we + we * .2 + (Te - 1) / 2, o = Ee.sx * a + Ee.tx, s = e(r);
+							var a = Z + i * Ee + Ee * .2 + (De - 1) / 2, o = Oe.sx * a + Oe.tx, s = e(r);
 							n((t[i] || "") + ": " + r, o, s);
 						}
 					}), r.addEventListener("mouseleave", function() {
-						xe.style.opacity = "";
+						Ce.style.opacity = "";
 					});
 				});
 			}
-			i.xl && te(P, i.xl, Z + Q / 2, p - 8 + (le.rotate ? 26 : 12), !1), i.yl && te(P, i.yl, 12, se + de / 2, !0), h && (function() {
+			i.xl && re(P, i.xl, Z + Q / 2, p - 3, !1), i.yl && re(P, i.yl, 12, le + pe / 2, !0), h && (function() {
 				var e = s("g", { class: "tokui-chart-zoom" });
 				P.appendChild(e);
 				var t = p + 6, n = 16, r = n - 2;
@@ -2656,7 +2674,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 				function O(e) {
 					S(_, v);
-					var t = q(u, _, v);
+					var t = ee(u, _, v);
 					e ? E(t.s, t.e) : (T = null, a(t.s, t.e, !0));
 				}
 				function k(e, t) {
@@ -2705,14 +2723,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}), d, p + 6), P.appendChild(I.layer), h || w(P), P;
 	}
-	function X(e, t, r, i) {
+	function Z(e, t, r, i) {
 		var a = i.stack !== void 0 || i.stacked !== void 0, c = i.smooth !== void 0, l = f(i.d);
 		if (l.length || (l = [e]), l.every(function(e) {
 			return !e.length;
 		})) return M(parseInt(i.w) || 400, parseInt(i.h) || 200);
 		var u = Math.max.apply(null, l.map(function(e) {
 			return e.length;
-		})), d = x(i, "w", u, 52, 24, 360, 2400), p = S(d, parseInt(i.h) || 200, 4, 560), m = l.length > 1, h = K(i, u), g = h ? 28 : 0, _ = p + (m ? o : 0) + g, v = l.map(function(e) {
+		})), d = x(i, "w", u, 52, 24, 360, 2400), p = S(d, parseInt(i.h) || 200, 4, 560), m = l.length > 1, h = J(i, u), g = h ? 28 : 0, _ = p + (m ? o : 0) + g, v = l.map(function(e) {
 			return e.slice();
 		});
 		if (a) for (var y = 1; y < v.length; y++) for (var b = 0; b < u; b++) v[y][b] = (v[y][b] || 0) + (v[y - 1][b] || 0);
@@ -2722,7 +2740,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e > T && (T = e), e < E && (E = e);
 			});
 		}), E === Infinity && (E = 0), E > 0 && !a && (E = 0);
-		var D = T - E || 1, O = 12, N = 18, P = i._padL ? +i._padL : i.yl ? 46 : 40, F = d - P - O, I = u > 1 ? F / (u - 1) : F, L = G(t.slice(0, u), I, i.xl ? 38 : 28, F, i.interval), R = L.padB, z = p - N - R, B = s("svg", {
+		var D = T - E || 1, O = 12, N = 18, P = i._padL ? +i._padL : i.yl ? 46 : 40, F = d - P - O, I = u > 1 ? F / (u - 1) : F, L = K(t.slice(0, u), I, i.xl ? 38 : 28, F, i.interval, !!i.xl), R = L.padB, z = p - N - R, B = s("svg", {
 			viewBox: "0 0 " + d + " " + _,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
@@ -2734,7 +2752,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return N + z * (1 - (e - E) / D);
 		}
 		for (var W = 0; W <= 4; W++) {
-			var ee = E + D * W / 4, q = U(ee);
+			var G = E + D * W / 4, q = U(G);
 			B.appendChild(s("line", {
 				x1: P,
 				y1: q,
@@ -2748,9 +2766,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				"text-anchor": "end",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
-			})).textContent = Math.round(ee * 10) / 10;
+			})).textContent = Math.round(G * 10) / 10;
 		}
-		function ne(e) {
+		function ee(e) {
 			if (e.length < 2) return e.length ? "M" + e[0].x + "," + e[0].y : "";
 			if (e.length === 2) return "M" + e[0].x + "," + e[0].y + " L" + e[1].x + "," + e[1].y;
 			for (var t = "M" + e[0].x + "," + e[0].y, n = 0; n < e.length - 1; n++) {
@@ -2759,11 +2777,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return t;
 		}
-		var Y = h ? s("g", { class: "tokui-chart-plot" }) : null;
-		Y && B.appendChild(Y);
-		var re = h ? s("g", { class: "tokui-chart-plot-dots" }) : null;
-		re && B.appendChild(re);
-		var ie = Y || B, ae = [];
+		var ne = h ? s("g", { class: "tokui-chart-plot" }) : null;
+		ne && B.appendChild(ne);
+		var ie = h ? s("g", { class: "tokui-chart-plot-dots" }) : null;
+		ie && B.appendChild(ie);
+		var ae = ne || B, oe = [];
 		if (v.forEach(function(e, t) {
 			for (var n = [], o = 0; o < e.length; o++) {
 				var u = e[o];
@@ -2784,7 +2802,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						p += " L" + e.x + "," + e.y;
 					});
 					for (var m = d.length - 1; m >= 0; m--) p += " L" + d[m].x + "," + d[m].y;
-					p += " Z", ie.appendChild(s("path", {
+					p += " Z", ae.appendChild(s("path", {
 						d: p,
 						fill: r[t % r.length],
 						opacity: "0.4"
@@ -2793,20 +2811,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					var g = U(Math.max(0, E)), _ = "M" + n[0].x + "," + g;
 					n.forEach(function(e) {
 						_ += " L" + e.x + "," + e.y;
-					}), _ += " L" + n[n.length - 1].x + "," + g + " Z", ie.appendChild(s("path", {
+					}), _ += " L" + n[n.length - 1].x + "," + g + " Z", ae.appendChild(s("path", {
 						d: _,
 						fill: r[t % r.length],
 						opacity: "0.15"
 					}));
 				}
-				c ? ie.appendChild(s("path", {
-					d: ne(n),
+				c ? ae.appendChild(s("path", {
+					d: ee(n),
 					fill: "none",
 					stroke: r[t % r.length],
 					"stroke-width": 2,
 					"stroke-linejoin": "round",
 					"stroke-linecap": "round"
-				})) : ie.appendChild(s("polyline", {
+				})) : ae.appendChild(s("polyline", {
 					points: n.map(function(e) {
 						return e.x + "," + e.y;
 					}).join(" "),
@@ -2817,7 +2835,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}));
 				var y = l[t];
 				n.forEach(function(n) {
-					var a = h ? re : B, o = s("circle", {
+					var a = h ? ie : B, o = s("circle", {
 						cx: n.x,
 						cy: n.y,
 						r: 3,
@@ -2826,12 +2844,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						"stroke-width": 2,
 						class: "tokui-chart-dot"
 					});
-					a.appendChild(o), h && ae.push({
+					a.appendChild(o), h && oe.push({
 						circle: o,
 						idx: n.idx,
 						x: n.x,
 						si: t
-					}), i.vals !== void 0 && (ie.appendChild(s("text", {
+					}), i.vals !== void 0 && (ae.appendChild(s("text", {
 						x: n.x,
 						y: n.y - 6,
 						"text-anchor": "middle",
@@ -2842,7 +2860,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}), h) {
 			var X = A(B, {
-				plotG: Y,
+				plotG: ne,
 				tipLayer: V.layer,
 				padL: P,
 				cw: F,
@@ -2867,17 +2885,17 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				valMin: E,
 				range: D,
 				renderLabels: function(e, n, r) {
-					for (var i = r - n, a = [], o = n; o <= r; o++) a.push(i > 0 ? P + (o - n) * F / i : P + F / 2);
-					J(e, t.slice(n, r + 1), a, p - 8, I, L.rotate, L.interval);
+					for (var a = r - n, o = [], s = n; s <= r; s++) o.push(a > 0 ? P + (s - n) * F / a : P + F / 2);
+					Y(e, t.slice(n, r + 1), o, te(p, R, L.rotate, !!i.xl), I, L.rotate, L.interval);
 				},
 				onZoom: function(e, t, n, r) {
-					for (var i = 0; i < ae.length; i++) {
-						var a = ae[i];
+					for (var i = 0; i < oe.length; i++) {
+						var a = oe[i];
 						a.circle.setAttribute("cx", n * a.x + r);
 					}
 				}
 			});
-			X.clipG.appendChild(re), k({
+			X.clipG.appendChild(ie), k({
 				svg: B,
 				padL: P,
 				padT: N,
@@ -2912,8 +2930,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 			});
 		} else {
-			for (var Z = [], oe = 0; oe < u; oe++) Z.push(H(oe));
-			J(B, t.slice(0, u), Z, p - 8, I, L.rotate, L.interval), k({
+			for (var se = [], Z = 0; Z < u; Z++) se.push(H(Z));
+			Y(B, t.slice(0, u), se, te(p, R, L.rotate, !!i.xl), I, L.rotate, L.interval), k({
 				svg: B,
 				padL: P,
 				padT: N,
@@ -2945,14 +2963,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 			});
 		}
-		return i.xl && te(B, i.xl, P + F / 2, p - 8 + (L.rotate ? 26 : 12), !1), i.yl && te(B, i.yl, 12, N + z / 2, !0), m && j(B, l.map(function(e, t) {
+		return i.xl && re(B, i.xl, P + F / 2, p - 3, !1), i.yl && re(B, i.yl, 12, N + z / 2, !0), m && j(B, l.map(function(e, t) {
 			return {
 				color: r[t % r.length],
 				text: n("chart.seriesDefault", { n: t + 1 })
 			};
 		}), d, p + 6), B.appendChild(V.layer), h || w(B), B;
 	}
-	function Z(e, t, n, r, i) {
+	function ce(e, t, n, r, i) {
 		var a = 10, s = 12, c = 4, l = 4;
 		r > 0 || (r = 7);
 		var u = 0;
@@ -2982,14 +3000,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			totalH: (g + _) * 2 + o
 		};
 	}
-	function oe(e, t, r, i) {
+	function le(e, t, r, i) {
 		var a = parseInt(i.w) || 280, c = parseInt(i.h) || 280;
 		if (!e.length) return M(a, c + o);
 		var l = e.reduce(function(e, t) {
 			return e + t;
 		}, 0) || 1, u = i._pieFs !== void 0 && i._pieFs !== "" ? parseFloat(i._pieFs) : 7;
 		(!(u > 0) || !isFinite(u)) && (u = 7);
-		var d = Z(e, t, i, u, l), f = [], p = -Math.PI / 2;
+		var d = ce(e, t, i, u, l), f = [], p = -Math.PI / 2;
 		e.forEach(function(e, t) {
 			var n = e / l * 2 * Math.PI;
 			f.push({
@@ -3057,7 +3075,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}), d.W, d.H + 6, d.fs), _.appendChild(v.layer), w(_), _;
 	}
-	function se(e, t, r, i) {
+	function Q(e, t, r, i) {
 		var a = parseInt(i.w) || 240, c = parseInt(i.h) || 240, l = c + o, u = a / 2, d = c / 2, p = f(i.d);
 		if (p.length || (p = [e]), p.every(function(e) {
 			return !e.length;
@@ -3099,7 +3117,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}), a, c + 6), g.appendChild(_.layer), w(g), g;
 	}
-	function Q(e, t, r, i) {
+	function ue(e, t, r, i) {
 		var a = e.length, o = parseInt(i.w) || 480, c = parseInt(i.h) || 320;
 		if (!a) return M(o, c);
 		var l = 14, u = 12, d = 14, f = c - l - u, p = a ? f / a : f, m = e[0] || 0, h = v(e) || 1, g = Math.round(o * .6), _ = g - d - 6, y = d + _ / 2, b = g + 10, x = s("svg", {
@@ -3170,7 +3188,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			S.add(O, T + ": " + i + " (" + n("chart.conversion", { pct: w }) + ")", y, C), x.appendChild(O);
 		}), x.appendChild(S.layer), w(x), x;
 	}
-	function ce(e, t, r, i) {
+	function de(e, t, r, i) {
 		var a = parseInt(i.w) || 280, o = parseInt(i.h) || 200, c = a / 2, l = parseInt(i.range, 10);
 		(isNaN(l) || l !== 180 && l !== 270 && l !== 360) && (l = 180);
 		var u = l * Math.PI / 180, d = 1.5 * Math.PI, f = d - u / 2, p = d + u / 2, _ = l === 180 ? o - 34 : o / 2, v = _, y = Math.max(0, Math.sin(f)), x = l === 180 ? Math.max(40, Math.min(c - 34, _ - 24)) : Math.max(36, Math.min(c - 30, (o - 28) / (1 + y + .35))), S = parseFloat(i.min);
@@ -3245,24 +3263,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}));
 		var G = parseInt(i.ticks, 10);
 		isNaN(G) && (G = 6);
-		var ee = {};
+		var K = {};
 		[S, T].concat(M).forEach(function(e) {
-			ee[Math.round(e * 100) / 100] = !0;
+			K[Math.round(e * 100) / 100] = !0;
 		});
-		for (var K = 0; K <= G; K++) {
-			var q = f + K / G * (p - f), J = K === 0 || K === G, te = L(q, x - V / 2 - 1), Y = L(q, x + V / 2 + 2);
+		for (var q = 0; q <= G; q++) {
+			var J = f + q / G * (p - f), ee = q === 0 || q === G, te = L(J, x - V / 2 - 1), Y = L(J, x + V / 2 + 2);
 			H.appendChild(s("line", {
 				x1: te[0],
 				y1: te[1],
 				x2: Y[0],
 				y2: Y[1],
 				stroke: "var(--tokui-chart-text, #bbb)",
-				"stroke-width": J ? 1.2 : .6,
-				opacity: J ? .8 : .35
+				"stroke-width": ee ? 1.2 : .6,
+				opacity: ee ? .8 : .35
 			}));
-			var re = S + K / G * E, ie = Math.round(re * 100) / 100;
-			if (J || ee[ie]) {
-				var ae = L(q, x + V / 2 + 12), X = s("text", {
+			var ne = S + q / G * E, re = Math.round(ne * 100) / 100;
+			if (ee || K[re]) {
+				var ae = L(J, x + V / 2 + 12), oe = s("text", {
 					x: ae[0],
 					y: ae[1],
 					"text-anchor": "middle",
@@ -3270,24 +3288,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					fill: "var(--tokui-chart-text, #999)",
 					"font-size": "8"
 				});
-				X.textContent = k > 0 ? re.toFixed(k) : Math.round(re), H.appendChild(X);
+				oe.textContent = k > 0 ? ne.toFixed(k) : Math.round(ne), H.appendChild(oe);
 			}
 		}
-		var Z = s("g", { class: "tokui-chart-tip-group" }), oe = s("path", {
+		var X = s("g", { class: "tokui-chart-tip-group" }), se = s("path", {
 			fill: "none",
 			stroke: I,
 			"stroke-width": V,
 			"stroke-linecap": "round",
 			class: "tokui-chart-gauge-arc"
 		});
-		Z.appendChild(oe), U.add(Z, (i.l || n("gauge.currentValue")) + ": " + B(D) + O + "  (" + Math.round(b((D - S) / E, 0, 1) * 100) + "%)", c, v - x), H.appendChild(Z);
-		var se = s("line", {
+		X.appendChild(se), U.add(X, (i.l || n("gauge.currentValue")) + ": " + B(D) + O + "  (" + Math.round(b((D - S) / E, 0, 1) * 100) + "%)", c, v - x), H.appendChild(X);
+		var Z = s("line", {
 			stroke: I,
 			"stroke-width": 2.5,
 			"stroke-linecap": "round",
 			class: "tokui-chart-gauge-needle"
 		});
-		H.appendChild(se), H.appendChild(s("circle", {
+		H.appendChild(Z), H.appendChild(s("circle", {
 			cx: c,
 			cy: v,
 			r: 5,
@@ -3296,9 +3314,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"stroke-width": 1.5,
 			class: "tokui-chart-gauge-hub"
 		}));
-		var Q = v - x * (l === 180 ? .5 : l === 270 ? .2 : .12), ce = s("text", {
+		var ce = v - x * (l === 180 ? .5 : l === 270 ? .2 : .12), le = s("text", {
 			x: c,
-			y: Q,
+			y: ce,
 			"text-anchor": "middle",
 			"dominant-baseline": "central",
 			fill: "var(--tokui-text, #333)",
@@ -3306,24 +3324,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"font-weight": "700",
 			class: "tokui-chart-gauge-value tokui-chart-gauge-label"
 		});
-		H.appendChild(ce);
-		var le = Q + 20;
+		H.appendChild(le);
+		var Q = ce + 20;
 		if (i.l) {
 			var ue = s("text", {
 				x: c,
-				y: le,
+				y: Q,
 				"text-anchor": "middle",
 				"dominant-baseline": "central",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "10",
 				class: "tokui-chart-gauge-label"
 			});
-			ue.textContent = i.l, H.appendChild(ue), le += 15;
+			ue.textContent = i.l, H.appendChild(ue), Q += 15;
 		}
 		if (i.status && j[i.status]) {
 			var de = s("text", {
 				x: c,
-				y: le,
+				y: Q,
 				"text-anchor": "middle",
 				"dominant-baseline": "central",
 				fill: A[i.status],
@@ -3348,13 +3366,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		H.appendChild(U.layer);
 		function pe(e) {
 			var t = z(e);
-			oe.setAttribute("d", R(f, t, x));
+			se.setAttribute("d", R(f, t, x));
 			var n = L(t, x - V / 2 - 3);
-			se.setAttribute("x1", c), se.setAttribute("y1", v), se.setAttribute("x2", n[0]), se.setAttribute("y2", n[1]), ce.textContent = B(e) + O;
+			Z.setAttribute("x1", c), Z.setAttribute("y1", v), Z.setAttribute("x2", n[0]), Z.setAttribute("y2", n[1]), le.textContent = B(e) + O;
 		}
-		return w(H), ne(S, D, parseInt(i.anim, 10) || 0, pe), H;
+		return w(H), ie(S, D, parseInt(i.anim, 10) || 0, pe), H;
 	}
-	function le(e, t, r, i) {
+	function fe(e, t, r, i) {
 		var a = parseInt(i.w) || 240, c = parseInt(i.h) || 240, l = a / 2, u = c / 2, d = f(i.d);
 		if (d.length || (d = [e]), d.every(function(e) {
 			return !e.length;
@@ -3438,7 +3456,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}), a, c + 6), v.appendChild(y.layer), w(v), v;
 	}
-	function ue(e, t, n, r) {
+	function pe(e, t, n, r) {
 		var i = p(r.d);
 		if (!i.length) return M(parseInt(r.w) || 400, parseInt(r.h) || 200);
 		for (var a = x(r, "w", i.length, 50, 22, 360, 2400), o = S(a, parseInt(r.h) || 200, 4, 560), c = o, l = 40, u = 30, d = 18, f = 10, m = a - l - f, h = o - d - u, g = r.xl || "X", _ = r.yl || "Y", b = U(r, "xmin", "_xMin", y(i.map(function(e) {
@@ -3495,10 +3513,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			o.textContent = e.x + "," + e.y, A.appendChild(o);
 		}), A.appendChild(j.layer), w(A), A;
 	}
-	function de(e) {
+	function me(e) {
 		return /[-/]/.test(String(e));
 	}
-	function fe(e, t) {
+	function he(e, t) {
 		if (e === void 0 || e === "") return NaN;
 		if (t === "dates") {
 			var n = new Date(e);
@@ -3507,14 +3525,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		var r = parseFloat(e);
 		return isNaN(r) ? NaN : r;
 	}
-	function pe(e) {
+	function ge(e) {
 		return e ? String(e).split("|").map(function(e) {
 			return e.split(",").map(function(e) {
 				return e.trim();
 			});
 		}) : [];
 	}
-	function me(e) {
+	function _e(e) {
 		return e ? String(e).split(",").map(function(e) {
 			var t = e.trim().split("->");
 			return [parseInt(t[0], 10), parseInt(t[1], 10)];
@@ -3522,31 +3540,31 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return !isNaN(e[0]) && !isNaN(e[1]);
 		}) : [];
 	}
-	function he(e, t) {
+	function ve(e, t) {
 		return e ? String(e).split("|").map(function(e) {
 			var n = e.split(",").map(function(e) {
 				return e.trim();
 			});
 			return {
 				name: n[0] || "",
-				time: fe(n[1], t),
+				time: he(n[1], t),
 				group: parseInt(n[2], 10) || 0
 			};
 		}) : [];
 	}
-	function ge(e) {
+	function ye(e) {
 		return e ? String(e).split("|").map(function(e) {
 			return e.trim();
 		}).filter(function(e) {
 			return e !== "";
 		}) : [];
 	}
-	function _e(e) {
-		var t = parseInt(e.w) || 1080, r = pe(e.tasks);
+	function be(e) {
+		var t = parseInt(e.w) || 1080, r = ge(e.tasks);
 		if (!r.length) return { empty: !0 };
-		var i = e.mode === "days" || e.mode === "dates" ? e.mode : de(r[0][1]) ? "dates" : "days", a = [], s = 0;
+		var i = e.mode === "days" || e.mode === "dates" ? e.mode : me(r[0][1]) ? "dates" : "days", a = [], s = 0;
 		if (r.forEach(function(e, t) {
-			var r = fe(e[1], i), o = fe(e[2], i);
+			var r = he(e[1], i), o = he(e[2], i);
 			if (isNaN(r) || isNaN(o)) {
 				s++;
 				return;
@@ -3571,10 +3589,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}))) : (c = 0, l = Math.ceil(Math.max.apply(null, a.map(function(e) {
 			return e.end;
 		})))), isFinite(l) || (l = 1);
-		var u = l - c || 1, d = he(e.ms, i).filter(function(e) {
+		var u = l - c || 1, d = ve(e.ms, i).filter(function(e) {
 			return !isNaN(e.time);
-		}), f = ge(e.gnames), p = {}, m = {};
-		me(e.deps).forEach(function(e) {
+		}), f = ye(e.gnames), p = {}, m = {};
+		_e(e.deps).forEach(function(e) {
 			var t = e[0], n = e[1];
 			t < 0 || t >= a.length || n < 0 || n >= a.length || ((m[t] = m[t] || []).push(n), (p[n] = p[n] || []).push(t));
 		});
@@ -3619,14 +3637,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		};
 	}
-	function ve(e, t) {
+	function xe(e, t) {
 		if (t === "dates") {
 			var n = new Date(e);
 			return n.getMonth() + 1 + "/" + n.getDate();
 		}
 		return "D" + e;
 	}
-	function ye(e) {
+	function Se(e) {
 		var t = [];
 		if (e.mode === "days") for (var r = e.tMax <= 10 ? 1 : e.tMax <= 30 ? 5 : 10, i = 0; i <= e.tMax; i += r) t.push({
 			label: "D" + i,
@@ -3649,9 +3667,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return t;
 	}
-	function be(e, t) {
+	function Ce(e, t) {
 		var n = t.totalH - (t.hasLeg ? o : 6);
-		ye(t).forEach(function(r) {
+		Se(t).forEach(function(r) {
 			var i = t.scale(r.t);
 			e.appendChild(s("line", {
 				x1: i,
@@ -3672,10 +3690,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			a.textContent = r.label, e.appendChild(a);
 		});
 	}
-	function xe(e, t, n) {
+	function we(e, t, n) {
 		return e + "," + (t - n) + " " + (e + n) + "," + t + " " + e + "," + (t + n) + " " + (e - n) + "," + t;
 	}
-	function Se(e, t, n, r) {
+	function Te(e, t, n, r) {
 		var i = t.ms.map(function(e) {
 			return {
 				m: e,
@@ -3689,12 +3707,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			o = l - a < 32 ? !o : !1, a = l;
 			var u = n[c.group % n.length], d = t.msY(), f = s("g", { class: "tokui-chart-tip-group" });
 			f.appendChild(s("polygon", {
-				points: xe(l, d, 6),
+				points: we(l, d, 6),
 				fill: u,
 				stroke: "var(--tokui-chart-slice-stroke, #fff)",
 				"stroke-width": 1,
 				class: "tokui-chart-task-ms"
-			})), r.add(f, c.name + "  " + ve(c.time, t.mode), l, d), e.appendChild(f);
+			})), r.add(f, c.name + "  " + xe(c.time, t.mode), l, d), e.appendChild(f);
 			var p = s("text", {
 				x: l,
 				y: d + 11 + (o ? 9 : 0),
@@ -3705,7 +3723,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			p.textContent = c.name, e.appendChild(p);
 		});
 	}
-	function Ce(e, t, n, r, i) {
+	function Ee(e, t, n, r, i) {
 		var a = 8;
 		if (n - 3 > e + a) {
 			var o = n - 3, s = (e + o) / 2;
@@ -3714,7 +3732,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		var c = r - i / 2;
 		return "M" + e + "," + t + " L" + (e + a) + "," + t + " L" + (e + a) + "," + (c - 9) + " L" + n + "," + (c - 9) + " L" + n + "," + c;
 	}
-	function we(e, t) {
+	function De(e, t) {
 		var n = s("defs"), r = s("marker", {
 			id: "gantt-arrow",
 			markerUnits: "userSpaceOnUse",
@@ -3732,7 +3750,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			t.next[n].forEach(function(n) {
 				var o = t.scale(t.tasks[n].start), c = t.rowY(n);
 				e.appendChild(s("path", {
-					d: Ce(i, a, o, c, t.BAR_H),
+					d: Ee(i, a, o, c, t.BAR_H),
 					fill: "none",
 					stroke: "var(--tokui-chart-task-dep, #bbb)",
 					"stroke-width": "1",
@@ -3744,7 +3762,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		});
 	}
-	function Te(e, t) {
+	function Oe(e, t) {
 		var r = Date.now();
 		if (!(r < t.tMin || r > t.tMax)) {
 			var i = t.scale(r), a = t.totalH - (t.hasLeg ? o : 6);
@@ -3768,7 +3786,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			c.textContent = n("time.today"), e.appendChild(c);
 		}
 	}
-	function Ee(e, t) {
+	function ke(e, t) {
 		var r = s("text", {
 			x: t.w - 6,
 			y: 12,
@@ -3778,7 +3796,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		});
 		r.textContent = n("gantt.skipped", { n: t.skipped }), e.appendChild(r);
 	}
-	function De(e, t) {
+	function Ae(e, t) {
 		function n(e, t) {
 			for (var n = {}, r = [e], i = {}; r.length;) {
 				var a = r.shift();
@@ -3823,7 +3841,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		});
 	}
-	function Oe(e, t, r, i) {
+	function je(e, t, r, i) {
 		t.tasks.forEach(function(a, o) {
 			var c = r[a.group % r.length], l = t.scale(a.start), u = t.scale(a.end), d = Math.max(2, u - l), f = t.rowY(o) - t.BAR_H / 2, p = s("g", {
 				class: "tokui-chart-tip-group tokui-chart-task-tip-group",
@@ -3846,7 +3864,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				rx: 3,
 				fill: c,
 				class: "tokui-chart-task-prog"
-			})), i.add(p, a.name + "  " + ve(a.start, t.mode) + "→" + ve(a.end, t.mode) + "  " + n("gantt.progress") + ":" + a.progress + "%", l + d / 2, f), e.appendChild(p);
+			})), i.add(p, a.name + "  " + xe(a.start, t.mode) + "→" + xe(a.end, t.mode) + "  " + n("gantt.progress") + ":" + a.progress + "%", l + d / 2, f), e.appendChild(p);
 			var m = s("text", {
 				x: t.LABEL_W - 6,
 				y: t.rowY(o) + 3,
@@ -3858,8 +3876,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			m.textContent = a.name, e.appendChild(m);
 		});
 	}
-	function ke(e, t, r, i) {
-		var a = _e(i), c = a.w, l = s("svg", {
+	function Me(e, t, r, i) {
+		var a = be(i), c = a.w, l = s("svg", {
 			viewBox: "0 0 " + c + " " + a.totalH,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
@@ -3875,7 +3893,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return u.textContent = n("gantt.noTasks"), l.appendChild(u), l;
 		}
 		var d = C(c, a.totalH);
-		if (be(l, a), a.hasMs && Se(l, a, r, d), Oe(l, a, r, d), we(l, a), a.mode === "dates" && Te(l, a), a.skipped > 0 && Ee(l, a), l.appendChild(d.layer), w(l), De(l, a), a.hasLeg) {
+		if (Ce(l, a), a.hasMs && Te(l, a, r, d), je(l, a, r, d), De(l, a), a.mode === "dates" && Oe(l, a), a.skipped > 0 && ke(l, a), l.appendChild(d.layer), w(l), Ae(l, a), a.hasLeg) {
 			var f = Object.keys(a.tasks.reduce(function(e, t) {
 				return e[t.group] = 1, e;
 			}, {})).map(function(e) {
@@ -3892,13 +3910,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return l;
 	}
-	function Ae(e, t, n, r) {
+	function Ne(e, t, n, r) {
 		var i = {};
 		return Object.keys(r).forEach(function(e) {
 			i[e] = r[e];
-		}), i.area = !0, X(e, t, n, i);
+		}), i.area = !0, Z(e, t, n, i);
 	}
-	function je(e, t, n, r) {
+	function Pe(e, t, n, r) {
 		var i = parseInt(r.w) || 400, a = parseInt(r.h) || 80, o = parseFloat(r.max);
 		isNaN(o) && (o = 100);
 		var c = parseFloat(r.min);
@@ -3941,9 +3959,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var t = b((e - c) / l, 0, 1);
 			_.setAttribute("x", 2), _.setAttribute("width", Math.max(0, (i - 4) * t)), y.textContent = (v ? v + " " : "") + Math.round(t * 100) + d;
 		}
-		return ne(c, u, parseInt(r.anim, 10) || 0, x), p;
+		return ie(c, u, parseInt(r.anim, 10) || 0, x), p;
 	}
-	function Me(e) {
+	function Fe(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim()) || 0;
@@ -3955,8 +3973,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}) : [];
 	}
-	function Ne(e, t, n, r) {
-		var i = Me(r.d);
+	function Ie(e, t, n, r) {
+		var i = Fe(r.d);
 		if (!i.length) return M(parseInt(r.w) || 400, parseInt(r.h) || 200);
 		for (var a = x(r, "w", i.length, 50, 22, 360, 2400), o = S(a, parseInt(r.h) || 200, 4, 560), c = 40, l = 30, u = 18, d = 10, f = a - c - d, p = o - u - l, m = U(r, "xmin", "_xMin", y(i.map(function(e) {
 			return e.x;
@@ -4008,7 +4026,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			})), O.add(l, (r.xl || "X") + ": " + e.x + "  " + (r.yl || "Y") + ": " + e.y + "  " + (r.sl || "size") + ": " + e.s, i, a), D.appendChild(l);
 		}), D.appendChild(O.layer), w(D), D;
 	}
-	function Pe(e) {
+	function Le(e) {
 		return e ? String(e).split("|").map(function(e) {
 			return e.split(",").map(function(e) {
 				return parseFloat(e.trim());
@@ -4017,7 +4035,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		}) : [];
 	}
-	function Fe(e) {
+	function Re(e) {
 		if (!e) return null;
 		var t = String(e).split(","), n = Infinity, r = -Infinity, i = 0;
 		return t.forEach(function(e) {
@@ -4032,8 +4050,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			bins: i
 		};
 	}
-	function Ie(e, t) {
-		var n = Fe(e.l), r = parseInt(e.bins, 10);
+	function ze(e, t) {
+		var n = Re(e.l), r = parseInt(e.bins, 10);
 		isNaN(r) && (r = n ? n.bins : e._bins === void 0 ? Math.min(20, Math.max(5, Math.ceil(Math.sqrt(t.length)))) : +e._bins);
 		var i = U(e, "min", "_lo", n ? n.lo : y(t)), a = U(e, "max", "_hi", n ? n.hi : v(t));
 		i === a && (--i, a += 1);
@@ -4048,8 +4066,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			counts: s
 		};
 	}
-	function Le(e, t, n, r) {
-		var i = Pe(r.rows || r.d), a = parseInt(r.w) || 400, o = parseInt(r.h) || 320, c = d(r.cols), l = t, u = Math.max(c.length, i[0] ? i[0].length : 0), f = Math.max(l.length, i.length);
+	function Be(e, t, n, r) {
+		var i = Le(r.rows || r.d), a = parseInt(r.w) || 400, o = parseInt(r.h) || 320, c = d(r.cols), l = t, u = Math.max(c.length, i[0] ? i[0].length : 0), f = Math.max(l.length, i.length);
 		if (!f || !u) return M(a, o);
 		var p = l.length ? 64 : 30, m = c.length ? 36 : 16, g = 16, _ = 16, b = a - p - g, x = o - m - _, S = b / u, T = x / f, E = [];
 		i.forEach(function(e) {
@@ -4066,7 +4084,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
 		}), P = C(a, o), F = 0; F < f; F++) for (var I = 0; I < u; I++) {
-			var L = i[F] ? i[F][I] : void 0, R = L !== void 0 && !isNaN(L), z = R && D ? (L - O) / k : 0, B = R ? ie(A, z) : j, V = p + I * S, H = m + F * T, W = s("g", { class: "tokui-chart-tip-group" });
+			var L = i[F] ? i[F][I] : void 0, R = L !== void 0 && !isNaN(L), z = R && D ? (L - O) / k : 0, B = R ? X(A, z) : j, V = p + I * S, H = m + F * T, W = s("g", { class: "tokui-chart-tip-group" });
 			W.appendChild(s("rect", {
 				x: V + 1,
 				y: H + 1,
@@ -4096,7 +4114,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			})).textContent = e;
 		}), N.appendChild(P.layer), w(N), N;
 	}
-	function Re(e, t, r, i) {
+	function Ve(e, t, r, i) {
 		var a = parseInt(i.w) || 280, c = parseInt(i.h) || 280, l = c + o;
 		if (!e.length) return M(a, l);
 		var u = a / 2, d = c / 2, f = Math.min(u, d) - 24, p = v(e) || 1, m = s("svg", {
@@ -4129,16 +4147,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}), a, c + 6), m.appendChild(h.layer), w(m), m;
 	}
-	function ze(e, t, n, r) {
+	function He(e, t, n, r) {
 		var i = parseInt(r.w) || 400, a = parseInt(r.h) || 200;
 		if (!e.length) return M(i, a);
-		for (var o = Ie(r, e), s = [], c = 0; c < o.bins; c++) s.push((o.lo + c * o.width).toFixed(1));
+		for (var o = ze(r, e), s = [], c = 0; c < o.bins; c++) s.push((o.lo + c * o.width).toFixed(1));
 		var l = {};
 		return Object.keys(r).forEach(function(e) {
 			l[e] = r[e];
-		}), l.d = o.counts.join(","), l.l = s.join(","), l.vals = "", delete l.bins, ae(o.counts, s, n, l);
+		}), l.d = o.counts.join(","), l.l = s.join(","), l.vals = "", delete l.bins, se(o.counts, s, n, l);
 	}
-	function Be(e, t, r, i) {
+	function Ue(e, t, r, i) {
 		if (!e.length) return M(parseInt(i.w) || 400, parseInt(i.h) || 200);
 		var a = x(i, "w", e.length, 56, 26, 360, 2400), o = S(a, parseInt(i.h) || 200, 4, 560), c = 0, l = [];
 		e.forEach(function(e) {
@@ -4156,7 +4174,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return e.base;
 		}));
 		d > 0 && (d = 0);
-		var f = u - d || 1, p = i._padL ? +i._padL : 44, m = 18, h = 12, g = a - p - h, _ = g / e.length, b = Math.max(4, _ * .6), T = G(t.slice(0, e.length), _, 30, g, i.interval), E = T.padB, D = o - m - E, O = r[0] || "#52c41a", k = r[1] || "#f5222d", A = s("svg", {
+		var f = u - d || 1, p = i._padL ? +i._padL : 44, m = 18, h = 12, g = a - p - h, _ = g / e.length, b = Math.max(4, _ * .6), T = K(t.slice(0, e.length), _, 30, g, i.interval), E = T.padB, D = o - m - E, O = r[0] || "#52c41a", k = r[1] || "#f5222d", A = s("svg", {
 			viewBox: "0 0 " + a + " " + o,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
@@ -4203,9 +4221,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}));
 		});
 		for (var I = [], L = 0; L < e.length; L++) I.push(p + L * _ + _ / 2);
-		return J(A, t.slice(0, e.length), I, o - 8, _, T.rotate, T.interval), A.appendChild(j.layer), w(A), A;
+		return Y(A, t.slice(0, e.length), I, te(o, E, T.rotate), _, T.rotate, T.interval), A.appendChild(j.layer), w(A), A;
 	}
-	function Ve(e) {
+	function We(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim()) || 0;
@@ -4219,8 +4237,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}) : [];
 	}
-	function He(e, t, r, i) {
-		var a = Ve(i.d);
+	function Ge(e, t, r, i) {
+		var a = We(i.d);
 		if (!a.length) return M(parseInt(i.w) || 400, parseInt(i.h) || 240);
 		var o = x(i, "w", a.length, 56, 44, 360, 2400), c = S(o, parseInt(i.h) || 240, 4, 560), l = [];
 		a.forEach(function(e) {
@@ -4228,7 +4246,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		});
 		var u = y(l), d = v(l);
 		u === d && (--u, d += 1);
-		var f = d - u || 1, p = i._padL ? +i._padL : 44, m = 18, h = 12, g = o - p - h, _ = K(i, a.length), b = _ ? 28 : 0, T = g / a.length, E = Math.max(20, T * .5), D = G(t.slice(0, a.length), T, 30, g, i.interval), O = D.padB, k = c - m - O, j = s("svg", {
+		var f = d - u || 1, p = i._padL ? +i._padL : 44, m = 18, h = 12, g = o - p - h, _ = J(i, a.length), b = _ ? 28 : 0, T = g / a.length, E = Math.max(20, T * .5), D = K(t.slice(0, a.length), T, 30, g, i.interval), O = D.padB, k = c - m - O, j = s("svg", {
 			viewBox: "0 0 " + o + " " + (c + b),
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
@@ -4339,7 +4357,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				range: f,
 				renderLabels: function(e, n, r) {
 					for (var i = g / (r - n + 1), a = [], o = n; o <= r; o++) a.push(p + (o - n) * i + i / 2);
-					J(e, t.slice(n, r + 1), a, c - 8, i, D.rotate, D.interval);
+					Y(e, t.slice(n, r + 1), a, te(c, O, D.rotate), i, D.rotate, D.interval);
 				}
 			});
 			z.forEach(function(e) {
@@ -4351,11 +4369,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		} else {
 			for (var H = [], U = 0; U < a.length; U++) H.push(p + U * T + T / 2);
-			J(j, t.slice(0, a.length), H, c - 8, T, D.rotate, D.interval);
+			Y(j, t.slice(0, a.length), H, te(c, O, D.rotate), T, D.rotate, D.interval);
 		}
 		return j.appendChild(N.layer), _ || w(j), j;
 	}
-	function Ue(e) {
+	function Ke(e) {
 		return e ? String(e).split(",").map(function(e) {
 			var t = e.split(":");
 			return {
@@ -4366,8 +4384,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return e.value > 0;
 		}) : [];
 	}
-	function We(e, t, n, r) {
-		var i = Ue(r.d), a = parseInt(r.w) || 480, o = parseInt(r.h) || 320;
+	function qe(e, t, n, r) {
+		var i = Ke(r.d), a = parseInt(r.w) || 480, o = parseInt(r.h) || 320;
 		if (!i.length) return M(a, o);
 		i.sort(function(e, t) {
 			return t.value - e.value;
@@ -4426,7 +4444,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return m(i, 0, 0, a, o), l.appendChild(u.layer), w(l), l;
 	}
-	function Ge(e, t, n, r) {
+	function Je(e, t, n, r) {
 		var i = d(r.nodes), a = String(r.flows || "").split(",").map(function(e) {
 			var t = e.split("->");
 			if (t.length !== 2) return null;
@@ -4498,7 +4516,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			})).textContent = e;
 		}), S.appendChild(T.layer), w(S), S;
 	}
-	function Ke(e) {
+	function Ye(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim());
@@ -4513,8 +4531,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}).filter(Boolean) : [];
 	}
-	function qe(e, t, n, r) {
-		var i = Ke(r.d);
+	function Xe(e, t, n, r) {
+		var i = Ye(r.d);
 		if (!i.length) return M(parseInt(r.w) || 480, parseInt(r.h) || 280);
 		var a = parseInt(r.w) || 800, o = parseInt(r.h) || 320, c, l;
 		if (r._yMin !== void 0 && r._yMax !== void 0 && isFinite(+r._yMin)) c = +r._yMin, l = +r._yMax;
@@ -4527,7 +4545,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			c = d[0], l = d[1];
 		}
 		c === l && (--c, l += 1);
-		var f = l - c || 1, p = r._padL ? +r._padL : 44, m = 18, g = 12, _ = a - p - g, b = K(r, i.length), x = b ? 28 : 0, S = _ / i.length, T = Math.max(3, S * .6), E = G(t.slice(0, i.length), S, 30, _, r.interval), D = E.padB, O = o - m - D, k = h(r.c), j = k[0] || "#f5222d", N = k[1] || "#52c41a", P = s("svg", {
+		var f = l - c || 1, p = r._padL ? +r._padL : 44, m = 18, g = 12, _ = a - p - g, b = J(r, i.length), x = b ? 28 : 0, S = _ / i.length, T = Math.max(3, S * .6), E = K(t.slice(0, i.length), S, 30, _, r.interval), D = E.padB, O = o - m - D, k = h(r.c), j = k[0] || "#f5222d", N = k[1] || "#52c41a", P = s("svg", {
 			viewBox: "0 0 " + a + " " + (o + x),
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
@@ -4606,7 +4624,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				range: f,
 				renderLabels: function(e, n, r) {
 					for (var i = _ / (r - n + 1), a = [], s = n; s <= r; s++) a.push(p + (s - n) * i + i / 2);
-					J(e, t.slice(n, r + 1), a, o - 8, i, E.rotate, E.interval);
+					Y(e, t.slice(n, r + 1), a, te(o, D, E.rotate), i, E.rotate, E.interval);
 				}
 			});
 			V.forEach(function(e) {
@@ -4617,16 +4635,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				});
 			});
 		} else {
-			for (var ee = [], q = 0; q < i.length; q++) ee.push(p + q * S + S / 2);
-			J(P, t.slice(0, i.length), ee, o - 8, S, E.rotate, E.interval);
+			for (var G = [], q = 0; q < i.length; q++) G.push(p + q * S + S / 2);
+			Y(P, t.slice(0, i.length), G, te(o, D, E.rotate), S, E.rotate, E.interval);
 		}
 		return P.appendChild(F.layer), b || w(P), P;
 	}
 	function $(e, t) {
 		r[e] = t;
 	}
-	function Je(e) {
-		$("bar", ae), $("line", X), $("pie", oe), $("donut", se), $("radar", le), $("scatter", ue), $("gantt", ke), $("funnel", Q), $("gauge", ce), $("area", Ae), $("progress", je), $("bubble", Ne), $("heatmap", Le), $("rose", Re), $("histogram", ze), $("waterfall", Be), $("boxplot", He), $("treemap", We), $("sankey", Ge), $("candlestick", qe);
+	function Ze(e) {
+		$("bar", se), $("line", Z), $("pie", le), $("donut", Q), $("radar", fe), $("scatter", pe), $("gantt", Me), $("funnel", ue), $("gauge", de), $("area", Ne), $("progress", Pe), $("bubble", Ie), $("heatmap", Be), $("rose", Ve), $("histogram", He), $("waterfall", Ue), $("boxplot", Ge), $("treemap", qe), $("sankey", Je), $("candlestick", Xe);
 		function t(e, t) {
 			var n = e._chartState;
 			if (!(!n || !t)) {
@@ -4678,7 +4696,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var s = t.t || "bar", u = c(t.d), f = d(t.l), m = _(t), h = r[s];
 			if (h) {
 				if (s === "candlestick") {
-					var g = Ke(t.d);
+					var g = Ye(t.d);
 					if (g.length) {
 						var b = [];
 						g.forEach(function(e) {
@@ -4696,7 +4714,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					e._yRange && (t._yMin = e._yRange.lo, t._yMax = e._yRange.hi);
 				}
 				if (s === "scatter" || s === "bubble") {
-					var w = s === "bubble" ? Me(t.d) : p(t.d);
+					var w = s === "bubble" ? Fe(t.d) : p(t.d);
 					if (w.length) {
 						var T = w.map(function(e) {
 							return e.x;
@@ -4727,7 +4745,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					e._xRange && (t._xMin = e._xRange.lo, t._xMax = e._xRange.hi), e._yRange && (t._yMin = e._yRange.lo, t._yMax = e._yRange.hi), e._sMax && (t._sMax = e._sMax);
 				}
 				if (s === "heatmap") {
-					var P = Pe(t.rows || t.d);
+					var P = Le(t.rows || t.d);
 					if (P.length) {
 						var F = [];
 						if (P.forEach(function(e) {
@@ -4745,7 +4763,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					e._vRange && (t._vMin = e._vRange.lo, t._vMax = e._vRange.hi);
 				}
 				if (s === "histogram") {
-					var R = c(t.d), z = Fe(t.l);
+					var R = c(t.d), z = Re(t.l);
 					if (z) e._hRange = {
 						lo: z.lo,
 						hi: z.hi
@@ -4759,7 +4777,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						});
 					}
 					if (e._hBins !== void 0 && (t._bins = e._hBins), e._hRange && (t._lo = e._hRange.lo, t._hi = e._hRange.hi), R.length) {
-						var U = v(Ie(t, R).counts) || 1;
+						var U = v(ze(t, R).counts) || 1;
 						e._yMax = e._yMax ? Math.max(e._yMax, U) : U, t._yMax = e._yMax;
 					}
 				}
@@ -4833,7 +4851,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 								})) return;
 								var l = c.data.reduce(function(e, t) {
 									return e + t;
-								}, 0) || 1, u = Z(c.data, c.labels, c.attrs, 7, l), d = u.r + u.fs, f = B(a, d, u.fixedA, u.coefB, P), p = 14, m = Infinity;
+								}, 0) || 1, u = ce(c.data, c.labels, c.attrs, 7, l), d = u.r + u.fs, f = B(a, d, u.fixedA, u.coefB, P), p = 14, m = Infinity;
 								if (u.coefB > 1) {
 									var h = a * d - 2 * p * (d + u.fixedA), g = a + 2 * p * (u.coefB - 1);
 									m = h > 0 && g > 0 ? h / g : 7;
@@ -5095,18 +5113,19 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}), a(s), s);
 		});
 	}
-	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerChartComponents = Je, window.TokUI._internal.registerChartRenderer = $, window.TokUI._internal.bumpFsUnits = R, window.TokUI._internal.applyTipScale = z, window.TokUI._internal.axisXLayout = G, window.TokUI._internal.zoomBounds = q, window.TokUI._internal.zoomEnabled = K, window.TokUI._internal.solvePieFs = B, window.TokUI._internal.pieSizing = Z, window.TokUI._internal.MIN_CHART_PX = P, window.TokUI._internal.MAX_CHART_PX = I), t !== void 0 && t.exports && (t.exports = {
-		registerChartComponents: Je,
+	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerChartComponents = Ze, window.TokUI._internal.registerChartRenderer = $, window.TokUI._internal.bumpFsUnits = R, window.TokUI._internal.applyTipScale = z, window.TokUI._internal.axisXLayout = K, window.TokUI._internal.zoomBounds = ee, window.TokUI._internal.zoomEnabled = J, window.TokUI._internal.solvePieFs = B, window.TokUI._internal.pieSizing = ce, window.TokUI._internal.MIN_CHART_PX = P, window.TokUI._internal.MAX_CHART_PX = I), t !== void 0 && t.exports && (t.exports = {
+		registerChartComponents: Ze,
 		registerChartRenderer: $,
 		bumpFsUnits: R,
 		solvePieFs: B,
-		pieSizing: Z,
+		pieSizing: ce,
 		MIN_CHART_PX: P,
 		MAX_CHART_PX: I,
 		applyTipScale: z,
-		axisXLayout: G,
-		zoomBounds: q,
-		zoomEnabled: K
+		axisXLayout: K,
+		zoomBounds: ee,
+		zoomEnabled: J,
+		bumpZoomTextFs: ne
 	});
 })), v = /* @__PURE__ */ o(((e, t) => {
 	var n = {
@@ -7713,11 +7732,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 				e.status !== void 0 && (d.classList.remove("tokui-progress--success", "tokui-progress--error"), e.status === "success" ? d.classList.add("tokui-progress--success") : e.status === "error" && d.classList.add("tokui-progress--error"));
 			}, d;
-		}), e.register("upd", (e) => {
-			var t = e.attrs || {}, n = t.id;
-			if (n && typeof document < "u") {
-				for (var r = document.getElementById(n); r && typeof r._update != "function";) r = r.parentElement;
-				r && typeof r._update == "function" && r._update(t);
+		}), e.register("upd", (t) => {
+			var n = t.attrs || {}, r = n.id;
+			if (r && typeof document < "u") {
+				var i = null, a = e._mountRoot;
+				for (a && typeof a.querySelector == "function" && (i = a.querySelector("[id=\"" + String(r).replace(/"/g, "\\\"") + "\"]")), i ||= document.getElementById(r); i && typeof i._update != "function";) i = i.parentElement;
+				i && typeof i._update == "function" && i._update(n);
 			}
 			return document.createTextNode("");
 		}), e.register("md", (e) => {
@@ -7992,7 +8012,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				var u = l > c ? c + "+" : String(l);
 				s = t("sup", { class: "tokui-badge-box__count" }), s.textContent = u, s.style.background = o;
 			} else (r.tx || r.label) && (s = t("sup", { class: "tokui-badge-box__text" }), s.textContent = r.tx || r.label, a === "default" ? (s.style.background = "var(--tokui-stripe, #f5f5f5)", s.style.color = "var(--tokui-text-secondary, #666)") : s.style.background = o);
-			return s && i.appendChild(s), i;
+			return s && i.appendChild(s), i._slot = i, i._tokuiType = "badge-box", i;
 		}), e.register("skeleton", (e) => {
 			var n = e.attrs || {}, r = n.t || "text", i = parseInt(n.rows, 10) || 3, a = n.w || "", o = n.h || "", s = t("div", {
 				class: ["tokui-skeleton", "tokui-skeleton--" + r].join(" "),
@@ -8886,45 +8906,51 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				return S._isNotifPlaceholder = !0, S;
 			}
 			return f._notifDuration = c, f;
-		}), e.register("chat-input", (e, r) => {
-			var i = e.attrs || {}, a = i.ph || "", o = i.clk || "", s = i.dis !== void 0, c = parseInt(i.max) || 0, l = i.auto !== void 0, u = parseInt(i.rows) || 2, d = t("div", { class: "tokui-chat-input" }), f = t("textarea", {
+		}), e.register("chat-input", (r, i) => {
+			var a = r.attrs || {}, o = a.ph || "", s = a.clk || "", c = a.dis !== void 0, l = parseInt(a.max) || 0, u = a.auto !== void 0, d = parseInt(a.rows) || 2, f = t("div", { class: "tokui-chat-input" }), p = t("textarea", {
 				class: "tokui-chat-input__textarea",
-				rows: String(u),
-				placeholder: a
+				rows: String(d),
+				placeholder: o
 			});
-			s && (f.setAttribute("disabled", ""), f.classList.add("tokui-chat-input__textarea--disabled")), l && f.classList.add("tokui-chat-input__textarea--auto"), d.appendChild(f);
-			var p = t("div", { class: "tokui-chat-input__actions" });
-			e.children && e.children.length > 0 && r(e.children).forEach(function(e) {
-				e && e.nodeType && p.appendChild(e);
+			c && (p.setAttribute("disabled", ""), p.classList.add("tokui-chat-input__textarea--disabled")), u && p.classList.add("tokui-chat-input__textarea--auto"), f.appendChild(p);
+			var m = t("div", { class: "tokui-chat-input__actions" });
+			r.children && r.children.length > 0 && i(r.children).forEach(function(e) {
+				e && e.nodeType && m.appendChild(e);
 			});
-			var m = t("button", {
+			var h = t("button", {
 				class: "tokui-chat-input__send",
 				type: "button",
 				"aria-label": n("common.send")
 			});
-			if (m.innerHTML = "<svg viewBox=\"0 0 20 20\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M10 3a1 1 0 0 1 .7.3l5 5a1 1 0 0 1-1.4 1.4L11 6.4V16a1 1 0 1 1-2 0V6.4l-3.3 3.3a1 1 0 0 1-1.4-1.4l5-5A1 1 0 0 1 10 3z\"/></svg>", s && (m.setAttribute("disabled", ""), m.classList.add("tokui-chat-input__send--disabled")), p.appendChild(m), d.appendChild(p), c > 0) {
-				var h = t("span", { class: "tokui-chat-input__counter" });
-				h.textContent = "0/" + c, d.appendChild(h), f.addEventListener("input", function() {
-					var e = (f.value || "").length;
-					h.textContent = e + "/" + c, e > c ? h.classList.add("tokui-chat-input__counter--over") : h.classList.remove("tokui-chat-input__counter--over");
+			if (h.innerHTML = "<svg viewBox=\"0 0 20 20\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M10 3a1 1 0 0 1 .7.3l5 5a1 1 0 0 1-1.4 1.4L11 6.4V16a1 1 0 1 1-2 0V6.4l-3.3 3.3a1 1 0 0 1-1.4-1.4l5-5A1 1 0 0 1 10 3z\"/></svg>", c && (h.setAttribute("disabled", ""), h.classList.add("tokui-chat-input__send--disabled")), m.appendChild(h), f.appendChild(m), l > 0) {
+				var g = t("span", { class: "tokui-chat-input__counter" });
+				g.textContent = "0/" + l, f.appendChild(g), p.addEventListener("input", function() {
+					var e = (p.value || "").length;
+					g.textContent = e + "/" + l, e > l ? g.classList.add("tokui-chat-input__counter--over") : g.classList.remove("tokui-chat-input__counter--over");
 				});
 			}
-			l && f.addEventListener("input", function() {
-				f.style.height = "auto", f.style.height = f.scrollHeight + "px";
+			u && p.addEventListener("input", function() {
+				p.style.height = "auto", p.style.height = p.scrollHeight + "px";
 			});
-			function g() {
-				if (!s) {
-					var e = f.value || "";
-					e.trim() && (o && (d.setAttribute("data-tokui-clk", o), d.setAttribute("data-tokui-clk-value", e)), f.value = "", c > 0 && (h.textContent = "0/" + c, h.classList.remove("tokui-chat-input__counter--over")), l && (f.style.height = "auto"));
-				}
-			}
-			return f.addEventListener("keydown", function(e) {
-				e.key === "Enter" && !e.shiftKey && (e.preventDefault(), g());
-			}), m.addEventListener("click", function() {
-				g();
-			}), o && d.setAttribute("data-tokui-clk", o), d._update = function(e) {
-				e.dis !== void 0 && (s = !!e.dis, s ? (f.setAttribute("disabled", ""), f.classList.add("tokui-chat-input__textarea--disabled"), m.setAttribute("disabled", ""), m.classList.add("tokui-chat-input__send--disabled")) : (f.removeAttribute("disabled"), f.classList.remove("tokui-chat-input__textarea--disabled"), m.removeAttribute("disabled"), m.classList.remove("tokui-chat-input__send--disabled")));
-			}, d._slot = f, d._tokuiType = "chat-input", d;
+			function _() {
+				if (!c) {
+					var t = p.value || "";
+					if (t.trim()) {
+						if (s && (f.setAttribute("data-tokui-clk-value", t), e.eventBus)) {
+							var n = e.eventBus.getHandler(s);
+							n && n({ value: t }, null, f);
+						}
+						p.value = "", l > 0 && (g.textContent = "0/" + l, g.classList.remove("tokui-chat-input__counter--over")), u && (p.style.height = "auto");
+					}
+				}
+			}
+			return p.addEventListener("keydown", function(e) {
+				e.key === "Enter" && !e.shiftKey && (e.preventDefault(), _());
+			}), h.addEventListener("click", function() {
+				_();
+			}), f._update = function(e) {
+				e.dis !== void 0 && (c = !!e.dis, c ? (p.setAttribute("disabled", ""), p.classList.add("tokui-chat-input__textarea--disabled"), h.setAttribute("disabled", ""), h.classList.add("tokui-chat-input__send--disabled")) : (p.removeAttribute("disabled"), p.classList.remove("tokui-chat-input__textarea--disabled"), h.removeAttribute("disabled"), h.classList.remove("tokui-chat-input__send--disabled")));
+			}, f._slot = p, f._tokuiType = "chat-input", f;
 		}), e.register("msg-actions", (e, r) => {
 			var i = e.attrs || {}, a = i.clk || "", o = "tokui-msg-actions";
 			i.visible && (o += " tokui-msg-actions--visible");
@@ -10585,6 +10611,30 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		});
 	}
 	function r(e) {
+		var t = String(e ?? "").trim();
+		return /^\d+(\.\d+)?(px|%|em|rem|vw|vh)$/.test(t) ? t : null;
+	}
+	function i(e, t, n, r) {
+		var i = n === "error" || n === "success" ? n : "";
+		e.classList.remove(r + "--error"), e.classList.remove(r + "--success"), i && e.classList.add(r + "--" + i), i === "error" ? e.setAttribute("aria-invalid", "true") : e.removeAttribute && e.removeAttribute("aria-invalid"), t && (t.classList.remove("tokui-field__hint--error"), t.classList.remove("tokui-field__hint--success"), i && t.classList.add("tokui-field__hint--" + i));
+	}
+	function a(e, t, n, r) {
+		if (typeof e.addEventListener != "function") return;
+		var a = n.hint || "", o = n.live === "input";
+		function s() {
+			if (typeof e.checkValidity == "function") {
+				if (!e.value && n.req === void 0) {
+					i(e, t, "", r), t && (t.textContent = a);
+					return;
+				}
+				e.checkValidity() ? (i(e, t, "success", r), t && (t.textContent = n.ok || "✓ 格式正确")) : (i(e, t, "error", r), t && (t.textContent = n.err || a));
+			}
+		}
+		e.addEventListener("blur", s), e.addEventListener("input", function() {
+			(o || e.classList.contains(r + "--error")) && s();
+		});
+	}
+	function o(e) {
 		if (!e || !e.attrs || !e.attrs.opt) return e;
 		var t = n(e.attrs.opt).map(function(e) {
 			return {
@@ -10597,9 +10647,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		});
 		return Object.assign({}, e, { children: (e.children || []).concat(t) });
 	}
-	function i(e) {
-		let { el: t, resolveButtonAction: n } = typeof l == "function" ? h() : window.TokUI._internal, i = typeof l == "function" ? S().resolveColor : window.TokUI._internal.resolveColor, a = typeof l == "function" ? v().iconSvg : window.TokUI._internal.iconSvg, o = typeof l == "function" ? u().t : window.TokUI._internal.t;
-		function s(e) {
+	function s(e) {
+		let { el: t, resolveButtonAction: n } = typeof l == "function" ? h() : window.TokUI._internal, s = typeof l == "function" ? S().resolveColor : window.TokUI._internal.resolveColor, c = typeof l == "function" ? v().iconSvg : window.TokUI._internal.iconSvg, d = typeof l == "function" ? u().t : window.TokUI._internal.t;
+		function f(e) {
 			if (!e) return null;
 			var t = e.indexOf("|");
 			return t === -1 ? {
@@ -10610,7 +10660,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				variant: e.substring(t + 1)
 			};
 		}
-		function c(e) {
+		function p(e) {
 			if (!e) return null;
 			var t = e.indexOf("|"), n = t === -1 ? e : e.substring(0, t), r = t === -1 ? null : e.substring(t + 1), i = n.indexOf(":");
 			return i === -1 ? {
@@ -10623,32 +10673,32 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				variant: r
 			};
 		}
-		function d(e) {
+		function m(e) {
 			var t = e.attrs;
 			return !!(t.pre || t.app || t.prebtn || t.appbtn);
 		}
-		function f(e, n) {
+		function g(e, n) {
 			var r = t("div", { class: "tokui-input-group" });
 			if (e.attrs.pre) {
-				var i = s(e.attrs.pre), a = i.variant ? "tokui-input-pre tokui-input-pre--" + i.variant : "tokui-input-pre";
+				var i = f(e.attrs.pre), a = i.variant ? "tokui-input-pre tokui-input-pre--" + i.variant : "tokui-input-pre";
 				r.appendChild(t("span", { class: a }, i.text));
 			}
 			if (e.attrs.prebtn) {
-				var i = c(e.attrs.prebtn), a = i.variant ? "tokui-input-prebtn tokui-input-prebtn--" + i.variant : "tokui-input-prebtn", o = {
+				var i = p(e.attrs.prebtn), a = i.variant ? "tokui-input-prebtn tokui-input-prebtn--" + i.variant : "tokui-input-prebtn", o = {
 					class: a,
 					type: "button"
 				};
 				i.handler && (o["data-tokui-clk"] = i.handler), r.appendChild(t("button", o, i.text));
 			}
 			if (r.appendChild(n), e.attrs.appbtn) {
-				var i = c(e.attrs.appbtn), a = i.variant ? "tokui-input-appbtn tokui-input-appbtn--" + i.variant : "tokui-input-appbtn", o = {
+				var i = p(e.attrs.appbtn), a = i.variant ? "tokui-input-appbtn tokui-input-appbtn--" + i.variant : "tokui-input-appbtn", o = {
 					class: a,
 					type: "button"
 				};
 				i.handler && (o["data-tokui-clk"] = i.handler), r.appendChild(t("button", o, i.text));
 			}
 			if (e.attrs.app) {
-				var i = s(e.attrs.app), a = i.variant ? "tokui-input-app tokui-input-app--" + i.variant : "tokui-input-app";
+				var i = f(e.attrs.app), a = i.variant ? "tokui-input-app tokui-input-app--" + i.variant : "tokui-input-app";
 				r.appendChild(t("span", { class: a }, i.text));
 			}
 			return r;
@@ -10665,82 +10715,86 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e && e.nodeType && a.appendChild(e);
 			}), a._slot = a, a._tokuiType = "form", a;
 		});
-		var p = "<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/></svg>";
+		var _ = "<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/></svg>";
 		e.register("input", (e) => {
 			var n = e.attrs.v ? e.attrs.v.split(",").map(function(e) {
 				return e.trim();
-			}) : [], r = n.indexOf("inline") !== -1, i = e.attrs.search !== void 0, a = e.attrs.search === "right", o = t("div", { class: r ? "tokui-field tokui-field--inline" : "tokui-field" });
+			}) : [], r = n.indexOf("inline") !== -1, o = e.attrs.search !== void 0, s = e.attrs.search === "right", c = t("div", { class: r ? "tokui-field tokui-field--inline" : "tokui-field" });
 			if (e.attrs.l) {
-				var s = { class: "tokui-label" };
-				e.attrs.id && (s.for = e.attrs.id), o.appendChild(t("label", s, e.attrs.l));
+				var l = { class: "tokui-label" };
+				e.attrs.id && (l.for = e.attrs.id), e.attrs.req !== void 0 && (l.class += " tokui-label--req"), c.appendChild(t("label", l, e.attrs.l));
 			}
-			var c = {
+			var u = {
 				class: "tokui-input",
 				type: e.attrs.t || "text"
 			};
-			e.attrs.id && (c.id = e.attrs.id), e.attrs.n ? c.name = e.attrs.n : e.attrs.id && (c.name = e.attrs.id), e.attrs.ph && (c.placeholder = e.attrs.ph), e.attrs.ml && (c.maxlength = e.attrs.ml), e.attrs.min !== void 0 && (c.min = e.attrs.min), e.attrs.max !== void 0 && (c.max = e.attrs.max), e.attrs.step !== void 0 && (c.step = e.attrs.step), e.attrs.req !== void 0 && (c.required = "required"), e.attrs.dis !== void 0 && (c.disabled = "disabled"), e.attrs.ro !== void 0 && (c.readonly = "readonly"), e.attrs.req !== void 0 && (c["aria-required"] = "true"), e.attrs.val !== void 0 && (c.value = e.attrs.val);
-			var l = t("input", c);
-			e.attrs.w && (l.style.width = e.attrs.w);
-			var u = null;
-			if (i) {
-				u = t("div", { class: "tokui-search-input" }), a && u.classList.add("tokui-search-input--right");
-				var m = t("span", { class: "tokui-search-input__icon" });
-				m.innerHTML = p, u.appendChild(m), u.appendChild(l);
-			}
-			var h = u || l;
-			if (d(e)) {
-				var g = f(e, h);
-				n.indexOf("pill") !== -1 && g.classList.add("tokui-input-group--pill"), o.appendChild(g);
-			} else o.appendChild(h);
-			var _ = null;
-			return e.attrs.hint && (_ = t("div", { class: "tokui-field__hint" }, e.attrs.hint), n.indexOf("error") === -1 ? n.indexOf("success") !== -1 && _.classList.add("tokui-field__hint--success") : _.classList.add("tokui-field__hint--error"), o.appendChild(_)), o._update = function(e) {
-				e.v !== void 0 && (l.value = e.v), e.dis === !0 || e.dis === "true" ? l.disabled = !0 : (e.dis === !1 || e.dis === "false") && (l.disabled = !1), e.ph !== void 0 && (l.placeholder = e.ph), e.ro === !0 || e.ro === "true" ? l.readOnly = !0 : (e.ro === !1 || e.ro === "false") && (l.readOnly = !1), e.hint !== void 0 && _ && (_.textContent = e.hint);
-			}, o._variantTarget = l, o;
+			e.attrs.id && (u.id = e.attrs.id), e.attrs.n ? u.name = e.attrs.n : e.attrs.id && (u.name = e.attrs.id), e.attrs.ph && (u.placeholder = e.attrs.ph), e.attrs.ml && (u.maxlength = e.attrs.ml), e.attrs.min !== void 0 && (u.min = e.attrs.min), e.attrs.max !== void 0 && (u.max = e.attrs.max), e.attrs.step !== void 0 && (u.step = e.attrs.step), e.attrs.req !== void 0 && (u.required = "required"), e.attrs.dis !== void 0 && (u.disabled = "disabled"), e.attrs.ro !== void 0 && (u.readonly = "readonly"), e.attrs.req !== void 0 && (u["aria-required"] = "true"), n.indexOf("error") !== -1 && (u["aria-invalid"] = "true"), e.attrs.pat && (u.pattern = e.attrs.pat), e.attrs.val !== void 0 && (u.value = e.attrs.val);
+			var d = t("input", u);
+			e.attrs.err && typeof d.addEventListener == "function" && (d.addEventListener("invalid", function() {
+				typeof d.setCustomValidity == "function" && d.validity && !d.validity.customError && d.setCustomValidity(e.attrs.err);
+			}), d.addEventListener("input", function() {
+				typeof d.setCustomValidity == "function" && d.setCustomValidity("");
+			})), e.attrs.w && (d.style.width = e.attrs.w);
+			var f = null;
+			if (o) {
+				f = t("div", { class: "tokui-search-input" }), s && f.classList.add("tokui-search-input--right");
+				var p = t("span", { class: "tokui-search-input__icon" });
+				p.innerHTML = _, f.appendChild(p), f.appendChild(d);
+			}
+			var h = f || d;
+			if (m(e)) {
+				var v = g(e, h);
+				n.indexOf("pill") !== -1 && v.classList.add("tokui-input-group--pill"), c.appendChild(v);
+			} else c.appendChild(h);
+			var y = null;
+			return (e.attrs.hint || e.attrs.live !== void 0) && (y = t("div", { class: "tokui-field__hint" }, e.attrs.hint || ""), n.indexOf("error") === -1 ? n.indexOf("success") !== -1 && y.classList.add("tokui-field__hint--success") : y.classList.add("tokui-field__hint--error"), c.appendChild(y)), e.attrs.live !== void 0 && a(d, y, e.attrs, "tokui-input"), c._update = function(e) {
+				e.v !== void 0 && (d.value = e.v), e.dis === !0 || e.dis === "true" ? d.disabled = !0 : (e.dis === !1 || e.dis === "false") && (d.disabled = !1), e.ph !== void 0 && (d.placeholder = e.ph), e.ro === !0 || e.ro === "true" ? d.readOnly = !0 : (e.ro === !1 || e.ro === "false") && (d.readOnly = !1), e.hint !== void 0 && y && (y.textContent = e.hint), e.status !== void 0 && i(d, y, e.status, "tokui-input");
+			}, c._variantTarget = d, c;
 		}), e.register("pwd", (e) => {
 			var n = e.attrs.v ? e.attrs.v.split(",").map(function(e) {
 				return e.trim();
 			}) : [], r = t("div", { class: n.indexOf("inline") === -1 ? "tokui-field" : "tokui-field tokui-field--inline" });
 			if (e.attrs.l) {
-				var i = { class: "tokui-label" };
-				e.attrs.id && (i.for = e.attrs.id), r.appendChild(t("label", i, e.attrs.l));
+				var o = { class: "tokui-label" };
+				e.attrs.id && (o.for = e.attrs.id), e.attrs.req !== void 0 && (o.class += " tokui-label--req"), r.appendChild(t("label", o, e.attrs.l));
 			}
-			var a = {
+			var s = {
 				class: "tokui-input",
 				type: "password"
 			};
-			e.attrs.id && (a.id = e.attrs.id), e.attrs.n ? a.name = e.attrs.n : e.attrs.id && (a.name = e.attrs.id), e.attrs.ph && (a.placeholder = e.attrs.ph), e.attrs.ml && (a.maxlength = e.attrs.ml), e.attrs.min !== void 0 && (a.min = e.attrs.min), e.attrs.max !== void 0 && (a.max = e.attrs.max), e.attrs.req !== void 0 && (a.required = "required"), e.attrs.dis !== void 0 && (a.disabled = "disabled"), e.attrs.ro !== void 0 && (a.readonly = "readonly"), e.attrs.req !== void 0 && (a["aria-required"] = "true"), e.attrs.val !== void 0 && (a.value = e.attrs.val);
-			var o = t("input", a);
-			e.attrs.w && (o.style.width = e.attrs.w);
-			var s = null;
+			e.attrs.id && (s.id = e.attrs.id), e.attrs.n ? s.name = e.attrs.n : e.attrs.id && (s.name = e.attrs.id), e.attrs.ph && (s.placeholder = e.attrs.ph), e.attrs.ml && (s.maxlength = e.attrs.ml), e.attrs.min !== void 0 && (s.min = e.attrs.min), e.attrs.max !== void 0 && (s.max = e.attrs.max), e.attrs.req !== void 0 && (s.required = "required"), e.attrs.dis !== void 0 && (s.disabled = "disabled"), e.attrs.ro !== void 0 && (s.readonly = "readonly"), e.attrs.req !== void 0 && (s["aria-required"] = "true"), n.indexOf("error") !== -1 && (s["aria-invalid"] = "true"), e.attrs.val !== void 0 && (s.value = e.attrs.val);
+			var c = t("input", s);
+			e.attrs.w && (c.style.width = e.attrs.w);
+			var l = null;
 			if (e.attrs.toggle !== void 0 && !e.attrs.dis) {
-				s = t("button", {
+				l = t("button", {
 					class: "tokui-pwd-toggle",
 					type: "button",
 					tabindex: "-1"
-				}), s.setAttribute("aria-label", "Toggle password visibility");
-				var c = "<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></svg>", l = "<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\"/><path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\"/><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"/><path d=\"M14.12 14.12a3 3 0 1 1-4.24-4.24\"/></svg>";
-				s.innerHTML = l, s.addEventListener("click", function() {
-					var e = o.type === "password";
-					o.type = e ? "text" : "password", s.innerHTML = e ? c : l, s.classList.toggle("tokui-pwd-toggle--active", e);
+				}), l.setAttribute("aria-label", "Toggle password visibility");
+				var u = "<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></svg>", d = "<svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\"/><path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\"/><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"/><path d=\"M14.12 14.12a3 3 0 1 1-4.24-4.24\"/></svg>";
+				l.innerHTML = d, l.addEventListener("click", function() {
+					var e = c.type === "password";
+					c.type = e ? "text" : "password", l.innerHTML = e ? u : d, l.classList.toggle("tokui-pwd-toggle--active", e);
 				});
 			}
-			if (d(e) || s) {
-				var u = f(e, o);
-				if (s) {
-					var p = o.nextSibling;
-					p ? u.insertBefore(s, p) : u.appendChild(s);
-				}
-				r.appendChild(u);
-			} else r.appendChild(o);
-			var m = null;
-			return e.attrs.hint && (m = t("div", { class: "tokui-field__hint" }, e.attrs.hint), n.indexOf("error") === -1 ? n.indexOf("success") !== -1 && m.classList.add("tokui-field__hint--success") : m.classList.add("tokui-field__hint--error"), r.appendChild(m)), r._update = function(e) {
-				e.v !== void 0 && (o.value = e.v), e.dis === !0 || e.dis === "true" ? o.disabled = !0 : (e.dis === !1 || e.dis === "false") && (o.disabled = !1), e.ph !== void 0 && (o.placeholder = e.ph), e.ro === !0 || e.ro === "true" ? o.readOnly = !0 : (e.ro === !1 || e.ro === "false") && (o.readOnly = !1), e.hint !== void 0 && m && (m.textContent = e.hint);
-			}, r._variantTarget = o, r;
+			if (m(e) || l) {
+				var f = g(e, c);
+				if (l) {
+					var p = c.nextSibling;
+					p ? f.insertBefore(l, p) : f.appendChild(l);
+				}
+				r.appendChild(f);
+			} else r.appendChild(c);
+			var h = null;
+			return (e.attrs.hint || e.attrs.live !== void 0) && (h = t("div", { class: "tokui-field__hint" }, e.attrs.hint || ""), n.indexOf("error") === -1 ? n.indexOf("success") !== -1 && h.classList.add("tokui-field__hint--success") : h.classList.add("tokui-field__hint--error"), r.appendChild(h)), e.attrs.live !== void 0 && a(c, h, e.attrs, "tokui-input"), r._update = function(e) {
+				e.v !== void 0 && (c.value = e.v), e.dis === !0 || e.dis === "true" ? c.disabled = !0 : (e.dis === !1 || e.dis === "false") && (c.disabled = !1), e.ph !== void 0 && (c.placeholder = e.ph), e.ro === !0 || e.ro === "true" ? c.readOnly = !0 : (e.ro === !1 || e.ro === "false") && (c.readOnly = !1), e.hint !== void 0 && h && (h.textContent = e.hint), e.status !== void 0 && i(c, h, e.status, "tokui-input");
+			}, r._variantTarget = c, r;
 		}), e.register("textarea", (e, n) => {
 			let r = t("div", { class: "tokui-field" });
 			if (e.attrs.l) {
 				let n = { class: "tokui-label" };
-				e.attrs.id && (n.for = e.attrs.id), r.appendChild(t("label", n, e.attrs.l));
+				e.attrs.id && (n.for = e.attrs.id), e.attrs.req !== void 0 && (n.class += " tokui-label--req"), r.appendChild(t("label", n, e.attrs.l));
 			}
 			let i = e.attrs.maxlen ? parseInt(e.attrs.maxlen, 10) : 0, a = e.attrs.auto !== void 0, o = parseInt(e.attrs.rows, 10) || 4, s = e.attrs.maxrows ? parseInt(e.attrs.maxrows, 10) : 0, c = i > 0 || a ? t("div", { class: "tokui-textarea-box" }) : null;
 			c && r.appendChild(c);
@@ -10748,7 +10802,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				class: "tokui-input",
 				rows: String(o)
 			};
-			e.attrs.id && (l.id = e.attrs.id), e.attrs.n ? l.name = e.attrs.n : e.attrs.id && (l.name = e.attrs.id), e.attrs.ph && (l.placeholder = e.attrs.ph), e.attrs.req !== void 0 && (l.required = "required"), e.attrs.dis !== void 0 && (l.disabled = "disabled"), e.attrs.ro !== void 0 && (l.readonly = "readonly"), e.attrs.req !== void 0 && (l["aria-required"] = "true"), i > 0 && (l.maxlength = String(i));
+			e.attrs.id && (l.id = e.attrs.id), e.attrs.n ? l.name = e.attrs.n : e.attrs.id && (l.name = e.attrs.id), e.attrs.ph && (l.placeholder = e.attrs.ph), e.attrs.req !== void 0 && (l.required = "required"), e.attrs.dis !== void 0 && (l.disabled = "disabled"), e.attrs.ro !== void 0 && (l.readonly = "readonly"), e.attrs.req !== void 0 && (l["aria-required"] = "true"), /(^|,)\s*error\s*(,|$)/.test(e.attrs.v || "") && (l["aria-invalid"] = "true"), i > 0 && (l.maxlength = String(i));
 			let u = t("textarea", l), d = e.children && e.children.length > 0 ? e.children.map((e) => e.content || "").join("") : e.content || e.attrs.tx || "";
 			if (u.textContent = d, a) {
 				u.classList.add("tokui-textarea--auto");
@@ -10781,52 +10835,52 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e.v !== void 0 && (u.value = e.v), e.dis === !0 || e.dis === "true" ? u.disabled = !0 : (e.dis === !1 || e.dis === "false") && (u.disabled = !1), e.ro === !0 || e.ro === "true" ? u.readOnly = !0 : (e.ro === !1 || e.ro === "false") && (u.readOnly = !1);
 			}, r._variantTarget = u, r._slot = u, r._tokuiType = "textarea", r;
 		}), e.register("picker", (e, n) => {
-			let r = e.attrs.multi !== void 0, i = e.attrs.dis !== void 0, a = e.attrs.n || e.attrs.id || "picker", s = e.attrs.ph || "", c = t("div", { class: (e.attrs.v ? e.attrs.v.split(",").map((e) => e.trim()) : []).indexOf("inline") === -1 ? "tokui-field" : "tokui-field tokui-field--inline" });
+			let r = e.attrs.multi !== void 0, i = e.attrs.dis !== void 0, a = e.attrs.n || e.attrs.id || "picker", o = e.attrs.ph || "", s = t("div", { class: (e.attrs.v ? e.attrs.v.split(",").map((e) => e.trim()) : []).indexOf("inline") === -1 ? "tokui-field" : "tokui-field tokui-field--inline" });
 			if (e.attrs.l) {
 				let n = { class: "tokui-label" };
-				e.attrs.id && (n.for = e.attrs.id), c.appendChild(t("label", n, e.attrs.l));
+				e.attrs.id && (n.for = e.attrs.id), s.appendChild(t("label", n, e.attrs.l));
 			}
-			let l = ["tokui-picker"];
-			r && l.push("tokui-picker--multi"), i && l.push("tokui-picker--disabled");
-			let u = t("div", {
-				class: l.join(" "),
+			let c = ["tokui-picker"];
+			r && c.push("tokui-picker--multi"), i && c.push("tokui-picker--disabled");
+			let l = t("div", {
+				class: c.join(" "),
 				"data-tokui-picker": e.attrs.id || "",
 				role: "listbox",
 				"aria-expanded": "false"
 			});
-			var d = "", f = "";
+			var u = "", f = "";
 			r || e.children.forEach((e) => {
-				e.attrs && e.attrs.chk !== void 0 && (d = e.attrs.v || "", f = e.attrs && e.attrs.tx || d);
+				e.attrs && e.attrs.chk !== void 0 && (u = e.attrs.v || "", f = e.attrs && e.attrs.tx || u);
 			});
 			let p = t("div", { class: "tokui-picker-control" });
 			r && e.children.forEach((e) => {
-				e.attrs && e.attrs.chk !== void 0 && p.appendChild(g(e, u, a));
+				e.attrs && e.attrs.chk !== void 0 && p.appendChild(b(e, l, a));
 			});
-			let h = {
+			let m = {
 				class: "tokui-picker-search",
 				type: "text",
 				autocomplete: "off"
 			};
-			s && !f && (h.placeholder = s), i && (h.disabled = "disabled"), f && (h.value = f), p.appendChild(t("input", h)), p.appendChild(t("span", { class: "tokui-picker-arrow" })), u.appendChild(p);
-			let v = t("ul", { class: "tokui-picker-dropdown" });
+			o && !f && (m.placeholder = o), i && (m.disabled = "disabled"), f && (m.value = f), p.appendChild(t("input", m)), p.appendChild(t("span", { class: "tokui-picker-arrow" })), l.appendChild(p);
+			let h = t("ul", { class: "tokui-picker-dropdown" });
 			e.children.forEach((e) => {
-				v.appendChild(m(e));
+				h.appendChild(y(e));
 			});
-			var y = t("li", { class: "tokui-picker-empty" }, o("picker.noMatch"));
-			return y.style.display = "none", v.appendChild(y), u.appendChild(v), r ? e.children.forEach((e) => {
-				e.attrs && e.attrs.chk !== void 0 && u.appendChild(t("input", {
+			var g = t("li", { class: "tokui-picker-empty" }, d("picker.noMatch"));
+			return g.style.display = "none", h.appendChild(g), l.appendChild(h), r ? e.children.forEach((e) => {
+				e.attrs && e.attrs.chk !== void 0 && l.appendChild(t("input", {
 					type: "hidden",
 					name: a,
 					value: e.attrs.v || ""
 				}));
-			}) : u.appendChild(t("input", {
+			}) : l.appendChild(t("input", {
 				type: "hidden",
 				name: a,
-				value: d
-			})), c.appendChild(u), c._variantTarget = u, c._slot = v, c._tokuiType = "picker", c._streamCloseHook = function() {
-				var e = v.querySelectorAll(".tokui-picker-option--selected");
+				value: u
+			})), s.appendChild(l), s._variantTarget = l, s._slot = h, s._tokuiType = "picker", s._streamCloseHook = function() {
+				var e = h.querySelectorAll(".tokui-picker-option--selected");
 				if (!r && e.length > 0) {
-					var n = e[0], o = u.querySelector(".tokui-picker-search"), s = u.querySelector("input[type=hidden]");
+					var n = e[0], o = l.querySelector(".tokui-picker-search"), s = l.querySelector("input[type=hidden]");
 					o && !o.value && (o.value = n.getAttribute("data-text")), s && !s.value && (s.value = n.getAttribute("data-value"));
 				}
 				r && e.length > 0 && e.forEach(function(e) {
@@ -10834,21 +10888,21 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						class: "tokui-picker-tag",
 						"data-value": r
 					}, n + " "), o = t("span", { class: "tokui-picker-tag-close" }, "×");
-					i.appendChild(o), p.insertBefore(i, p.querySelector(".tokui-picker-search")), u.appendChild(t("input", {
+					i.appendChild(o), p.insertBefore(i, p.querySelector(".tokui-picker-search")), l.appendChild(t("input", {
 						type: "hidden",
 						name: a,
 						value: r
 					}));
-				}), !i && typeof document < "u" && _(u, {
+				}), !i && typeof document < "u" && x(l, {
 					multi: r,
 					name: a
 				});
-			}, c.setAttribute("data-tokui-resettable", ""), c._tokuiReset = function() {
-				var e = u.querySelector(".tokui-picker-search"), n = u.querySelector("input[type=hidden]"), i = v.querySelectorAll(".tokui-picker-option");
+			}, s.setAttribute("data-tokui-resettable", ""), s._tokuiReset = function() {
+				var e = l.querySelector(".tokui-picker-search"), n = l.querySelector("input[type=hidden]"), i = h.querySelectorAll(".tokui-picker-option");
 				r ? (p.querySelectorAll(".tokui-picker-tag").forEach(function(e) {
 					p.removeChild(e);
-				}), u.querySelectorAll("input[type=hidden][name=\"" + a + "\"]").forEach(function(e) {
-					u.removeChild(e);
+				}), l.querySelectorAll("input[type=hidden][name=\"" + a + "\"]").forEach(function(e) {
+					l.removeChild(e);
 				}), i.forEach(function(n) {
 					var r = n.getAttribute("data-selected-initial") === "1";
 					if (n.classList.toggle("tokui-picker-option--selected", r), r) {
@@ -10856,19 +10910,19 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							class: "tokui-picker-tag",
 							"data-value": o
 						}, i + " ");
-						s.appendChild(t("span", { class: "tokui-picker-tag-close" }, "×")), p.insertBefore(s, e), u.appendChild(t("input", {
+						s.appendChild(t("span", { class: "tokui-picker-tag-close" }, "×")), p.insertBefore(s, e), l.appendChild(t("input", {
 							type: "hidden",
 							name: a,
 							value: o
 						}));
 					}
-				})) : (e && (e.value = f), n && (n.value = d), i.forEach(function(e) {
-					var t = !!d && e.getAttribute("data-value") === d;
+				})) : (e && (e.value = f), n && (n.value = u), i.forEach(function(e) {
+					var t = !!u && e.getAttribute("data-value") === u;
 					e.classList.toggle("tokui-picker-option--selected", t);
 				}));
-			}, c;
+			}, s;
 		});
-		function m(e) {
+		function y(e) {
 			let n = e.attrs && e.attrs.v || "", r = e.attrs && e.attrs.tx || n || e.content || "", i = e.attrs && e.attrs.chk !== void 0, a = t("li", {
 				class: "tokui-picker-option",
 				"data-value": n,
@@ -10879,14 +10933,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}, r);
 			return i && a.classList.add("tokui-picker-option--selected"), i && a.setAttribute("data-selected-initial", "1"), a;
 		}
-		function g(e, n, r) {
+		function b(e, n, r) {
 			let i = e.attrs && e.attrs.tx || e.attrs && e.attrs.v || e.content || "", a = t("span", {
 				class: "tokui-picker-tag",
 				"data-value": e.attrs && e.attrs.v || e.content || ""
 			}, i + " "), o = t("span", { class: "tokui-picker-tag-close" }, "×");
 			return a.appendChild(o), a;
 		}
-		function _(e, n) {
+		function x(e, n) {
 			var r = n.multi, i = n.name, a = e.querySelector(".tokui-picker-control"), o = e.querySelector(".tokui-picker-search"), s = e.querySelector(".tokui-picker-dropdown"), c = e.querySelector(".tokui-picker-empty"), l = !1, u = -1;
 			function d() {
 				return Array.from(s.querySelectorAll(".tokui-picker-option")).filter(function(e) {
@@ -10994,43 +11048,43 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		}
 		e.register("select", (e, n) => {
-			e = r(e);
-			let i = e.attrs.multi !== void 0, a = t("div", { class: (e.attrs.v ? e.attrs.v.split(",").map((e) => e.trim()) : []).indexOf("inline") === -1 ? "tokui-field" : "tokui-field tokui-field--inline" });
+			e = o(e);
+			let r = e.attrs.multi !== void 0, i = e.attrs.v ? e.attrs.v.split(",").map((e) => e.trim()) : [], a = t("div", { class: i.indexOf("inline") === -1 ? "tokui-field" : "tokui-field tokui-field--inline" });
 			if (e.attrs.l) {
 				let n = { class: "tokui-label" };
-				e.attrs.id && !i && (n.for = e.attrs.id), a.appendChild(t("label", n, e.attrs.l));
+				e.attrs.id && !r && (n.for = e.attrs.id), e.attrs.req !== void 0 && (n.class += " tokui-label--req"), a.appendChild(t("label", n, e.attrs.l));
 			}
-			let o = { class: "tokui-select" };
-			i && (o.multiple = !0), e.attrs.id && (o.id = e.attrs.id), e.attrs.n ? o.name = e.attrs.n : e.attrs.id && (o.name = e.attrs.id), e.attrs.req !== void 0 && (o["aria-required"] = "true");
-			let s = t("select", o);
+			let s = { class: "tokui-select" };
+			r && (s.multiple = !0), e.attrs.id && (s.id = e.attrs.id), e.attrs.n ? s.name = e.attrs.n : e.attrs.id && (s.name = e.attrs.id), e.attrs.req !== void 0 && (s["aria-required"] = "true"), i.indexOf("error") !== -1 && (s["aria-invalid"] = "true");
+			let c = t("select", s);
 			if (e.attrs.ph) {
 				let n = t("option", {
 					value: "",
 					disabled: "",
 					selected: ""
 				}, e.attrs.ph);
-				s.appendChild(n);
+				c.appendChild(n);
 			}
 			return n(e.children).forEach((e) => {
-				e && e.nodeType && s.appendChild(e);
-			}), a.appendChild(s), a._update = function(e) {
-				e.v !== void 0 && (s.value = e.v), e.dis === !0 || e.dis === "true" ? s.disabled = !0 : (e.dis === !1 || e.dis === "false") && (s.disabled = !1);
-			}, a._variantTarget = s, a._slot = s, a._tokuiType = "select", a;
+				e && e.nodeType && c.appendChild(e);
+			}), a.appendChild(c), a._update = function(e) {
+				e.v !== void 0 && (c.value = e.v), e.dis === !0 || e.dis === "true" ? c.disabled = !0 : (e.dis === !1 || e.dis === "false") && (c.disabled = !1);
+			}, a._variantTarget = c, a._slot = c, a._tokuiType = "select", a;
 		}), e.register("radio", (e, n) => {
-			e = r(e);
-			let i = e.attrs.v ? e.attrs.v.split(",").map((e) => e.trim()) : [], a = t("div", { class: i.indexOf("inline") === -1 ? "tokui-field" : "tokui-field tokui-field--inline" });
-			e.attrs.l && a.appendChild(t("div", { class: "tokui-label" }, e.attrs.l));
-			let o = t("div", {
-				class: "tokui-radio-group" + (i.indexOf("vertical") === -1 ? "" : " tokui-radio-group--vertical"),
+			e = o(e);
+			let r = e.attrs.v ? e.attrs.v.split(",").map((e) => e.trim()) : [], i = t("div", { class: r.indexOf("inline") === -1 ? "tokui-field" : "tokui-field tokui-field--inline" });
+			e.attrs.l && i.appendChild(t("div", { class: "tokui-label" }, e.attrs.l));
+			let a = t("div", {
+				class: "tokui-radio-group" + (r.indexOf("vertical") === -1 ? "" : " tokui-radio-group--vertical"),
 				role: "radiogroup"
 			});
-			e.attrs.id && (o.id = e.attrs.id);
+			e.attrs.id && (a.id = e.attrs.id);
 			let s = e.attrs.n || e.attrs.id || "radio";
-			return o._radioName = s, e.children.forEach((e) => {
-				o.appendChild(y(e, s));
-			}), a.appendChild(o), a._slot = o, a._tokuiType = "radio", a;
+			return a._radioName = s, e.children.forEach((e) => {
+				a.appendChild(C(e, s));
+			}), i.appendChild(a), i._slot = a, i._tokuiType = "radio", i;
 		});
-		function y(e, n) {
+		function C(e, n) {
 			let r = t("label", { class: "tokui-radio-item" });
 			r.setAttribute("data-tokui-tag", "opt");
 			let i = {
@@ -11042,7 +11096,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			let a = e.attrs && e.attrs.tx || e.attrs && e.attrs.v || e.content || "";
 			return r.appendChild(t("span", { class: "tokui-radio-text" }, a)), r;
 		}
-		function b(e, n) {
+		function w(e, n) {
 			let r = t("label", { class: "tokui-checkbox-item" });
 			r.setAttribute("data-tokui-tag", "opt");
 			let i = {
@@ -11055,41 +11109,41 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return r.appendChild(t("span", { class: "tokui-checkbox-text" }, a)), r;
 		}
 		e.register("opt", (e, n, r) => {
-			if (r === "radio") return y(e, "");
-			if (r === "checkbox") return b(e, "");
-			if (r === "picker") return m(e);
+			if (r === "radio") return C(e, "");
+			if (r === "checkbox") return w(e, "");
+			if (r === "picker") return y(e);
 			let i = e.attrs ? e.attrs.v : "", a = e.attrs && e.attrs.tx || i || e.content || "";
 			return t("option", { value: i }, a);
 		}), e.register("checkbox", (e, n) => {
-			if (e = r(e), !(e.children && e.children.length > 0 || e.attrs.multi !== void 0)) {
+			if (e = o(e), !(e.children && e.children.length > 0 || e.attrs.multi !== void 0)) {
 				let n = (e.attrs.v ? e.attrs.v.split(",").map((e) => e.trim()) : []).indexOf("inline") !== -1;
-				var i = t("label", {
+				var r = t("label", {
 					class: "tokui-checkbox" + (n ? " tokui-checkbox--inline" : ""),
 					role: "checkbox",
 					"aria-checked": String(e.attrs.chk !== void 0)
 				});
-				let r = {
+				let a = {
 					type: "checkbox",
 					class: "tokui-checkbox-input"
 				};
-				e.attrs.id && (r.id = e.attrs.id), e.attrs.n ? r.name = e.attrs.n : e.attrs.id && (r.name = e.attrs.id), e.attrs.chk !== void 0 && (r.checked = "checked");
-				let o = t("input", r);
-				if (i.appendChild(o), i.appendChild(t("span", { class: "tokui-checkbox-text" }, e.attrs.l || "")), o.addEventListener("change", function() {
-					i.setAttribute("aria-checked", String(o.checked));
+				e.attrs.id && (a.id = e.attrs.id), e.attrs.n ? a.name = e.attrs.n : e.attrs.id && (a.name = e.attrs.id), e.attrs.chk !== void 0 && (a.checked = "checked");
+				let o = t("input", a);
+				if (r.appendChild(o), r.appendChild(t("span", { class: "tokui-checkbox-text" }, e.attrs.l || "")), o.addEventListener("change", function() {
+					r.setAttribute("aria-checked", String(o.checked));
 				}), !n) {
-					var a = t("div", { class: "tokui-field" });
-					return a.appendChild(i), a;
+					var i = t("div", { class: "tokui-field" });
+					return i.appendChild(r), i;
 				}
-				return i;
+				return r;
 			}
-			let o = e.attrs.v ? e.attrs.v.split(",").map((e) => e.trim()) : [], s = t("div", { class: o.indexOf("inline") === -1 ? "tokui-field" : "tokui-field tokui-field--inline" });
+			let a = e.attrs.v ? e.attrs.v.split(",").map((e) => e.trim()) : [], s = t("div", { class: a.indexOf("inline") === -1 ? "tokui-field" : "tokui-field tokui-field--inline" });
 			e.attrs.l && s.appendChild(t("div", { class: "tokui-label" }, e.attrs.l));
 			let c = e.attrs.n || e.attrs.id || "checkbox", l = t("div", {
-				class: "tokui-checkbox-group" + (o.indexOf("vertical") === -1 ? "" : " tokui-checkbox-group--vertical"),
+				class: "tokui-checkbox-group" + (a.indexOf("vertical") === -1 ? "" : " tokui-checkbox-group--vertical"),
 				role: "group"
 			});
 			return l._checkboxName = c, e.attrs.id && (l.id = e.attrs.id), e.children && e.children.length && e.children.forEach(function(e) {
-				l.appendChild(b(e, c));
+				l.appendChild(w(e, c));
 			}), s.appendChild(l), s._slot = l, s._tokuiType = "checkbox", s;
 		}), e.register("switch", (n) => {
 			var r = t("label", { class: "tokui-switch" }), i = {
@@ -11119,131 +11173,131 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return r.setAttribute("data-tokui-resettable", ""), r._tokuiReset = function() {
 				o.checked = c, a.setAttribute("aria-checked", String(c));
 			}, r;
-		}), e.register("slider", (e) => {
-			var n = parseFloat(e.attrs.min) || 0, r = parseFloat(e.attrs.max) || 100, i = parseFloat(e.attrs.step) || 1, a = parseFloat(e.attrs.v) || 0;
-			a < n && (a = n), a > r && (a = r);
-			var o = t("div", { class: "tokui-field" });
-			e.attrs.l && o.appendChild(t("label", {
+		}), e.register("slider", (n) => {
+			var r = parseFloat(n.attrs.min) || 0, i = parseFloat(n.attrs.max) || 100, a = parseFloat(n.attrs.step) || 1, o = parseFloat(n.attrs.v) || 0;
+			o < r && (o = r), o > i && (o = i);
+			var s = t("div", { class: "tokui-field" });
+			n.attrs.l && s.appendChild(t("label", {
 				class: "tokui-label",
-				for: e.attrs.id || ""
-			}, e.attrs.l));
-			var s = t("div", { class: "tokui-slider" }), c = t("div", { class: "tokui-slider__track" }), l = t("div", { class: "tokui-slider__fill" }), u = t("div", {
+				for: n.attrs.id || ""
+			}, n.attrs.l));
+			var c = t("div", { class: "tokui-slider" }), l = t("div", { class: "tokui-slider__track" }), u = t("div", { class: "tokui-slider__fill" }), d = t("div", {
 				class: "tokui-slider__thumb",
 				role: "slider",
-				"aria-valuemin": String(n),
-				"aria-valuemax": String(r),
-				"aria-valuenow": String(a),
-				"aria-label": e.attrs.l || "Slider",
+				"aria-valuemin": String(r),
+				"aria-valuemax": String(i),
+				"aria-valuenow": String(o),
+				"aria-label": n.attrs.l || "Slider",
 				tabindex: "0"
-			}), d = t("span", { class: "tokui-slider__value" }, String(a)), f = t("input", { type: "hidden" });
-			e.attrs.id && (f.id = e.attrs.id), e.attrs.n ? f.name = e.attrs.n : e.attrs.id && (f.name = e.attrs.id), f.value = a, c.appendChild(l), c.appendChild(u), s.appendChild(c), s.appendChild(d), s.appendChild(f);
-			var p = (a - n) / (r - n) * 100;
-			if (l.style.width = p + "%", u.style.left = p + "%", e.attrs.dis !== void 0) s.classList.add("tokui-slider--disabled");
+			}), f = t("span", { class: "tokui-slider__value" }, String(o)), p = t("input", { type: "hidden" });
+			n.attrs.id && (p.id = n.attrs.id), n.attrs.n ? p.name = n.attrs.n : n.attrs.id && (p.name = n.attrs.id), p.value = o, l.appendChild(u), l.appendChild(d), c.appendChild(l), c.appendChild(f), c.appendChild(p);
+			var m = (o - r) / (i - r) * 100;
+			if (u.style.width = m + "%", d.style.left = m + "%", n.attrs.dis !== void 0) c.classList.add("tokui-slider--disabled");
 			else {
-				var m = function(e) {
+				var h = function(e) {
 					e.preventDefault();
-					var t = c.getBoundingClientRect(), o = ((e.touches ? e.touches[0].clientX : e.clientX) - t.left) / t.width;
-					o = Math.max(0, Math.min(1, o));
-					var s = n + o * (r - n), p = Math.round(s / i) * i;
-					p = Math.max(n, Math.min(r, p));
-					var m = i < 1 ? 10 ** Math.ceil(-Math.log10(i)) : 1;
-					p = Math.round(p * m) / m, a = p;
-					var h = (a - n) / (r - n) * 100;
-					l.style.width = h + "%", u.style.left = h + "%", d.textContent = String(a), f.value = a, u.setAttribute("aria-valuenow", String(a));
-				}, h = function() {
-					if (document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", h), document.removeEventListener("touchmove", m), document.removeEventListener("touchend", h), u.classList.remove("tokui-slider__thumb--dragging"), e.attrs.clk) {
-						var t = typeof window < "u" && window.TokUI && window.TokUI._eventBus ? window.TokUI._eventBus.getHandler(e.attrs.clk) : null;
+					var t = l.getBoundingClientRect(), n = ((e.touches ? e.touches[0].clientX : e.clientX) - t.left) / t.width;
+					n = Math.max(0, Math.min(1, n));
+					var s = r + n * (i - r), c = Math.round(s / a) * a;
+					c = Math.max(r, Math.min(i, c));
+					var m = a < 1 ? 10 ** Math.ceil(-Math.log10(a)) : 1;
+					c = Math.round(c * m) / m, o = c;
+					var h = (o - r) / (i - r) * 100;
+					u.style.width = h + "%", d.style.left = h + "%", f.textContent = String(o), p.value = o, d.setAttribute("aria-valuenow", String(o));
+				}, g = function() {
+					if (document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", g), document.removeEventListener("touchmove", h), document.removeEventListener("touchend", g), d.classList.remove("tokui-slider__thumb--dragging"), n.attrs.clk) {
+						var t = e.eventBus ? e.eventBus.getHandler(n.attrs.clk) : null;
 						t && t({
-							value: a,
-							id: e.attrs.id
+							value: o,
+							id: n.attrs.id
 						});
 					}
-				}, g = function(e) {
-					e.preventDefault(), m(e), document.addEventListener("mousemove", m), document.addEventListener("mouseup", h), document.addEventListener("touchmove", m), document.addEventListener("touchend", h), u.classList.add("tokui-slider__thumb--dragging");
+				}, _ = function(e) {
+					e.preventDefault(), h(e), document.addEventListener("mousemove", h), document.addEventListener("mouseup", g), document.addEventListener("touchmove", h), document.addEventListener("touchend", g), d.classList.add("tokui-slider__thumb--dragging");
 				};
-				s.addEventListener("mousedown", g), s.addEventListener("touchstart", g, { passive: !1 });
+				c.addEventListener("mousedown", _), c.addEventListener("touchstart", _, { passive: !1 });
 			}
-			o._update = function(e) {
+			s._update = function(e) {
 				if (e.v !== void 0) {
 					var t = parseFloat(e.v) || 0;
-					isNaN(n) || (t = Math.max(n, t)), isNaN(r) || (t = Math.min(r, t)), a = t;
-					var i = (a - n) / (r - n) * 100;
-					l.style.width = i + "%", u.style.left = i + "%", d.textContent = String(a), f.value = a, u.setAttribute("aria-valuenow", String(a));
+					isNaN(r) || (t = Math.max(r, t)), isNaN(i) || (t = Math.min(i, t)), o = t;
+					var n = (o - r) / (i - r) * 100;
+					u.style.width = n + "%", d.style.left = n + "%", f.textContent = String(o), p.value = o, d.setAttribute("aria-valuenow", String(o));
 				}
-				e.dis === !0 || e.dis === "true" ? s.classList.add("tokui-slider--disabled") : (e.dis === !1 || e.dis === "false") && s.classList.remove("tokui-slider--disabled");
+				e.dis === !0 || e.dis === "true" ? c.classList.add("tokui-slider--disabled") : (e.dis === !1 || e.dis === "false") && c.classList.remove("tokui-slider--disabled");
 			};
-			var _ = a;
-			return o.setAttribute("data-tokui-resettable", ""), o._tokuiReset = function() {
-				a = _;
-				var e = (a - n) / (r - n) * 100;
-				l.style.width = e + "%", u.style.left = e + "%", d.textContent = String(a), f.value = a, u.setAttribute("aria-valuenow", String(a));
-			}, s._variantTarget = s, o.appendChild(s), o;
-		}), e.register("rate", (e) => {
-			var n = parseInt(e.attrs.max) || 5, r = parseInt(e.attrs.v) || 0, i = e.attrs.tx || "★", a = "☆", s = t("div", { class: "tokui-field" });
-			e.attrs.l && s.appendChild(t("label", {
+			var v = o;
+			return s.setAttribute("data-tokui-resettable", ""), s._tokuiReset = function() {
+				o = v;
+				var e = (o - r) / (i - r) * 100;
+				u.style.width = e + "%", d.style.left = e + "%", f.textContent = String(o), p.value = o, d.setAttribute("aria-valuenow", String(o));
+			}, c._variantTarget = c, s.appendChild(c), s;
+		}), e.register("rate", (n) => {
+			var r = parseInt(n.attrs.max) || 5, i = parseInt(n.attrs.v) || 0, a = n.attrs.tx || "★", o = "☆", s = t("div", { class: "tokui-field" });
+			n.attrs.l && s.appendChild(t("label", {
 				class: "tokui-label",
-				for: e.attrs.id || ""
-			}, e.attrs.l));
+				for: n.attrs.id || ""
+			}, n.attrs.l));
 			var c = t("div", {
 				class: "tokui-rate",
 				role: "radiogroup",
-				"aria-label": e.attrs.l || o("rate.defaultLabel"),
+				"aria-label": n.attrs.l || d("rate.defaultLabel"),
 				tabindex: "0"
 			}), l = t("input", { type: "hidden" });
-			e.attrs.id && (l.id = e.attrs.id), e.attrs.n ? l.name = e.attrs.n : e.attrs.id && (l.name = e.attrs.id), l.value = r;
-			for (var u = [], d = 0; d < n; d++) {
-				var f = t("span", {
+			n.attrs.id && (l.id = n.attrs.id), n.attrs.n ? l.name = n.attrs.n : n.attrs.id && (l.name = n.attrs.id), l.value = i;
+			for (var u = [], f = 0; f < r; f++) {
+				var p = t("span", {
 					class: "tokui-rate__star",
-					"data-index": String(d + 1),
+					"data-index": String(f + 1),
 					role: "radio",
-					"aria-checked": String(d < r)
+					"aria-checked": String(f < i)
 				});
-				f.textContent = d < r ? i : a, d < r && f.classList.add("tokui-rate__star--active"), u.push(f), c.appendChild(f);
+				p.textContent = f < i ? a : o, f < i && p.classList.add("tokui-rate__star--active"), u.push(p), c.appendChild(p);
 			}
-			var p = t("span", { class: "tokui-rate__text" });
-			r > 0 && (p.textContent = r + "/" + n), c.appendChild(p), c.appendChild(l), e.attrs.ro === void 0 ? e.attrs.dis === void 0 ? (c.addEventListener("mouseover", function(e) {
+			var m = t("span", { class: "tokui-rate__text" });
+			i > 0 && (m.textContent = i + "/" + r), c.appendChild(m), c.appendChild(l), n.attrs.ro === void 0 ? n.attrs.dis === void 0 ? (c.addEventListener("mouseover", function(e) {
 				var t = e.target;
-				if (t.classList.contains("tokui-rate__star")) for (var n = parseInt(t.getAttribute("data-index")), r = 0; r < u.length; r++) u[r].textContent = r < n ? i : a, u[r].classList.toggle("tokui-rate__star--hover", r < n);
+				if (t.classList.contains("tokui-rate__star")) for (var n = parseInt(t.getAttribute("data-index")), r = 0; r < u.length; r++) u[r].textContent = r < n ? a : o, u[r].classList.toggle("tokui-rate__star--hover", r < n);
 			}), c.addEventListener("mouseout", function() {
-				for (var e = 0; e < u.length; e++) u[e].textContent = e < r ? i : a, u[e].classList.remove("tokui-rate__star--hover");
+				for (var e = 0; e < u.length; e++) u[e].textContent = e < i ? a : o, u[e].classList.remove("tokui-rate__star--hover");
 			}), c.addEventListener("click", function(t) {
-				var o = t.target;
-				if (o.classList.contains("tokui-rate__star")) {
-					var s = parseInt(o.getAttribute("data-index"));
-					r = r === s ? 0 : s, l.value = r, p.textContent = r > 0 ? r + "/" + n : "";
-					for (var c = 0; c < u.length; c++) u[c].textContent = c < r ? i : a, u[c].classList.toggle("tokui-rate__star--active", c < r), u[c].setAttribute("aria-checked", String(c < r));
-					if (e.attrs.clk) {
-						var d = typeof window < "u" && window.TokUI && window.TokUI._eventBus ? window.TokUI._eventBus.getHandler(e.attrs.clk) : null;
-						d && d({
-							value: r,
-							max: n,
-							id: e.attrs.id
+				var s = t.target;
+				if (s.classList.contains("tokui-rate__star")) {
+					var c = parseInt(s.getAttribute("data-index"));
+					i = i === c ? 0 : c, l.value = i, m.textContent = i > 0 ? i + "/" + r : "";
+					for (var d = 0; d < u.length; d++) u[d].textContent = d < i ? a : o, u[d].classList.toggle("tokui-rate__star--active", d < i), u[d].setAttribute("aria-checked", String(d < i));
+					if (n.attrs.clk) {
+						var f = e.eventBus ? e.eventBus.getHandler(n.attrs.clk) : null;
+						f && f({
+							value: i,
+							max: r,
+							id: n.attrs.id
 						});
 					}
 				}
 			}), c.addEventListener("keydown", function(e) {
-				if (e.key === "ArrowRight" || e.key === "ArrowUp") e.preventDefault(), r = Math.min(r + 1, n);
-				else if (e.key === "ArrowLeft" || e.key === "ArrowDown") e.preventDefault(), r = Math.max(r - 1, 0);
+				if (e.key === "ArrowRight" || e.key === "ArrowUp") e.preventDefault(), i = Math.min(i + 1, r);
+				else if (e.key === "ArrowLeft" || e.key === "ArrowDown") e.preventDefault(), i = Math.max(i - 1, 0);
 				else return;
-				l.value = r, p.textContent = r > 0 ? r + "/" + n : "";
-				for (var t = 0; t < u.length; t++) u[t].textContent = t < r ? i : a, u[t].classList.toggle("tokui-rate__star--active", t < r), u[t].setAttribute("aria-checked", String(t < r));
+				l.value = i, m.textContent = i > 0 ? i + "/" + r : "";
+				for (var t = 0; t < u.length; t++) u[t].textContent = t < i ? a : o, u[t].classList.toggle("tokui-rate__star--active", t < i), u[t].setAttribute("aria-checked", String(t < i));
 			})) : c.classList.add("tokui-rate--disabled") : c.classList.add("tokui-rate--readonly"), s._update = function(e) {
 				if (e.v !== void 0) {
-					r = parseInt(e.v) || 0, r > n && (r = n), r < 0 && (r = 0), l.value = r, p.textContent = r > 0 ? r + "/" + n : "";
-					for (var t = 0; t < u.length; t++) u[t].textContent = t < r ? i : a, u[t].classList.toggle("tokui-rate__star--active", t < r), u[t].setAttribute("aria-checked", String(t < r));
+					i = parseInt(e.v) || 0, i > r && (i = r), i < 0 && (i = 0), l.value = i, m.textContent = i > 0 ? i + "/" + r : "";
+					for (var t = 0; t < u.length; t++) u[t].textContent = t < i ? a : o, u[t].classList.toggle("tokui-rate__star--active", t < i), u[t].setAttribute("aria-checked", String(t < i));
 				}
 				e.dis === !0 || e.dis === "true" ? c.classList.add("tokui-rate--disabled") : (e.dis === !1 || e.dis === "false") && c.classList.remove("tokui-rate--disabled");
 			};
-			var m = r;
+			var h = i;
 			return s.setAttribute("data-tokui-resettable", ""), s._tokuiReset = function() {
-				r = m, l.value = r, p.textContent = r > 0 ? r + "/" + n : "";
-				for (var e = 0; e < u.length; e++) u[e].textContent = e < r ? i : a, u[e].classList.toggle("tokui-rate__star--active", e < r), u[e].setAttribute("aria-checked", String(e < r));
+				i = h, l.value = i, m.textContent = i > 0 ? i + "/" + r : "";
+				for (var e = 0; e < u.length; e++) u[e].textContent = e < i ? a : o, u[e].classList.toggle("tokui-rate__star--active", e < i), u[e].setAttribute("aria-checked", String(e < i));
 			}, c._variantTarget = c, s.appendChild(c), s;
-		}), e.register("transfer", (e, n) => {
-			var r = t("div", { class: "tokui-field" });
-			e.attrs.l && r.appendChild(t("label", { class: "tokui-label" }, e.attrs.l));
-			var i = t("div", { class: "tokui-transfer" });
-			function a(e) {
+		}), e.register("transfer", (n, r) => {
+			var i = t("div", { class: "tokui-field" });
+			n.attrs.l && i.appendChild(t("label", { class: "tokui-label" }, n.attrs.l));
+			var a = t("div", { class: "tokui-transfer" });
+			function o(e) {
 				var n = t("div", {
 					class: "tokui-transfer__panel",
 					role: "listbox"
@@ -11259,10 +11313,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					var e = i.checked;
 					n._items.forEach(function(t) {
 						t._cb.checked = e;
-					}), _(n);
+					}), v(n);
 				}), n;
 			}
-			function o(e, n, r) {
+			function s(e, n, r) {
 				var i = t("label", {
 					class: "tokui-transfer__item",
 					role: "option",
@@ -11275,79 +11329,79 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				});
 				return i.appendChild(a), i.appendChild(t("span", {}, n)), i._cb = a, a.addEventListener("change", function() {
 					var e = i.closest(".tokui-transfer__panel");
-					e && _(e);
+					e && v(e);
 				}), i;
 			}
-			var s = e.attrs.tt || "Source", c = e.attrs.tt2 || "Target", l = a(s), u = a(c);
-			function d(e) {
+			var c = n.attrs.tt || "Source", l = n.attrs.tt2 || "Target", u = o(c), d = o(l);
+			function f(e) {
 				return /^\d+$/.test(String(e).trim()) ? String(e).trim() + "px" : String(e).trim();
 			}
-			[l, u].forEach(function(t) {
-				if (e.attrs.h) {
-					var n = d(e.attrs.h);
-					t.style.height = n, t.style.minHeight = n, t.style.maxHeight = n;
-				} else e.attrs.mh && (t.style.maxHeight = d(e.attrs.mh));
+			[u, d].forEach(function(e) {
+				if (n.attrs.h) {
+					var t = f(n.attrs.h);
+					e.style.height = t, e.style.minHeight = t, e.style.maxHeight = t;
+				} else n.attrs.mh && (e.style.maxHeight = f(n.attrs.mh));
 			});
-			var f = t("div", { class: "tokui-transfer__actions" }), p = t("button", {
+			var p = t("div", { class: "tokui-transfer__actions" }), m = t("button", {
 				class: "tokui-transfer__btn",
 				type: "button"
-			}, "→"), m = t("button", {
+			}, "→"), h = t("button", {
 				class: "tokui-transfer__btn",
 				type: "button"
 			}, "←");
-			f.appendChild(p), f.appendChild(m);
-			var h = t("input", { type: "hidden" });
-			e.attrs.id && (h.id = e.attrs.id), e.attrs.n ? h.name = e.attrs.n : e.attrs.id && (h.name = e.attrs.id);
-			function g() {
-				h.value = u._items.map(function(e) {
+			p.appendChild(m), p.appendChild(h);
+			var g = t("input", { type: "hidden" });
+			n.attrs.id && (g.id = n.attrs.id), n.attrs.n ? g.name = n.attrs.n : n.attrs.id && (g.name = n.attrs.id);
+			function _() {
+				g.value = d._items.map(function(e) {
 					return e._cb.value;
 				}).join(",");
 			}
-			function _(e) {
+			function v(e) {
 				var t = e._items.filter(function(e) {
 					return e._cb.checked;
 				}).length;
 				e._count.textContent = t + "/" + e._items.length, e._checkAll.checked = t > 0 && t === e._items.length;
 			}
-			function v(t, n) {
-				var r = [];
+			function y(t, r) {
+				var i = [];
 				if (t._items = t._items.filter(function(e) {
-					return e._cb.checked ? (e._cb.checked = !1, n._body.appendChild(e), n._items.push(e), r.push(e), !1) : !0;
-				}), _(t), _(n), g(), e.attrs.clk && r.length > 0) {
-					var i = typeof window < "u" && window.TokUI && window.TokUI._eventBus ? window.TokUI._eventBus.getHandler(e.attrs.clk) : null;
-					i && i({
-						values: u._items.map(function(e) {
+					return e._cb.checked ? (e._cb.checked = !1, r._body.appendChild(e), r._items.push(e), i.push(e), !1) : !0;
+				}), v(t), v(r), _(), n.attrs.clk && i.length > 0) {
+					var a = e.eventBus ? e.eventBus.getHandler(n.attrs.clk) : null;
+					a && a({
+						values: d._items.map(function(e) {
 							return e._cb.value;
 						}),
-						id: e.attrs.id
+						id: n.attrs.id
 					});
 				}
 			}
-			function y(e) {
+			function b(e) {
 				(e || []).forEach(function(e) {
-					e.type === "opt" && b(e);
-				}), _(l), _(u), g();
+					e.type === "opt" && x(e);
+				}), v(u), v(d), _();
 			}
-			function b(e) {
-				var t = e.attrs && e.attrs.v || "", n = e.attrs && e.attrs.tx || t, i = e.attrs && e.attrs.chk !== void 0, a = o(t, n, r._transferOptIdx++);
-				return a.setAttribute("data-tokui-init-side", i ? "right" : "left"), i ? (u._body.appendChild(a), u._items.push(a)) : (l._body.appendChild(a), l._items.push(a)), _(l), _(u), g(), a;
-			}
-			p.addEventListener("click", function() {
-				v(l, u);
-			}), m.addEventListener("click", function() {
-				v(u, l);
-			}), r._transferOptIdx = 0;
-			var x = t("div", {});
-			return x.style.display = "none", i.appendChild(l), i.appendChild(f), i.appendChild(u), i.appendChild(h), i.appendChild(x), e.attrs.dis !== void 0 && i.classList.add("tokui-transfer--disabled"), r._tokuiTransferAppend = function(e) {
-				return b(e);
-			}, e.children && e.children.length && y(e.children), r._streamCloseHook = function() {
-				x.innerHTML = "";
-			}, r._slot = x, r._tokuiType = "transfer", i._variantTarget = i, r.setAttribute("data-tokui-resettable", ""), r._tokuiReset = function() {
-				l._items.concat(u._items).forEach(function(e) {
-					var t = (e.getAttribute("data-tokui-init-side") || "left") === "right" ? u : l, n = u._items.indexOf(e) === -1 ? l : u;
+			function x(e) {
+				var t = e.attrs && e.attrs.v || "", n = e.attrs && e.attrs.tx || t, r = e.attrs && e.attrs.chk !== void 0, a = s(t, n, i._transferOptIdx++);
+				return a.setAttribute("data-tokui-init-side", r ? "right" : "left"), r ? (d._body.appendChild(a), d._items.push(a)) : (u._body.appendChild(a), u._items.push(a)), v(u), v(d), _(), a;
+			}
+			m.addEventListener("click", function() {
+				y(u, d);
+			}), h.addEventListener("click", function() {
+				y(d, u);
+			}), i._transferOptIdx = 0;
+			var S = t("div", {});
+			return S.style.display = "none", a.appendChild(u), a.appendChild(p), a.appendChild(d), a.appendChild(g), a.appendChild(S), n.attrs.dis !== void 0 && a.classList.add("tokui-transfer--disabled"), i._tokuiTransferAppend = function(e) {
+				return x(e);
+			}, n.children && n.children.length && b(n.children), i._streamCloseHook = function() {
+				S.innerHTML = "";
+			}, i._slot = S, i._tokuiType = "transfer", a._variantTarget = a, i.setAttribute("data-tokui-resettable", ""), i._tokuiReset = function() {
+				u._items.concat(d._items).forEach(function(e) {
+					var t = (e.getAttribute("data-tokui-init-side") || "left") === "right" ? d : u, n = d._items.indexOf(e) === -1 ? u : d;
 					n !== t && (n._items.splice(n._items.indexOf(e), 1), t._body.appendChild(e), t._items.push(e)), e._cb && (e._cb.checked = !1);
-				}), _(l), _(u), g();
-			}, r.appendChild(i), r;
+				}), v(u), v(d), _();
+			}, i.appendChild(a), i;
 		}), e.register("numinput", (e) => {
 			var n = parseFloat(e.attrs.min), r = parseFloat(e.attrs.max), i = parseFloat(e.attrs.step) || 1, a = parseFloat(e.attrs.v) || 0;
 			isNaN(n) || (a = Math.max(n, a)), isNaN(r) || (a = Math.min(r, a));
@@ -11403,7 +11457,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				a = h, d.value = String(a), d.setAttribute("value", String(a)), m.value = a;
 			}, s.appendChild(c), s._variantTarget = c, s;
 		});
-		var x = new Set([
+		var T = new Set([
 			"primary",
 			"danger",
 			"success",
@@ -11416,39 +11470,41 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"block"
 		]);
 		e.register("btn", (e) => {
-			let r = n(e.attrs);
-			var o = r.act === "submit" ? "submit" : r.act === "reset" ? "reset" : "button", s = "tokui-btn";
-			e.attrs.t && x.has(e.attrs.t) && (s += " tokui-btn--" + e.attrs.t), r.act === "print" && (s += " tokui-btn--print");
-			let c = {
-				class: s,
-				type: o
+			let i = n(e.attrs);
+			var a = i.act === "submit" ? "submit" : i.act === "reset" ? "reset" : "button", o = "tokui-btn";
+			e.attrs.t && T.has(e.attrs.t) && (o += " tokui-btn--" + e.attrs.t), i.act === "print" && (o += " tokui-btn--print");
+			let l = {
+				class: o,
+				type: a
 			};
-			r.formId && (c["data-tokui-form"] = r.formId), r.act && (c["data-tokui-act"] = r.act), r.act === "submit" && r.handler && (c["data-tokui-sub"] = r.handler), r.act === "reset" && r.handler && (c["data-tokui-handler"] = r.handler), r.act === "print" && (c["data-tokui-target"] = r.target, c["data-tokui-print-trigger"] = ""), !r.act && r.handler && (c["data-tokui-clk"] = r.handler), e.attrs.id && (c.id = e.attrs.id), e.attrs.dis !== void 0 && (c.disabled = "disabled"), Object.keys(e.attrs).forEach((t) => {
-				t.startsWith("data-") && (c[t] = e.attrs[t]);
-			});
-			let l = "";
-			e.attrs.w && (l += "width:" + e.attrs.w + ";");
-			let u = i(e.attrs.bg);
-			u && (l += "background:" + u + ";");
-			let d = i(e.attrs.fc);
-			d && (l += "color:" + d + ";"), e.attrs.radius && (l += "border-radius:" + e.attrs.radius + ";"), l && (c.style = l);
-			let f = e.attrs.tx || e.content || "", p = e.attrs.icon, m = e.attrs.i, h = p ? a(p, 16) : "", g = !!(p || m), _ = t("button", c);
-			if (_._tokuiType = "btn", !f && g) {
-				_.classList.add("tokui-btn--icon-only");
-				let t = e.attrs.l || e.attrs.tt || p || "";
-				t && (_.setAttribute("aria-label", t), _.setAttribute("data-tokui-tip", t));
-			}
-			if (p) {
+			i.formId && (l["data-tokui-form"] = i.formId), i.act && (l["data-tokui-act"] = i.act), i.act === "submit" && i.handler && (l["data-tokui-sub"] = i.handler), i.act === "reset" && i.handler && (l["data-tokui-handler"] = i.handler), i.act === "print" && (l["data-tokui-target"] = i.target, l["data-tokui-print-trigger"] = ""), !i.act && i.handler && (l["data-tokui-clk"] = i.handler), e.attrs.id && (l.id = e.attrs.id), e.attrs.dis !== void 0 && (l.disabled = "disabled"), Object.keys(e.attrs).forEach((t) => {
+				t.startsWith("data-") && (l[t] = e.attrs[t]);
+			});
+			let u = "", d = r(e.attrs.w);
+			d && (u += "width:" + d + ";");
+			let f = s(e.attrs.bg);
+			f && (u += "background:" + f + ";");
+			let p = s(e.attrs.fc);
+			p && (u += "color:" + p + ";");
+			let m = r(e.attrs.radius);
+			m && (u += "border-radius:" + m + ";"), u && (l.style = u);
+			let h = e.attrs.tx || e.content || "", g = e.attrs.icon, _ = e.attrs.i, v = g ? c(g, 16) : "", y = !!(g || _), b = t("button", l);
+			if (b._tokuiType = "btn", !h && y) {
+				b.classList.add("tokui-btn--icon-only");
+				let t = e.attrs.l || e.attrs.tt || g || "";
+				t && (b.setAttribute("aria-label", t), b.setAttribute("data-tokui-tip", t));
+			}
+			if (g) {
 				let e = t("span", { class: "tokui-btn__icon" });
-				e.innerHTML = h, _.appendChild(e), _.classList.add("tokui-btn--has-icon");
-			} else if (m) {
-				let e = t("span", { class: "tokui-btn__icon tokui-btn__icon--emoji" }, m);
-				_.appendChild(e), _.classList.add("tokui-btn--has-icon");
-			}
-			let v = null;
-			return f && (v = t("span", { class: "tokui-btn__text" }, f), _.appendChild(v)), _._tokuiTextSpan = v, _._update = function(e) {
-				e.dis === !0 || e.dis === "true" ? _.disabled = !0 : (e.dis === !1 || e.dis === "false") && (_.disabled = !1), e.tx !== void 0 && v && (v.textContent = e.tx);
-			}, _;
+				e.innerHTML = v, b.appendChild(e), b.classList.add("tokui-btn--has-icon");
+			} else if (_) {
+				let e = t("span", { class: "tokui-btn__icon tokui-btn__icon--emoji" }, _);
+				b.appendChild(e), b.classList.add("tokui-btn--has-icon");
+			}
+			let x = null;
+			return h && (x = t("span", { class: "tokui-btn__text" }, h), b.appendChild(x)), b._tokuiTextSpan = x, b._update = function(e) {
+				e.dis === !0 || e.dis === "true" ? b.disabled = !0 : (e.dis === !1 || e.dis === "false") && (b.disabled = !1), e.tx !== void 0 && x && (x.textContent = e.tx);
+			}, b;
 		}), e.register("print-area", (e, n) => {
 			let r = { class: "tokui-print-area" };
 			e.attrs.id && (r.id = e.attrs.id);
@@ -11466,28 +11522,28 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e && e.nodeType && i.appendChild(e);
 			}), i._slot = i, i._tokuiType = "btngroup", i;
 		}), e.register("cascader", (e, n) => {
-			var r = e.attrs.dis !== void 0, i = e.attrs.ph || o("select.placeholder"), a = t("div", { class: "tokui-field" });
+			var r = e.attrs.dis !== void 0, i = e.attrs.ph || d("select.placeholder"), a = t("div", { class: "tokui-field" });
 			e.attrs.l && a.appendChild(t("label", { class: "tokui-label" }, e.attrs.l)), e.attrs.id && (a.id = e.attrs.id);
-			var s = t("div", {
+			var o = t("div", {
 				class: "tokui-cascader" + (r ? " tokui-cascader--disabled" : ""),
 				role: "combobox",
 				"aria-expanded": "false"
-			}), c = t("div", { class: "tokui-cascader-control" }), l = t("input", {
+			}), s = t("div", { class: "tokui-cascader-control" }), c = t("input", {
 				class: "tokui-cascader-input",
 				type: "text",
 				readonly: "readonly",
 				placeholder: i
-			}), u = t("span", { class: "tokui-cascader-arrow" });
-			c.appendChild(l), c.appendChild(u), s.appendChild(c);
-			var d = t("div", {
+			}), l = t("span", { class: "tokui-cascader-arrow" });
+			s.appendChild(c), s.appendChild(l), o.appendChild(s);
+			var u = t("div", {
 				class: "tokui-cascader-menus",
 				role: "listbox"
 			});
-			s.appendChild(d);
+			o.appendChild(u);
 			var f = t("input", { type: "hidden" });
-			e.attrs.n ? f.name = e.attrs.n : e.attrs.id && (f.name = e.attrs.id), s.appendChild(f);
+			e.attrs.n ? f.name = e.attrs.n : e.attrs.id && (f.name = e.attrs.id), o.appendChild(f);
 			var p = t("div", {});
-			p.style.display = "none", s.appendChild(p), a.appendChild(s);
+			p.style.display = "none", o.appendChild(p), a.appendChild(o);
 			function m(e) {
 				var t = {}, n = [];
 				return (e || []).forEach(function(e) {
@@ -11538,36 +11594,36 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				return n(e, []);
 			}
 			function v(e, t) {
-				d.innerHTML = "";
+				u.innerHTML = "";
 				for (var n = e, r = 0; r < t.length; r++) {
 					var i = h(n);
-					g(i, t[r]), d.appendChild(i);
+					g(i, t[r]), u.appendChild(i);
 					for (var a = !1, o = 0; o < n.length; o++) if (n[o].v === t[r]) {
 						n = n[o].children, a = !0;
 						break;
 					}
 					if (!a) break;
 				}
-				n && n.length && d.appendChild(h(n));
+				n && n.length && u.appendChild(h(n));
 			}
-			var y = s._cascaderState = s._cascaderState || {
+			var y = o._cascaderState = o._cascaderState || {
 				isOpen: !1,
 				activeValues: [],
 				tree: null
 			};
 			function b(e) {
 				if (!r) {
-					y.isOpen = !0, y.tree = e, s.classList.add("tokui-cascader--open"), s.setAttribute("aria-expanded", "true");
-					var t = c.getBoundingClientRect();
-					d.style.left = t.left + "px", d.style.top = t.bottom + 4 + "px", d.style.minWidth = t.width + "px", v(e, y.activeValues);
+					y.isOpen = !0, y.tree = e, o.classList.add("tokui-cascader--open"), o.setAttribute("aria-expanded", "true");
+					var t = s.getBoundingClientRect();
+					u.style.left = t.left + "px", u.style.top = t.bottom + 4 + "px", u.style.minWidth = t.width + "px", v(e, y.activeValues);
 				}
 			}
 			function x() {
-				y.isOpen = !1, y.activeValues = [], s.classList.remove("tokui-cascader--open"), s.setAttribute("aria-expanded", "false");
+				y.isOpen = !1, y.activeValues = [], o.classList.remove("tokui-cascader--open"), o.setAttribute("aria-expanded", "false");
 			}
-			s._cascaderBindDone || (s._cascaderBindDone = !0, c.addEventListener("click", function(e) {
+			o._cascaderBindDone || (o._cascaderBindDone = !0, s.addEventListener("click", function(e) {
 				e.stopPropagation(), y.isOpen ? x() : y.tree && b(y.tree);
-			}), d.addEventListener("click", function(t) {
+			}), u.addEventListener("click", function(t) {
 				t.stopPropagation();
 				var n = t.target.closest(".tokui-cascader-option");
 				if (n) {
@@ -11582,14 +11638,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							else {
 								var s = i.map(function(e) {
 									return e.tx;
-								}).join(" / "), c = i.map(function(e) {
+								}).join(" / "), l = i.map(function(e) {
 									return e.v;
 								}).join("/");
-								if (l.value = s, f.value = c, x(), e.attrs.clk) {
+								if (c.value = s, f.value = l, x(), e.attrs.clk) {
 									var u = typeof window < "u" && window.TokUI && window.TokUI._internal && window.TokUI._internal.TokUIEventBus ? window.TokUI._internal.TokUIEventBus.getHandler(e.attrs.clk) : null;
 									u && u({
 										id: e.attrs.id,
-										value: c,
+										value: l,
 										text: s,
 										path: i
 									});
@@ -11608,8 +11664,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			function C(t) {
 				if (y.tree = t, e.attrs.v) {
 					for (var n = String(e.attrs.v).split("/"), r = !0, i = [], a = t, o = 0; o < n.length; o++) {
-						for (var s = !1, c = 0; c < a.length; c++) if (a[c].v === n[o]) {
-							i.push(a[c].tx), a = a[c].children, s = !0;
+						for (var s = !1, l = 0; l < a.length; l++) if (a[l].v === n[o]) {
+							i.push(a[l].tx), a = a[l].children, s = !0;
 							break;
 						}
 						if (!s) {
@@ -11617,113 +11673,113 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							break;
 						}
 					}
-					r && i.length === n.length && (l.value = i.join(" / "), f.value = e.attrs.v);
+					r && i.length === n.length && (c.value = i.join(" / "), f.value = e.attrs.v);
 				}
-				S.hidden = f.value, S.text = l.value;
+				S.hidden = f.value, S.text = c.value;
 			}
 			return e.children && e.children.length && C(m(e.children)), a._streamCloseHook = function() {
 				p.innerHTML = "", C(m(e.children));
-			}, a._slot = p, a._tokuiType = "cascader", a._variantTarget = s, a.setAttribute("data-tokui-resettable", ""), a._tokuiReset = function() {
-				f.value = S.hidden, l.value = S.text, y.isOpen && x();
+			}, a._slot = p, a._tokuiType = "cascader", a._variantTarget = o, a.setAttribute("data-tokui-resettable", ""), a._tokuiReset = function() {
+				f.value = S.hidden, c.value = S.text, y.isOpen && x();
 			}, a;
-		}), e.register("upload", (e) => {
-			var n = e.attrs.dis !== void 0, r = e.attrs.multi !== void 0, i = parseInt(e.attrs.max) || 0, a = e.attrs.ph || o("upload.hint"), s = e.attrs.accept || "", c = t("div", { class: "tokui-field" });
-			e.attrs.l && c.appendChild(t("label", { class: "tokui-label" }, e.attrs.l)), e.attrs.id && (c.id = e.attrs.id);
-			var l = t("div", { class: "tokui-upload" + (n ? " tokui-upload--disabled" : "") }), u = t("div", {
+		}), e.register("upload", (n) => {
+			var r = n.attrs.dis !== void 0, i = n.attrs.multi !== void 0, a = parseInt(n.attrs.max) || 0, o = n.attrs.ph || d("upload.hint"), s = n.attrs.accept || "", c = t("div", { class: "tokui-field" });
+			n.attrs.l && c.appendChild(t("label", { class: "tokui-label" }, n.attrs.l)), n.attrs.id && (c.id = n.attrs.id);
+			var l = t("div", { class: "tokui-upload" + (r ? " tokui-upload--disabled" : "") }), u = t("div", {
 				class: "tokui-upload-dropzone",
 				role: "button",
-				"aria-label": a,
+				"aria-label": o,
 				tabindex: "0"
-			}), d = t("div", { class: "tokui-upload-icon" });
-			d.innerHTML = "<svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M24 32V12\"/><path d=\"M16 20l8-8 8 8\"/><path d=\"M8 36h32\"/></svg>", u.appendChild(d);
-			var f = t("div", { class: "tokui-upload-text" });
-			f.textContent = a, u.appendChild(f);
-			var p = t("button", {
+			}), f = t("div", { class: "tokui-upload-icon" });
+			f.innerHTML = "<svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M24 32V12\"/><path d=\"M16 20l8-8 8 8\"/><path d=\"M8 36h32\"/></svg>", u.appendChild(f);
+			var p = t("div", { class: "tokui-upload-text" });
+			p.textContent = o, u.appendChild(p);
+			var m = t("button", {
 				class: "tokui-upload-btn",
 				type: "button"
 			});
-			p.textContent = o("upload.browse"), u.appendChild(p), l.appendChild(u);
-			var m = {
+			m.textContent = d("upload.browse"), u.appendChild(m), l.appendChild(u);
+			var h = {
 				type: "file",
 				style: "display:none"
 			};
-			s && (m.accept = s), r && (m.multiple = "multiple");
-			var h = t("input", m);
-			l.appendChild(h);
-			var g = t("div", { class: "tokui-upload-filelist" });
+			s && (h.accept = s), i && (h.multiple = "multiple");
+			var g = t("input", h);
 			l.appendChild(g);
-			var _ = t("input", { type: "hidden" });
-			e.attrs.n ? _.name = e.attrs.n : e.attrs.id && (_.name = e.attrs.id), l.appendChild(_);
-			function v(e) {
+			var _ = t("div", { class: "tokui-upload-filelist" });
+			l.appendChild(_);
+			var v = t("input", { type: "hidden" });
+			n.attrs.n ? v.name = n.attrs.n : n.attrs.id && (v.name = n.attrs.id), l.appendChild(v);
+			function y(e) {
 				return e < 1024 ? e + " B" : e < 1048576 ? (e / 1024).toFixed(1) + " KB" : (e / 1048576).toFixed(1) + " MB";
 			}
-			var y = [];
-			function b() {
-				g.innerHTML = "", y.forEach(function(e, n) {
+			var b = [];
+			function x() {
+				_.innerHTML = "", b.forEach(function(e, n) {
 					var r = t("div", { class: "tokui-upload-file" }), i = t("span", { class: "tokui-upload-file-icon" });
 					i.textContent = "📄", r.appendChild(i);
 					var a = t("span", { class: "tokui-upload-file-name" });
 					a.textContent = e.name, a.title = e.name, r.appendChild(a);
 					var o = t("span", { class: "tokui-upload-file-size" });
-					o.textContent = v(e.size), r.appendChild(o);
+					o.textContent = y(e.size), r.appendChild(o);
 					var s = t("span", { class: "tokui-upload-file-remove" });
-					s.textContent = "✕", s.setAttribute("data-idx", n), r.appendChild(s), g.appendChild(r);
-				}), _.value = y.map(function(e) {
+					s.textContent = "✕", s.setAttribute("data-idx", n), r.appendChild(s), _.appendChild(r);
+				}), v.value = b.map(function(e) {
 					return e.name;
 				}).join(",");
 			}
-			function x(t) {
-				for (var n = 0; n < t.length && !(i && y.length >= i); n++) y.push({
-					name: t[n].name,
-					size: t[n].size,
-					type: t[n].type
+			function S(t) {
+				for (var r = 0; r < t.length && !(a && b.length >= a); r++) b.push({
+					name: t[r].name,
+					size: t[r].size,
+					type: t[r].type
 				});
-				if (b(), e.attrs.clk) {
-					var r = typeof window < "u" && window.TokUI && window.TokUI._eventBus ? window.TokUI._eventBus.getHandler(e.attrs.clk) : null;
-					r && r({
-						id: e.attrs.id,
-						files: y
+				if (x(), n.attrs.clk) {
+					var i = e.eventBus ? e.eventBus.getHandler(n.attrs.clk) : null;
+					i && i({
+						id: n.attrs.id,
+						files: b
 					});
 				}
 			}
-			return n || (u.addEventListener("click", function(e) {
-				(e.target === p || u.contains(e.target)) && h.click();
-			}), p.addEventListener("click", function(e) {
-				e.stopPropagation(), h.click();
-			}), h.addEventListener("change", function() {
-				h.files && h.files.length && (x(h.files), h.value = "");
+			return r || (u.addEventListener("click", function(e) {
+				(e.target === m || u.contains(e.target)) && g.click();
+			}), m.addEventListener("click", function(e) {
+				e.stopPropagation(), g.click();
+			}), g.addEventListener("change", function() {
+				g.files && g.files.length && (S(g.files), g.value = "");
 			}), u.addEventListener("dragover", function(e) {
 				e.preventDefault(), l.classList.add("tokui-upload--dragover");
 			}), u.addEventListener("dragleave", function(e) {
 				e.preventDefault(), l.classList.remove("tokui-upload--dragover");
 			}), u.addEventListener("drop", function(e) {
-				e.preventDefault(), l.classList.remove("tokui-upload--dragover"), e.dataTransfer && e.dataTransfer.files.length && x(e.dataTransfer.files);
-			}), g.addEventListener("click", function(e) {
+				e.preventDefault(), l.classList.remove("tokui-upload--dragover"), e.dataTransfer && e.dataTransfer.files.length && S(e.dataTransfer.files);
+			}), _.addEventListener("click", function(e) {
 				var t = e.target.closest(".tokui-upload-file-remove");
 				if (t) {
 					var n = parseInt(t.getAttribute("data-idx"));
-					!isNaN(n) && n >= 0 && n < y.length && (y.splice(n, 1), b());
+					!isNaN(n) && n >= 0 && n < b.length && (b.splice(n, 1), x());
 				}
 			})), c.appendChild(l), c._variantTarget = l, c;
 		});
-		function C(e) {
+		function E(e) {
 			if (!e) return null;
 			var t = e.match(/^(\d{4})-(\d{1,2})-(\d{1,2})/);
 			return t ? new Date(parseInt(t[1]), parseInt(t[2]) - 1, parseInt(t[3])) : null;
 		}
-		function w(e) {
+		function D(e) {
 			if (!e) return null;
 			var t = e.match(/^(\d{4})-(\d{1,2})-(\d{1,2})\s+(\d{1,2}):(\d{1,2})/);
 			return t ? new Date(parseInt(t[1]), parseInt(t[2]) - 1, parseInt(t[3]), parseInt(t[4]), parseInt(t[5])) : null;
 		}
-		function T(e, t) {
+		function O(e, t) {
 			var n = e.getFullYear(), r = e.getMonth() + 1, i = e.getDate(), a = e.getHours(), o = e.getMinutes(), s = e.getSeconds();
 			return t.replace("YYYY", String(n)).replace("MM", r < 10 ? "0" + r : String(r)).replace("DD", i < 10 ? "0" + i : String(i)).replace("HH", a < 10 ? "0" + a : String(a)).replace("mm", o < 10 ? "0" + o : String(o)).replace("ss", s < 10 ? "0" + s : String(s));
 		}
-		function E(e, t, n, r) {
+		function k(e, t, n, r) {
 			return r.replace("HH", e < 10 ? "0" + e : String(e)).replace("mm", t < 10 ? "0" + t : String(t)).replace("ss", n < 10 ? "0" + n : String(n));
 		}
-		function D(e, t) {
+		function A(e, t) {
 			var n = e.querySelector(".tokui-timepicker-column-list");
 			if (n) {
 				var r = n.querySelectorAll(".tokui-timepicker-column-item");
@@ -11732,8 +11788,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}));
 			}
 		}
-		function O(e, t) {
-			D(e, t);
+		function j(e, t) {
+			A(e, t);
 			var n = e.querySelector(".tokui-timepicker-column-list");
 			if (n) {
 				var r = n.querySelectorAll(".tokui-timepicker-column-item");
@@ -11747,7 +11803,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 			}
 		}
-		function k(e) {
+		function M(e) {
 			var t = e.querySelector(".tokui-timepicker-column-list");
 			if (!t) return 0;
 			var n = t.querySelectorAll(".tokui-timepicker-column-item");
@@ -11762,14 +11818,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var u = n[0].offsetHeight || 32, d = Math.round((t.scrollTop + (t.clientHeight || 192) / 2) / u) - 0;
 			return Math.max(0, Math.min(d, n.length - 1));
 		}
-		function A(e, n, r) {
+		function N(e, n, r) {
 			for (var i = t("div", { class: "tokui-timepicker-column" }), a = t("div", { class: "tokui-timepicker-column-list" }), o = 0; o < n; o++) {
 				var s = t("div", {
 					class: "tokui-timepicker-column-item" + (o === r ? " tokui-timepicker-column-item--selected" : ""),
 					"data-value": String(o)
 				}, o < 10 ? "0" + o : String(o));
 				s.addEventListener("click", function(e) {
-					e.stopPropagation(), O(i, parseInt(this.getAttribute("data-value"), 10));
+					e.stopPropagation(), j(i, parseInt(this.getAttribute("data-value"), 10));
 				}), a.appendChild(s);
 			}
 			i.appendChild(a);
@@ -11778,73 +11834,73 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 			return a.addEventListener("scroll", function() {
 				c || (c = 1, l(function() {
-					c = 0, D(i, k(i));
+					c = 0, A(i, M(i));
 				}));
 			}), i._label = e, i;
 		}
-		function j(e) {
-			var t = k(e);
-			D(e, t);
+		function P(e) {
+			var t = M(e);
+			A(e, t);
 			var n = e.querySelector(".tokui-timepicker-column-list").querySelectorAll(".tokui-timepicker-column-item");
 			return parseInt(n[t].getAttribute("data-value")) || 0;
 		}
-		function M(e, t) {
-			O(e, t);
+		function F(e, t) {
+			j(e, t);
 		}
-		var N = typeof window < "u" && window.TokUI && window.TokUI._internal ? window.TokUI._internal._datePickers = window.TokUI._internal._datePickers || /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set();
-		function P(e) {
+		var I = typeof window < "u" && window.TokUI && window.TokUI._internal ? window.TokUI._internal._datePickers = window.TokUI._internal._datePickers || /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set();
+		function L(e) {
 			var t = [];
-			N.forEach(function(n) {
+			I.forEach(function(n) {
 				n !== e && t.push(n);
 			}), t.forEach(function(e) {
 				try {
 					e();
 				} catch {}
-			}), N.add(e);
+			}), I.add(e);
 		}
-		function F(e) {
-			N.delete(e);
+		function R(e) {
+			I.delete(e);
 		}
-		function I() {
+		function z() {
 			var e = [];
-			N.forEach(function(t) {
+			I.forEach(function(t) {
 				e.push(t);
-			}), N.clear(), e.forEach(function(e) {
+			}), I.clear(), e.forEach(function(e) {
 				try {
 					e();
 				} catch {}
 			});
 		}
-		typeof window < "u" && !window.TokUI._internal._dateScrollBound && (window.addEventListener("scroll", I), window.TokUI._internal._dateScrollBound = !0);
-		function L() {
+		typeof window < "u" && !window.TokUI._internal._dateScrollBound && (window.addEventListener("scroll", z), window.TokUI._internal._dateScrollBound = !0);
+		function B() {
 			return typeof window < "u" && window.innerWidth ? window.innerWidth : typeof document < "u" && document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : 1024;
 		}
-		function R(e, n, r, i, a) {
-			var s = t("div", { class: "tokui-datepicker-header" }), c = t("button", {
+		function V(e, n, r, i, a) {
+			var o = t("div", { class: "tokui-datepicker-header" }), s = t("button", {
 				class: "tokui-datepicker-nav tokui-datepicker-nav--prev",
 				type: "button"
 			});
-			c.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"/></svg>";
-			var l = t("button", {
+			s.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"/></svg>";
+			var c = t("button", {
 				class: "tokui-datepicker-nav tokui-datepicker-nav--next",
 				type: "button"
 			});
-			l.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"/></svg>";
-			var u = t("span", { class: "tokui-datepicker-title" }, o("datepicker.title", {
+			c.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"/></svg>";
+			var l = t("span", { class: "tokui-datepicker-title" }, d("datepicker.title", {
 				y: e,
 				m: n + 1
 			}));
-			s.appendChild(c), s.appendChild(u), s.appendChild(l), a.appendChild(s);
-			var d = [
-				o("datepicker.weekday.0"),
-				o("datepicker.weekday.1"),
-				o("datepicker.weekday.2"),
-				o("datepicker.weekday.3"),
-				o("datepicker.weekday.4"),
-				o("datepicker.weekday.5"),
-				o("datepicker.weekday.6")
+			o.appendChild(s), o.appendChild(l), o.appendChild(c), a.appendChild(o);
+			var u = [
+				d("datepicker.weekday.0"),
+				d("datepicker.weekday.1"),
+				d("datepicker.weekday.2"),
+				d("datepicker.weekday.3"),
+				d("datepicker.weekday.4"),
+				d("datepicker.weekday.5"),
+				d("datepicker.weekday.6")
 			], f = t("div", { class: "tokui-datepicker-weekdays" });
-			d.forEach(function(e) {
+			u.forEach(function(e) {
 				f.appendChild(t("span", { class: "tokui-datepicker-weekday" }, e));
 			}), a.appendChild(f);
 			for (var p = t("div", { class: "tokui-datepicker-grid" }), m = new Date(e, n, 1).getDay(), h = new Date(e, n + 1, 0).getDate(), g = new Date(e, n, 0).getDate(), _ = i.getDate(), v = i.getFullYear() === e && i.getMonth() === n, y = m - 1; y >= 0; y--) p.appendChild(t("span", { class: "tokui-datepicker-day tokui-datepicker-day--other" }, String(g - y)));
@@ -11859,219 +11915,219 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			for (var C = 42 - m - h, w = 1; w <= C; w++) p.appendChild(t("span", { class: "tokui-datepicker-day tokui-datepicker-day--other" }, String(w)));
 			return a.appendChild(p), {
-				prevBtn: c,
-				nextBtn: l
+				prevBtn: s,
+				nextBtn: c
 			};
 		}
-		e.register("datepicker", (e) => {
-			var n = e.attrs || {}, r = n.dis !== void 0, i = n.fmt || "YYYY-MM-DD", a = n.ph || i, o = n.v || "", s = t("div", { class: "tokui-field" });
-			n.l && s.appendChild(t("label", { class: "tokui-label" }, n.l));
-			var c = ["tokui-datepicker"];
-			r && c.push("tokui-datepicker--disabled");
-			var l = t("div", { class: c.join(" ") }), u = t("div", { class: "tokui-datepicker-control" }), d = {
+		e.register("datepicker", (n) => {
+			var r = n.attrs || {}, i = r.dis !== void 0, a = r.fmt || "YYYY-MM-DD", o = r.ph || a, s = r.v || "", c = t("div", { class: "tokui-field" });
+			r.l && c.appendChild(t("label", { class: "tokui-label" }, r.l));
+			var l = ["tokui-datepicker"];
+			i && l.push("tokui-datepicker--disabled");
+			var u = t("div", { class: l.join(" ") }), d = t("div", { class: "tokui-datepicker-control" }), f = {
 				class: "tokui-datepicker-input",
 				type: "text",
 				readonly: "readonly",
-				placeholder: a
+				placeholder: o
 			};
-			n.id && (d.id = n.id), r && (d.disabled = "disabled"), o && (d.value = o);
-			var f = t("input", d);
-			u.appendChild(f);
-			var p = t("span", { class: "tokui-datepicker-icon" });
-			p.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/></svg>", u.appendChild(p), l.appendChild(u);
-			var m = t("div", { class: "tokui-datepicker-dropdown" }), h = /* @__PURE__ */ new Date(), g, _, v;
-			o && (v = C(o), v && (g = v.getFullYear(), _ = v.getMonth())), g || (g = h.getFullYear(), _ = h.getMonth());
-			var y = t("input", { type: "hidden" });
-			n.n ? y.name = n.n : n.id && (y.name = n.id), y.value = o, l.appendChild(y);
-			function b(e, t) {
-				m.innerHTML = "";
-				var n = R(e, t, v, h, m);
+			r.id && (f.id = r.id), i && (f.disabled = "disabled"), s && (f.value = s);
+			var p = t("input", f);
+			d.appendChild(p);
+			var m = t("span", { class: "tokui-datepicker-icon" });
+			m.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/></svg>", d.appendChild(m), u.appendChild(d);
+			var h = t("div", { class: "tokui-datepicker-dropdown" }), g = /* @__PURE__ */ new Date(), _, v, y;
+			s && (y = E(s), y && (_ = y.getFullYear(), v = y.getMonth())), _ || (_ = g.getFullYear(), v = g.getMonth());
+			var b = t("input", { type: "hidden" });
+			r.n ? b.name = r.n : r.id && (b.name = r.id), b.value = s, u.appendChild(b);
+			function x(e, t) {
+				h.innerHTML = "";
+				var n = V(e, t, y, g, h);
 				n.prevBtn.addEventListener("click", function(e) {
-					e.stopPropagation(), _--, _ < 0 && (_ = 11, g--), b(g, _);
+					e.stopPropagation(), v--, v < 0 && (v = 11, _--), x(_, v);
 				}), n.nextBtn.addEventListener("click", function(e) {
-					e.stopPropagation(), _++, _ > 11 && (_ = 0, g++), b(g, _);
+					e.stopPropagation(), v++, v > 11 && (v = 0, _++), x(_, v);
 				});
 			}
-			b(g, _), m.style.display = "none", l.appendChild(m);
-			var x = !1;
-			function S() {
-				if (!(r || x)) {
-					P(w), x = !0, m.style.display = "", l.classList.add("tokui-datepicker--open");
-					var e = u.getBoundingClientRect();
-					m.style.left = e.left + "px", m.style.top = e.bottom + 4 + "px", m.style.width = "auto";
-					var t = L();
-					e.left + m.offsetWidth > t - 8 && (m.style.left = Math.max(8, t - m.offsetWidth - 8) + "px");
+			x(_, v), h.style.display = "none", u.appendChild(h);
+			var S = !1;
+			function C() {
+				if (!(i || S)) {
+					L(w), S = !0, h.style.display = "", u.classList.add("tokui-datepicker--open");
+					var e = d.getBoundingClientRect();
+					h.style.left = e.left + "px", h.style.top = e.bottom + 4 + "px", h.style.width = "auto";
+					var t = B();
+					e.left + h.offsetWidth > t - 8 && (h.style.left = Math.max(8, t - h.offsetWidth - 8) + "px");
 				}
 			}
 			function w() {
-				x && (x = !1, m.style.display = "none", l.classList.remove("tokui-datepicker--open"), F(w));
+				S && (S = !1, h.style.display = "none", u.classList.remove("tokui-datepicker--open"), R(w));
 			}
-			return r || (u.addEventListener("click", function(e) {
-				e.stopPropagation(), x ? w() : S();
-			}), m.addEventListener("click", function(e) {
-				e.stopPropagation();
-				var t = e.target.closest(".tokui-datepicker-day");
-				if (!(!t || t.classList.contains("tokui-datepicker-day--other"))) {
-					var r = parseInt(t.getAttribute("data-day"));
-					v = new Date(g, _, r);
-					var a = T(v, i);
-					if (f.value = a, y.value = a, w(), b(g, _), n.clk) {
-						var o = typeof window < "u" && window.TokUI && window.TokUI._eventBus ? window.TokUI._eventBus.getHandler(n.clk) : null;
-						o && o({
-							value: a,
-							date: v,
-							id: n.id
+			return i || (d.addEventListener("click", function(e) {
+				e.stopPropagation(), S ? w() : C();
+			}), h.addEventListener("click", function(t) {
+				t.stopPropagation();
+				var n = t.target.closest(".tokui-datepicker-day");
+				if (!(!n || n.classList.contains("tokui-datepicker-day--other"))) {
+					var i = parseInt(n.getAttribute("data-day"));
+					y = new Date(_, v, i);
+					var o = O(y, a);
+					if (p.value = o, b.value = o, w(), x(_, v), r.clk) {
+						var s = e.eventBus ? e.eventBus.getHandler(r.clk) : null;
+						s && s({
+							value: o,
+							date: y,
+							id: r.id
 						});
 					}
 				}
 			}), typeof document < "u" && document.addEventListener("click", function(e) {
-				l.contains(e.target) || w();
-			})), s.appendChild(l), s._variantTarget = l, s;
-		}), e.register("timepicker", (e) => {
-			var n = e.attrs || {}, r = n.dis !== void 0, i = n.fmt || "HH:mm", a = n.ph || i, s = n.v || "", c = t("div", { class: "tokui-field" });
-			n.l && c.appendChild(t("label", { class: "tokui-label" }, n.l));
+				u.contains(e.target) || w();
+			})), c.appendChild(u), c._variantTarget = u, c;
+		}), e.register("timepicker", (n) => {
+			var r = n.attrs || {}, i = r.dis !== void 0, a = r.fmt || "HH:mm", o = r.ph || a, s = r.v || "", c = t("div", { class: "tokui-field" });
+			r.l && c.appendChild(t("label", { class: "tokui-label" }, r.l));
 			var l = ["tokui-timepicker"];
-			r && l.push("tokui-timepicker--disabled");
-			var u = t("div", { class: l.join(" ") }), d = t("div", { class: "tokui-timepicker-control" }), f = {
+			i && l.push("tokui-timepicker--disabled");
+			var u = t("div", { class: l.join(" ") }), f = t("div", { class: "tokui-timepicker-control" }), p = {
 				class: "tokui-timepicker-input",
 				type: "text",
 				readonly: "readonly",
-				placeholder: a
+				placeholder: o
 			};
-			n.id && (f.id = n.id), r && (f.disabled = "disabled"), s && (f.value = s);
-			var p = t("input", f);
-			d.appendChild(p);
-			var m = t("span", { class: "tokui-timepicker-icon" });
-			m.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><polyline points=\"12 6 12 12 16 14\"/></svg>", d.appendChild(m), u.appendChild(d);
-			var h = 0, g = 0, _ = 0;
+			r.id && (p.id = r.id), i && (p.disabled = "disabled"), s && (p.value = s);
+			var m = t("input", p);
+			f.appendChild(m);
+			var h = t("span", { class: "tokui-timepicker-icon" });
+			h.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><polyline points=\"12 6 12 12 16 14\"/></svg>", f.appendChild(h), u.appendChild(f);
+			var g = 0, _ = 0, v = 0;
 			if (s) {
-				var v = s.split(":");
-				h = parseInt(v[0]) || 0, g = parseInt(v[1]) || 0, _ = parseInt(v[2]) || 0;
-			}
-			var y = t("div", { class: "tokui-timepicker-dropdown" }), b = i.indexOf("ss") !== -1 || i.indexOf("s") !== -1, x = t("div", { class: "tokui-timepicker-columns" }), S = A(o("duration.hour"), 24, h), C = A(o("duration.minute"), 60, g);
-			x.appendChild(S), x.appendChild(C);
-			var w = null;
-			b && (w = A(o("duration.second"), 60, _), x.appendChild(w)), y.appendChild(x);
-			var T = t("div", { class: "tokui-timepicker-footer" }), D = t("button", {
+				var y = s.split(":");
+				g = parseInt(y[0]) || 0, _ = parseInt(y[1]) || 0, v = parseInt(y[2]) || 0;
+			}
+			var b = t("div", { class: "tokui-timepicker-dropdown" }), x = a.indexOf("ss") !== -1 || a.indexOf("s") !== -1, S = t("div", { class: "tokui-timepicker-columns" }), C = N(d("duration.hour"), 24, g), w = N(d("duration.minute"), 60, _);
+			S.appendChild(C), S.appendChild(w);
+			var T = null;
+			x && (T = N(d("duration.second"), 60, v), S.appendChild(T)), b.appendChild(S);
+			var E = t("div", { class: "tokui-timepicker-footer" }), D = t("button", {
 				class: "tokui-timepicker-confirm",
 				type: "button"
-			}, o("common.ok"));
-			T.appendChild(D), y.appendChild(T);
+			}, d("common.ok"));
+			E.appendChild(D), b.appendChild(E);
 			var O = t("input", { type: "hidden" });
-			n.n ? O.name = n.n : n.id && (O.name = n.id), O.value = s, u.appendChild(O), y.style.display = "none", u.appendChild(y);
-			var k = !1;
-			function N() {
-				if (!(r || k)) {
-					P(I), k = !0, y.style.display = "", u.classList.add("tokui-timepicker--open");
-					var e = d.getBoundingClientRect();
-					y.style.left = e.left + "px", y.style.top = e.bottom + 4 + "px", y.style.width = "auto";
-					var t = L();
-					e.left + y.offsetWidth > t - 8 && (y.style.left = Math.max(8, t - y.offsetWidth - 8) + "px"), M(S, h), M(C, g), b && w && M(w, _);
-				}
-			}
-			function I() {
-				k && (k = !1, y.style.display = "none", u.classList.remove("tokui-timepicker--open"), F(I));
-			}
-			return r || (d.addEventListener("click", function(e) {
-				e.stopPropagation(), k ? I() : N();
-			}), D.addEventListener("click", function(e) {
-				e.stopPropagation(), h = j(S), g = j(C), b && w && (_ = j(w));
-				var t = E(h, g, _, i);
-				if (p.value = t, O.value = t, I(), n.clk) {
-					var r = typeof window < "u" && window.TokUI && window.TokUI._eventBus ? window.TokUI._eventBus.getHandler(n.clk) : null;
-					r && r({
-						value: t,
-						hour: h,
-						minute: g,
-						second: _,
-						id: n.id
+			r.n ? O.name = r.n : r.id && (O.name = r.id), O.value = s, u.appendChild(O), b.style.display = "none", u.appendChild(b);
+			var A = !1;
+			function j() {
+				if (!(i || A)) {
+					L(M), A = !0, b.style.display = "", u.classList.add("tokui-timepicker--open");
+					var e = f.getBoundingClientRect();
+					b.style.left = e.left + "px", b.style.top = e.bottom + 4 + "px", b.style.width = "auto";
+					var t = B();
+					e.left + b.offsetWidth > t - 8 && (b.style.left = Math.max(8, t - b.offsetWidth - 8) + "px"), F(C, g), F(w, _), x && T && F(T, v);
+				}
+			}
+			function M() {
+				A && (A = !1, b.style.display = "none", u.classList.remove("tokui-timepicker--open"), R(M));
+			}
+			return i || (f.addEventListener("click", function(e) {
+				e.stopPropagation(), A ? M() : j();
+			}), D.addEventListener("click", function(t) {
+				t.stopPropagation(), g = P(C), _ = P(w), x && T && (v = P(T));
+				var n = k(g, _, v, a);
+				if (m.value = n, O.value = n, M(), r.clk) {
+					var i = e.eventBus ? e.eventBus.getHandler(r.clk) : null;
+					i && i({
+						value: n,
+						hour: g,
+						minute: _,
+						second: v,
+						id: r.id
 					});
 				}
 			}), typeof document < "u" && document.addEventListener("click", function(e) {
-				u.contains(e.target) || I();
+				u.contains(e.target) || M();
 			})), c.appendChild(u), c._variantTarget = u, c;
-		}), e.register("datetimepicker", (e) => {
-			var n = e.attrs || {}, r = n.dis !== void 0, i = n.fmt || "YYYY-MM-DD HH:mm", a = n.ph || i, s = n.v || "", c = t("div", { class: "tokui-field" });
-			n.l && c.appendChild(t("label", { class: "tokui-label" }, n.l));
+		}), e.register("datetimepicker", (n) => {
+			var r = n.attrs || {}, i = r.dis !== void 0, a = r.fmt || "YYYY-MM-DD HH:mm", o = r.ph || a, s = r.v || "", c = t("div", { class: "tokui-field" });
+			r.l && c.appendChild(t("label", { class: "tokui-label" }, r.l));
 			var l = ["tokui-datetimepicker"];
-			r && l.push("tokui-datetimepicker--disabled");
-			var u = t("div", { class: l.join(" ") }), d = t("div", { class: "tokui-datetimepicker-control" }), f = {
+			i && l.push("tokui-datetimepicker--disabled");
+			var u = t("div", { class: l.join(" ") }), f = t("div", { class: "tokui-datetimepicker-control" }), p = {
 				class: "tokui-datetimepicker-input",
 				type: "text",
 				readonly: "readonly",
-				placeholder: a
+				placeholder: o
 			};
-			n.id && (f.id = n.id), r && (f.disabled = "disabled"), s && (f.value = s);
-			var p = t("input", f);
-			d.appendChild(p);
-			var m = t("span", { class: "tokui-datetimepicker-icon" });
-			m.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/></svg>", d.appendChild(m), u.appendChild(d);
-			var h = /* @__PURE__ */ new Date(), g, _, v, y = 0, b = 0, x = 0;
-			s && (v = w(s) || C(s), v && (g = v.getFullYear(), _ = v.getMonth(), y = v.getHours(), b = v.getMinutes(), x = v.getSeconds())), g || (g = h.getFullYear(), _ = h.getMonth());
-			var S = t("input", { type: "hidden" });
-			n.n ? S.name = n.n : n.id && (S.name = n.id), S.value = s, u.appendChild(S);
-			var E = t("div", { class: "tokui-datetimepicker-dropdown" }), D = t("div", { class: "tokui-datetimepicker-date" }), O = i.indexOf("ss") !== -1 || i.indexOf("s") !== -1, k = t("div", { class: "tokui-datetimepicker-time" }), N = t("div", { class: "tokui-timepicker-columns" }), I = A(o("duration.hour"), 24, y), z = A(o("duration.minute"), 60, b);
-			N.appendChild(I), N.appendChild(z);
-			var B = null;
-			O && (B = A(o("duration.second"), 60, x), N.appendChild(B)), k.appendChild(N);
-			function V(e, t) {
-				D.innerHTML = "";
-				var n = R(e, t, v, h, D);
+			r.id && (p.id = r.id), i && (p.disabled = "disabled"), s && (p.value = s);
+			var m = t("input", p);
+			f.appendChild(m);
+			var h = t("span", { class: "tokui-datetimepicker-icon" });
+			h.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/></svg>", f.appendChild(h), u.appendChild(f);
+			var g = /* @__PURE__ */ new Date(), _, v, y, b = 0, x = 0, S = 0;
+			s && (y = D(s) || E(s), y && (_ = y.getFullYear(), v = y.getMonth(), b = y.getHours(), x = y.getMinutes(), S = y.getSeconds())), _ || (_ = g.getFullYear(), v = g.getMonth());
+			var C = t("input", { type: "hidden" });
+			r.n ? C.name = r.n : r.id && (C.name = r.id), C.value = s, u.appendChild(C);
+			var w = t("div", { class: "tokui-datetimepicker-dropdown" }), T = t("div", { class: "tokui-datetimepicker-date" }), k = a.indexOf("ss") !== -1 || a.indexOf("s") !== -1, A = t("div", { class: "tokui-datetimepicker-time" }), j = t("div", { class: "tokui-timepicker-columns" }), M = N(d("duration.hour"), 24, b), I = N(d("duration.minute"), 60, x);
+			j.appendChild(M), j.appendChild(I);
+			var z = null;
+			k && (z = N(d("duration.second"), 60, S), j.appendChild(z)), A.appendChild(j);
+			function H(e, t) {
+				T.innerHTML = "";
+				var n = V(e, t, y, g, T);
 				n.prevBtn.addEventListener("click", function(e) {
-					e.stopPropagation(), _--, _ < 0 && (_ = 11, g--), V(g, _);
+					e.stopPropagation(), v--, v < 0 && (v = 11, _--), H(_, v);
 				}), n.nextBtn.addEventListener("click", function(e) {
-					e.stopPropagation(), _++, _ > 11 && (_ = 0, g++), V(g, _);
+					e.stopPropagation(), v++, v > 11 && (v = 0, _++), H(_, v);
 				});
 			}
-			var H = t("div", { class: "tokui-datetimepicker-footer" }), U = t("button", {
+			var U = t("div", { class: "tokui-datetimepicker-footer" }), W = t("button", {
 				class: "tokui-timepicker-confirm",
 				type: "button"
-			}, o("common.ok"));
-			H.appendChild(U);
-			var W = t("div", { class: "tokui-datetimepicker-body" });
-			W.appendChild(D), W.appendChild(k), E.appendChild(W), E.appendChild(H), V(g, _), E.style.display = "none", u.appendChild(E);
-			var G = !1;
-			function ee() {
-				if (!(r || G)) {
-					P(K), G = !0, E.style.display = "", u.classList.add("tokui-datetimepicker--open");
-					var e = d.getBoundingClientRect();
-					E.style.left = e.left + "px", E.style.top = e.bottom + 4 + "px", E.style.width = "auto";
-					var t = E.offsetWidth, n = L();
-					e.left + t > n - 8 && (E.style.left = Math.max(8, n - t - 8) + "px"), M(I, y), M(z, b), O && B && M(B, x);
-				}
-			}
-			function K() {
-				G && (G = !1, E.style.display = "none", u.classList.remove("tokui-datetimepicker--open"), F(K));
-			}
-			return r || (d.addEventListener("click", function(e) {
-				e.stopPropagation(), G ? K() : ee();
-			}), D.addEventListener("click", function(e) {
+			}, d("common.ok"));
+			U.appendChild(W);
+			var G = t("div", { class: "tokui-datetimepicker-body" });
+			G.appendChild(T), G.appendChild(A), w.appendChild(G), w.appendChild(U), H(_, v), w.style.display = "none", u.appendChild(w);
+			var K = !1;
+			function q() {
+				if (!(i || K)) {
+					L(J), K = !0, w.style.display = "", u.classList.add("tokui-datetimepicker--open");
+					var e = f.getBoundingClientRect();
+					w.style.left = e.left + "px", w.style.top = e.bottom + 4 + "px", w.style.width = "auto";
+					var t = w.offsetWidth, n = B();
+					e.left + t > n - 8 && (w.style.left = Math.max(8, n - t - 8) + "px"), F(M, b), F(I, x), k && z && F(z, S);
+				}
+			}
+			function J() {
+				K && (K = !1, w.style.display = "none", u.classList.remove("tokui-datetimepicker--open"), R(J));
+			}
+			return i || (f.addEventListener("click", function(e) {
+				e.stopPropagation(), K ? J() : q();
+			}), T.addEventListener("click", function(e) {
 				e.stopPropagation();
 				var t = e.target.closest(".tokui-datepicker-day");
 				if (!(!t || t.classList.contains("tokui-datepicker-day--other"))) {
 					var n = parseInt(t.getAttribute("data-day"));
-					v = new Date(g, _, n), V(g, _);
-				}
-			}), U.addEventListener("click", function(e) {
-				e.stopPropagation(), v ||= new Date(g, _, h.getDate()), y = j(I), b = j(z), O && B && (x = j(B)), v.setHours(y, b, x);
-				var t = T(v, i);
-				if (p.value = t, S.value = t, K(), n.clk) {
-					var r = typeof window < "u" && window.TokUI && window.TokUI._eventBus ? window.TokUI._eventBus.getHandler(n.clk) : null;
-					r && r({
-						value: t,
-						date: v,
-						id: n.id
+					y = new Date(_, v, n), H(_, v);
+				}
+			}), W.addEventListener("click", function(t) {
+				t.stopPropagation(), y ||= new Date(_, v, g.getDate()), b = P(M), x = P(I), k && z && (S = P(z)), y.setHours(b, x, S);
+				var n = O(y, a);
+				if (m.value = n, C.value = n, J(), r.clk) {
+					var i = e.eventBus ? e.eventBus.getHandler(r.clk) : null;
+					i && i({
+						value: n,
+						date: y,
+						id: r.id
 					});
 				}
 			}), typeof document < "u" && document.addEventListener("click", function(e) {
-				u.contains(e.target) || K();
+				u.contains(e.target) || J();
 			})), c.appendChild(u), c._variantTarget = u, c;
 		});
 	}
-	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerFormComponents = i, window.TokUI._internal._parseOptShorthand = n, window.TokUI._internal._expandOptChildren = r), t !== void 0 && t.exports && (t.exports = {
-		registerFormComponents: i,
+	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerFormComponents = s, window.TokUI._internal._parseOptShorthand = n, window.TokUI._internal._expandOptChildren = o), t !== void 0 && t.exports && (t.exports = {
+		registerFormComponents: s,
 		_parseOptShorthand: n,
-		_expandOptChildren: r
+		_expandOptChildren: o
 	});
 })), T = /* @__PURE__ */ o(((e, t) => {
 	var n = typeof l == "function" ? u().t : window.TokUI && window.TokUI._internal && window.TokUI._internal.t || function(e) {