@jboltai/tokui 0.1.5 → 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) {
@@ -1853,11 +1869,131 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		for (; e && e.firstChild;) e.removeChild(e.firstChild);
 	}
 	function D(e, t) {
-		var n = e.getBoundingClientRect(), r = e.viewBox && e.viewBox.baseVal;
-		return !n || !n.width || !r ? t - (n ? n.left : 0) : (t - n.left) / n.width * r.width + r.x;
+		if (e.createSVGPoint && e.getScreenCTM) try {
+			var n = e.createSVGPoint();
+			n.x = t, n.y = 0;
+			var r = e.getScreenCTM();
+			if (r) return n.matrixTransform(r.inverse()).x;
+		} catch {}
+		var i = e.getBoundingClientRect(), a = e.viewBox && e.viewBox.baseVal;
+		return !i || !i.width || !a ? t - (i ? i.left : 0) : (t - i.left) / i.width * a.width + a.x;
 	}
 	function O(e, t) {
-		var n = t.padL, r = t.cw, i = t.n, a = t.plotG, o = "tokui-chart-clip-" + ++N, c = s("defs"), l = s("clipPath", { id: o });
+		if (e.createSVGPoint && e.getScreenCTM) try {
+			var n = e.createSVGPoint();
+			n.x = 0, n.y = t;
+			var r = e.getScreenCTM();
+			if (r) return n.matrixTransform(r.inverse()).y;
+		} catch {}
+		var i = e.getBoundingClientRect(), a = e.viewBox && e.viewBox.baseVal;
+		return !i || !i.height || !a ? t - (i ? i.top : 0) : (t - i.top) / i.height * a.height + a.y;
+	}
+	function k(e) {
+		if (typeof document > "u") return;
+		var t = e.svg, n = e.padL, r = e.padT, i = e.cw, a = e.ch, o = e.n, c = e.series, l = e.labels, u = s("g", { class: "tokui-chart-axis-pointer" });
+		e.tipLayer.appendChild(u);
+		var d = s("line", {
+			y1: r,
+			y2: r + a,
+			stroke: "var(--tokui-chart-axis, #bbb)",
+			"stroke-width": 1,
+			"stroke-dasharray": "4,3",
+			opacity: "0",
+			"pointer-events": "none"
+		}), f = s("line", {
+			x1: n,
+			x2: n + i,
+			stroke: "var(--tokui-chart-axis, #bbb)",
+			"stroke-width": 1,
+			"stroke-dasharray": "4,3",
+			opacity: "0",
+			"pointer-events": "none"
+		});
+		u.appendChild(d), u.appendChild(f);
+		var p = c.map(function(e) {
+			var t = s("circle", {
+				r: 5,
+				fill: "var(--tokui-card-bg, #fff)",
+				stroke: e.color,
+				"stroke-width": 2.5,
+				opacity: "0",
+				"pointer-events": "none"
+			});
+			return u.appendChild(t), t;
+		}), m = s("g", {
+			class: "tokui-chart-tip tokui-chart-tip--axis",
+			opacity: "0",
+			"pointer-events": "none",
+			style: "transition:opacity .12s ease;"
+		}), h = s("rect", {
+			rx: 4,
+			fill: "rgba(0,0,0,0.82)"
+		});
+		m.appendChild(h);
+		var g = s("text", {
+			"text-anchor": "start",
+			fill: "#fff",
+			"font-weight": "600"
+		});
+		m.appendChild(g);
+		var _ = c.map(function() {
+			var e = s("g", {});
+			return e.appendChild(s("rect", {
+				width: 8,
+				height: 8,
+				rx: 1
+			})), e.appendChild(s("text", {
+				"text-anchor": "start",
+				fill: "#fff"
+			})), m.appendChild(e), e;
+		});
+		u.appendChild(m);
+		function v() {
+			d.setAttribute("opacity", "0"), f.setAttribute("opacity", "0"), p.forEach(function(e) {
+				e.setAttribute("opacity", "0");
+			}), m.style.opacity = "0";
+		}
+		function y(n, r) {
+			var i = e.toIdx(n);
+			if (i < 0 || i >= o || !e.inWindow(i)) {
+				v();
+				return;
+			}
+			var a = e.toViewX(i);
+			d.setAttribute("x1", a), d.setAttribute("x2", a), d.setAttribute("opacity", "0.9"), f.setAttribute("y1", r), f.setAttribute("y2", r), f.setAttribute("opacity", "0.9");
+			var s = t._tokuiBumpedFs || e.bfs || 10, u = s + 4, y = 7, b = String(l[i] == null ? i + 1 : l[i]);
+			g.textContent = b, g.setAttribute("font-size", s);
+			var x = N(b) * s / 7;
+			_.forEach(function(t, n) {
+				var r = c[n].vals[i], o = c[n].markerVals ? c[n].markerVals[i] : r, l = (c[n].name ? c[n].name + ": " : "") + (r ?? "—");
+				t.querySelector("text").textContent = l, t.querySelector("text").setAttribute("font-size", s), t.querySelector("rect").setAttribute("fill", c[n].color);
+				var u = N(l) * s / 7;
+				u > x && (x = u), p[n].setAttribute("cx", a), p[n].setAttribute("cy", o == null ? 0 : e.yOf(o)), p[n].setAttribute("opacity", o == null || r == null ? "0" : "1");
+			});
+			var S = x + 8 + 8 + y * 2, C = u * (1 + c.length) + y * 2, w = 12, T = n + w, E = r + w;
+			T + S > e.w - 2 && (T = n - S - w), T < 2 && (T = 2), E + C > e.h - 2 && (E = r - C - w), E < 2 && (E = 2), h.setAttribute("x", T), h.setAttribute("y", E), h.setAttribute("width", S), h.setAttribute("height", C), g.setAttribute("x", T + y), g.setAttribute("y", E + y + s * .85), _.forEach(function(e, t) {
+				var n = E + y + u * (t + 1) + s * .85;
+				e.querySelector("rect").setAttribute("x", T + y), e.querySelector("rect").setAttribute("y", n - s * .7), e.querySelector("text").setAttribute("x", T + y + 8 + 8), e.querySelector("text").setAttribute("y", n);
+			}), m.style.opacity = "1";
+		}
+		var b = s("rect", {
+			x: n,
+			y: r,
+			width: i,
+			height: a,
+			fill: "transparent",
+			style: "cursor:crosshair;"
+		});
+		return t.appendChild(b), b.addEventListener("mousemove", function(e) {
+			y(D(t, e.clientX), O(t, e.clientY));
+		}), b.addEventListener("mouseleave", v), {
+			show: y,
+			hide: v,
+			overlay: b
+		};
+	}
+	function A(e, t) {
+		var n = t.padL, r = t.cw, i = t.n, a = t.plotG, o = "tokui-chart-clip-" + ++F, c = s("defs"), l = s("clipPath", { id: o });
 		l.appendChild(s("rect", {
 			x: n - 1,
 			y: t.padT - 1,
@@ -1888,19 +2024,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			sx: 1,
 			tx: 0
 		};
-		function v(e, n, r) {
-			for (var i = 0, a = 0; a < e.length; a++) i += e.charCodeAt(a) > 127 ? 10 : 5.5;
-			var o = i + 16, s = 18, c = n - o / 2, l = r - s - 6;
-			c < 2 && (c = 2), c + o > t.w - 2 && (c = t.w - o - 2), l < 2 && (l = r + 10), m.setAttribute("x", c), m.setAttribute("y", l), m.setAttribute("width", o), m.setAttribute("height", s), h.setAttribute("x", c + o / 2), h.setAttribute("y", l + s / 2 + 1), h.textContent = e, g.style.opacity = "1";
+		function v(n, r, i) {
+			for (var a = e._tokuiBumpedFs || 10, o = a / 10, s = 0, c = 0; c < n.length; c++) s += n.charCodeAt(c) > 127 ? 10 : 5.5;
+			var l = s * o + 16, u = 18 * o, d = r - l / 2, f = i - u - 6;
+			d < 2 && (d = 2), d + l > t.w - 2 && (d = t.w - l - 2), f < 2 && (f = i + 10), m.setAttribute("x", d), m.setAttribute("y", f), m.setAttribute("width", l), m.setAttribute("height", u), h.setAttribute("x", d + l / 2), h.setAttribute("y", f + u / 2 + 1), h.setAttribute("font-size", a), h.textContent = n, g.style.opacity = "1";
 		}
-		function y(e, i, o) {
-			var s = t.srcLeft(e), c = r / (t.srcRight(i) - s), l = n - c * s;
-			a.setAttribute("transform", "matrix(" + c + " 0 0 1 " + l + " 0)"), _.s = e, _.e = i, _.sx = c, _.tx = l, E(p), o && t.renderLabels(p, e, i);
+		function y(i, o, s) {
+			var c = t.srcLeft(i), l = r / (t.srcRight(o) - c), u = n - l * c;
+			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);
-		var S = t.h + 6, C = 16, w = C - 2;
-		x.appendChild(s("rect", {
+		var S = t.h + 6, C = 16, w = C - 2, T = s("rect", {
 			x: n,
 			y: S,
 			width: r,
@@ -1908,20 +2043,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			fill: "var(--tokui-chart-grid, #e8e8e8)",
 			rx: 3,
 			class: "tokui-chart-zoom-track"
-		}));
-		for (var T = r / i, O = 0; O < i; O++) {
-			var k = t.overview[O] || 0, A = Math.max(1, (k - t.valMin) / t.range * w);
-			x.appendChild(s("rect", {
-				x: n + O * T + .5,
-				y: S + C - 1 - A,
-				width: Math.max(1, T - 1),
-				height: A,
+		});
+		x.appendChild(T);
+		for (var O = r / i, k = [], A = 0; A < i; A++) {
+			var j = t.overview[A] || 0, M = Math.max(1, (j - t.valMin) / t.range * w), N = s("rect", {
+				x: n + A * O + .5,
+				y: S + C - 1 - M,
+				width: Math.max(1, O - 1),
+				height: M,
 				fill: "var(--tokui-chart-text, #bbb)",
 				opacity: "0.55",
 				class: "tokui-chart-zoom-overview"
-			}));
+			});
+			x.appendChild(N), k.push({
+				el: N,
+				val: j
+			});
 		}
-		var j = s("rect", {
+		var L = s("rect", {
 			y: S - 1,
 			height: C + 2,
 			fill: "rgba(0,120,212,0.12)",
@@ -1930,7 +2069,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			rx: 2,
 			class: "tokui-chart-zoom-window",
 			style: "cursor:grab;"
-		}), M = s("rect", {
+		}), z = s("rect", {
 			width: 6,
 			height: C + 6,
 			y: S - 3,
@@ -1938,7 +2077,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			rx: 2,
 			class: "tokui-chart-zoom-handle tokui-chart-zoom-handle--l",
 			style: "cursor:ew-resize;"
-		}), P = s("rect", {
+		}), B = s("rect", {
 			width: 6,
 			height: C + 6,
 			y: S - 3,
@@ -1947,38 +2086,50 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			class: "tokui-chart-zoom-handle tokui-chart-zoom-handle--r",
 			style: "cursor:ew-resize;"
 		});
-		x.appendChild(j), x.appendChild(M), x.appendChild(P);
-		var F = 0, I = 1, L = Math.max(2, Math.floor(i * .1)) / (i - 1);
-		function R(e, t) {
+		x.appendChild(L), x.appendChild(z), x.appendChild(B);
+		function V(n) {
+			if (n > 0) {
+				var r = R(9, n, P, I);
+				e._tokuiBumpedFs = r, h && h.setAttribute("font-size", r);
+				var i = Math.min(26, Math.max(16, 14 / n)), a = Math.min(24, Math.max(6, 10 / n));
+				C = i, w = C - 2, T.setAttribute("height", C), L.setAttribute("height", C + 2), z.setAttribute("width", a), z.setAttribute("height", C + 6), B.setAttribute("width", a), B.setAttribute("height", C + 6);
+				for (var o = 0; o < k.length; o++) {
+					var s = Math.max(1, (k[o].val - t.valMin) / t.range * w);
+					k[o].el.setAttribute("y", S + C - 1 - s), k[o].el.setAttribute("height", s);
+				}
+			}
+		}
+		var H = 0, U = 1, W = Math.max(2, Math.floor(i * .1)) / (i - 1);
+		function G(e, t) {
 			var i = n + e * r, a = n + t * r;
-			j.setAttribute("x", i), j.setAttribute("width", Math.max(2, a - i)), M.setAttribute("x", i - 3), P.setAttribute("x", a - 3);
+			L.setAttribute("x", i), L.setAttribute("width", Math.max(2, a - i)), z.setAttribute("x", i - 3), B.setAttribute("x", a - 3);
 		}
-		R(F, I);
-		var z = typeof window < "u" && typeof window.requestAnimationFrame == "function", B = !1, V = null;
-		function H(e, t) {
-			V = [e, t], !B && (B = !0, z ? window.requestAnimationFrame(function() {
-				B = !1, V && y(V[0], V[1], !1);
-			}) : (B = !1, y(e, t, !1)));
+		G(H, U);
+		var K = typeof window < "u" && typeof window.requestAnimationFrame == "function", q = !1, J = null;
+		function te(e, t) {
+			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 U(e) {
-			R(F, I);
-			var t = K(i, F, I);
-			e ? H(t.s, t.e) : (V = null, y(t.s, t.e, !0));
+		function Y(e) {
+			G(H, U);
+			var t = ee(i, H, U);
+			e ? te(t.s, t.e) : (J = null, y(t.s, t.e, !0));
 		}
-		function W(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;
 				function l(e) {
 					if (s) {
 						var t = b((e - n) / r, 0, 1);
-						if (i === "l") F = Math.min(t, I - L);
-						else if (i === "r") I = Math.max(t, F + L);
+						if (i === "l") H = Math.min(t, U - W);
+						else if (i === "r") U = Math.max(t, H + W);
 						else {
-							var a = I - F, o = (e - c) / r;
-							F = b(F + o, 0, 1 - a), I = F + a;
+							var a = U - H, o = (e - c) / r;
+							H = b(H + o, 0, 1 - a), U = H + a;
 						}
-						c = e, U(!0);
+						c = e, Y(!0);
 					}
 				}
 				function u(t) {
@@ -1989,7 +2140,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					try {
 						t.releasePointerCapture(o);
 					} catch {}
-					U(!1);
+					Y(!1);
 				}
 				t.addEventListener("pointermove", u), t.addEventListener("pointerup", d);
 			}
@@ -2001,17 +2152,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				a(D(e, n.clientX), n.pointerId);
 			});
 		}
-		return W(M, "l"), W(P, "r"), W(j, "pan"), y(0, i - 1, !0), {
+		return re(z, "l"), re(B, "r"), re(L, "pan"), y(0, i - 1, !0), e._tokuiZoomRelayout = V, {
 			showTip: v,
 			winState: _,
-			sharedTip: g
+			sharedTip: g,
+			clipG: u
 		};
 	}
-	function k(e, t, n, r, i, a) {
+	function j(e, t, n, r, i, a) {
 		if (!(!t || !t.length)) {
 			i > 0 || (i = 7);
 			var o = 8, c = 4, l = 14, u = t.map(function(e) {
-				var t = j(e.text) * (i / 7);
+				var t = N(e.text) * (i / 7);
 				return {
 					e,
 					w: o + c + t
@@ -2043,7 +2195,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		}
 	}
-	function A(e, t, r) {
+	function M(e, t, r) {
 		var i = s("svg", {
 			viewBox: "0 0 " + e + " " + t,
 			class: "tokui-chart__svg tokui-chart__svg--empty",
@@ -2058,20 +2210,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		});
 		return a.textContent = r || n("chart.empty"), i.appendChild(a), i;
 	}
-	function j(e) {
+	function N(e) {
 		for (var t = 0, n = 0; n < e.length; n++) t += e.charCodeAt(n) > 127 ? 8 : 4.5;
 		return t;
 	}
-	var M = 14, N = 0, P = 16, F = 7;
-	function I(e, t, n, r) {
+	var P = 14, F = 0, I = 16, L = 7;
+	function R(e, t, n, r) {
 		if (!(t > 0)) return e;
 		var i = e * t;
 		return r > 0 && i > r ? r / t : n > 0 && i < n ? n / t : e;
 	}
-	function L(e, t) {
+	function z(e, t) {
 		if (t > 0) {
-			var n = I(10, t, M, P) / 10;
-			if (!(Math.abs(n - 1) < .005)) for (var r = e.querySelectorAll(".tokui-chart-tips-layer .tokui-chart-tip:not(.tokui-chart-tip--shared)"), i = 0; i < r.length; i++) {
+			var n = R(10, t, P, I) / 10;
+			if (!(Math.abs(n - 1) < .005)) for (var r = e.querySelectorAll(".tokui-chart-tips-layer .tokui-chart-tip:not(.tokui-chart-tip--shared):not(.tokui-chart-tip--axis)"), i = 0; i < r.length; i++) {
 				var a = r[i], o = parseFloat(a.getAttribute("data-tx")), s = parseFloat(a.getAttribute("data-ty"));
 				if (!isFinite(o) || !isFinite(s)) {
 					var c = a.querySelector("rect");
@@ -2081,65 +2233,65 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}
 	}
-	function R(e, t, n, r, i) {
+	function B(e, t, n, r, i) {
 		if (!(e > 0) || !(t >= 0) || !(r >= 0) || !(i > 0)) return 0;
 		var a = e - 2 * i * (r - 1);
 		return a <= 0 ? 0 : 2 * i * (t + n) / a;
 	}
-	function z(e, t) {
+	function V(e, t) {
 		(!(e > 0) || !isFinite(e)) && (e = 1);
 		var n = Math.floor(Math.log10(e)), r = e / 10 ** n;
 		return (t ? r < 1.5 ? 1 : r < 3 ? 2 : r < 7 ? 5 : 10 : r <= 1 ? 1 : r <= 2 ? 2 : r <= 5 ? 5 : 10) * 10 ** n;
 	}
-	function B(e, t) {
+	function H(e, t) {
 		if (!isFinite(e) || !isFinite(t)) return [0, 1];
 		e === t && (--e, t += 1);
-		var n = z(z(t - e, !1) / 5, !0) || 1;
+		var n = V(V(t - e, !1) / 5, !0) || 1;
 		return [Math.floor(e / n) * n, Math.ceil(t / n) * n];
 	}
-	function V(e, t, n, r) {
+	function U(e, t, n, r) {
 		if (e[t] !== void 0 && e[t] !== "") {
 			var i = parseFloat(e[t]);
 			if (!isNaN(i)) return i;
 		}
 		return e[n] === void 0 ? r : +e[n];
 	}
-	var H = 38;
-	function U(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 = j(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 = P / F * c, f = Math.max(H, d * 1.15), p = Math.max(H * .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 W = 30;
-	function G(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 > W;
+		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 > W : t > i;
+		return isNaN(i) ? t > q : t > i;
 	}
-	function K(e, t, n) {
+	function ee(e, t, n) {
 		if (e <= 1) return {
 			s: 0,
 			e: Math.max(0, e - 1)
@@ -2155,11 +2307,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			e: i
 		};
 	}
-	function q(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))) {
-				var o = n[i], f = l ? a : j(String(t)) > c, p = s("text", {
+				var o = n[i], f = l ? a : N(String(t)) > c, p = s("text", {
 					x: o,
 					y: r,
 					"text-anchor": f ? "end" : "middle",
@@ -2170,7 +2325,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		});
 	}
-	function J(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,
@@ -2180,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 ee(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);
@@ -2194,15 +2353,15 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		window.requestAnimationFrame(s);
 	}
-	function te(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 Y(e, t, n) {
-		var r = te(e), i = te(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 + ")";
@@ -2210,32 +2369,32 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	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 Y(e[r], e[r + 1], n - r);
+		return oe(e[r], e[r + 1], n - r);
 	}
-	function ne(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;
-		})) return A(parseInt(i.w) || 400, parseInt(i.h) || 200);
+		})) return M(parseInt(i.w) || 400, parseInt(i.h) || 200);
 		var u = Math.max.apply(null, l.map(function(e) {
 			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 && G(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 j = 0, M = 0;
+			var k = 0, A = 0;
 			l.forEach(function(e) {
 				var t = e[O] || 0;
-				t >= 0 ? j += t : M += t;
-			}), j > v && (v = j), M < y && (y = M);
+				t >= 0 ? k += t : A += t;
+			}), k > v && (v = k), A < y && (y = A);
 		}
 		else l.forEach(function(e) {
 			e.forEach(function(e) {
 				e > v && (v = e), e < y && (y = e);
 			});
 		});
-		v = V(i, "ymax", "_yMax", v || 1);
-		var P = v - y || 1, F = s("svg", {
+		v = U(i, "ymax", "_yMax", v || 1);
+		var N = v - y || 1, P = s("svg", {
 			viewBox: "0 0 " + d + " " + _,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
@@ -2246,55 +2405,55 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		var R = [], z = [];
 		if (a) {
-			var B = 70, H = i.xl ? 30 : 22, W = 14, ee = i.yl ? 30 : 16, te = d - B - ee, Y = p - W - H, X = Y / u, ne = Math.max(3, c ? X * .6 : X * .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 + te * (e - y) / P;
-			}
-			for (var re = 0; re <= 4; re++) {
-				var ie = y + P * re / 4, ae = e(ie);
-				F.appendChild(s("line", {
-					x1: ae,
-					y1: W,
-					x2: ae,
-					y2: W + Y,
+				return B + G * (e - y) / N;
+			}
+			for (var oe = 0; oe <= 4; oe++) {
+				var X = y + N * oe / 4, se = e(X);
+				P.appendChild(s("line", {
+					x1: se,
+					y1: H,
+					x2: se,
+					y2: H + q,
 					stroke: "var(--tokui-chart-grid, #e8e8e8)",
 					"stroke-width": 1
-				})), F.appendChild(s("text", {
-					x: ae,
-					y: W + Y + 10,
+				})), P.appendChild(s("text", {
+					x: se,
+					y: H + q + 10,
 					"text-anchor": "middle",
 					fill: "var(--tokui-chart-text, #999)",
 					"font-size": "9"
-				})).textContent = Math.round(ie);
+				})).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 = W + u * X + X * .2 + (c ? 0 : o * ne), 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: ne - 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), F.appendChild(h), i.vals !== void 0) {
+						})), 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 + ne / 2 + 2,
+								y: m + ae / 2 + 2,
 								"text-anchor": "start",
 								fill: "var(--tokui-chart-text, #666)",
 								"font-size": "8"
 							});
-							g.textContent = a, F.appendChild(g);
+							g.textContent = a, P.appendChild(g);
 						}
 					}
 				});
 			}), t.slice(0, u).forEach(function(e, t) {
 				if (!(e == null || e === "")) {
-					var n = W + t * X + X / 2;
-					F.appendChild(s("text", {
+					var n = H + t * ie + ie / 2;
+					P.appendChild(s("text", {
 						x: B - 6,
 						y: n + 3,
 						"text-anchor": "end",
@@ -2302,96 +2461,96 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						"font-size": "9"
 					})).textContent = e;
 				}
-			}), i.xl && J(F, i.xl, B + te / 2, W + Y + 22, !1), i.yl && J(F, i.yl, 12, W + Y / 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.yl ? 46 : 40, oe = 12, se = 18, Q = d - Z - oe, ce = Q / u, le = U(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) / P);
+				return le + pe * (1 - (e - y) / N);
 			}
-			for (var fe = 0; fe <= 4; fe++) {
-				var pe = y + P * fe / 4, me = e(pe);
-				F.appendChild(s("line", {
+			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
-				})), F.appendChild(s("text", {
+				})), 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);
-				F.appendChild(s("line", {
+				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" });
-			F.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-" + ++N, Oe = s("defs"), j = s("clipPath", { id: De });
-				j.appendChild(s("rect", {
+			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(j), F.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 / P * 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);
-						q(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++) {
@@ -2399,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 - _) / P * 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,
@@ -2408,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,
@@ -2416,35 +2575,35 @@ 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);
-				q(ge, t.slice(a, o + 1), w, p - 8, b, le.rotate, le.interval), d && h && T(ge, F);
+				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 = 0, i = 0; i < e.length; i++) r += e.charCodeAt(i) > 127 ? 10 : 5.5;
-					var a = r + 16, o = 18, s = t - a / 2, c = n - o - 6;
-					s < 2 && (s = 2), s + a > d - 2 && (s = d - a - 2), c < 2 && (c = n + 10), Se.setAttribute("x", s), Se.setAttribute("y", c), Se.setAttribute("width", a), Se.setAttribute("height", o), Ce.setAttribute("x", s + a / 2), Ce.setAttribute("y", c + o / 2 + 1), Ce.textContent = e, xe.style.opacity = "1";
+					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), 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 && J(F, i.xl, Z + Q / 2, p - 8 + (le.rotate ? 26 : 12), !1), i.yl && J(F, 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" });
-				F.appendChild(e);
+				P.appendChild(e);
 				var t = p + 6, n = 16, r = n - 2;
 				e.appendChild(s("rect", {
 					x: Z,
@@ -2463,7 +2622,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					}
 				});
 				for (var o = Q / u, d = 0; d < u; d++) {
-					var f = Math.max(1, (i[d] - y) / P * r);
+					var f = Math.max(1, (i[d] - y) / N * r);
 					e.appendChild(s("rect", {
 						x: Z + d * o + .5,
 						y: t + n - 1 - f,
@@ -2515,7 +2674,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 				function O(e) {
 					S(_, v);
-					var t = K(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) {
@@ -2535,7 +2694,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							}
 						}
 						function s(e) {
-							e.preventDefault(), o(D(F, e.clientX));
+							e.preventDefault(), o(D(P, e.clientX));
 						}
 						function c() {
 							i = !1, e.removeEventListener("pointermove", s), e.removeEventListener("pointerup", c);
@@ -2551,27 +2710,27 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						try {
 							e.setPointerCapture(t.pointerId);
 						} catch {}
-						n(D(F, t.clientX), t.pointerId);
+						n(D(P, t.clientX), t.pointerId);
 					});
 				}
 				k(h, "l"), k(g, "r"), k(m, "pan");
 			})();
 		}
-		return m && k(F, l.map(function(e, t) {
+		return m && j(P, l.map(function(e, t) {
 			return {
 				color: r[t % r.length],
 				text: n("chart.seriesDefault", { n: t + 1 })
 			};
-		}), d, p + 6), F.appendChild(I.layer), h || w(F), F;
+		}), d, p + 6), P.appendChild(I.layer), h || w(P), P;
 	}
-	function re(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 A(parseInt(i.w) || 400, parseInt(i.h) || 200);
+		})) 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 = G(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);
@@ -2581,35 +2740,35 @@ 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, j = i.yl ? 46 : 40, M = 12, N = 18, P = d - j - M, F = u > 1 ? P / (u - 1) : P, I = U(t.slice(0, u), F, i.xl ? 38 : 28, P, i.interval), L = I.padB, R = p - N - L, z = 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"
-		}), B = C(d, _);
-		function V(e) {
-			return j + (u > 1 ? e * P / (u - 1) : P / 2);
-		}
+		}), V = C(d, _);
 		function H(e) {
-			return N + R * (1 - (e - E) / D);
+			return P + (u > 1 ? e * F / (u - 1) : F / 2);
+		}
+		function U(e) {
+			return N + z * (1 - (e - E) / D);
 		}
 		for (var W = 0; W <= 4; W++) {
-			var K = E + D * W / 4, ee = H(K);
-			z.appendChild(s("line", {
-				x1: j,
-				y1: ee,
-				x2: d - M,
-				y2: ee,
+			var G = E + D * W / 4, q = U(G);
+			B.appendChild(s("line", {
+				x1: P,
+				y1: q,
+				x2: d - O,
+				y2: q,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), z.appendChild(s("text", {
-				x: j - 4,
-				y: ee + 4,
+			})), B.appendChild(s("text", {
+				x: P - 4,
+				y: q + 4,
 				"text-anchor": "end",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
-			})).textContent = Math.round(K * 10) / 10;
+			})).textContent = Math.round(G * 10) / 10;
 		}
-		function te(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++) {
@@ -2618,130 +2777,103 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return t;
 		}
-		var Y = h ? s("g", { class: "tokui-chart-plot" }) : null;
-		Y && z.appendChild(Y);
-		var X = Y || z, ne = [];
-		if (v.forEach(function(e, o) {
-			for (var u = [], d = 0; d < e.length; d++) {
-				var f = e[d];
-				f != null && u.push({
-					x: V(d),
-					y: H(f),
-					idx: d
+		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];
+				u != null && n.push({
+					x: H(o),
+					y: U(u),
+					idx: o
 				});
 			}
-			if (u.length) {
-				if (i.area !== void 0 || a) if (a && o > 0) {
-					for (var p = [], m = 0; m < v[o - 1].length; m++) v[o - 1][m] !== void 0 && p.push({
-						x: V(m),
-						y: H(v[o - 1][m])
+			if (n.length) {
+				if (i.area !== void 0 || a) if (a && t > 0) {
+					for (var d = [], f = 0; f < v[t - 1].length; f++) v[t - 1][f] !== void 0 && d.push({
+						x: H(f),
+						y: U(v[t - 1][f])
 					});
-					var g = "M" + u[0].x + "," + u[0].y;
-					u.forEach(function(e) {
-						g += " L" + e.x + "," + e.y;
+					var p = "M" + n[0].x + "," + n[0].y;
+					n.forEach(function(e) {
+						p += " L" + e.x + "," + e.y;
 					});
-					for (var _ = p.length - 1; _ >= 0; _--) g += " L" + p[_].x + "," + p[_].y;
-					g += " Z", X.appendChild(s("path", {
-						d: g,
-						fill: r[o % r.length],
+					for (var m = d.length - 1; m >= 0; m--) p += " L" + d[m].x + "," + d[m].y;
+					p += " Z", ae.appendChild(s("path", {
+						d: p,
+						fill: r[t % r.length],
 						opacity: "0.4"
 					}));
 				} else {
-					var y = H(Math.max(0, E)), b = "M" + u[0].x + "," + y;
-					u.forEach(function(e) {
-						b += " L" + e.x + "," + e.y;
-					}), b += " L" + u[u.length - 1].x + "," + y + " Z", X.appendChild(s("path", {
-						d: b,
-						fill: r[o % r.length],
+					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", ae.appendChild(s("path", {
+						d: _,
+						fill: r[t % r.length],
 						opacity: "0.15"
 					}));
 				}
-				c ? X.appendChild(s("path", {
-					d: te(u),
+				c ? ae.appendChild(s("path", {
+					d: ee(n),
 					fill: "none",
-					stroke: r[o % r.length],
+					stroke: r[t % r.length],
 					"stroke-width": 2,
 					"stroke-linejoin": "round",
 					"stroke-linecap": "round"
-				})) : X.appendChild(s("polyline", {
-					points: u.map(function(e) {
+				})) : ae.appendChild(s("polyline", {
+					points: n.map(function(e) {
 						return e.x + "," + e.y;
 					}).join(" "),
 					fill: "none",
-					stroke: r[o % r.length],
+					stroke: r[t % r.length],
 					"stroke-width": 2,
 					"stroke-linejoin": "round"
 				}));
-				var x = l[o];
-				u.forEach(function(a) {
-					if (h) {
-						Y.appendChild(s("circle", {
-							cx: a.x,
-							cy: a.y,
-							r: 3,
-							fill: "#fff",
-							stroke: r[o % r.length],
-							"stroke-width": 2,
-							class: "tokui-chart-dot"
-						}));
-						var c = s("circle", {
-							cx: a.x,
-							cy: a.y,
-							r: 9,
-							fill: "transparent",
-							style: "cursor:pointer;"
-						});
-						Y.appendChild(c), ne.push({
-							hit: c,
-							si: o,
-							idx: a.idx,
-							x: a.x,
-							y: a.y,
-							orig: x,
-							s: e
-						});
-					} else {
-						var u = s("g", { class: "tokui-chart-tip-group" });
-						u.appendChild(s("circle", {
-							cx: a.x,
-							cy: a.y,
-							r: 8,
-							fill: "transparent"
-						})), u.appendChild(s("circle", {
-							cx: a.x,
-							cy: a.y,
-							r: 3,
-							fill: "#fff",
-							stroke: r[o % r.length],
-							"stroke-width": 2,
-							class: "tokui-chart-dot"
-						})), B.add(u, (t[a.idx] || "") + ": " + (x[a.idx] === void 0 ? e[a.idx] : x[a.idx]) + (l.length > 1 ? " (" + n("chart.seriesDefault", { n: o + 1 }) + ")" : ""), a.x, a.y), z.appendChild(u);
-					}
-					i.vals !== void 0 && (X.appendChild(s("text", {
-						x: a.x,
-						y: a.y - 6,
+				var y = l[t];
+				n.forEach(function(n) {
+					var a = h ? ie : B, o = s("circle", {
+						cx: n.x,
+						cy: n.y,
+						r: 3,
+						fill: "#fff",
+						stroke: r[t % r.length],
+						"stroke-width": 2,
+						class: "tokui-chart-dot"
+					});
+					a.appendChild(o), h && oe.push({
+						circle: o,
+						idx: n.idx,
+						x: n.x,
+						si: t
+					}), i.vals !== void 0 && (ae.appendChild(s("text", {
+						x: n.x,
+						y: n.y - 6,
 						"text-anchor": "middle",
-						fill: r[o % r.length],
+						fill: r[t % r.length],
 						"font-size": "8"
-					})).textContent = x[a.idx] === void 0 ? e[a.idx] : x[a.idx]);
+					})).textContent = y[n.idx] === void 0 ? e[n.idx] : y[n.idx]);
 				});
 			}
 		}), h) {
-			var re = O(z, {
-				plotG: Y,
-				tipLayer: B.layer,
-				padL: j,
-				cw: P,
+			var X = A(B, {
+				plotG: ne,
+				tipLayer: V.layer,
+				padL: P,
+				cw: F,
 				padT: N,
-				ch: R,
+				ch: z,
 				h: p,
 				w: d,
 				n: u,
 				srcLeft: function(e) {
-					return j + (u > 1 ? e * P / (u - 1) : 0);
+					return P + (u > 1 ? e * F / (u - 1) : 0);
 				},
 				srcRight: function(e) {
-					return j + (u > 1 ? e * P / (u - 1) : P);
+					return P + (u > 1 ? e * F / (u - 1) : F);
 				},
 				overview: l.reduce(function(e, t) {
 					for (var n = 0; n < t.length; n++) {
@@ -2753,43 +2885,102 @@ 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 ? j + (o - n) * P / i : j + P / 2);
-					q(e, t.slice(n, r + 1), a, p - 8, F, I.rotate, I.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 < oe.length; i++) {
+						var a = oe[i];
+						a.circle.setAttribute("cx", n * a.x + r);
+					}
 				}
 			});
-			ne.forEach(function(e) {
-				e.hit.addEventListener("mouseenter", function() {
-					var r = e.orig[e.idx] === void 0 ? e.s[e.idx] : e.orig[e.idx];
-					if (r != null) {
-						var i = re.winState.sx * e.x + re.winState.tx;
-						re.showTip((t[e.idx] || "") + ": " + r + (l.length > 1 ? " (" + n("chart.seriesDefault", { n: e.si + 1 }) + ")" : ""), i, e.y);
-					}
-				}), e.hit.addEventListener("mouseleave", function() {
-					re.sharedTip.style.opacity = "";
-				});
+			X.clipG.appendChild(ie), k({
+				svg: B,
+				padL: P,
+				padT: N,
+				cw: F,
+				ch: z,
+				w: d,
+				h: p,
+				n: u,
+				labels: t,
+				series: l.map(function(e, t) {
+					return {
+						color: r[t % r.length],
+						name: n("chart.seriesDefault", { n: t + 1 }),
+						vals: e,
+						markerVals: v[t]
+					};
+				}),
+				valMin: E,
+				range: D,
+				yOf: U,
+				tipLayer: V.layer,
+				bfs: 9,
+				toViewX: function(e) {
+					return X.winState.sx * H(e) + X.winState.tx;
+				},
+				toIdx: function(e) {
+					var t = (e - X.winState.tx) / X.winState.sx;
+					return Math.round((t - P) * (u - 1) / F);
+				},
+				inWindow: function(e) {
+					return e >= X.winState.s && e <= X.winState.e;
+				}
 			});
 		} else {
-			for (var ie = [], ae = 0; ae < u; ae++) ie.push(V(ae));
-			q(z, t.slice(0, u), ie, p - 8, F, I.rotate, I.interval);
+			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,
+				cw: F,
+				ch: z,
+				w: d,
+				h: p,
+				n: u,
+				labels: t,
+				series: l.map(function(e, t) {
+					return {
+						color: r[t % r.length],
+						name: n("chart.seriesDefault", { n: t + 1 }),
+						vals: e,
+						markerVals: v[t]
+					};
+				}),
+				valMin: E,
+				range: D,
+				yOf: U,
+				tipLayer: V.layer,
+				bfs: 9,
+				toViewX: H,
+				toIdx: function(e) {
+					return Math.round((e - P) * (u - 1) / F);
+				},
+				inWindow: function() {
+					return !0;
+				}
+			});
 		}
-		return i.xl && J(z, i.xl, j + P / 2, p - 8 + (I.rotate ? 26 : 12), !1), i.yl && J(z, i.yl, 12, N + R / 2, !0), m && k(z, 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), z.appendChild(B.layer), h || w(z), z;
+		}), d, p + 6), B.appendChild(V.layer), h || w(B), B;
 	}
-	function ie(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;
 		e.forEach(function(e, n) {
 			if (t[n]) {
-				var r = Math.round(e / i * 100), a = j(t[n] + " " + e + "(" + r + "%)");
+				var r = Math.round(e / i * 100), a = N(t[n] + " " + e + "(" + r + "%)");
 				a > u && (u = a);
 			}
 		});
-		var d = u / F, f = a + s + c + l, p = f + d * r, m = parseInt(n.w) || 280, h = parseInt(n.h) || 280, g = a + r + l, _ = Math.max(8, Math.min(m, h) / 2 - g), v = _ + p;
+		var d = u / L, f = a + s + c + l, p = f + d * r, m = parseInt(n.w) || 280, h = parseInt(n.h) || 280, g = a + r + l, _ = Math.max(8, Math.min(m, h) / 2 - g), v = _ + p;
 		return {
 			fs: r,
 			leadLen: a,
@@ -2809,14 +3000,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			totalH: (g + _) * 2 + o
 		};
 	}
-	function ae(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 A(a, c + o);
+		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 = ie(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({
@@ -2877,18 +3068,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				});
 				w.textContent = t[n] + " " + e.val + "(" + a + "%)", _.appendChild(w);
 			}
-		}), k(_, e.map(function(e, i) {
+		}), j(_, e.map(function(e, i) {
 			return {
 				color: r[i % r.length],
 				text: t[i] || n("chart.itemDefault", { n: i + 1 })
 			};
 		}), d.W, d.H + 6, d.fs), _.appendChild(v.layer), w(_), _;
 	}
-	function Z(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;
-		})) return A(a, c + o);
+		})) return M(a, c + o);
 		var m = p.length > 1, h = Math.min(u, d) - 16, g = s("svg", {
 			viewBox: "0 0 " + a + " " + l,
 			class: "tokui-chart__svg",
@@ -2919,16 +3110,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"font-size": "16",
 			"font-weight": "700",
 			class: "tokui-chart-donut-value"
-		})).textContent = i.v + "%"), k(g, p[0].map(function(e, i) {
+		})).textContent = i.v + "%"), j(g, p[0].map(function(e, i) {
 			return {
 				color: r[i % r.length],
 				text: (t[i] || n("chart.itemDefault", { n: i + 1 })) + " " + e
 			};
 		}), a, c + 6), g.appendChild(_.layer), w(g), g;
 	}
-	function oe(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 A(o, c);
+		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", {
 			viewBox: "0 0 " + o + " " + c,
 			class: "tokui-chart__svg tokui-chart__svg--funnel",
@@ -2997,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 se(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);
@@ -3077,44 +3268,44 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			K[Math.round(e * 100) / 100] = !0;
 		});
 		for (var q = 0; q <= G; q++) {
-			var J = f + q / G * (p - f), te = q === 0 || q === G, Y = L(J, x - V / 2 - 1), X = L(J, x + V / 2 + 2);
+			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: Y[0],
-				y1: Y[1],
-				x2: X[0],
-				y2: X[1],
+				x1: te[0],
+				y1: te[1],
+				x2: Y[0],
+				y2: Y[1],
 				stroke: "var(--tokui-chart-text, #bbb)",
-				"stroke-width": te ? 1.2 : .6,
-				opacity: te ? .8 : .35
+				"stroke-width": ee ? 1.2 : .6,
+				opacity: ee ? .8 : .35
 			}));
 			var ne = S + q / G * E, re = Math.round(ne * 100) / 100;
-			if (te || K[re]) {
-				var ie = L(J, x + V / 2 + 12), ae = s("text", {
-					x: ie[0],
-					y: ie[1],
+			if (ee || K[re]) {
+				var ae = L(J, x + V / 2 + 12), oe = s("text", {
+					x: ae[0],
+					y: ae[1],
 					"text-anchor": "middle",
 					"dominant-baseline": "central",
 					fill: "var(--tokui-chart-text, #999)",
 					"font-size": "8"
 				});
-				ae.textContent = k > 0 ? ne.toFixed(k) : Math.round(ne), H.appendChild(ae);
+				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,
@@ -3123,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)",
@@ -3133,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],
@@ -3175,17 +3366,17 @@ 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), ee(S, D, parseInt(i.anim, 10) || 0, pe), H;
+		return w(H), ie(S, D, parseInt(i.anim, 10) || 0, pe), H;
 	}
-	function Q(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;
-		})) return A(a, c);
+		})) return M(a, c);
 		var p = d.length > 1, m = c + (p ? o : 0), h = Math.min(l, u) - 30, g = Math.max(t.length, d[0].length, 3), _ = 0;
 		d.forEach(function(e) {
 			e.forEach(function(e) {
@@ -3258,38 +3449,38 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					class: "tokui-chart-point"
 				})), y.add(o, (t[r.idx] || n("chart.dimensionDefault", { n: r.idx + 1 })) + ": " + e[r.idx] + (d.length > 1 ? " (" + n("chart.seriesDefault", { n: i + 1 }) + ")" : ""), r.x, r.y), v.appendChild(o);
 			});
-		}), p && k(v, d.map(function(e, t) {
+		}), p && j(v, d.map(function(e, t) {
 			return {
 				color: r[t % r.length],
 				text: n("chart.seriesDefault", { n: t + 1 })
 			};
 		}), a, c + 6), v.appendChild(y.layer), w(v), v;
 	}
-	function ce(e, t, n, r) {
+	function pe(e, t, n, r) {
 		var i = p(r.d);
-		if (!i.length) return A(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 = V(r, "xmin", "_xMin", y(i.map(function(e) {
+		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) {
 			return e.x;
-		}))), T = V(r, "xmax", "_xMax", v(i.map(function(e) {
+		}))), T = U(r, "xmax", "_xMax", v(i.map(function(e) {
 			return e.x;
-		}))), E = V(r, "ymin", "_yMin", y(i.map(function(e) {
+		}))), E = U(r, "ymin", "_yMin", y(i.map(function(e) {
 			return e.y;
-		}))), D = V(r, "ymax", "_yMax", v(i.map(function(e) {
+		}))), D = U(r, "ymax", "_yMax", v(i.map(function(e) {
 			return e.y;
-		}))), O = T - b || 1, k = D - E || 1, j = s("svg", {
+		}))), O = T - b || 1, k = D - E || 1, A = s("svg", {
 			viewBox: "0 0 " + a + " " + c,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
-		}), M = C(a, c), N = 0; N <= 4; N++) {
+		}), j = C(a, c), N = 0; N <= 4; N++) {
 			var P = d + h * (1 - N / 4);
-			j.appendChild(s("line", {
+			A.appendChild(s("line", {
 				x1: l,
 				y1: P,
 				x2: a - f,
 				y2: P,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), j.appendChild(s("text", {
+			})), A.appendChild(s("text", {
 				x: l - 4,
 				y: P + 4,
 				"text-anchor": "end",
@@ -3312,20 +3503,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				fill: n[t % n.length],
 				opacity: "0.7",
 				class: "tokui-chart-point"
-			})), M.add(a, g + ": " + e.x + "  " + _ + ": " + e.y, r, i), j.appendChild(a);
+			})), j.add(a, g + ": " + e.x + "  " + _ + ": " + e.y, r, i), A.appendChild(a);
 			var o = s("text", {
 				x: r + 6,
 				y: i - 4,
 				fill: "var(--tokui-chart-text, #666)",
 				"font-size": "7"
 			});
-			o.textContent = e.x + "," + e.y, j.appendChild(o);
-		}), j.appendChild(M.layer), w(j), j;
+			o.textContent = e.x + "," + e.y, A.appendChild(o);
+		}), A.appendChild(j.layer), w(A), A;
 	}
-	function le(e) {
+	function me(e) {
 		return /[-/]/.test(String(e));
 	}
-	function ue(e, t) {
+	function he(e, t) {
 		if (e === void 0 || e === "") return NaN;
 		if (t === "dates") {
 			var n = new Date(e);
@@ -3334,14 +3525,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		var r = parseFloat(e);
 		return isNaN(r) ? NaN : r;
 	}
-	function de(e) {
+	function ge(e) {
 		return e ? String(e).split("|").map(function(e) {
 			return e.split(",").map(function(e) {
 				return e.trim();
 			});
 		}) : [];
 	}
-	function fe(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)];
@@ -3349,31 +3540,31 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return !isNaN(e[0]) && !isNaN(e[1]);
 		}) : [];
 	}
-	function pe(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: ue(n[1], t),
+				time: he(n[1], t),
 				group: parseInt(n[2], 10) || 0
 			};
 		}) : [];
 	}
-	function me(e) {
+	function ye(e) {
 		return e ? String(e).split("|").map(function(e) {
 			return e.trim();
 		}).filter(function(e) {
 			return e !== "";
 		}) : [];
 	}
-	function he(e) {
-		var t = parseInt(e.w) || 1080, r = de(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 : le(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 = ue(e[1], i), o = ue(e[2], i);
+			var r = he(e[1], i), o = he(e[2], i);
 			if (isNaN(r) || isNaN(o)) {
 				s++;
 				return;
@@ -3398,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 = pe(e.ms, i).filter(function(e) {
+		var u = l - c || 1, d = ve(e.ms, i).filter(function(e) {
 			return !isNaN(e.time);
-		}), f = me(e.gnames), p = {}, m = {};
-		fe(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));
 		});
@@ -3446,14 +3637,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		};
 	}
-	function ge(e, t) {
+	function xe(e, t) {
 		if (t === "dates") {
 			var n = new Date(e);
 			return n.getMonth() + 1 + "/" + n.getDate();
 		}
 		return "D" + e;
 	}
-	function _e(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,
@@ -3476,9 +3667,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return t;
 	}
-	function ve(e, t) {
+	function Ce(e, t) {
 		var n = t.totalH - (t.hasLeg ? o : 6);
-		_e(t).forEach(function(r) {
+		Se(t).forEach(function(r) {
 			var i = t.scale(r.t);
 			e.appendChild(s("line", {
 				x1: i,
@@ -3499,10 +3690,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			a.textContent = r.label, e.appendChild(a);
 		});
 	}
-	function ye(e, t, n) {
+	function we(e, t, n) {
 		return e + "," + (t - n) + " " + (e + n) + "," + t + " " + e + "," + (t + n) + " " + (e - n) + "," + t;
 	}
-	function be(e, t, n, r) {
+	function Te(e, t, n, r) {
 		var i = t.ms.map(function(e) {
 			return {
 				m: e,
@@ -3516,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: ye(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 + "  " + ge(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),
@@ -3532,7 +3723,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			p.textContent = c.name, e.appendChild(p);
 		});
 	}
-	function xe(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;
@@ -3541,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 Se(e, t) {
+	function De(e, t) {
 		var n = s("defs"), r = s("marker", {
 			id: "gantt-arrow",
 			markerUnits: "userSpaceOnUse",
@@ -3559,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: xe(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",
@@ -3571,7 +3762,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		});
 	}
-	function Ce(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);
@@ -3595,7 +3786,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			c.textContent = n("time.today"), e.appendChild(c);
 		}
 	}
-	function we(e, t) {
+	function ke(e, t) {
 		var r = s("text", {
 			x: t.w - 6,
 			y: 12,
@@ -3605,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 Te(e, t) {
+	function Ae(e, t) {
 		function n(e, t) {
 			for (var n = {}, r = [e], i = {}; r.length;) {
 				var a = r.shift();
@@ -3650,7 +3841,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		});
 	}
-	function Ee(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",
@@ -3673,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 + "  " + ge(a.start, t.mode) + "→" + ge(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,
@@ -3685,8 +3876,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			m.textContent = a.name, e.appendChild(m);
 		});
 	}
-	function De(e, t, r, i) {
-		var a = he(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"
@@ -3702,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 (ve(l, a), a.hasMs && be(l, a, r, d), Ee(l, a, r, d), Se(l, a), a.mode === "dates" && Ce(l, a), a.skipped > 0 && we(l, a), l.appendChild(d.layer), w(l), Te(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) {
@@ -3710,7 +3901,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 			f.sort(function(e, t) {
 				return e - t;
-			}), k(l, f.map(function(e) {
+			}), j(l, f.map(function(e) {
 				return {
 					color: r[e % r.length],
 					text: a.gnames[e] || n("chart.groupDefault", { n: e + 1 })
@@ -3719,13 +3910,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return l;
 	}
-	function Oe(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, re(e, t, n, i);
+		}), i.area = !0, Z(e, t, n, i);
 	}
-	function ke(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);
@@ -3768,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 ee(c, u, parseInt(r.anim, 10) || 0, x), p;
+		return ie(c, u, parseInt(r.anim, 10) || 0, x), p;
 	}
-	function Ae(e) {
+	function Fe(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim()) || 0;
@@ -3782,16 +3973,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}) : [];
 	}
-	function je(e, t, n, r) {
-		var i = Ae(r.d);
-		if (!i.length) return A(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 = V(r, "xmin", "_xMin", y(i.map(function(e) {
+	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;
-		}))), h = V(r, "xmax", "_xMax", v(i.map(function(e) {
+		}))), h = U(r, "xmax", "_xMax", v(i.map(function(e) {
 			return e.x;
-		}))), g = V(r, "ymin", "_yMin", y(i.map(function(e) {
+		}))), g = U(r, "ymin", "_yMin", y(i.map(function(e) {
 			return e.y;
-		}))), _ = V(r, "ymax", "_yMax", v(i.map(function(e) {
+		}))), _ = U(r, "ymax", "_yMax", v(i.map(function(e) {
 			return e.y;
 		}))), b = r._sMax === void 0 ? v(i.map(function(e) {
 			return e.s;
@@ -3800,17 +3991,17 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
 		}), O = C(a, o), k = 0; k <= 4; k++) {
-			var j = u + p * (1 - k / 4);
+			var A = u + p * (1 - k / 4);
 			D.appendChild(s("line", {
 				x1: c,
-				y1: j,
+				y1: A,
 				x2: a - d,
-				y2: j,
+				y2: A,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
 			})), D.appendChild(s("text", {
 				x: c - 4,
-				y: j + 4,
+				y: A + 4,
 				"text-anchor": "end",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
@@ -3835,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 Me(e) {
+	function Le(e) {
 		return e ? String(e).split("|").map(function(e) {
 			return e.split(",").map(function(e) {
 				return parseFloat(e.trim());
@@ -3844,7 +4035,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		}) : [];
 	}
-	function Ne(e) {
+	function Re(e) {
 		if (!e) return null;
 		var t = String(e).split(","), n = Infinity, r = -Infinity, i = 0;
 		return t.forEach(function(e) {
@@ -3859,10 +4050,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			bins: i
 		};
 	}
-	function Pe(e, t) {
-		var n = Ne(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 = V(e, "min", "_lo", n ? n.lo : y(t)), a = V(e, "max", "_hi", n ? n.hi : v(t));
+		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);
 		for (var o = (a - i) / r, s = [], c = 0; c < r; c++) s.push(0);
 		return t.forEach(function(e) {
@@ -3875,35 +4066,35 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			counts: s
 		};
 	}
-	function Fe(e, t, n, r) {
-		var i = Me(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 A(a, o);
+	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) {
 			e.forEach(function(e) {
 				isNaN(e) || E.push(e);
 			});
 		});
-		for (var D = E.length > 0, O = D ? V(r, "vmin", "_vMin", y(E)) : 0, k = (D ? V(r, "vmax", "_vMax", v(E)) : 1) - O || 1, j = h(r.c).length ? h(r.c) : [
+		for (var D = E.length > 0, O = D ? U(r, "vmin", "_vMin", y(E)) : 0, k = (D ? U(r, "vmax", "_vMax", v(E)) : 1) - O || 1, A = h(r.c).length ? h(r.c) : [
 			"#bae0ff",
 			"#1677ff",
 			"#0958d9"
-		], M = "var(--tokui-chart-grid, #f0f0f0)", N = s("svg", {
+		], j = "var(--tokui-chart-grid, #f0f0f0)", N = s("svg", {
 			viewBox: "0 0 " + a + " " + o,
 			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 ? X(j, z) : M, H = p + I * S, U = 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: H + 1,
-				y: U + 1,
+				x: V + 1,
+				y: H + 1,
 				width: S - 2,
 				height: T - 2,
 				rx: 2,
 				fill: B,
 				opacity: R ? "1" : "0.5",
 				class: "tokui-chart-cell" + (R ? "" : " tokui-chart-cell--skeleton")
-			})), R && P.add(W, (l[F] || "R" + (F + 1)) + " / " + (c[I] || "C" + (I + 1)) + ": " + L, H + S / 2, U + T / 2), N.appendChild(W);
+			})), R && P.add(W, (l[F] || "R" + (F + 1)) + " / " + (c[I] || "C" + (I + 1)) + ": " + L, V + S / 2, H + T / 2), N.appendChild(W);
 		}
 		return c.forEach(function(e, t) {
 			N.appendChild(s("text", {
@@ -3923,9 +4114,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			})).textContent = e;
 		}), N.appendChild(P.layer), w(N), N;
 	}
-	function Ie(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 A(a, l);
+		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", {
 			viewBox: "0 0 " + a + " " + l,
 			class: "tokui-chart__svg",
@@ -3949,24 +4140,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "8"
 			})).textContent = t[i] || "", g += _;
-		}), k(m, e.map(function(e, i) {
+		}), j(m, e.map(function(e, i) {
 			return {
 				color: r[i % r.length],
 				text: t[i] || n("chart.sliceDefault", { n: i + 1 })
 			};
 		}), a, c + 6), m.appendChild(h.layer), w(m), m;
 	}
-	function Le(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 A(i, a);
-		for (var o = Pe(r, e), s = [], c = 0; c < o.bins; c++) s.push((o.lo + c * o.width).toFixed(1));
+		if (!e.length) return M(i, a);
+		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, ne(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 Re(e, t, r, i) {
-		if (!e.length) return A(parseInt(i.w) || 400, parseInt(i.h) || 200);
+	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) {
 			var t = c, n = c + e;
@@ -3983,24 +4174,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return e.base;
 		}));
 		d > 0 && (d = 0);
-		var f = u - d || 1, p = 44, m = 18, h = 12, g = a - p - h, _ = g / e.length, b = Math.max(4, _ * .6), T = U(t.slice(0, e.length), _, 30, g, i.interval), E = T.padB, D = o - m - E, O = r[0] || "#52c41a", k = r[1] || "#f5222d", j = 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"
-		}), M = C(a, o);
+		}), j = C(a, o);
 		function N(e) {
 			return m + D * (1 - (e - d) / f);
 		}
 		for (var P = 0; P <= 4; P++) {
 			var F = N(d + f * P / 4);
-			j.appendChild(s("line", {
+			A.appendChild(s("line", {
 				x1: p,
 				y1: F,
 				x2: a - h,
 				y2: F,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), j.appendChild(s("text", {
+			})), A.appendChild(s("text", {
 				x: p - 4,
 				y: F + 4,
 				"text-anchor": "end",
@@ -4018,7 +4209,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				fill: c,
 				rx: 2,
 				class: "tokui-chart-bar"
-			})), M.add(u, (t[r] || n("chart.sliceDefault", { n: r + 1 })) + ": " + e.val + " (" + n("chart.cumulative", { n: Math.round(e.top) }) + ")", i + b / 2, a), j.appendChild(u), r < l.length - 1 && j.appendChild(s("line", {
+			})), j.add(u, (t[r] || n("chart.sliceDefault", { n: r + 1 })) + ": " + e.val + " (" + n("chart.cumulative", { n: Math.round(e.top) }) + ")", i + b / 2, a), A.appendChild(u), r < l.length - 1 && A.appendChild(s("line", {
 				x1: i + b - 1,
 				y1: a,
 				x2: i + _,
@@ -4030,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 q(j, t.slice(0, e.length), I, o - 8, _, T.rotate, T.interval), j.appendChild(M.layer), w(j), j;
+		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 ze(e) {
+	function We(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim()) || 0;
@@ -4046,33 +4237,33 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}) : [];
 	}
-	function Be(e, t, r, i) {
-		var a = ze(i.d);
-		if (!a.length) return A(parseInt(i.w) || 400, parseInt(i.h) || 240);
+	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) {
 			l.push(e.min, e.max);
 		});
 		var u = y(l), d = v(l);
 		u === d && (--u, d += 1);
-		var f = d - u || 1, p = 44, m = 18, h = 12, g = o - p - h, _ = G(i, a.length), b = _ ? 28 : 0, T = g / a.length, E = Math.max(20, T * .5), D = U(t.slice(0, a.length), T, 30, g, i.interval), k = D.padB, j = c - m - k, M = 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"
 		}), N = C(o, c + b);
 		function P(e) {
-			return m + j * (1 - (e - u) / f);
+			return m + k * (1 - (e - u) / f);
 		}
 		for (var F = 0; F <= 4; F++) {
 			var I = P(u + f * F / 4);
-			M.appendChild(s("line", {
+			j.appendChild(s("line", {
 				x1: p,
 				y1: I,
 				x2: o - h,
 				y2: I,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), M.appendChild(s("text", {
+			})), j.appendChild(s("text", {
 				x: p - 4,
 				y: I + 4,
 				"text-anchor": "end",
@@ -4081,8 +4272,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			})).textContent = Math.round(u + f * F / 4);
 		}
 		var L = _ ? s("g", { class: "tokui-chart-plot" }) : null;
-		L && M.appendChild(L);
-		var R = L || M, z = [];
+		L && j.appendChild(L);
+		var R = L || j, z = [];
 		if (a.forEach(function(e, i) {
 			var a = p + i * T + T / 2, o = r[i % r.length], c = s("g", { class: "tokui-chart-tip-group" });
 			c.appendChild(s("line", {
@@ -4143,13 +4334,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				text: d
 			}) : N.add(c, d, a, P(e.med)), R.appendChild(c);
 		}), _) {
-			var B = a.length, V = O(M, {
+			var B = a.length, V = A(j, {
 				plotG: L,
 				tipLayer: N.layer,
 				padL: p,
 				cw: g,
 				padT: m,
-				ch: j,
+				ch: k,
 				h: c,
 				w: o,
 				n: B,
@@ -4166,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);
-					q(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) {
@@ -4177,12 +4368,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				});
 			});
 		} else {
-			for (var H = [], W = 0; W < a.length; W++) H.push(p + W * T + T / 2);
-			q(M, t.slice(0, a.length), H, c - 8, T, D.rotate, D.interval);
+			for (var H = [], U = 0; U < a.length; U++) H.push(p + U * T + T / 2);
+			Y(j, t.slice(0, a.length), H, te(c, O, D.rotate), T, D.rotate, D.interval);
 		}
-		return M.appendChild(N.layer), _ || w(M), M;
+		return j.appendChild(N.layer), _ || w(j), j;
 	}
-	function Ve(e) {
+	function Ke(e) {
 		return e ? String(e).split(",").map(function(e) {
 			var t = e.split(":");
 			return {
@@ -4193,9 +4384,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return e.value > 0;
 		}) : [];
 	}
-	function He(e, t, n, r) {
-		var i = Ve(r.d), a = parseInt(r.w) || 480, o = parseInt(r.h) || 320;
-		if (!i.length) return A(a, o);
+	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;
 		});
@@ -4253,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 Ue(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;
@@ -4266,7 +4457,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}).filter(function(e) {
 			return e && e.value > 0;
 		}), o = parseInt(r.w) || 480, c = parseInt(r.h) || 320;
-		if (!a.length) return A(o, c);
+		if (!a.length) return M(o, c);
 		var l = [], u = [];
 		a.forEach(function(e) {
 			l.indexOf(e.source) < 0 && l.push(e.source), u.indexOf(e.target) < 0 && u.push(e.target);
@@ -4325,7 +4516,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			})).textContent = e;
 		}), S.appendChild(T.layer), w(S), S;
 	}
-	function We(e) {
+	function Ye(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim());
@@ -4340,9 +4531,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}).filter(Boolean) : [];
 	}
-	function Ge(e, t, n, r) {
-		var i = We(r.d);
-		if (!i.length) return A(parseInt(r.w) || 480, parseInt(r.h) || 280);
+	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;
 		else {
@@ -4350,17 +4541,17 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			i.forEach(function(e) {
 				u.push(e.h, e.l);
 			}), c = y(u), l = v(u);
-			var d = B(c, l);
+			var d = H(c, l);
 			c = d[0], l = d[1];
 		}
 		c === l && (--c, l += 1);
-		var f = l - c || 1, p = 44, m = 18, g = 12, _ = a - p - g, b = G(r, i.length), x = b ? 28 : 0, S = _ / i.length, T = Math.max(3, S * .6), E = U(t.slice(0, i.length), S, 30, _, r.interval), D = E.padB, k = o - m - D, j = h(r.c), M = j[0] || "#f5222d", N = j[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"
 		}), F = C(a, o + x);
 		function I(e) {
-			return m + k * (1 - (e - c) / f);
+			return m + O * (1 - (e - c) / f);
 		}
 		for (var L = 0; L <= 4; L++) {
 			var R = I(c + f * L / 4);
@@ -4381,9 +4572,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		var z = b ? s("g", { class: "tokui-chart-plot" }) : null;
 		z && P.appendChild(z);
-		var V = z || P, H = [];
+		var B = z || P, V = [];
 		if (i.forEach(function(e, n) {
-			var r = p + n * S + S / 2, i = e.c >= e.o, a = i ? M : N, o = s("g", { class: "tokui-chart-tip-group" });
+			var r = p + n * S + S / 2, i = e.c >= e.o, a = i ? j : N, o = s("g", { class: "tokui-chart-tip-group" });
 			o.appendChild(s("line", {
 				x1: r,
 				y1: I(e.h),
@@ -4403,23 +4594,23 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				class: "tokui-chart-candle"
 			}));
 			var u = (t[n] || "D" + (n + 1)) + "  O:" + e.o + " H:" + e.h + " L:" + e.l + " C:" + e.c + (i ? " ↑" : " ↓");
-			b ? H.push({
+			b ? V.push({
 				grp: o,
 				cx: r,
 				y: c,
 				text: u
-			}) : F.add(o, u, r, c), V.appendChild(o);
+			}) : F.add(o, u, r, c), B.appendChild(o);
 		}), b) {
-			var W = i.length, K = O(P, {
+			var U = i.length, W = A(P, {
 				plotG: z,
 				tipLayer: F.layer,
 				padL: p,
 				cw: _,
 				padT: m,
-				ch: k,
+				ch: O,
 				h: o,
 				w: a,
-				n: W,
+				n: U,
 				srcLeft: function(e) {
 					return p + e * S;
 				},
@@ -4433,27 +4624,27 @@ 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);
-					q(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);
 				}
 			});
-			H.forEach(function(e) {
+			V.forEach(function(e) {
 				e.grp.addEventListener("mouseenter", function() {
-					K.showTip(e.text, K.winState.sx * e.cx + K.winState.tx, e.y);
+					W.showTip(e.text, W.winState.sx * e.cx + W.winState.tx, e.y);
 				}), e.grp.addEventListener("mouseleave", function() {
-					K.sharedTip.style.opacity = "";
+					W.sharedTip.style.opacity = "";
 				});
 			});
 		} else {
-			for (var J = [], ee = 0; ee < i.length; ee++) J.push(p + ee * S + S / 2);
-			q(P, t.slice(0, i.length), J, 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 Ke(e) {
-		$("bar", ne), $("line", re), $("pie", ae), $("donut", Z), $("radar", Q), $("scatter", ce), $("gantt", De), $("funnel", oe), $("gauge", se), $("area", Oe), $("progress", ke), $("bubble", je), $("heatmap", Fe), $("rose", Ie), $("histogram", Le), $("waterfall", Re), $("boxplot", Be), $("treemap", He), $("sankey", Ue), $("candlestick", Ge);
+	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)) {
@@ -4505,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 = We(t.d);
+					var g = Ye(t.d);
 					if (g.length) {
 						var b = [];
 						g.forEach(function(e) {
@@ -4513,7 +4704,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						});
 						var x = y(b), S = v(b);
 						if (isFinite(x) && isFinite(S) && x !== S) {
-							var C = B(e._yRange ? Math.min(e._yRange.lo, x) : x, e._yRange ? Math.max(e._yRange.hi, S) : S);
+							var C = H(e._yRange ? Math.min(e._yRange.lo, x) : x, e._yRange ? Math.max(e._yRange.hi, S) : S);
 							e._yRange = {
 								lo: C[0],
 								hi: C[1]
@@ -4523,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" ? Ae(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;
@@ -4531,14 +4722,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							return e.y;
 						}), D = y(T), O = v(T), k = y(E), A = v(E);
 						if (isFinite(D) && isFinite(O) && D !== O) {
-							var j = B(e._xRange ? Math.min(e._xRange.lo, D) : D, e._xRange ? Math.max(e._xRange.hi, O) : O);
+							var j = H(e._xRange ? Math.min(e._xRange.lo, D) : D, e._xRange ? Math.max(e._xRange.hi, O) : O);
 							e._xRange = {
 								lo: j[0],
 								hi: j[1]
 							};
 						}
 						if (isFinite(k) && isFinite(A) && k !== A) {
-							var M = B(e._yRange ? Math.min(e._yRange.lo, k) : k, e._yRange ? Math.max(e._yRange.hi, A) : A);
+							var M = H(e._yRange ? Math.min(e._yRange.lo, k) : k, e._yRange ? Math.max(e._yRange.hi, A) : A);
 							e._yRange = {
 								lo: M[0],
 								hi: M[1]
@@ -4554,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 = Me(t.rows || t.d);
+					var P = Le(t.rows || t.d);
 					if (P.length) {
 						var F = [];
 						if (P.forEach(function(e) {
@@ -4572,21 +4763,21 @@ 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 = Ne(t.l);
+					var R = c(t.d), z = Re(t.l);
 					if (z) e._hRange = {
 						lo: z.lo,
 						hi: z.hi
 					}, t.bins === void 0 && (e._hBins = z.bins);
 					else if (R.length) {
 						e._hBins === void 0 && t.bins === void 0 && (e._hBins = Math.min(20, Math.max(5, Math.ceil(Math.sqrt(R.length)))));
-						var V = y(R), H = v(R);
-						isFinite(V) && isFinite(H) && (e._hRange = {
-							lo: e._hRange ? Math.min(e._hRange.lo, V) : V,
-							hi: e._hRange ? Math.max(e._hRange.hi, H) : H
+						var B = y(R), V = v(R);
+						isFinite(B) && isFinite(V) && (e._hRange = {
+							lo: e._hRange ? Math.min(e._hRange.lo, B) : B,
+							hi: e._hRange ? Math.max(e._hRange.hi, V) : V
 						});
 					}
 					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(Pe(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;
 					}
 				}
@@ -4652,14 +4843,15 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						}
 						if (a > 0) {
 							var o = a / r, s = t.getAttribute("data-chart-type");
-							if (L(t, o), s === "pie") {
-								var c = e._tokuiChartSpec;
+							t._tokuiBumpedFs = R(9, o, P, I), z(t, o);
+							var c = e._tokuiChartSpec;
+							if (s === "pie") {
 								if (!c || !c.data || !c.data.length || !c.labels || !c.labels.some(function(e) {
 									return !!e;
 								})) return;
 								var l = c.data.reduce(function(e, t) {
 									return e + t;
-								}, 0) || 1, u = ie(c.data, c.labels, c.attrs, 7, l), d = u.r + u.fs, f = R(a, d, u.fixedA, u.coefB, M), 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;
@@ -4668,19 +4860,55 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 								_ > 7.05 && _ > v + .05 && (e._tokuiFsApplied = _, i(e, Object.assign({}, c.attrs, { _pieFs: _ })));
 								return;
 							}
-							if (o > 0) for (var y = t.querySelectorAll("text[font-size]"), b = 0; b < y.length; b++) {
-								for (var x = y[b], S = x.parentNode; S && S !== t;) {
-									if ((S.getAttribute && S.getAttribute("class") || "").indexOf("tokui-chart-tips-layer") >= 0) {
-										x = null;
-										break;
+							if ({
+								bar: 1,
+								line: 1,
+								area: 1,
+								histogram: 1,
+								boxplot: 1,
+								candlestick: 1,
+								waterfall: 1
+							}[s] && typeof t.createSVGPoint == "function" && !e._tokuiPadLSet) {
+								e._tokuiPadLSet = !0;
+								for (var y = R(9, o, P, I), b = t.querySelector("line"), x = b ? parseFloat(b.getAttribute("x1")) : 0, S = t.querySelectorAll("text[text-anchor=\"end\"]"), C = 0, w = 0; w < S.length; w++) {
+									var T = S[w];
+									if (!(parseFloat(T.getAttribute("x")) >= x)) {
+										var E = parseFloat(T.getAttribute("font-size")) || 9, D = 0;
+										try {
+											D = T.getBBox().width;
+										} catch {
+											D = 0;
+										}
+										var O = D * y / E;
+										O > C && (C = O);
+									}
+								}
+								if (C > 0) {
+									var k = Math.ceil(C + 12), A = c && c.attrs && c.attrs.yl ? 46 : 40;
+									if ((s === "boxplot" || s === "candlestick" || s === "waterfall") && (A = 44), Math.abs(k - A) > 2) {
+										e._tokuiPadL = k, i(e, Object.assign({}, c.attrs, { _padL: k }));
+										return;
 									}
-									S = S.parentNode;
 								}
-								if (x && !(x.classList.contains("tokui-chart-gauge-value") || x.classList.contains("tokui-chart-donut-value"))) {
-									var C = parseFloat(x.getAttribute("font-size"));
-									if (!(!(C > 0) || C >= 13)) {
-										var w = I(C, o, M, P);
-										w !== C && x.setAttribute("font-size", String(Math.round(w * 100) / 100));
+							}
+							if (o > 0) {
+								if (t._tokuiZoomRelayout) try {
+									t._tokuiZoomRelayout(o);
+								} catch {}
+								for (var j = t.querySelectorAll("text[font-size]"), M = 0; M < j.length; M++) {
+									for (var N = j[M], F = N.parentNode; F && F !== t;) {
+										if ((F.getAttribute && F.getAttribute("class") || "").indexOf("tokui-chart-tips-layer") >= 0) {
+											N = null;
+											break;
+										}
+										F = F.parentNode;
+									}
+									if (N && !(N.classList.contains("tokui-chart-gauge-value") || N.classList.contains("tokui-chart-donut-value"))) {
+										var L = parseFloat(N.getAttribute("font-size"));
+										if (!(!(L > 0) || L >= 13)) {
+											var V = R(L, o, P, I);
+											V !== L && N.setAttribute("font-size", String(Math.round(V * 100) / 100));
+										}
 									}
 								}
 							}
@@ -4782,47 +5010,53 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		var g = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"/></svg>", b = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"/></svg>", x = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"/><path d=\"M9 21H3v-6\"/><path d=\"M21 3l-7 7\"/><path d=\"M3 21l7-7\"/></svg>";
 		function S(e, t) {
 			if (!e || typeof document > "u") return;
-			var r = document.querySelector(".tokui-chart__modal");
-			r && r.remove();
-			var i = document.createElement("div");
-			i.className = "tokui-chart__modal", i.setAttribute("role", "dialog"), i.setAttribute("aria-modal", "true"), t && i.setAttribute("aria-label", t);
+			var i = document.querySelector(".tokui-chart__modal");
+			i && i.remove();
 			var a = document.createElement("div");
-			a.className = "tokui-chart__modal-card";
-			var o = document.createElement("button");
-			if (o.type = "button", o.className = "tokui-chart__modal-close", o.setAttribute("aria-label", n("common.close")), o.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>", t) {
-				var s = document.createElement("div");
-				s.className = "tokui-chart__modal-title", s.textContent = t, a.appendChild(s);
-			}
-			var c = document.createElement("div");
-			c.className = "tokui-chart__modal-body";
-			var l = e.cloneNode(!0);
-			l.id && l.removeAttribute("id"), w(l), c.appendChild(l), a.appendChild(c), a.appendChild(o), i.appendChild(a);
-			var u = document.body.style.overflow;
+			a.className = "tokui-chart__modal", a.setAttribute("role", "dialog"), a.setAttribute("aria-modal", "true"), t && a.setAttribute("aria-label", t);
+			var o = document.createElement("div");
+			o.className = "tokui-chart__modal-card";
+			var s = document.createElement("button");
+			if (s.type = "button", s.className = "tokui-chart__modal-close", s.setAttribute("aria-label", n("common.close")), s.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>", t) {
+				var c = document.createElement("div");
+				c.className = "tokui-chart__modal-title", c.textContent = t, o.appendChild(c);
+			}
+			var u = document.createElement("div");
+			u.className = "tokui-chart__modal-body";
+			var d = typeof e.closest == "function" ? e.closest(".tokui-chart") : null, f = d && d._tokuiChartSpec, p = !!e.querySelector(".tokui-chart-zoom-window"), m;
+			if (p && f && r[f.type]) try {
+				m = r[f.type](f.data, f.labels, f.colors, f.attrs), m.setAttribute("data-chart-type", f.type), f.type === "bar" && (f.attrs.orient === "h" || f.attrs.orientation === "h") && m.setAttribute("data-orient", "h");
+			} catch {
+				m = e.cloneNode(!0), w(m);
+			}
+			else m = e.cloneNode(!0), w(m);
+			m.id && m.removeAttribute("id"), u.appendChild(m), p && f && (u._tokuiChartSpec = f, u._tokuiPadLSet = !0, l(u)), o.appendChild(u), o.appendChild(s), a.appendChild(o);
+			var h = document.body.style.overflow;
 			document.body.style.overflow = "hidden";
-			var d = function(e) {
-				e.key === "Escape" && p();
-			}, f = !1;
-			function p() {
-				f || (f = !0, i.classList.remove("tokui-chart__modal--open"), document.removeEventListener("keydown", d), document.body.style.overflow = u, setTimeout(function() {
-					i.parentNode && i.remove();
+			var g = function(e) {
+				e.key === "Escape" && v();
+			}, _ = !1;
+			function v() {
+				_ || (_ = !0, a.classList.remove("tokui-chart__modal--open"), document.removeEventListener("keydown", g), document.body.style.overflow = h, setTimeout(function() {
+					a.parentNode && a.remove();
 				}, 180));
 			}
-			i.addEventListener("click", function(e) {
-				e.target === i && p();
-			}), o.addEventListener("click", p), document.addEventListener("keydown", d), document.body.appendChild(i), i.offsetWidth, i.classList.add("tokui-chart__modal--open"), (typeof window < "u" && window.requestAnimationFrame ? function(e) {
+			a.addEventListener("click", function(e) {
+				e.target === a && v();
+			}), s.addEventListener("click", v), document.addEventListener("keydown", g), document.body.appendChild(a), a.offsetWidth, a.classList.add("tokui-chart__modal--open"), (typeof window < "u" && window.requestAnimationFrame ? function(e) {
 				window.requestAnimationFrame(e);
 			} : function(e) {
 				e();
 			})(function() {
 				var e = 0;
 				try {
-					e = l.getBoundingClientRect().width;
+					e = m.getBoundingClientRect().width;
 				} catch {
 					e = 0;
 				}
 				if (e > 0) {
-					var t = l.viewBox && l.viewBox.baseVal, n = t && t.width || parseFloat((l.getAttribute("viewBox") || "").split(/\s+/)[2]);
-					n > 0 && L(l, e / n);
+					var t = m.viewBox && m.viewBox.baseVal, n = t && t.width || parseFloat((m.getAttribute("viewBox") || "").split(/\s+/)[2]);
+					n > 0 && z(m, e / n);
 				}
 			});
 		}
@@ -4879,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 = Ke, window.TokUI._internal.registerChartRenderer = $, window.TokUI._internal.bumpFsUnits = I, window.TokUI._internal.applyTipScale = L, window.TokUI._internal.axisXLayout = U, window.TokUI._internal.zoomBounds = K, window.TokUI._internal.zoomEnabled = G, window.TokUI._internal.solvePieFs = R, window.TokUI._internal.pieSizing = ie, window.TokUI._internal.MIN_CHART_PX = M, window.TokUI._internal.MAX_CHART_PX = P), t !== void 0 && t.exports && (t.exports = {
-		registerChartComponents: Ke,
+	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: I,
-		solvePieFs: R,
-		pieSizing: ie,
-		MIN_CHART_PX: M,
-		MAX_CHART_PX: P,
-		applyTipScale: L,
-		axisXLayout: U,
-		zoomBounds: K,
-		zoomEnabled: G
+		bumpFsUnits: R,
+		solvePieFs: B,
+		pieSizing: ce,
+		MIN_CHART_PX: P,
+		MAX_CHART_PX: I,
+		applyTipScale: z,
+		axisXLayout: K,
+		zoomBounds: ee,
+		zoomEnabled: J,
+		bumpZoomTextFs: ne
 	});
 })), v = /* @__PURE__ */ o(((e, t) => {
 	var n = {
@@ -7497,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) => {
@@ -7776,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(" "),
@@ -8670,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");
@@ -10147,7 +10389,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		function b(e) {
 			for (var t = [], n = "", r = !1, i = 0, a = 0; a < e.length; a++) {
 				var o = e[a];
-				o === "\"" ? r = !r : r ? n += o : o === "[" ? (i++, n += o) : o === "]" ? (i--, n += o) : o === "," && i === 0 ? (t.push(n), n = "") : n += o;
+				if (o === "\"") r = !r;
+				else if (r) n += o;
+				else if (o === "[") i++, n += o;
+				else if (o === "]") i--, n += o;
+				else if (o === "," && i === 0) {
+					var s = e[a - 1], c = e[a + 1], l = e[a + 2], u = e[a + 3], d = e[a + 4], f = /=([cr]\d+){1,2}$/.test(n), p = /[¥￥$€£₩₹]/.test(n);
+					!f && p && s >= "0" && s <= "9" && c >= "0" && c <= "9" && l >= "0" && l <= "9" && u >= "0" && u <= "9" && !(d >= "0" && d <= "9") ? n += o : (t.push(n), n = "");
+				} else n += o;
 			}
 			return t.push(n), t;
 		}
@@ -10362,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 {
@@ -10374,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 ? {
@@ -10387,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 ? {
@@ -10400,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;
@@ -10442,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);
@@ -10525,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");
@@ -10558,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) {
@@ -10611,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) {
@@ -10633,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,
@@ -10656,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) {
@@ -10771,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 = {
@@ -10819,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 = {
@@ -10832,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 = {
@@ -10896,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"
@@ -11036,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",
@@ -11052,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));
@@ -11180,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",
@@ -11193,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);
@@ -11243,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) {
@@ -11315,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) {
@@ -11359,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
 									});
@@ -11385,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) {
@@ -11394,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");
@@ -11509,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");
@@ -11524,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");
@@ -11539,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);
@@ -11555,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)));
@@ -11636,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 K() {
-				if (!(r || G)) {
-					P(q), 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);
+			}, 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 q() {
-				G && (G = !1, E.style.display = "none", u.classList.remove("tokui-datetimepicker--open"), F(q));
+			function J() {
+				K && (K = !1, w.style.display = "none", u.classList.remove("tokui-datetimepicker--open"), R(J));
 			}
-			return r || (d.addEventListener("click", function(e) {
-				e.stopPropagation(), G ? q() : K();
-			}), D.addEventListener("click", function(e) {
+			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, q(), 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) || q();
+				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) {