@jboltai/tokui 0.1.4 → 0.1.5

package/dist/tokui.mjs

@@ -1806,7 +1806,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					class: "tokui-chart-tip",
 					"data-tip-id": u
 				});
-				b.appendChild(s("rect", {
+				b.setAttribute("data-tx", c), b.setAttribute("data-ty", l), b.appendChild(s("rect", {
 					x: v,
 					y,
 					width: g,
@@ -1838,11 +1838,180 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		});
 	}
-	function T(e, t, n, r, i, a) {
+	function T(e, t) {
+		e.querySelectorAll(".tokui-chart-tip-group:not([data-tip-bound])").forEach(function(e) {
+			e.setAttribute("data-tip-bound", "1"), e.addEventListener("mouseenter", function() {
+				var n = e.getAttribute("data-tip-id"), r = t.querySelector(".tokui-chart-tips-layer [data-tip-id=\"" + n + "\"]");
+				r && (r.style.opacity = "1");
+			}), e.addEventListener("mouseleave", function() {
+				var n = e.getAttribute("data-tip-id"), r = t.querySelector(".tokui-chart-tips-layer [data-tip-id=\"" + n + "\"]");
+				r && (r.style.opacity = "");
+			});
+		});
+	}
+	function E(e) {
+		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;
+	}
+	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 });
+		l.appendChild(s("rect", {
+			x: n - 1,
+			y: t.padT - 1,
+			width: r + 2,
+			height: t.ch + 2
+		})), c.appendChild(l), e.appendChild(c);
+		var u = s("g", { "clip-path": "url(#" + o + ")" }), d = a.parentNode, f = a.nextSibling;
+		u.appendChild(a), f ? d.insertBefore(u, f) : d.appendChild(u);
+		var p = s("g", { class: "tokui-chart-plot-labels" });
+		d.appendChild(p);
+		var m = s("rect", {
+			x: 0,
+			y: 0,
+			width: 0,
+			height: 0,
+			rx: 4,
+			fill: "rgba(0,0,0,0.78)"
+		}), h = s("text", {
+			"text-anchor": "middle",
+			"dominant-baseline": "central",
+			fill: "#fff",
+			"font-size": "10"
+		}), g = s("g", { class: "tokui-chart-tip tokui-chart-tip--shared" });
+		g.appendChild(m), g.appendChild(h), t.tipLayer.appendChild(g);
+		var _ = {
+			s: 0,
+			e: i - 1,
+			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 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);
+		}
+		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", {
+			x: n,
+			y: S,
+			width: r,
+			height: C,
+			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,
+				fill: "var(--tokui-chart-text, #bbb)",
+				opacity: "0.55",
+				class: "tokui-chart-zoom-overview"
+			}));
+		}
+		var j = s("rect", {
+			y: S - 1,
+			height: C + 2,
+			fill: "rgba(0,120,212,0.12)",
+			stroke: "var(--tokui-primary-6, #1a73e8)",
+			"stroke-width": 1,
+			rx: 2,
+			class: "tokui-chart-zoom-window",
+			style: "cursor:grab;"
+		}), M = s("rect", {
+			width: 6,
+			height: C + 6,
+			y: S - 3,
+			fill: "var(--tokui-primary-6, #1a73e8)",
+			rx: 2,
+			class: "tokui-chart-zoom-handle tokui-chart-zoom-handle--l",
+			style: "cursor:ew-resize;"
+		}), P = s("rect", {
+			width: 6,
+			height: C + 6,
+			y: S - 3,
+			fill: "var(--tokui-primary-6, #1a73e8)",
+			rx: 2,
+			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) {
+			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);
+		}
+		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)));
+		}
+		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 W(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);
+						else {
+							var a = I - F, o = (e - c) / r;
+							F = b(F + o, 0, 1 - a), I = F + a;
+						}
+						c = e, U(!0);
+					}
+				}
+				function u(t) {
+					t.preventDefault(), l(D(e, t.clientX));
+				}
+				function d() {
+					s = !1, t.removeEventListener("pointermove", u), t.removeEventListener("pointerup", d);
+					try {
+						t.releasePointerCapture(o);
+					} catch {}
+					U(!1);
+				}
+				t.addEventListener("pointermove", u), t.addEventListener("pointerup", d);
+			}
+			t.addEventListener("pointerdown", function(n) {
+				n.preventDefault(), n.stopPropagation();
+				try {
+					t.setPointerCapture(n.pointerId);
+				} catch {}
+				a(D(e, n.clientX), n.pointerId);
+			});
+		}
+		return W(M, "l"), W(P, "r"), W(j, "pan"), y(0, i - 1, !0), {
+			showTip: v,
+			winState: _,
+			sharedTip: g
+		};
+	}
+	function k(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 = D(e.text) * (i / 7);
+				var t = j(e.text) * (i / 7);
 				return {
 					e,
 					w: o + c + t
@@ -1874,7 +2043,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		}
 	}
-	function E(e, t, r) {
+	function A(e, t, r) {
 		var i = s("svg", {
 			viewBox: "0 0 " + e + " " + t,
 			class: "tokui-chart__svg tokui-chart__svg--empty",
@@ -1889,53 +2058,119 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		});
 		return a.textContent = r || n("chart.empty"), i.appendChild(a), i;
 	}
-	function D(e) {
+	function j(e) {
 		for (var t = 0, n = 0; n < e.length; n++) t += e.charCodeAt(n) > 127 ? 8 : 4.5;
 		return t;
 	}
-	var O = 12, k = 7;
-	function A(e, t, n) {
-		return !(t > 0) || !(n > 0) || e * t >= n ? e : n / t;
+	var M = 14, N = 0, P = 16, F = 7;
+	function I(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 j(e, t, n, r, i) {
+	function L(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 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");
+					c ? (o = parseFloat(c.getAttribute("x")) + parseFloat(c.getAttribute("width")) / 2, s = parseFloat(c.getAttribute("y")) + parseFloat(c.getAttribute("height")) / 2) : (o = 0, s = 0);
+				}
+				a.setAttribute("transform", "translate(" + o + " " + s + ") scale(" + Math.round(n * 1e3) / 1e3 + ") translate(" + -o + " " + -s + ")");
+			}
+		}
+	}
+	function R(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 M(e, t) {
+	function z(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 N(e, t) {
+	function B(e, t) {
 		if (!isFinite(e) || !isFinite(t)) return [0, 1];
 		e === t && (--e, t += 1);
-		var n = M(M(t - e, !1) / 5, !0) || 1;
+		var n = z(z(t - e, !1) / 5, !0) || 1;
 		return [Math.floor(e / n) * n, Math.ceil(t / n) * n];
 	}
-	function P(e, t, n, r) {
+	function V(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];
 	}
-	function F(e, t, n, r, i) {
-		var a = (i || 40) * .9;
+	var H = 38;
+	function U(e, t, n, r, i) {
+		var a = e.length, o = n || 30;
+		if (!a) return {
+			rotate: !1,
+			padB: o,
+			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);
+		}
+		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);
+		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);
+		}
+		return _ && (o = Math.max(n || 30, 52)), {
+			rotate: _,
+			padB: o,
+			interval: g
+		};
+	}
+	var W = 30;
+	function G(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 === "off" || r === "false" || r === "0") return !1;
+		var i = parseInt(r, 10);
+		return isNaN(i) ? t > W : t > i;
+	}
+	function K(e, t, n) {
+		if (e <= 1) return {
+			s: 0,
+			e: Math.max(0, e - 1)
+		};
+		var r = Math.round(t * (e - 1)), i = Math.round(n * (e - 1));
+		if (r < 0 && (r = 0), i > e - 1 && (i = e - 1), r > i) {
+			var a = r;
+			r = i, i = a;
+		}
+		var o = Math.min(e - 1, Math.max(2, Math.floor(e * .1)));
+		return i - r < o && (r + o <= e - 1 ? i = r + o : (i = e - 1, r = Math.max(0, i - o))), {
+			s: r,
+			e: i
+		};
+	}
+	function q(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 === "")) {
-				var o = n[i], c = D(String(t)) > a, l = s("text", {
+			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", {
 					x: o,
 					y: r,
-					"text-anchor": c ? "end" : "middle",
+					"text-anchor": f ? "end" : "middle",
 					fill: "var(--tokui-chart-text, #999)",
 					"font-size": "9"
 				});
-				c && l.setAttribute("transform", "rotate(-45 " + o + " " + r + ")"), l.textContent = t, e.appendChild(l);
+				f && p.setAttribute("transform", "rotate(-45 " + o + " " + r + ")"), p.textContent = t, e.appendChild(p);
 			}
 		});
 	}
-	function I(e, t, n, r, i) {
+	function J(e, t, n, r, i) {
 		var a = s("text", {
 			x: n,
 			y: r,
@@ -1945,7 +2180,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 L(e, t, n, r) {
+	function ee(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);
@@ -1959,230 +2194,422 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		window.requestAnimationFrame(s);
 	}
-	function R(e) {
+	function te(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 z(e, t, n) {
-		var r = R(e), i = R(t);
+	function Y(e, t, n) {
+		var r = te(e), i = te(t);
 		if (!r || !i) return e;
 		var a = Math.round(r[0] + (i[0] - r[0]) * n), o = Math.round(r[1] + (i[1] - r[1]) * n), s = Math.round(r[2] + (i[2] - r[2]) * n);
 		return "rgb(" + a + "," + o + "," + s + ")";
 	}
-	function B(e, t) {
+	function X(e, t) {
 		if (t = b(t, 0, 1), e.length === 1) return e[0];
 		var n = t * (e.length - 1), r = Math.min(e.length - 2, Math.floor(n));
-		return z(e[r], e[r + 1], n - r);
+		return Y(e[r], e[r + 1], n - r);
 	}
-	function V(e, t, r, i) {
+	function ne(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 E(parseInt(i.w) || 400, parseInt(i.h) || 200);
+		})) return A(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 = p + (m ? o : 0), g = 0, _ = 0;
-		if (c) for (var v = 0; v < u; v++) {
-			var y = 0, b = 0;
+		var m = l.length > 1, h = !a && G(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;
 			l.forEach(function(e) {
-				var t = e[v] || 0;
-				t >= 0 ? y += t : b += t;
-			}), y > g && (g = y), b < _ && (_ = b);
+				var t = e[O] || 0;
+				t >= 0 ? j += t : M += t;
+			}), j > v && (v = j), M < y && (y = M);
 		}
 		else l.forEach(function(e) {
 			e.forEach(function(e) {
-				e > g && (g = e), e < _ && (_ = e);
+				e > v && (v = e), e < y && (y = e);
 			});
 		});
-		g = P(i, "ymax", "_yMax", g || 1);
-		var O = g - _ || 1, k = s("svg", {
-			viewBox: "0 0 " + d + " " + h,
+		v = V(i, "ymax", "_yMax", v || 1);
+		var P = v - y || 1, F = s("svg", {
+			viewBox: "0 0 " + d + " " + _,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
-		}), A = C(d, h);
-		function j(e, t, n) {
-			var r = c ? n >= 0 ? M[t] || 0 : N[t] || 0 : 0, i = n >= 0 ? r + n : r, a = n >= 0 ? r : r + n;
-			return c && (n >= 0 ? M[t] = i : N[t] = a), [a, i];
+		}), I = C(d, _);
+		function L(e, t, n) {
+			var r = c ? n >= 0 ? R[t] || 0 : z[t] || 0 : 0, i = n >= 0 ? r + n : r, a = n >= 0 ? r : r + n;
+			return c && (n >= 0 ? R[t] = i : z[t] = a), [a, i];
 		}
-		var M = [], N = [];
+		var R = [], z = [];
 		if (a) {
-			var L = 70, R = i.xl ? 30 : 22, z = 14, B = i.yl ? 30 : 16, V = d - L - B, H = p - z - R, U = H / u, W = Math.max(3, c ? U * .6 : U * .6 / l.length);
+			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);
 			function e(e) {
-				return L + V * (e - _) / O;
-			}
-			for (var G = 0; G <= 4; G++) {
-				var K = _ + O * G / 4, q = e(K);
-				k.appendChild(s("line", {
-					x1: q,
-					y1: z,
-					x2: q,
-					y2: z + H,
+				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,
 					stroke: "var(--tokui-chart-grid, #e8e8e8)",
 					"stroke-width": 1
-				})), k.appendChild(s("text", {
-					x: q,
-					y: z + H + 10,
+				})), F.appendChild(s("text", {
+					x: ae,
+					y: W + Y + 10,
 					"text-anchor": "middle",
 					fill: "var(--tokui-chart-text, #999)",
 					"font-size": "9"
-				})).textContent = Math.round(K);
+				})).textContent = Math.round(ie);
 			}
 			l.forEach(function(a, o) {
 				a.forEach(function(a, u) {
 					if (a != null) {
-						var d = j(o, u, a), f = e(d[0]), p = Math.max(0, e(d[1]) - f), m = z + u * U + U * .2 + (c ? 0 : o * W), 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 = W + u * X + X * .2 + (c ? 0 : o * ne), h = s("g", { class: "tokui-chart-tip-group" });
 						if (h.appendChild(s("rect", {
 							x: f,
 							y: m,
 							width: p,
-							height: W - 1,
+							height: ne - 1,
 							fill: r[o % r.length],
 							rx: 2,
 							class: "tokui-chart-bar"
-						})), A.add(h, (t[u] || "") + ": " + a + (l.length > 1 ? " (" + n("chart.seriesDefault", { n: o + 1 }) + ")" : ""), f + p / 2, m), k.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), F.appendChild(h), i.vals !== void 0) {
 							var g = s("text", {
 								x: f + p + 3,
-								y: m + W / 2 + 2,
+								y: m + ne / 2 + 2,
 								"text-anchor": "start",
 								fill: "var(--tokui-chart-text, #666)",
 								"font-size": "8"
 							});
-							g.textContent = a, k.appendChild(g);
+							g.textContent = a, F.appendChild(g);
 						}
 					}
 				});
 			}), t.slice(0, u).forEach(function(e, t) {
 				if (!(e == null || e === "")) {
-					var n = z + t * U + U / 2;
-					k.appendChild(s("text", {
-						x: L - 6,
+					var n = W + t * X + X / 2;
+					F.appendChild(s("text", {
+						x: B - 6,
 						y: n + 3,
 						"text-anchor": "end",
 						fill: "var(--tokui-chart-text, #999)",
 						"font-size": "9"
 					})).textContent = e;
 				}
-			}), i.xl && I(k, i.xl, L + V / 2, z + H + 22, !1), i.yl && I(k, i.yl, 12, z + H / 2, !0);
+			}), i.xl && J(F, i.xl, B + te / 2, W + Y + 22, !1), i.yl && J(F, i.yl, 12, W + Y / 2, !0);
 		} else {
-			var J = i.yl ? 46 : 40, ee = 12, te = i.xl ? 38 : 28, Y = 18, ne = d - J - ee, re = p - Y - te;
+			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;
 			function e(e) {
-				return Y + re * (1 - (e - _) / O);
-			}
-			for (var ie = 0; ie <= 4; ie++) {
-				var ae = _ + O * ie / 4, oe = e(ae);
-				k.appendChild(s("line", {
-					x1: J,
-					y1: oe,
-					x2: d - ee,
-					y2: oe,
+				return se + de * (1 - (e - y) / P);
+			}
+			for (var fe = 0; fe <= 4; fe++) {
+				var pe = y + P * fe / 4, me = e(pe);
+				F.appendChild(s("line", {
+					x1: Z,
+					y1: me,
+					x2: d - oe,
+					y2: me,
 					stroke: "var(--tokui-chart-grid, #e8e8e8)",
 					"stroke-width": 1
-				})), k.appendChild(s("text", {
-					x: J - 4,
-					y: oe + 4,
+				})), F.appendChild(s("text", {
+					x: Z - 4,
+					y: me + 4,
 					"text-anchor": "end",
 					fill: "var(--tokui-chart-text, #999)",
 					"font-size": "9"
-				})).textContent = Math.round(ae);
-			}
-			if (_ < 0) {
-				var X = e(0);
-				k.appendChild(s("line", {
-					x1: J,
-					y1: X,
-					x2: d - ee,
-					y2: X,
+				})).textContent = Math.round(pe);
+			}
+			if (y < 0) {
+				var he = e(0);
+				F.appendChild(s("line", {
+					x1: Z,
+					y1: he,
+					x2: d - oe,
+					y2: he,
 					stroke: "var(--tokui-chart-axis, #bbb)",
 					"stroke-width": 1
 				}));
 			}
-			var Z = ne / u, Q = Math.max(4, c ? Z * .6 : Z * .6 / l.length);
-			l.forEach(function(a, o) {
-				a.forEach(function(a, u) {
-					if (a != null) {
-						var d = j(o, u, a), f = e(d[1]), p = Math.max(0, (d[1] - d[0]) / O * re), m = J + u * Z + Z * .2 + (c ? 0 : o * Q), h = s("g", { class: "tokui-chart-tip-group" });
-						if (h.appendChild(s("rect", {
-							x: m,
-							y: f,
-							width: Q - 1,
-							height: p,
-							fill: r[o % r.length],
-							rx: 2,
-							class: "tokui-chart-bar"
-						})), A.add(h, (t[u] || "") + ": " + a + (l.length > 1 ? " (" + n("chart.seriesDefault", { n: o + 1 }) + ")" : ""), m + (Q - 1) / 2, f), k.appendChild(h), i.vals !== void 0) {
-							var g = s("text", {
-								x: m + (Q - 1) / 2,
-								y: f - 3,
-								"text-anchor": "middle",
-								fill: "var(--tokui-chart-text, #666)",
-								"font-size": "8"
-							});
-							g.textContent = a, k.appendChild(g);
+			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 = {
+				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", {
+					x: Z - 1,
+					y: se - 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),
+						rx: 2,
+						fill: r[0],
+						class: "tokui-chart-bar"
+					});
+					ye.appendChild(Ne), ve.push(Ne);
+				}
+				be = s("g", { class: "tokui-chart-plot-labels" }), ge.appendChild(be), Se = s("rect", {
+					x: 0,
+					y: 0,
+					width: 0,
+					height: 0,
+					rx: 4,
+					fill: "rgba(0,0,0,0.78)"
+				}), Ce = 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);
+			}
+			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) {
+						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);
+					}
+					return;
+				}
+				var b = Q / f;
+				E(ge), 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++) {
+						var m = u[p];
+						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" });
+							if (T.appendChild(s("rect", {
+								x: w,
+								y: v,
+								width: x - 1,
+								height: y,
+								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) {
+								var E = s("text", {
+									x: w + (x - 1) / 2,
+									y: v - 3,
+									"text-anchor": "middle",
+									fill: "var(--tokui-chart-text, #666)",
+									"font-size": "8"
+								});
+								E.textContent = m, ge.appendChild(E);
+							}
 						}
 					}
 				});
-			});
-			for (var se = [], ce = 0; ce < u; ce++) se.push(J + ce * Z + Z / 2);
-			F(k, t.slice(0, u), se, p - 8, Z), i.xl && I(k, i.xl, J + ne / 2, p - 8 + (D(String(t[0] || "")) > Z * .9 ? 26 : 12), !1), i.yl && I(k, i.yl, 12, Y + re / 2, !0);
+				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);
+			}
+			if (a(0, u - 1, !0), _e) {
+				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";
+				}
+				ve.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);
+							n((t[i] || "") + ": " + r, o, s);
+						}
+					}), r.addEventListener("mouseleave", function() {
+						xe.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() {
+				var e = s("g", { class: "tokui-chart-zoom" });
+				F.appendChild(e);
+				var t = p + 6, n = 16, r = n - 2;
+				e.appendChild(s("rect", {
+					x: Z,
+					y: t,
+					width: Q,
+					height: n,
+					fill: "var(--tokui-chart-grid, #e8e8e8)",
+					rx: 3,
+					class: "tokui-chart-zoom-track"
+				}));
+				var i = [];
+				l.forEach(function(e) {
+					for (var t = 0; t < e.length; t++) {
+						var n = e[t] || 0;
+						c ? i[t] = (i[t] || 0) + n : i[t] = Math.max(i[t] || 0, n);
+					}
+				});
+				for (var o = Q / u, d = 0; d < u; d++) {
+					var f = Math.max(1, (i[d] - y) / P * r);
+					e.appendChild(s("rect", {
+						x: Z + d * o + .5,
+						y: t + n - 1 - f,
+						width: Math.max(1, o - 1),
+						height: f,
+						fill: "var(--tokui-chart-text, #bbb)",
+						opacity: "0.55",
+						class: "tokui-chart-zoom-overview"
+					}));
+				}
+				var m = s("rect", {
+					y: t - 1,
+					height: n + 2,
+					fill: "rgba(0,120,212,0.12)",
+					stroke: "var(--tokui-primary-6, #1a73e8)",
+					"stroke-width": 1,
+					rx: 2,
+					class: "tokui-chart-zoom-window",
+					style: "cursor:grab;"
+				}), h = s("rect", {
+					width: 6,
+					height: n + 6,
+					y: t - 3,
+					fill: "var(--tokui-primary-6, #1a73e8)",
+					rx: 2,
+					class: "tokui-chart-zoom-handle tokui-chart-zoom-handle--l",
+					style: "cursor:ew-resize;"
+				}), g = s("rect", {
+					width: 6,
+					height: n + 6,
+					y: t - 3,
+					fill: "var(--tokui-primary-6, #1a73e8)",
+					rx: 2,
+					class: "tokui-chart-zoom-handle tokui-chart-zoom-handle--r",
+					style: "cursor:ew-resize;"
+				});
+				e.appendChild(m), e.appendChild(h), e.appendChild(g);
+				var _ = 0, v = 1, x = Math.max(2, Math.floor(u * .1)) / (u - 1);
+				function S(e, t) {
+					var n = Z + e * Q, r = Z + t * Q;
+					m.setAttribute("x", n), m.setAttribute("width", Math.max(2, r - n)), h.setAttribute("x", n - 3), g.setAttribute("x", r - 3);
+				}
+				S(_, v);
+				var C = typeof window < "u" && typeof window.requestAnimationFrame == "function", w = !1, T = null;
+				function E(e, t) {
+					T = [e, t], !w && (w = !0, C ? window.requestAnimationFrame(function() {
+						w = !1, T && a(T[0], T[1], !1);
+					}) : (w = !1, a(e, t, !1)));
+				}
+				function O(e) {
+					S(_, v);
+					var t = K(u, _, v);
+					e ? E(t.s, t.e) : (T = null, a(t.s, t.e, !0));
+				}
+				function k(e, t) {
+					e.style.touchAction = "none", e.style.userSelect = "none", e.style.webkitUserDrag = "none";
+					function n(n, r) {
+						var i = !0, a = n;
+						function o(e) {
+							if (i) {
+								var n = b((e - Z) / Q, 0, 1);
+								if (t === "l") _ = Math.min(n, v - x);
+								else if (t === "r") v = Math.max(n, _ + x);
+								else {
+									var r = v - _, o = (e - a) / Q;
+									_ = b(_ + o, 0, 1 - r), v = _ + r;
+								}
+								a = e, O(!0);
+							}
+						}
+						function s(e) {
+							e.preventDefault(), o(D(F, e.clientX));
+						}
+						function c() {
+							i = !1, e.removeEventListener("pointermove", s), e.removeEventListener("pointerup", c);
+							try {
+								e.releasePointerCapture(r);
+							} catch {}
+							O(!1);
+						}
+						e.addEventListener("pointermove", s), e.addEventListener("pointerup", c);
+					}
+					e.addEventListener("pointerdown", function(t) {
+						t.preventDefault(), t.stopPropagation();
+						try {
+							e.setPointerCapture(t.pointerId);
+						} catch {}
+						n(D(F, t.clientX), t.pointerId);
+					});
+				}
+				k(h, "l"), k(g, "r"), k(m, "pan");
+			})();
 		}
-		return m && T(k, l.map(function(e, t) {
+		return m && k(F, l.map(function(e, t) {
 			return {
 				color: r[t % r.length],
 				text: n("chart.seriesDefault", { n: t + 1 })
 			};
-		}), d, p + 6), k.appendChild(A.layer), w(k), k;
+		}), d, p + 6), F.appendChild(I.layer), h || w(F), F;
 	}
-	function H(e, t, r, i) {
+	function re(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 E(parseInt(i.w) || 400, parseInt(i.h) || 200);
+		})) return A(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 = p + (m ? o : 0), g = 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 = G(i, u), g = h ? 28 : 0, _ = p + (m ? o : 0) + g, v = l.map(function(e) {
 			return e.slice();
 		});
-		if (a) for (var _ = 1; _ < g.length; _++) for (var v = 0; v < u; v++) g[_][v] = (g[_][v] || 0) + (g[_ - 1][v] || 0);
-		var y = 0, b = Infinity;
-		g.forEach(function(e) {
+		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);
+		var T = 0, E = Infinity;
+		v.forEach(function(e) {
 			e.forEach(function(e) {
-				e > y && (y = e), e < b && (b = e);
+				e > T && (T = e), e < E && (E = e);
 			});
-		}), b === Infinity && (b = 0), b > 0 && !a && (b = 0);
-		var O = y - b || 1, k = i.yl ? 46 : 40, A = 12, j = i.xl ? 38 : 28, M = 18, N = d - k - A, P = p - M - j, L = s("svg", {
-			viewBox: "0 0 " + d + " " + h,
+		}), 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", {
+			viewBox: "0 0 " + d + " " + _,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
-		}), R = C(d, h);
-		function z(e) {
-			return k + (u > 1 ? e * N / (u - 1) : N / 2);
-		}
-		function B(e) {
-			return M + P * (1 - (e - b) / O);
-		}
-		for (var V = 0; V <= 4; V++) {
-			var H = b + O * V / 4, U = B(H);
-			L.appendChild(s("line", {
-				x1: k,
-				y1: U,
-				x2: d - A,
-				y2: U,
+		}), B = C(d, _);
+		function V(e) {
+			return j + (u > 1 ? e * P / (u - 1) : P / 2);
+		}
+		function H(e) {
+			return N + R * (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,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), L.appendChild(s("text", {
-				x: k - 4,
-				y: U + 4,
+			})), z.appendChild(s("text", {
+				x: j - 4,
+				y: ee + 4,
 				"text-anchor": "end",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
-			})).textContent = Math.round(H * 10) / 10;
+			})).textContent = Math.round(K * 10) / 10;
 		}
-		function W(e) {
+		function te(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++) {
@@ -2191,49 +2618,52 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return t;
 		}
-		g.forEach(function(e, o) {
+		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: z(d),
-					y: B(f),
+					x: V(d),
+					y: H(f),
 					idx: d
 				});
 			}
 			if (u.length) {
 				if (i.area !== void 0 || a) if (a && o > 0) {
-					for (var p = [], m = 0; m < g[o - 1].length; m++) g[o - 1][m] !== void 0 && p.push({
-						x: z(m),
-						y: B(g[o - 1][m])
+					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])
 					});
-					var h = "M" + u[0].x + "," + u[0].y;
+					var g = "M" + u[0].x + "," + u[0].y;
 					u.forEach(function(e) {
-						h += " L" + e.x + "," + e.y;
+						g += " L" + e.x + "," + e.y;
 					});
-					for (var _ = p.length - 1; _ >= 0; _--) h += " L" + p[_].x + "," + p[_].y;
-					h += " Z", L.appendChild(s("path", {
-						d: h,
+					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],
 						opacity: "0.4"
 					}));
 				} else {
-					var v = B(Math.max(0, b)), y = "M" + u[0].x + "," + v;
+					var y = H(Math.max(0, E)), b = "M" + u[0].x + "," + y;
 					u.forEach(function(e) {
-						y += " L" + e.x + "," + e.y;
-					}), y += " L" + u[u.length - 1].x + "," + v + " Z", L.appendChild(s("path", {
-						d: y,
+						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],
 						opacity: "0.15"
 					}));
 				}
-				c ? L.appendChild(s("path", {
-					d: W(u),
+				c ? X.appendChild(s("path", {
+					d: te(u),
 					fill: "none",
 					stroke: r[o % r.length],
 					"stroke-width": 2,
 					"stroke-linejoin": "round",
 					"stroke-linecap": "round"
-				})) : L.appendChild(s("polyline", {
+				})) : X.appendChild(s("polyline", {
 					points: u.map(function(e) {
 						return e.x + "," + e.y;
 					}).join(" "),
@@ -2244,21 +2674,50 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}));
 				var x = l[o];
 				u.forEach(function(a) {
-					var c = s("g", { class: "tokui-chart-tip-group" });
-					c.appendChild(s("circle", {
-						cx: a.x,
-						cy: a.y,
-						r: 8,
-						fill: "transparent"
-					})), c.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"
-					})), R.add(c, (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), L.appendChild(c), i.vals !== void 0 && (L.appendChild(s("text", {
+					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,
 						"text-anchor": "middle",
@@ -2267,28 +2726,70 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					})).textContent = x[a.idx] === void 0 ? e[a.idx] : x[a.idx]);
 				});
 			}
-		});
-		for (var G = [], K = 0; K < u; K++) G.push(z(K));
-		F(L, t.slice(0, u), G, p - 8, u > 1 ? N / (u - 1) : N);
-		var q = u > 1 ? N / (u - 1) : N;
-		return i.xl && I(L, i.xl, k + N / 2, p - 8 + (D(String(t[0] || "")) > q * .9 ? 26 : 12), !1), i.yl && I(L, i.yl, 12, M + P / 2, !0), m && T(L, l.map(function(e, t) {
+		}), h) {
+			var re = O(z, {
+				plotG: Y,
+				tipLayer: B.layer,
+				padL: j,
+				cw: P,
+				padT: N,
+				ch: R,
+				h: p,
+				w: d,
+				n: u,
+				srcLeft: function(e) {
+					return j + (u > 1 ? e * P / (u - 1) : 0);
+				},
+				srcRight: function(e) {
+					return j + (u > 1 ? e * P / (u - 1) : P);
+				},
+				overview: l.reduce(function(e, t) {
+					for (var n = 0; n < t.length; n++) {
+						var r = t[n] || 0;
+						e[n] = Math.max(e[n] || 0, r);
+					}
+					return e;
+				}, []),
+				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);
+				}
+			});
+			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 = "";
+				});
+			});
+		} 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);
+		}
+		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 {
 				color: r[t % r.length],
 				text: n("chart.seriesDefault", { n: t + 1 })
 			};
-		}), d, p + 6), L.appendChild(R.layer), w(L), L;
+		}), d, p + 6), z.appendChild(B.layer), h || w(z), z;
 	}
-	function U(e, t, n, r, i) {
+	function ie(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 = D(t[n] + " " + e + "(" + r + "%)");
+				var r = Math.round(e / i * 100), a = j(t[n] + " " + e + "(" + r + "%)");
 				a > u && (u = a);
 			}
 		});
-		var d = u / k, 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 / 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;
 		return {
 			fs: r,
 			leadLen: a,
@@ -2308,14 +2809,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			totalH: (g + _) * 2 + o
 		};
 	}
-	function W(e, t, r, i) {
+	function ae(e, t, r, i) {
 		var a = parseInt(i.w) || 280, c = parseInt(i.h) || 280;
-		if (!e.length) return E(a, c + o);
+		if (!e.length) return A(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 = U(e, t, i, u, l), f = [], p = -Math.PI / 2;
+		var d = ie(e, t, i, u, l), f = [], p = -Math.PI / 2;
 		e.forEach(function(e, t) {
 			var n = e / l * 2 * Math.PI;
 			f.push({
@@ -2332,16 +2833,28 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			preserveAspectRatio: "xMidYMid meet"
 		}), v = C(d.W, d.totalH);
 		f.forEach(function(e) {
-			var i = e.idx, a = e.end - e.start, o = m + g * Math.cos(e.start), c = h + g * Math.sin(e.start), u = m + g * Math.cos(e.end), d = h + g * Math.sin(e.end), f = +(a > Math.PI), p = "M" + m + "," + h + " L" + o + "," + c + " A" + g + "," + g + " 0 " + f + " 1 " + u + "," + d + " Z", y = Math.round(e.val / l * 100), b = s("g", { class: "tokui-chart-tip-group" });
-			b.appendChild(s("path", {
-				d: p,
+			var i = e.idx, a = e.end - e.start, o = Math.round(e.val / l * 100), c = s("g", { class: "tokui-chart-tip-group" });
+			if (a >= 2 * Math.PI - 1e-9) c.appendChild(s("circle", {
+				cx: m,
+				cy: h,
+				r: g,
 				fill: r[i % r.length],
 				stroke: "var(--tokui-chart-slice-stroke, #fff)",
 				"stroke-width": 2,
 				class: "tokui-chart-slice"
 			}));
+			else {
+				var u = m + g * Math.cos(e.start), d = h + g * Math.sin(e.start), f = m + g * Math.cos(e.end), p = h + g * Math.sin(e.end), y = +(a > Math.PI), b = "M" + m + "," + h + " L" + u + "," + d + " A" + g + "," + g + " 0 " + y + " 1 " + f + "," + p + " Z";
+				c.appendChild(s("path", {
+					d: b,
+					fill: r[i % r.length],
+					stroke: "var(--tokui-chart-slice-stroke, #fff)",
+					"stroke-width": 2,
+					class: "tokui-chart-slice"
+				}));
+			}
 			var x = m + g * .6 * Math.cos(e.mid), S = h + g * .6 * Math.sin(e.mid);
-			v.add(b, (t[i] || n("chart.itemDefault", { n: i + 1 })) + ": " + e.val + " (" + y + "%)", x, S), _.appendChild(b);
+			v.add(c, (t[i] || n("chart.itemDefault", { n: i + 1 })) + ": " + e.val + " (" + o + "%)", x, S), _.appendChild(c);
 		});
 		var y = d.leadLen, b = d.tailLen, x = d.gap;
 		return f.forEach(function(e) {
@@ -2364,18 +2877,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				});
 				w.textContent = t[n] + " " + e.val + "(" + a + "%)", _.appendChild(w);
 			}
-		}), T(_, e.map(function(e, i) {
+		}), k(_, 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 G(e, t, r, i) {
+	function Z(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 E(a, c + o);
+		})) return A(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",
@@ -2406,16 +2919,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 + "%"), T(g, p[0].map(function(e, i) {
+		})).textContent = i.v + "%"), k(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 K(e, t, r, i) {
+	function oe(e, t, r, i) {
 		var a = e.length, o = parseInt(i.w) || 480, c = parseInt(i.h) || 320;
-		if (!a) return E(o, c);
+		if (!a) return A(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",
@@ -2484,7 +2997,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 q(e, t, r, i) {
+	function se(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);
@@ -2522,86 +3035,86 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return N[0];
 		}
 		var I = M.length ? F(D) : A[i.status] || (g(i.c) ? i.c : null) || r[0] || A.primary;
-		function R(e, t) {
+		function L(e, t) {
 			return [c + t * Math.cos(e), v + t * Math.sin(e)];
 		}
-		function z(e, t, n) {
-			var r = R(e, n), i = R(t, n), a = +(t - e > Math.PI);
+		function R(e, t, n) {
+			var r = L(e, n), i = L(t, n), a = +(t - e > Math.PI);
 			return "M" + r[0] + "," + r[1] + " A" + n + "," + n + " 0 " + a + " 1 " + i[0] + "," + i[1];
 		}
-		function B(e) {
+		function z(e) {
 			return f + b((e - S) / E, 0, 1) * (p - f);
 		}
-		function V(e) {
+		function B(e) {
 			return k > 0 ? e.toFixed(k) : String(Math.round(e));
 		}
-		var H = 14, U = s("svg", {
+		var V = 14, H = s("svg", {
 			viewBox: "0 0 " + a + " " + o,
 			class: "tokui-chart__svg tokui-chart__svg--gauge",
 			preserveAspectRatio: "xMidYMid meet"
-		}), W = C(a, o);
-		if (M.length) for (var G = 0; G < P.length - 1; G++) U.appendChild(s("path", {
-			d: z(B(P[G]), B(P[G + 1]), x),
+		}), U = C(a, o);
+		if (M.length) for (var W = 0; W < P.length - 1; W++) H.appendChild(s("path", {
+			d: R(z(P[W]), z(P[W + 1]), x),
 			fill: "none",
-			stroke: N[G % N.length],
-			"stroke-width": H,
+			stroke: N[W % N.length],
+			"stroke-width": V,
 			"stroke-linecap": "butt",
 			opacity: "0.28",
 			class: "tokui-chart-gauge-track"
 		}));
-		else U.appendChild(s("path", {
-			d: z(f, p, x),
+		else H.appendChild(s("path", {
+			d: R(f, p, x),
 			fill: "none",
 			stroke: "var(--tokui-chart-grid, #ececec)",
-			"stroke-width": H,
+			"stroke-width": V,
 			"stroke-linecap": "round",
 			class: "tokui-chart-gauge-track"
 		}));
-		var K = parseInt(i.ticks, 10);
-		isNaN(K) && (K = 6);
-		var q = {};
+		var G = parseInt(i.ticks, 10);
+		isNaN(G) && (G = 6);
+		var K = {};
 		[S, T].concat(M).forEach(function(e) {
-			q[Math.round(e * 100) / 100] = !0;
+			K[Math.round(e * 100) / 100] = !0;
 		});
-		for (var J = 0; J <= K; J++) {
-			var ee = f + J / K * (p - f), te = J === 0 || J === K, Y = R(ee, x - H / 2 - 1), ne = R(ee, x + H / 2 + 2);
-			U.appendChild(s("line", {
+		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);
+			H.appendChild(s("line", {
 				x1: Y[0],
 				y1: Y[1],
-				x2: ne[0],
-				y2: ne[1],
+				x2: X[0],
+				y2: X[1],
 				stroke: "var(--tokui-chart-text, #bbb)",
 				"stroke-width": te ? 1.2 : .6,
 				opacity: te ? .8 : .35
 			}));
-			var re = S + J / K * E, ie = Math.round(re * 100) / 100;
-			if (te || q[ie]) {
-				var ae = R(ee, x + H / 2 + 12), oe = s("text", {
-					x: ae[0],
-					y: ae[1],
+			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],
 					"text-anchor": "middle",
 					"dominant-baseline": "central",
 					fill: "var(--tokui-chart-text, #999)",
 					"font-size": "8"
 				});
-				oe.textContent = k > 0 ? re.toFixed(k) : Math.round(re), U.appendChild(oe);
+				ae.textContent = k > 0 ? ne.toFixed(k) : Math.round(ne), H.appendChild(ae);
 			}
 		}
-		var X = s("g", { class: "tokui-chart-tip-group" }), Z = s("path", {
+		var Z = s("g", { class: "tokui-chart-tip-group" }), oe = s("path", {
 			fill: "none",
 			stroke: I,
-			"stroke-width": H,
+			"stroke-width": V,
 			"stroke-linecap": "round",
 			class: "tokui-chart-gauge-arc"
 		});
-		X.appendChild(Z), W.add(X, (i.l || n("gauge.currentValue")) + ": " + V(D) + O + "  (" + Math.round(b((D - S) / E, 0, 1) * 100) + "%)", c, v - x), U.appendChild(X);
-		var Q = s("line", {
+		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", {
 			stroke: I,
 			"stroke-width": 2.5,
 			"stroke-linecap": "round",
 			class: "tokui-chart-gauge-needle"
 		});
-		U.appendChild(Q), U.appendChild(s("circle", {
+		H.appendChild(se), H.appendChild(s("circle", {
 			cx: c,
 			cy: v,
 			r: 5,
@@ -2610,9 +3123,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"stroke-width": 1.5,
 			class: "tokui-chart-gauge-hub"
 		}));
-		var se = v - x * (l === 180 ? .5 : l === 270 ? .2 : .12), ce = s("text", {
+		var Q = v - x * (l === 180 ? .5 : l === 270 ? .2 : .12), ce = s("text", {
 			x: c,
-			y: se,
+			y: Q,
 			"text-anchor": "middle",
 			"dominant-baseline": "central",
 			fill: "var(--tokui-text, #333)",
@@ -2620,8 +3133,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			"font-weight": "700",
 			class: "tokui-chart-gauge-value tokui-chart-gauge-label"
 		});
-		U.appendChild(ce);
-		var le = se + 20;
+		H.appendChild(ce);
+		var le = Q + 20;
 		if (i.l) {
 			var ue = s("text", {
 				x: c,
@@ -2632,7 +3145,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				"font-size": "10",
 				class: "tokui-chart-gauge-label"
 			});
-			ue.textContent = i.l, U.appendChild(ue), le += 15;
+			ue.textContent = i.l, H.appendChild(ue), le += 15;
 		}
 		if (i.status && j[i.status]) {
 			var de = s("text", {
@@ -2645,7 +3158,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				"font-weight": "600",
 				class: "tokui-chart-gauge-label"
 			});
-			de.textContent = j[i.status], U.appendChild(de);
+			de.textContent = j[i.status], H.appendChild(de);
 		}
 		if (i.sub) {
 			var fe = s("text", {
@@ -2657,22 +3170,22 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				"font-size": "9",
 				class: "tokui-chart-gauge-label"
 			});
-			fe.textContent = i.sub, U.appendChild(fe);
+			fe.textContent = i.sub, H.appendChild(fe);
 		}
-		U.appendChild(W.layer);
+		H.appendChild(U.layer);
 		function pe(e) {
-			var t = B(e);
-			Z.setAttribute("d", z(f, t, x));
-			var n = R(t, x - H / 2 - 3);
-			Q.setAttribute("x1", c), Q.setAttribute("y1", v), Q.setAttribute("x2", n[0]), Q.setAttribute("y2", n[1]), ce.textContent = V(e) + O;
+			var t = z(e);
+			oe.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;
 		}
-		return w(U), L(S, D, parseInt(i.anim, 10) || 0, pe), U;
+		return w(H), ee(S, D, parseInt(i.anim, 10) || 0, pe), H;
 	}
-	function J(e, t, r, i) {
+	function Q(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 E(a, c);
+		})) return A(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) {
@@ -2684,9 +3197,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
 		}), y = C(a, m), b = 1; b <= 4; b++) {
-			for (var x = h * b / 4, S = [], D = 0; D < g; D++) {
-				var O = 2 * Math.PI * D / g - Math.PI / 2;
-				S.push(l + x * Math.cos(O) + "," + (u + x * Math.sin(O)));
+			for (var x = h * b / 4, S = [], T = 0; T < g; T++) {
+				var E = 2 * Math.PI * T / g - Math.PI / 2;
+				S.push(l + x * Math.cos(E) + "," + (u + x * Math.sin(E)));
 			}
 			v.appendChild(s("polygon", {
 				points: S.join(" "),
@@ -2695,23 +3208,23 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				"stroke-width": 1
 			}));
 		}
-		for (var D = 0; D < g; D++) {
-			var O = 2 * Math.PI * D / g - Math.PI / 2;
+		for (var T = 0; T < g; T++) {
+			var E = 2 * Math.PI * T / g - Math.PI / 2;
 			v.appendChild(s("line", {
 				x1: l,
 				y1: u,
-				x2: l + h * Math.cos(O),
-				y2: u + h * Math.sin(O),
+				x2: l + h * Math.cos(E),
+				y2: u + h * Math.sin(E),
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), t[D] && (v.appendChild(s("text", {
-				x: l + (h + 14) * Math.cos(O),
-				y: u + (h + 14) * Math.sin(O),
+			})), t[T] && (v.appendChild(s("text", {
+				x: l + (h + 14) * Math.cos(E),
+				y: u + (h + 14) * Math.sin(E),
 				"text-anchor": "middle",
 				"dominant-baseline": "central",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "7"
-			})).textContent = t[D]);
+			})).textContent = t[T]);
 		}
 		return d.forEach(function(e, i) {
 			var a = r[i % r.length], o = [];
@@ -2745,47 +3258,47 @@ 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 && T(v, d.map(function(e, t) {
+		}), p && k(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 ee(e, t, n, r) {
+	function ce(e, t, n, r) {
 		var i = p(r.d);
-		if (!i.length) return E(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 = P(r, "xmin", "_xMin", y(i.map(function(e) {
+		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) {
 			return e.x;
-		}))), T = P(r, "xmax", "_xMax", v(i.map(function(e) {
+		}))), T = V(r, "xmax", "_xMax", v(i.map(function(e) {
 			return e.x;
-		}))), D = P(r, "ymin", "_yMin", y(i.map(function(e) {
+		}))), E = V(r, "ymin", "_yMin", y(i.map(function(e) {
 			return e.y;
-		}))), O = P(r, "ymax", "_yMax", v(i.map(function(e) {
+		}))), D = V(r, "ymax", "_yMax", v(i.map(function(e) {
 			return e.y;
-		}))), k = T - b || 1, A = O - D || 1, j = s("svg", {
+		}))), O = T - b || 1, k = D - E || 1, j = s("svg", {
 			viewBox: "0 0 " + a + " " + c,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
 		}), M = C(a, c), N = 0; N <= 4; N++) {
-			var F = d + h * (1 - N / 4);
+			var P = d + h * (1 - N / 4);
 			j.appendChild(s("line", {
 				x1: l,
-				y1: F,
+				y1: P,
 				x2: a - f,
-				y2: F,
+				y2: P,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
 			})), j.appendChild(s("text", {
 				x: l - 4,
-				y: F + 4,
+				y: P + 4,
 				"text-anchor": "end",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
-			})).textContent = Math.round(D + A * N / 4);
+			})).textContent = Math.round(E + k * N / 4);
 		}
 		return i.forEach(function(e, t) {
-			var r = l + (e.x - b) / k * m, i = d + h * (1 - (e.y - D) / A), a = s("g", { class: "tokui-chart-tip-group" });
+			var r = l + (e.x - b) / O * m, i = d + h * (1 - (e.y - E) / k), a = s("g", { class: "tokui-chart-tip-group" });
 			a.appendChild(s("circle", {
 				cx: r,
 				cy: i,
@@ -2809,10 +3322,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			o.textContent = e.x + "," + e.y, j.appendChild(o);
 		}), j.appendChild(M.layer), w(j), j;
 	}
-	function te(e) {
+	function le(e) {
 		return /[-/]/.test(String(e));
 	}
-	function Y(e, t) {
+	function ue(e, t) {
 		if (e === void 0 || e === "") return NaN;
 		if (t === "dates") {
 			var n = new Date(e);
@@ -2821,14 +3334,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		var r = parseFloat(e);
 		return isNaN(r) ? NaN : r;
 	}
-	function ne(e) {
+	function de(e) {
 		return e ? String(e).split("|").map(function(e) {
 			return e.split(",").map(function(e) {
 				return e.trim();
 			});
 		}) : [];
 	}
-	function re(e) {
+	function fe(e) {
 		return e ? String(e).split(",").map(function(e) {
 			var t = e.trim().split("->");
 			return [parseInt(t[0], 10), parseInt(t[1], 10)];
@@ -2836,31 +3349,31 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return !isNaN(e[0]) && !isNaN(e[1]);
 		}) : [];
 	}
-	function ie(e, t) {
+	function pe(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: Y(n[1], t),
+				time: ue(n[1], t),
 				group: parseInt(n[2], 10) || 0
 			};
 		}) : [];
 	}
-	function ae(e) {
+	function me(e) {
 		return e ? String(e).split("|").map(function(e) {
 			return e.trim();
 		}).filter(function(e) {
 			return e !== "";
 		}) : [];
 	}
-	function oe(e) {
-		var t = parseInt(e.w) || 1080, r = ne(e.tasks);
+	function he(e) {
+		var t = parseInt(e.w) || 1080, r = de(e.tasks);
 		if (!r.length) return { empty: !0 };
-		var i = e.mode === "days" || e.mode === "dates" ? e.mode : te(r[0][1]) ? "dates" : "days", a = [], s = 0;
+		var i = e.mode === "days" || e.mode === "dates" ? e.mode : le(r[0][1]) ? "dates" : "days", a = [], s = 0;
 		if (r.forEach(function(e, t) {
-			var r = Y(e[1], i), o = Y(e[2], i);
+			var r = ue(e[1], i), o = ue(e[2], i);
 			if (isNaN(r) || isNaN(o)) {
 				s++;
 				return;
@@ -2885,10 +3398,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 = ie(e.ms, i).filter(function(e) {
+		var u = l - c || 1, d = pe(e.ms, i).filter(function(e) {
 			return !isNaN(e.time);
-		}), f = ae(e.gnames), p = {}, m = {};
-		re(e.deps).forEach(function(e) {
+		}), f = me(e.gnames), p = {}, m = {};
+		fe(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));
 		});
@@ -2933,14 +3446,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		};
 	}
-	function X(e, t) {
+	function ge(e, t) {
 		if (t === "dates") {
 			var n = new Date(e);
 			return n.getMonth() + 1 + "/" + n.getDate();
 		}
 		return "D" + e;
 	}
-	function Z(e) {
+	function _e(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,
@@ -2963,9 +3476,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return t;
 	}
-	function Q(e, t) {
+	function ve(e, t) {
 		var n = t.totalH - (t.hasLeg ? o : 6);
-		Z(t).forEach(function(r) {
+		_e(t).forEach(function(r) {
 			var i = t.scale(r.t);
 			e.appendChild(s("line", {
 				x1: i,
@@ -2986,10 +3499,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			a.textContent = r.label, e.appendChild(a);
 		});
 	}
-	function se(e, t, n) {
+	function ye(e, t, n) {
 		return e + "," + (t - n) + " " + (e + n) + "," + t + " " + e + "," + (t + n) + " " + (e - n) + "," + t;
 	}
-	function ce(e, t, n, r) {
+	function be(e, t, n, r) {
 		var i = t.ms.map(function(e) {
 			return {
 				m: e,
@@ -3003,12 +3516,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: se(l, d, 6),
+				points: ye(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 + "  " + X(c.time, t.mode), l, d), e.appendChild(f);
+			})), r.add(f, c.name + "  " + ge(c.time, t.mode), l, d), e.appendChild(f);
 			var p = s("text", {
 				x: l,
 				y: d + 11 + (o ? 9 : 0),
@@ -3019,7 +3532,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			p.textContent = c.name, e.appendChild(p);
 		});
 	}
-	function le(e, t, n, r, i) {
+	function xe(e, t, n, r, i) {
 		var a = 8;
 		if (n - 3 > e + a) {
 			var o = n - 3, s = (e + o) / 2;
@@ -3028,7 +3541,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 ue(e, t) {
+	function Se(e, t) {
 		var n = s("defs"), r = s("marker", {
 			id: "gantt-arrow",
 			markerUnits: "userSpaceOnUse",
@@ -3046,7 +3559,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: le(i, a, o, c, t.BAR_H),
+					d: xe(i, a, o, c, t.BAR_H),
 					fill: "none",
 					stroke: "var(--tokui-chart-task-dep, #bbb)",
 					"stroke-width": "1",
@@ -3058,7 +3571,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		});
 	}
-	function de(e, t) {
+	function Ce(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);
@@ -3082,7 +3595,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			c.textContent = n("time.today"), e.appendChild(c);
 		}
 	}
-	function fe(e, t) {
+	function we(e, t) {
 		var r = s("text", {
 			x: t.w - 6,
 			y: 12,
@@ -3092,7 +3605,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		});
 		r.textContent = n("gantt.skipped", { n: t.skipped }), e.appendChild(r);
 	}
-	function pe(e, t) {
+	function Te(e, t) {
 		function n(e, t) {
 			for (var n = {}, r = [e], i = {}; r.length;) {
 				var a = r.shift();
@@ -3137,7 +3650,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		});
 	}
-	function me(e, t, r, i) {
+	function Ee(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",
@@ -3160,7 +3673,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 + "  " + X(a.start, t.mode) + "→" + X(a.end, t.mode) + "  " + n("gantt.progress") + ":" + a.progress + "%", l + d / 2, f), e.appendChild(p);
+			})), 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);
 			var m = s("text", {
 				x: t.LABEL_W - 6,
 				y: t.rowY(o) + 3,
@@ -3172,8 +3685,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			m.textContent = a.name, e.appendChild(m);
 		});
 	}
-	function he(e, t, r, i) {
-		var a = oe(i), c = a.w, l = s("svg", {
+	function De(e, t, r, i) {
+		var a = he(i), c = a.w, l = s("svg", {
 			viewBox: "0 0 " + c + " " + a.totalH,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
@@ -3189,7 +3702,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 (Q(l, a), a.hasMs && ce(l, a, r, d), me(l, a, r, d), ue(l, a), a.mode === "dates" && de(l, a), a.skipped > 0 && fe(l, a), l.appendChild(d.layer), w(l), pe(l, a), a.hasLeg) {
+		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) {
 			var f = Object.keys(a.tasks.reduce(function(e, t) {
 				return e[t.group] = 1, e;
 			}, {})).map(function(e) {
@@ -3197,7 +3710,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 			f.sort(function(e, t) {
 				return e - t;
-			}), T(l, f.map(function(e) {
+			}), k(l, f.map(function(e) {
 				return {
 					color: r[e % r.length],
 					text: a.gnames[e] || n("chart.groupDefault", { n: e + 1 })
@@ -3206,13 +3719,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return l;
 	}
-	function ge(e, t, n, r) {
+	function Oe(e, t, n, r) {
 		var i = {};
 		return Object.keys(r).forEach(function(e) {
 			i[e] = r[e];
-		}), i.area = !0, H(e, t, n, i);
+		}), i.area = !0, re(e, t, n, i);
 	}
-	function _e(e, t, n, r) {
+	function ke(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);
@@ -3255,9 +3768,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 L(c, u, parseInt(r.anim, 10) || 0, x), p;
+		return ee(c, u, parseInt(r.anim, 10) || 0, x), p;
 	}
-	function ve(e) {
+	function Ae(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim()) || 0;
@@ -3269,42 +3782,42 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}) : [];
 	}
-	function ye(e, t, n, r) {
-		var i = ve(r.d);
-		if (!i.length) return E(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 = P(r, "xmin", "_xMin", y(i.map(function(e) {
+	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) {
 			return e.x;
-		}))), h = P(r, "xmax", "_xMax", v(i.map(function(e) {
+		}))), h = V(r, "xmax", "_xMax", v(i.map(function(e) {
 			return e.x;
-		}))), g = P(r, "ymin", "_yMin", y(i.map(function(e) {
+		}))), g = V(r, "ymin", "_yMin", y(i.map(function(e) {
 			return e.y;
-		}))), _ = P(r, "ymax", "_yMax", v(i.map(function(e) {
+		}))), _ = V(r, "ymax", "_yMax", v(i.map(function(e) {
 			return e.y;
 		}))), b = r._sMax === void 0 ? v(i.map(function(e) {
 			return e.s;
-		})) || 1 : +r._sMax, T = h - m || 1, D = _ - g || 1, O = s("svg", {
+		})) || 1 : +r._sMax, T = h - m || 1, E = _ - g || 1, D = s("svg", {
 			viewBox: "0 0 " + a + " " + o,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
-		}), k = C(a, o), A = 0; A <= 4; A++) {
-			var j = u + p * (1 - A / 4);
-			O.appendChild(s("line", {
+		}), O = C(a, o), k = 0; k <= 4; k++) {
+			var j = u + p * (1 - k / 4);
+			D.appendChild(s("line", {
 				x1: c,
 				y1: j,
 				x2: a - d,
 				y2: j,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), O.appendChild(s("text", {
+			})), D.appendChild(s("text", {
 				x: c - 4,
 				y: j + 4,
 				"text-anchor": "end",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
-			})).textContent = Math.round(g + D * A / 4);
+			})).textContent = Math.round(g + E * k / 4);
 		}
 		return i.forEach(function(e, t) {
-			var i = c + (e.x - m) / T * f, a = u + p * (1 - (e.y - g) / D), o = 4 + e.s / b * 16, l = s("g", { class: "tokui-chart-tip-group" });
+			var i = c + (e.x - m) / T * f, a = u + p * (1 - (e.y - g) / E), o = 4 + e.s / b * 16, l = s("g", { class: "tokui-chart-tip-group" });
 			l.appendChild(s("circle", {
 				cx: i,
 				cy: a,
@@ -3319,10 +3832,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				stroke: n[t % n.length],
 				"stroke-width": 1.5,
 				class: "tokui-chart-point"
-			})), k.add(l, (r.xl || "X") + ": " + e.x + "  " + (r.yl || "Y") + ": " + e.y + "  " + (r.sl || "size") + ": " + e.s, i, a), O.appendChild(l);
-		}), O.appendChild(k.layer), w(O), O;
+			})), 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 be(e) {
+	function Me(e) {
 		return e ? String(e).split("|").map(function(e) {
 			return e.split(",").map(function(e) {
 				return parseFloat(e.trim());
@@ -3331,7 +3844,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		}) : [];
 	}
-	function xe(e) {
+	function Ne(e) {
 		if (!e) return null;
 		var t = String(e).split(","), n = Infinity, r = -Infinity, i = 0;
 		return t.forEach(function(e) {
@@ -3346,10 +3859,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			bins: i
 		};
 	}
-	function Se(e, t) {
-		var n = xe(e.l), r = parseInt(e.bins, 10);
+	function Pe(e, t) {
+		var n = Ne(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 = P(e, "min", "_lo", n ? n.lo : y(t)), a = P(e, "max", "_hi", n ? n.hi : v(t));
+		var i = V(e, "min", "_lo", n ? n.lo : y(t)), a = V(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) {
@@ -3362,16 +3875,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			counts: s
 		};
 	}
-	function Ce(e, t, n, r) {
-		var i = be(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 E(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, D = [];
+	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);
+		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) || D.push(e);
+				isNaN(e) || E.push(e);
 			});
 		});
-		for (var O = D.length > 0, k = O ? P(r, "vmin", "_vMin", y(D)) : 0, A = (O ? P(r, "vmax", "_vMax", v(D)) : 1) - k || 1, j = h(r.c).length ? h(r.c) : [
+		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) : [
 			"#bae0ff",
 			"#1677ff",
 			"#0958d9"
@@ -3379,18 +3892,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			viewBox: "0 0 " + a + " " + o,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
-		}), F = C(a, o), I = 0; I < f; I++) for (var L = 0; L < u; L++) {
-			var R = i[I] ? i[I][L] : void 0, z = R !== void 0 && !isNaN(R), V = z && O ? (R - k) / A : 0, H = z ? B(j, V) : M, U = p + L * S, W = m + I * T, G = s("g", { class: "tokui-chart-tip-group" });
-			G.appendChild(s("rect", {
-				x: U + 1,
-				y: W + 1,
+		}), 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" });
+			W.appendChild(s("rect", {
+				x: H + 1,
+				y: U + 1,
 				width: S - 2,
 				height: T - 2,
 				rx: 2,
-				fill: H,
-				opacity: z ? "1" : "0.5",
-				class: "tokui-chart-cell" + (z ? "" : " tokui-chart-cell--skeleton")
-			})), z && F.add(G, (l[I] || "R" + (I + 1)) + " / " + (c[L] || "C" + (L + 1)) + ": " + R, U + S / 2, W + T / 2), N.appendChild(G);
+				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);
 		}
 		return c.forEach(function(e, t) {
 			N.appendChild(s("text", {
@@ -3408,11 +3921,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
 			})).textContent = e;
-		}), N.appendChild(F.layer), w(N), N;
+		}), N.appendChild(P.layer), w(N), N;
 	}
-	function we(e, t, r, i) {
+	function Ie(e, t, r, i) {
 		var a = parseInt(i.w) || 280, c = parseInt(i.h) || 280, l = c + o;
-		if (!e.length) return E(a, l);
+		if (!e.length) return A(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",
@@ -3436,24 +3949,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "8"
 			})).textContent = t[i] || "", g += _;
-		}), T(m, e.map(function(e, i) {
+		}), k(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 Te(e, t, n, r) {
+	function Le(e, t, n, r) {
 		var i = parseInt(r.w) || 400, a = parseInt(r.h) || 200;
-		if (!e.length) return E(i, a);
-		for (var o = Se(r, e), s = [], c = 0; c < o.bins; c++) s.push((o.lo + c * o.width).toFixed(1));
+		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));
 		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, V(o.counts, s, n, l);
+		}), l.d = o.counts.join(","), l.l = s.join(","), l.vals = "", delete l.bins, ne(o.counts, s, n, l);
 	}
-	function Ee(e, t, r, i) {
-		if (!e.length) return E(parseInt(i.w) || 400, parseInt(i.h) || 200);
+	function Re(e, t, r, i) {
+		if (!e.length) return A(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;
@@ -3470,45 +3983,45 @@ 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 = 30, h = 18, g = 12, _ = a - p - g, b = o - h - m, T = _ / e.length, D = Math.max(4, T * .6), O = r[0] || "#52c41a", k = r[1] || "#f5222d", A = s("svg", {
+		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", {
 			viewBox: "0 0 " + a + " " + o,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
-		}), j = C(a, o);
-		function M(e) {
-			return h + b * (1 - (e - d) / f);
+		}), M = C(a, o);
+		function N(e) {
+			return m + D * (1 - (e - d) / f);
 		}
-		for (var N = 0; N <= 4; N++) {
-			var P = M(d + f * N / 4);
-			A.appendChild(s("line", {
+		for (var P = 0; P <= 4; P++) {
+			var F = N(d + f * P / 4);
+			j.appendChild(s("line", {
 				x1: p,
-				y1: P,
-				x2: a - g,
-				y2: P,
+				y1: F,
+				x2: a - h,
+				y2: F,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), A.appendChild(s("text", {
+			})), j.appendChild(s("text", {
 				x: p - 4,
-				y: P + 4,
+				y: F + 4,
 				"text-anchor": "end",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
-			})).textContent = Math.round(d + f * N / 4);
+			})).textContent = Math.round(d + f * P / 4);
 		}
 		l.forEach(function(e, r) {
-			var i = p + r * T + T * .2, a = M(e.top), o = Math.max(0, (e.top - e.base) / f * b), c = e.isPos ? O : k, u = s("g", { class: "tokui-chart-tip-group" });
+			var i = p + r * _ + _ * .2, a = N(e.top), o = Math.max(0, (e.top - e.base) / f * D), c = e.isPos ? O : k, u = s("g", { class: "tokui-chart-tip-group" });
 			u.appendChild(s("rect", {
 				x: i,
 				y: a,
-				width: D - 1,
+				width: b - 1,
 				height: o,
 				fill: c,
 				rx: 2,
 				class: "tokui-chart-bar"
-			})), j.add(u, (t[r] || n("chart.sliceDefault", { n: r + 1 })) + ": " + e.val + " (" + n("chart.cumulative", { n: Math.round(e.top) }) + ")", i + D / 2, a), A.appendChild(u), r < l.length - 1 && A.appendChild(s("line", {
-				x1: i + D - 1,
+			})), 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", {
+				x1: i + b - 1,
 				y1: a,
-				x2: i + T,
+				x2: i + _,
 				y2: a,
 				stroke: c,
 				"stroke-width": 1,
@@ -3516,10 +4029,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				opacity: "0.45"
 			}));
 		});
-		for (var I = [], L = 0; L < e.length; L++) I.push(p + L * T + T / 2);
-		return F(A, t.slice(0, e.length), I, o - 8, T), A.appendChild(j.layer), w(A), A;
+		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;
 	}
-	function De(e) {
+	function ze(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim()) || 0;
@@ -3533,78 +4046,81 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}) : [];
 	}
-	function Oe(e, t, r, i) {
-		var a = De(i.d);
-		if (!a.length) return E(parseInt(i.w) || 400, parseInt(i.h) || 240);
+	function Be(e, t, r, i) {
+		var a = ze(i.d);
+		if (!a.length) return A(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 = 30, h = 18, g = 12, _ = o - p - g, b = c - h - m, T = _ / a.length, D = Math.max(20, T * .5), O = s("svg", {
-			viewBox: "0 0 " + o + " " + c,
+		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", {
+			viewBox: "0 0 " + o + " " + (c + b),
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
-		}), k = C(o, c);
-		function A(e) {
-			return h + b * (1 - (e - u) / f);
+		}), N = C(o, c + b);
+		function P(e) {
+			return m + j * (1 - (e - u) / f);
 		}
-		for (var j = 0; j <= 4; j++) {
-			var M = A(u + f * j / 4);
-			O.appendChild(s("line", {
+		for (var F = 0; F <= 4; F++) {
+			var I = P(u + f * F / 4);
+			M.appendChild(s("line", {
 				x1: p,
-				y1: M,
-				x2: o - g,
-				y2: M,
+				y1: I,
+				x2: o - h,
+				y2: I,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), O.appendChild(s("text", {
+			})), M.appendChild(s("text", {
 				x: p - 4,
-				y: M + 4,
+				y: I + 4,
 				"text-anchor": "end",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
-			})).textContent = Math.round(u + f * j / 4);
+			})).textContent = Math.round(u + f * F / 4);
 		}
-		a.forEach(function(e, i) {
+		var L = _ ? s("g", { class: "tokui-chart-plot" }) : null;
+		L && M.appendChild(L);
+		var R = L || M, 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", {
 				x1: a,
-				y1: A(e.max),
+				y1: P(e.max),
 				x2: a,
-				y2: A(e.q3),
+				y2: P(e.q3),
 				stroke: o,
 				"stroke-width": 1.5,
 				class: "tokui-chart-whisker"
 			})), c.appendChild(s("line", {
 				x1: a,
-				y1: A(e.q1),
+				y1: P(e.q1),
 				x2: a,
-				y2: A(e.min),
+				y2: P(e.min),
 				stroke: o,
 				"stroke-width": 1.5,
 				class: "tokui-chart-whisker"
 			})), c.appendChild(s("line", {
 				x1: a - 6,
-				y1: A(e.max),
+				y1: P(e.max),
 				x2: a + 6,
-				y2: A(e.max),
+				y2: P(e.max),
 				stroke: o,
 				"stroke-width": 1.5
 			})), c.appendChild(s("line", {
 				x1: a - 6,
-				y1: A(e.min),
+				y1: P(e.min),
 				x2: a + 6,
-				y2: A(e.min),
+				y2: P(e.min),
 				stroke: o,
 				"stroke-width": 1.5
 			}));
-			var l = A(e.q3), u = Math.max(0, A(e.q1) - A(e.q3));
+			var l = P(e.q3), u = Math.max(0, P(e.q1) - P(e.q3));
 			c.appendChild(s("rect", {
-				x: a - D / 2,
+				x: a - E / 2,
 				y: l,
-				width: D,
+				width: E,
 				height: u,
 				fill: o,
 				opacity: "0.4",
@@ -3612,18 +4128,61 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				"stroke-width": 1.5,
 				class: "tokui-chart-box"
 			})), c.appendChild(s("line", {
-				x1: a - D / 2,
-				y1: A(e.med),
-				x2: a + D / 2,
-				y2: A(e.med),
+				x1: a - E / 2,
+				y1: P(e.med),
+				x2: a + E / 2,
+				y2: P(e.med),
 				stroke: o,
 				"stroke-width": 2
-			})), k.add(c, (t[i] || n("chart.groupDefault", { n: i + 1 })) + "  min:" + e.min + " Q1:" + e.q1 + " " + n("chart.median") + ":" + e.med + " Q3:" + e.q3 + " max:" + e.max, a, A(e.med)), O.appendChild(c);
-		});
-		for (var N = [], P = 0; P < a.length; P++) N.push(p + P * T + T / 2);
-		return F(O, t.slice(0, a.length), N, c - 8, T), O.appendChild(k.layer), w(O), O;
+			}));
+			var d = (t[i] || n("chart.groupDefault", { n: i + 1 })) + "  min:" + e.min + " Q1:" + e.q1 + " " + n("chart.median") + ":" + e.med + " Q3:" + e.q3 + " max:" + e.max;
+			_ ? z.push({
+				grp: c,
+				cx: a,
+				y: P(e.med),
+				text: d
+			}) : N.add(c, d, a, P(e.med)), R.appendChild(c);
+		}), _) {
+			var B = a.length, V = O(M, {
+				plotG: L,
+				tipLayer: N.layer,
+				padL: p,
+				cw: g,
+				padT: m,
+				ch: j,
+				h: c,
+				w: o,
+				n: B,
+				srcLeft: function(e) {
+					return p + e * T;
+				},
+				srcRight: function(e) {
+					return p + (e + 1) * T;
+				},
+				overview: a.map(function(e) {
+					return e.q3;
+				}),
+				valMin: u,
+				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);
+				}
+			});
+			z.forEach(function(e) {
+				e.grp.addEventListener("mouseenter", function() {
+					V.showTip(e.text, V.winState.sx * e.cx + V.winState.tx, e.y);
+				}), e.grp.addEventListener("mouseleave", function() {
+					V.sharedTip.style.opacity = "";
+				});
+			});
+		} 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);
+		}
+		return M.appendChild(N.layer), _ || w(M), M;
 	}
-	function ke(e) {
+	function Ve(e) {
 		return e ? String(e).split(",").map(function(e) {
 			var t = e.split(":");
 			return {
@@ -3634,9 +4193,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return e.value > 0;
 		}) : [];
 	}
-	function Ae(e, t, n, r) {
-		var i = ke(r.d), a = parseInt(r.w) || 480, o = parseInt(r.h) || 320;
-		if (!i.length) return E(a, o);
+	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);
 		i.sort(function(e, t) {
 			return t.value - e.value;
 		});
@@ -3694,7 +4253,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 je(e, t, n, r) {
+	function Ue(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;
@@ -3707,7 +4266,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 E(o, c);
+		if (!a.length) return A(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);
@@ -3766,7 +4325,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			})).textContent = e;
 		}), S.appendChild(T.layer), w(S), S;
 	}
-	function Me(e) {
+	function We(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim());
@@ -3781,9 +4340,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}).filter(Boolean) : [];
 	}
-	function Ne(e, t, n, r) {
-		var i = Me(r.d);
-		if (!i.length) return E(parseInt(r.w) || 480, parseInt(r.h) || 280);
+	function Ge(e, t, n, r) {
+		var i = We(r.d);
+		if (!i.length) return A(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 {
@@ -3791,47 +4350,50 @@ 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 = N(c, l);
+			var d = B(c, l);
 			c = d[0], l = d[1];
 		}
 		c === l && (--c, l += 1);
-		var f = l - c || 1, p = 44, m = 30, g = 18, _ = 12, b = a - p - _, x = o - g - m, S = b / i.length, T = Math.max(3, S * .6), D = h(r.c), O = D[0] || "#f5222d", k = D[1] || "#52c41a", A = s("svg", {
-			viewBox: "0 0 " + a + " " + o,
+		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", {
+			viewBox: "0 0 " + a + " " + (o + x),
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
-		}), j = C(a, o);
-		function M(e) {
-			return g + x * (1 - (e - c) / f);
+		}), F = C(a, o + x);
+		function I(e) {
+			return m + k * (1 - (e - c) / f);
 		}
-		for (var P = 0; P <= 4; P++) {
-			var I = M(c + f * P / 4);
-			A.appendChild(s("line", {
+		for (var L = 0; L <= 4; L++) {
+			var R = I(c + f * L / 4);
+			P.appendChild(s("line", {
 				x1: p,
-				y1: I,
-				x2: a - _,
-				y2: I,
+				y1: R,
+				x2: a - g,
+				y2: R,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), A.appendChild(s("text", {
+			})), P.appendChild(s("text", {
 				x: p - 4,
-				y: I + 4,
+				y: R + 4,
 				"text-anchor": "end",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
-			})).textContent = Math.round(c + f * P / 4);
+			})).textContent = Math.round(c + f * L / 4);
 		}
-		i.forEach(function(e, n) {
-			var r = p + n * S + S / 2, i = e.c >= e.o, a = i ? O : k, o = s("g", { class: "tokui-chart-tip-group" });
+		var z = b ? s("g", { class: "tokui-chart-plot" }) : null;
+		z && P.appendChild(z);
+		var V = z || P, H = [];
+		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" });
 			o.appendChild(s("line", {
 				x1: r,
-				y1: M(e.h),
+				y1: I(e.h),
 				x2: r,
-				y2: M(e.l),
+				y2: I(e.l),
 				stroke: a,
 				"stroke-width": 1,
 				class: "tokui-chart-wick"
 			}));
-			var c = M(Math.max(e.o, e.c)), l = M(Math.min(e.o, e.c));
+			var c = I(Math.max(e.o, e.c)), l = I(Math.min(e.o, e.c));
 			o.appendChild(s("rect", {
 				x: r - T / 2,
 				y: c,
@@ -3839,16 +4401,59 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				height: Math.max(1, l - c),
 				fill: a,
 				class: "tokui-chart-candle"
-			})), j.add(o, (t[n] || "D" + (n + 1)) + "  O:" + e.o + " H:" + e.h + " L:" + e.l + " C:" + e.c + (i ? " ↑" : " ↓"), r, c), A.appendChild(o);
-		});
-		for (var L = [], R = 0; R < i.length; R++) L.push(p + R * S + S / 2);
-		return F(A, t.slice(0, i.length), L, o - 8, S), A.appendChild(j.layer), w(A), A;
+			}));
+			var u = (t[n] || "D" + (n + 1)) + "  O:" + e.o + " H:" + e.h + " L:" + e.l + " C:" + e.c + (i ? " ↑" : " ↓");
+			b ? H.push({
+				grp: o,
+				cx: r,
+				y: c,
+				text: u
+			}) : F.add(o, u, r, c), V.appendChild(o);
+		}), b) {
+			var W = i.length, K = O(P, {
+				plotG: z,
+				tipLayer: F.layer,
+				padL: p,
+				cw: _,
+				padT: m,
+				ch: k,
+				h: o,
+				w: a,
+				n: W,
+				srcLeft: function(e) {
+					return p + e * S;
+				},
+				srcRight: function(e) {
+					return p + (e + 1) * S;
+				},
+				overview: i.map(function(e) {
+					return e.c;
+				}),
+				valMin: c,
+				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);
+				}
+			});
+			H.forEach(function(e) {
+				e.grp.addEventListener("mouseenter", function() {
+					K.showTip(e.text, K.winState.sx * e.cx + K.winState.tx, e.y);
+				}), e.grp.addEventListener("mouseleave", function() {
+					K.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);
+		}
+		return P.appendChild(F.layer), b || w(P), P;
 	}
 	function $(e, t) {
 		r[e] = t;
 	}
-	function Pe(e) {
-		$("bar", V), $("line", H), $("pie", W), $("donut", G), $("radar", J), $("scatter", ee), $("gantt", he), $("funnel", K), $("gauge", q), $("area", ge), $("progress", _e), $("bubble", ye), $("heatmap", Ce), $("rose", we), $("histogram", Te), $("waterfall", Ee), $("boxplot", Oe), $("treemap", Ae), $("sankey", je), $("candlestick", Ne);
+	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 t(e, t) {
 			var n = e._chartState;
 			if (!(!n || !t)) {
@@ -3900,7 +4505,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 = Me(t.d);
+					var g = We(t.d);
 					if (g.length) {
 						var b = [];
 						g.forEach(function(e) {
@@ -3908,7 +4513,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 = N(e._yRange ? Math.min(e._yRange.lo, x) : x, e._yRange ? Math.max(e._yRange.hi, S) : S);
+							var C = B(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]
@@ -3918,7 +4523,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" ? ve(t.d) : p(t.d);
+					var w = s === "bubble" ? Ae(t.d) : p(t.d);
 					if (w.length) {
 						var T = w.map(function(e) {
 							return e.x;
@@ -3926,62 +4531,62 @@ 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 = N(e._xRange ? Math.min(e._xRange.lo, D) : D, e._xRange ? Math.max(e._xRange.hi, O) : O);
+							var j = B(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 = N(e._yRange ? Math.min(e._yRange.lo, k) : k, e._yRange ? Math.max(e._yRange.hi, A) : A);
+							var M = B(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]
 							};
 						}
 						if (s === "bubble") {
-							var P = v(w.map(function(e) {
+							var N = v(w.map(function(e) {
 								return e.s;
 							}));
-							isFinite(P) && (e._sMax = e._sMax ? Math.max(e._sMax, P) : P);
+							isFinite(N) && (e._sMax = e._sMax ? Math.max(e._sMax, N) : N);
 						}
 					}
 					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 F = be(t.rows || t.d);
-					if (F.length) {
-						var I = [];
-						if (F.forEach(function(e) {
+					var P = Me(t.rows || t.d);
+					if (P.length) {
+						var F = [];
+						if (P.forEach(function(e) {
 							e.forEach(function(e) {
-								isNaN(e) || I.push(e);
+								isNaN(e) || F.push(e);
 							});
-						}), I.length) {
-							var L = y(I), R = v(I);
-							isFinite(L) && isFinite(R) && (e._vRange = {
-								lo: e._vRange ? Math.min(e._vRange.lo, L) : L,
-								hi: e._vRange ? Math.max(e._vRange.hi, R) : R
+						}), F.length) {
+							var I = y(F), L = v(F);
+							isFinite(I) && isFinite(L) && (e._vRange = {
+								lo: e._vRange ? Math.min(e._vRange.lo, I) : I,
+								hi: e._vRange ? Math.max(e._vRange.hi, L) : L
 							});
 						}
 					}
 					e._vRange && (t._vMin = e._vRange.lo, t._vMax = e._vRange.hi);
 				}
 				if (s === "histogram") {
-					var z = c(t.d), B = xe(t.l);
-					if (B) e._hRange = {
-						lo: B.lo,
-						hi: B.hi
-					}, t.bins === void 0 && (e._hBins = B.bins);
-					else if (z.length) {
-						e._hBins === void 0 && t.bins === void 0 && (e._hBins = Math.min(20, Math.max(5, Math.ceil(Math.sqrt(z.length)))));
-						var V = y(z), H = v(z);
+					var R = c(t.d), z = Ne(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
 						});
 					}
-					if (e._hBins !== void 0 && (t._bins = e._hBins), e._hRange && (t._lo = e._hRange.lo, t._hi = e._hRange.hi), z.length) {
-						var U = v(Se(t, z).counts) || 1;
+					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;
 						e._yMax = e._yMax ? Math.max(e._yMax, U) : U, t._yMax = e._yMax;
 					}
 				}
@@ -4046,36 +4651,36 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							a = 0;
 						}
 						if (a > 0) {
-							if (t.getAttribute("data-chart-type") === "pie") {
-								var o = e._tokuiChartSpec;
-								if (!o || !o.data || !o.data.length || !o.labels || !o.labels.some(function(e) {
+							var o = a / r, s = t.getAttribute("data-chart-type");
+							if (L(t, o), s === "pie") {
+								var c = e._tokuiChartSpec;
+								if (!c || !c.data || !c.data.length || !c.labels || !c.labels.some(function(e) {
 									return !!e;
 								})) return;
-								var s = o.data.reduce(function(e, t) {
+								var l = c.data.reduce(function(e, t) {
 									return e + t;
-								}, 0) || 1, c = U(o.data, o.labels, o.attrs, 7, s), l = c.r + c.fs, u = j(a, l, c.fixedA, c.coefB, O), d = 14, f = Infinity;
-								if (c.coefB > 1) {
-									var p = a * l - 2 * d * (l + c.fixedA), m = a + 2 * d * (c.coefB - 1);
-									f = p > 0 && m > 0 ? p / m : 7;
+								}, 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;
+								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;
 								}
-								var h = Math.min(u, f), g = e._tokuiFsApplied || 7;
-								h > 7.05 && h > g + .05 && (e._tokuiFsApplied = h, i(e, Object.assign({}, o.attrs, { _pieFs: h })));
+								var _ = Math.min(f, m), v = e._tokuiFsApplied || 7;
+								_ > 7.05 && _ > v + .05 && (e._tokuiFsApplied = _, i(e, Object.assign({}, c.attrs, { _pieFs: _ })));
 								return;
 							}
-							var _ = a / r;
-							if (_ > 0) for (var v = t.querySelectorAll("text[font-size]"), y = 0; y < v.length; y++) {
-								for (var b = v[y], x = b.parentNode; x && x !== t;) {
-									if ((x.getAttribute && x.getAttribute("class") || "").indexOf("tokui-chart-tips-layer") >= 0) {
-										b = null;
+							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;
 									}
-									x = x.parentNode;
+									S = S.parentNode;
 								}
-								if (b && !(b.classList.contains("tokui-chart-gauge-value") || b.classList.contains("tokui-chart-donut-value"))) {
-									var S = parseFloat(b.getAttribute("font-size"));
-									if (!(!(S > 0) || S >= 13)) {
-										var C = A(S, _, O);
-										C !== S && b.setAttribute("font-size", String(Math.round(C * 100) / 100));
+								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));
 									}
 								}
 							}
@@ -4191,22 +4796,35 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var c = document.createElement("div");
 			c.className = "tokui-chart__modal-body";
 			var l = e.cloneNode(!0);
-			l.id && l.removeAttribute("id");
-			for (var u = l.querySelectorAll(".tokui-chart-tips-layer"), d = u.length - 1; d >= 0; d--) u[d].parentNode && u[d].parentNode.removeChild(u[d]);
-			c.appendChild(l), a.appendChild(c), a.appendChild(o), i.appendChild(a);
-			var f = document.body.style.overflow;
+			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;
 			document.body.style.overflow = "hidden";
-			var p = function(e) {
-				e.key === "Escape" && h();
-			}, m = !1;
-			function h() {
-				m || (m = !0, i.classList.remove("tokui-chart__modal--open"), document.removeEventListener("keydown", p), document.body.style.overflow = f, setTimeout(function() {
+			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();
 				}, 180));
 			}
 			i.addEventListener("click", function(e) {
-				e.target === i && h();
-			}), o.addEventListener("click", h), document.addEventListener("keydown", p), document.body.appendChild(i), i.offsetWidth, i.classList.add("tokui-chart__modal--open");
+				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) {
+				window.requestAnimationFrame(e);
+			} : function(e) {
+				e();
+			})(function() {
+				var e = 0;
+				try {
+					e = l.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);
+				}
+			});
 		}
 		function C(e) {
 			var t = document.createElement("div");
@@ -4261,13 +4879,18 @@ 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 = Pe, window.TokUI._internal.registerChartRenderer = $, window.TokUI._internal.bumpFsUnits = A, window.TokUI._internal.solvePieFs = j, window.TokUI._internal.pieSizing = U, window.TokUI._internal.MIN_CHART_PX = O), t !== void 0 && t.exports && (t.exports = {
-		registerChartComponents: Pe,
+	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,
 		registerChartRenderer: $,
-		bumpFsUnits: A,
-		solvePieFs: j,
-		pieSizing: U,
-		MIN_CHART_PX: O
+		bumpFsUnits: I,
+		solvePieFs: R,
+		pieSizing: ie,
+		MIN_CHART_PX: M,
+		MAX_CHART_PX: P,
+		applyTipScale: L,
+		axisXLayout: U,
+		zoomBounds: K,
+		zoomEnabled: G
 	});
 })), v = /* @__PURE__ */ o(((e, t) => {
 	var n = {
@@ -9403,29 +10026,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		};
 		function s(e) {
-			var t = e.indexOf("/"), n = t > 0 ? e.slice(0, t) : e, r = t > 0 ? e.slice(t + 1) : "", i = "", a = "";
-			if (r) {
-				var o = r.split("/");
-				i = o[0].trim().toLowerCase(), a = o[1] ? o[1].trim().toLowerCase() : "";
-			}
-			var s = n.indexOf(":");
+			var t = T(e), n = t.text, r = n.indexOf(":");
 			return {
-				name: s > 0 ? n.slice(0, s) : n,
-				align: {
-					c: "center",
-					center: "center",
-					r: "right",
-					right: "right",
-					l: "left",
-					left: "left"
-				}[i] || "",
-				color: {
-					primary: "primary",
-					success: "success",
-					warning: "warning",
-					danger: "danger",
-					info: "info"
-				}[a] || ""
+				name: r > 0 ? n.slice(0, r) : n,
+				align: t.align,
+				color: t.color
 			};
 		}
 		let c = [], u = [], d = [], f = 0, p = null;
@@ -9593,55 +10198,83 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				rowspan: a
 			};
 		}
-		function T(e, r, o) {
-			var s = o.colTypes, c = o.colAligns, l = o.seqNum, u = o.colspanVal, d = o.cellCols && o.cellCols[r] != null ? o.cellCols[r] : r, f = { class: "tokui-td" }, p = c[d];
-			p && (f.class += " tokui-col-" + p);
-			var m = o.colColors && o.colColors[d];
-			if (m && (f.class += " tokui-text--" + m), r === 0 && u >= 2 && (f.colspan = String(u)), r > 0 && r < u) return null;
-			var h = w(e), g = h.text.trim();
-			if (h.colspan >= 2 && (f.colspan = String(h.colspan)), h.rowspan >= 2 && (f.rowspan = String(h.rowspan)), s[d] === "chk") {
+		function T(e) {
+			for (var t = {
+				c: "center",
+				center: "center",
+				r: "right",
+				right: "right",
+				l: "left",
+				left: "left"
+			}, n = {
+				primary: "primary",
+				success: "success",
+				warning: "warning",
+				danger: "danger",
+				info: "info"
+			}, r = "", i = "", a = 0; a < 2; a++) {
+				var o = String(e).match(/\/([A-Za-z]+)$/);
+				if (!o) break;
+				var s = o[1].toLowerCase();
+				if (t[s] && !r) r = t[s];
+				else if (n[s] && !i) i = n[s];
+				else break;
+				e = String(e).slice(0, o.index);
+			}
+			return {
+				text: e,
+				align: r,
+				color: i
+			};
+		}
+		function E(e, r, o) {
+			var s = o.colTypes, c = o.colAligns, l = o.seqNum, u = o.colspanVal, d = o.cellCols && o.cellCols[r] != null ? o.cellCols[r] : r, f = { class: "tokui-td" }, p = T(e), m = w(p.text), h = m.text.trim(), g = p.align || c[d];
+			g && (f.class += " tokui-col-" + g);
+			var _ = p.color || o.colColors && o.colColors[d];
+			if (_ && (f.class += " tokui-text--" + _), r === 0 && u >= 2 && (f.colspan = String(u)), r > 0 && r < u) return null;
+			if (m.colspan >= 2 && (f.colspan = String(m.colspan)), m.rowspan >= 2 && (f.rowspan = String(m.rowspan)), s[d] === "chk") {
 				f.class += " tokui-col-chk";
-				var _ = t("td", f);
-				return _.appendChild(t("input", {
+				var v = t("td", f);
+				return v.appendChild(t("input", {
 					type: "checkbox",
 					class: "tokui-chk-row"
-				})), _;
+				})), v;
 			}
 			if (s[d] === "#") return f.class += " tokui-col-seq", t("td", f, String(l));
-			var v = a(g);
-			if (v) {
+			var y = a(h);
+			if (y) {
 				f.class += " tokui-td--inline";
-				var y = t("td", f);
-				return y.appendChild(v), y;
+				var b = t("td", f);
+				return b.appendChild(y), b;
 			}
-			if (g.startsWith("btn:")) {
+			if (h.startsWith("btn:")) {
 				f.class += " tokui-col-action";
-				var b = t("td", f);
-				return b.appendChild(n(g, t, i)), b;
-			}
-			if (g.startsWith("tag:")) {
-				var x = t("td", f), S = g.split(/\s+/), C = "", T = { class: "tokui-tag" };
-				return S.forEach(function(e) {
-					e.startsWith("tag:") ? C = e.slice(4) : e.startsWith("t:") && (T.class += " tokui-tag--" + e.slice(2));
-				}), x.appendChild(t("span", T, C)), x;
-			}
-			if (g.startsWith("progress")) {
-				var E = t("td", f), D = g.split(/\s+/), O = 0, k = "span", A = "";
-				if (D.forEach(function(e) {
-					e.startsWith("v:") ? O = parseInt(e.slice(2)) || 0 : e.startsWith("t:") ? k = e.slice(2) : e.startsWith("status:") && (A = e.slice(7));
-				}), k === "span") {
-					var j = t("span", { class: "tokui-progress tokui-progress--span" }), M = t("span", { class: "tokui-progress__mini-bar" }), N = "tokui-progress__mini-fill";
-					A === "error" ? N += " tokui-progress--error" : O >= 80 && (N += " tokui-progress--success");
-					var P = t("span", { class: N });
-					P.style.width = O + "%", M.appendChild(P), j.appendChild(M);
-					var F = t("span", { class: "tokui-progress__span-text" });
-					F.textContent = O + "%", j.appendChild(F), E.appendChild(j);
-				}
-				return E;
-			}
-			return t("td", f, g);
-		}
-		function E(e, t) {
+				var x = t("td", f);
+				return x.appendChild(n(h, t, i)), x;
+			}
+			if (h.startsWith("tag:")) {
+				var S = t("td", f), C = h.split(/\s+/), E = "", D = { class: "tokui-tag" };
+				return C.forEach(function(e) {
+					e.startsWith("tag:") ? E = e.slice(4) : e.startsWith("t:") && (D.class += " tokui-tag--" + e.slice(2));
+				}), S.appendChild(t("span", D, E)), S;
+			}
+			if (h.startsWith("progress")) {
+				var O = t("td", f), k = h.split(/\s+/), A = 0, j = "span", M = "";
+				if (k.forEach(function(e) {
+					e.startsWith("v:") ? A = parseInt(e.slice(2)) || 0 : e.startsWith("t:") ? j = e.slice(2) : e.startsWith("status:") && (M = e.slice(7));
+				}), j === "span") {
+					var N = t("span", { class: "tokui-progress tokui-progress--span" }), P = t("span", { class: "tokui-progress__mini-bar" }), F = "tokui-progress__mini-fill";
+					M === "error" ? F += " tokui-progress--error" : A >= 80 && (F += " tokui-progress--success");
+					var I = t("span", { class: F });
+					I.style.width = A + "%", P.appendChild(I), N.appendChild(P);
+					var L = t("span", { class: "tokui-progress__span-text" });
+					L.textContent = A + "%", N.appendChild(L), O.appendChild(N);
+				}
+				return O;
+			}
+			return t("td", f, h);
+		}
+		function D(e, t) {
 			e._tokuiCellText = [], e._tokuiCellTds = [];
 			var n = "\0SKELETON\0";
 			function r(t, n) {
@@ -9664,7 +10297,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					if (e._tokuiCellText[l] !== g) {
 						var _ = e._tokuiCellTds[l];
 						_ && _.parentNode === e && e.removeChild(_);
-						var v = h ? x(l, t) : T(u, l, t);
+						var v = h ? x(l, t) : E(u, l, t);
 						r(v, l), e._tokuiCellTds[l] = v || null, e._tokuiCellText[l] = g;
 					}
 				}
@@ -9692,7 +10325,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				colspanVal: r,
 				tbodyEl: e._tbodyEl
 			};
-			if (e._stream === "open") return E(n, a), n;
+			if (e._stream === "open") return D(n, a), n;
 			if (e.content) {
 				var o = y(e.content);
 				let t = b(o);
@@ -9703,7 +10336,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					return e !== t;
 				}), p = o.indexOf("[tr") !== -1;
 				!s && !l && i.length > 0 && t.length !== i.length && r < 2 && console.warn("TokUI Table: tr 单元格数 " + t.length + " != 列数 " + i.length + " → 列错位。" + (p ? "⚠️ 内容含 [tr 残留，疑似 tr 未正确闭合（引号未配对/含字面 [ ] 未引号包）→ parser 标签断裂、串行。" : t.length > i.length ? "疑似单元格内含逗号未用双引号包裹（如 12,800.00、\"a,b,c\"）。" : "疑似列标题(thead cols)含逗号被切散、或该行缺格。") + "规则：tr 不要外层引号、含逗号单元格直引号包。tr 原文: " + o), t.forEach((e, t) => {
-					let r = T(e, t, a);
+					let r = E(e, t, a);
 					r && n.appendChild(r);
 				});
 			}