@jboltai/tokui 0.1.4 → 0.1.6

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,321 @@ 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) {
+		if (e.createSVGPoint && e.getScreenCTM) try {
+			var n = e.createSVGPoint();
+			n.x = t, n.y = 0;
+			var r = e.getScreenCTM();
+			if (r) return n.matrixTransform(r.inverse()).x;
+		} catch {}
+		var i = e.getBoundingClientRect(), a = e.viewBox && e.viewBox.baseVal;
+		return !i || !i.width || !a ? t - (i ? i.left : 0) : (t - i.left) / i.width * a.width + a.x;
+	}
+	function O(e, t) {
+		if (e.createSVGPoint && e.getScreenCTM) try {
+			var n = e.createSVGPoint();
+			n.x = 0, n.y = t;
+			var r = e.getScreenCTM();
+			if (r) return n.matrixTransform(r.inverse()).y;
+		} catch {}
+		var i = e.getBoundingClientRect(), a = e.viewBox && e.viewBox.baseVal;
+		return !i || !i.height || !a ? t - (i ? i.top : 0) : (t - i.top) / i.height * a.height + a.y;
+	}
+	function k(e) {
+		if (typeof document > "u") return;
+		var t = e.svg, n = e.padL, r = e.padT, i = e.cw, a = e.ch, o = e.n, c = e.series, l = e.labels, u = s("g", { class: "tokui-chart-axis-pointer" });
+		e.tipLayer.appendChild(u);
+		var d = s("line", {
+			y1: r,
+			y2: r + a,
+			stroke: "var(--tokui-chart-axis, #bbb)",
+			"stroke-width": 1,
+			"stroke-dasharray": "4,3",
+			opacity: "0",
+			"pointer-events": "none"
+		}), f = s("line", {
+			x1: n,
+			x2: n + i,
+			stroke: "var(--tokui-chart-axis, #bbb)",
+			"stroke-width": 1,
+			"stroke-dasharray": "4,3",
+			opacity: "0",
+			"pointer-events": "none"
+		});
+		u.appendChild(d), u.appendChild(f);
+		var p = c.map(function(e) {
+			var t = s("circle", {
+				r: 5,
+				fill: "var(--tokui-card-bg, #fff)",
+				stroke: e.color,
+				"stroke-width": 2.5,
+				opacity: "0",
+				"pointer-events": "none"
+			});
+			return u.appendChild(t), t;
+		}), m = s("g", {
+			class: "tokui-chart-tip tokui-chart-tip--axis",
+			opacity: "0",
+			"pointer-events": "none",
+			style: "transition:opacity .12s ease;"
+		}), h = s("rect", {
+			rx: 4,
+			fill: "rgba(0,0,0,0.82)"
+		});
+		m.appendChild(h);
+		var g = s("text", {
+			"text-anchor": "start",
+			fill: "#fff",
+			"font-weight": "600"
+		});
+		m.appendChild(g);
+		var _ = c.map(function() {
+			var e = s("g", {});
+			return e.appendChild(s("rect", {
+				width: 8,
+				height: 8,
+				rx: 1
+			})), e.appendChild(s("text", {
+				"text-anchor": "start",
+				fill: "#fff"
+			})), m.appendChild(e), e;
+		});
+		u.appendChild(m);
+		function v() {
+			d.setAttribute("opacity", "0"), f.setAttribute("opacity", "0"), p.forEach(function(e) {
+				e.setAttribute("opacity", "0");
+			}), m.style.opacity = "0";
+		}
+		function y(n, r) {
+			var i = e.toIdx(n);
+			if (i < 0 || i >= o || !e.inWindow(i)) {
+				v();
+				return;
+			}
+			var a = e.toViewX(i);
+			d.setAttribute("x1", a), d.setAttribute("x2", a), d.setAttribute("opacity", "0.9"), f.setAttribute("y1", r), f.setAttribute("y2", r), f.setAttribute("opacity", "0.9");
+			var s = t._tokuiBumpedFs || e.bfs || 10, u = s + 4, y = 7, b = String(l[i] == null ? i + 1 : l[i]);
+			g.textContent = b, g.setAttribute("font-size", s);
+			var x = N(b) * s / 7;
+			_.forEach(function(t, n) {
+				var r = c[n].vals[i], o = c[n].markerVals ? c[n].markerVals[i] : r, l = (c[n].name ? c[n].name + ": " : "") + (r ?? "—");
+				t.querySelector("text").textContent = l, t.querySelector("text").setAttribute("font-size", s), t.querySelector("rect").setAttribute("fill", c[n].color);
+				var u = N(l) * s / 7;
+				u > x && (x = u), p[n].setAttribute("cx", a), p[n].setAttribute("cy", o == null ? 0 : e.yOf(o)), p[n].setAttribute("opacity", o == null || r == null ? "0" : "1");
+			});
+			var S = x + 8 + 8 + y * 2, C = u * (1 + c.length) + y * 2, w = 12, T = n + w, E = r + w;
+			T + S > e.w - 2 && (T = n - S - w), T < 2 && (T = 2), E + C > e.h - 2 && (E = r - C - w), E < 2 && (E = 2), h.setAttribute("x", T), h.setAttribute("y", E), h.setAttribute("width", S), h.setAttribute("height", C), g.setAttribute("x", T + y), g.setAttribute("y", E + y + s * .85), _.forEach(function(e, t) {
+				var n = E + y + u * (t + 1) + s * .85;
+				e.querySelector("rect").setAttribute("x", T + y), e.querySelector("rect").setAttribute("y", n - s * .7), e.querySelector("text").setAttribute("x", T + y + 8 + 8), e.querySelector("text").setAttribute("y", n);
+			}), m.style.opacity = "1";
+		}
+		var b = s("rect", {
+			x: n,
+			y: r,
+			width: i,
+			height: a,
+			fill: "transparent",
+			style: "cursor:crosshair;"
+		});
+		return t.appendChild(b), b.addEventListener("mousemove", function(e) {
+			y(D(t, e.clientX), O(t, e.clientY));
+		}), b.addEventListener("mouseleave", v), {
+			show: y,
+			hide: v,
+			overlay: b
+		};
+	}
+	function A(e, t) {
+		var n = t.padL, r = t.cw, i = t.n, a = t.plotG, o = "tokui-chart-clip-" + ++F, c = s("defs"), l = s("clipPath", { id: o });
+		l.appendChild(s("rect", {
+			x: n - 1,
+			y: t.padT - 1,
+			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(n, r, i) {
+			for (var a = e._tokuiBumpedFs || 10, o = a / 10, s = 0, c = 0; c < n.length; c++) s += n.charCodeAt(c) > 127 ? 10 : 5.5;
+			var l = s * o + 16, u = 18 * o, d = r - l / 2, f = i - u - 6;
+			d < 2 && (d = 2), d + l > t.w - 2 && (d = t.w - l - 2), f < 2 && (f = i + 10), m.setAttribute("x", d), m.setAttribute("y", f), m.setAttribute("width", l), m.setAttribute("height", u), h.setAttribute("x", d + l / 2), h.setAttribute("y", f + u / 2 + 1), h.setAttribute("font-size", a), h.textContent = n, g.style.opacity = "1";
+		}
+		function y(i, o, s) {
+			var c = t.srcLeft(i), l = r / (t.srcRight(o) - c), u = n - l * c;
+			if (a.setAttribute("transform", "matrix(" + l + " 0 0 1 " + u + " 0)"), _.s = i, _.e = o, _.sx = l, _.tx = u, E(p), s) {
+				t.renderLabels(p, i, o);
+				var d = e._tokuiBumpedFs;
+				if (d) for (var f = p.querySelectorAll("text"), m = 0; m < f.length; m++) f[m].setAttribute("font-size", d);
+			}
+			t.onZoom && t.onZoom(i, o, l, u);
+		}
+		var x = s("g", { class: "tokui-chart-zoom" });
+		d.appendChild(x);
+		var S = t.h + 6, C = 16, w = C - 2, T = s("rect", {
+			x: n,
+			y: S,
+			width: r,
+			height: C,
+			fill: "var(--tokui-chart-grid, #e8e8e8)",
+			rx: 3,
+			class: "tokui-chart-zoom-track"
+		});
+		x.appendChild(T);
+		for (var O = r / i, k = [], A = 0; A < i; A++) {
+			var j = t.overview[A] || 0, M = Math.max(1, (j - t.valMin) / t.range * w), N = s("rect", {
+				x: n + A * O + .5,
+				y: S + C - 1 - M,
+				width: Math.max(1, O - 1),
+				height: M,
+				fill: "var(--tokui-chart-text, #bbb)",
+				opacity: "0.55",
+				class: "tokui-chart-zoom-overview"
+			});
+			x.appendChild(N), k.push({
+				el: N,
+				val: j
+			});
+		}
+		var L = 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;"
+		}), z = 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;"
+		}), B = 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(L), x.appendChild(z), x.appendChild(B);
+		function V(n) {
+			if (n > 0) {
+				var r = R(9, n, P, I);
+				e._tokuiBumpedFs = r, h && h.setAttribute("font-size", r);
+				var i = Math.min(26, Math.max(16, 14 / n)), a = Math.min(24, Math.max(6, 10 / n));
+				C = i, w = C - 2, T.setAttribute("height", C), L.setAttribute("height", C + 2), z.setAttribute("width", a), z.setAttribute("height", C + 6), B.setAttribute("width", a), B.setAttribute("height", C + 6);
+				for (var o = 0; o < k.length; o++) {
+					var s = Math.max(1, (k[o].val - t.valMin) / t.range * w);
+					k[o].el.setAttribute("y", S + C - 1 - s), k[o].el.setAttribute("height", s);
+				}
+			}
+		}
+		var H = 0, U = 1, W = Math.max(2, Math.floor(i * .1)) / (i - 1);
+		function G(e, t) {
+			var i = n + e * r, a = n + t * r;
+			L.setAttribute("x", i), L.setAttribute("width", Math.max(2, a - i)), z.setAttribute("x", i - 3), B.setAttribute("x", a - 3);
+		}
+		G(H, U);
+		var ee = typeof window < "u" && typeof window.requestAnimationFrame == "function", K = !1, J = null;
+		function te(e, t) {
+			J = [e, t], !K && (K = !0, ee ? window.requestAnimationFrame(function() {
+				K = !1, J && y(J[0], J[1], !1);
+			}) : (K = !1, y(e, t, !1)));
+		}
+		function ne(e) {
+			G(H, U);
+			var t = q(i, H, U);
+			e ? te(t.s, t.e) : (J = null, y(t.s, t.e, !0));
+		}
+		function Y(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") H = Math.min(t, U - W);
+						else if (i === "r") U = Math.max(t, H + W);
+						else {
+							var a = U - H, o = (e - c) / r;
+							H = b(H + o, 0, 1 - a), U = H + a;
+						}
+						c = e, ne(!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 {}
+					ne(!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 Y(z, "l"), Y(B, "r"), Y(L, "pan"), y(0, i - 1, !0), e._tokuiZoomRelayout = V, {
+			showTip: v,
+			winState: _,
+			sharedTip: g,
+			clipG: u
+		};
+	}
+	function j(e, t, n, r, i, a) {
 		if (!(!t || !t.length)) {
 			i > 0 || (i = 7);
 			var o = 8, c = 4, l = 14, u = t.map(function(e) {
-				var t = D(e.text) * (i / 7);
+				var t = N(e.text) * (i / 7);
 				return {
 					e,
 					w: o + c + t
@@ -1874,7 +2184,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		}
 	}
-	function E(e, t, r) {
+	function M(e, t, r) {
 		var i = s("svg", {
 			viewBox: "0 0 " + e + " " + t,
 			class: "tokui-chart__svg tokui-chart__svg--empty",
@@ -1889,53 +2199,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 N(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 P = 14, F = 0, I = 16, L = 7;
+	function R(e, t, n, r) {
+		if (!(t > 0)) return e;
+		var i = e * t;
+		return r > 0 && i > r ? r / t : n > 0 && i < n ? n / t : e;
 	}
-	function j(e, t, n, r, i) {
+	function z(e, t) {
+		if (t > 0) {
+			var n = R(10, t, P, I) / 10;
+			if (!(Math.abs(n - 1) < .005)) for (var r = e.querySelectorAll(".tokui-chart-tips-layer .tokui-chart-tip:not(.tokui-chart-tip--shared):not(.tokui-chart-tip--axis)"), i = 0; i < r.length; i++) {
+				var a = r[i], o = parseFloat(a.getAttribute("data-tx")), s = parseFloat(a.getAttribute("data-ty"));
+				if (!isFinite(o) || !isFinite(s)) {
+					var c = a.querySelector("rect");
+					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 B(e, t, n, r, i) {
 		if (!(e > 0) || !(t >= 0) || !(r >= 0) || !(i > 0)) return 0;
 		var a = e - 2 * i * (r - 1);
 		return a <= 0 ? 0 : 2 * i * (t + n) / a;
 	}
-	function M(e, t) {
+	function V(e, t) {
 		(!(e > 0) || !isFinite(e)) && (e = 1);
 		var n = Math.floor(Math.log10(e)), r = e / 10 ** n;
 		return (t ? r < 1.5 ? 1 : r < 3 ? 2 : r < 7 ? 5 : 10 : r <= 1 ? 1 : r <= 2 ? 2 : r <= 5 ? 5 : 10) * 10 ** n;
 	}
-	function N(e, t) {
+	function H(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 = V(V(t - e, !1) / 5, !0) || 1;
 		return [Math.floor(e / n) * n, Math.ceil(t / n) * n];
 	}
-	function P(e, t, n, r) {
+	function U(e, t, n, r) {
 		if (e[t] !== void 0 && e[t] !== "") {
 			var i = parseFloat(e[t]);
 			if (!isNaN(i)) return i;
 		}
 		return e[n] === void 0 ? r : +e[n];
 	}
-	function F(e, t, n, r, i) {
-		var a = (i || 40) * .9;
+	var W = 38;
+	function G(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 = N(String(e[l]));
+			u > c && (c = u);
+		}
+		var d = I / L * c, f = Math.max(W, d * 1.15), p = Math.max(W * .72, d * .72), m = Math.max(1, Math.floor(s / f)), h = Math.max(1, Math.floor(s / p)), g = 1, _ = !1, v = i === void 0 ? "auto" : String(i);
+		if (v === "0") g = 1, _ = a > m && (a <= h || a <= 10);
+		else if (v === "auto") a <= m ? (g = 1, _ = !1) : a <= 10 || a <= h ? (g = 1, _ = !0) : (g = Math.ceil(a / m), _ = !1);
+		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 ee = 30;
+	function K(e, t) {
+		var n = e.zoom;
+		if (n === void 0) return !1;
+		var r = String(n);
+		if (r === "" || r === "auto" || r === "on" || r === "true") return t > ee;
+		if (r === "off" || r === "false" || r === "0") return !1;
+		var i = parseInt(r, 10);
+		return isNaN(i) ? t > ee : t > i;
+	}
+	function q(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 J(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 : N(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 te(e, t, n, r, i) {
 		var a = s("text", {
 			x: n,
 			y: r,
@@ -1945,7 +2321,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 ne(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 +2335,422 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		window.requestAnimationFrame(s);
 	}
-	function R(e) {
+	function Y(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 re(e, t, n) {
+		var r = Y(e), i = Y(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 ie(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 re(e[r], e[r + 1], n - r);
 	}
-	function V(e, t, r, i) {
+	function ae(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 M(parseInt(i.w) || 400, parseInt(i.h) || 200);
 		var u = Math.max.apply(null, l.map(function(e) {
 			return e.length;
 		})), d, p;
 		a ? (d = parseInt(i.w) || 480, p = x(i, "h", u, 36, 26, 200, 1200)) : (d = x(i, "w", u, 52, 26, 360, 2400), p = S(d, parseInt(i.h) || 200, 4, 560));
-		var m = l.length > 1, h = 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 && K(i, u), g = h ? 28 : 0, _ = p + (m ? o : 0) + g, v = 0, y = 0;
+		if (c) for (var O = 0; O < u; O++) {
+			var k = 0, A = 0;
 			l.forEach(function(e) {
-				var t = e[v] || 0;
-				t >= 0 ? y += t : b += t;
-			}), y > g && (g = y), b < _ && (_ = b);
+				var t = e[O] || 0;
+				t >= 0 ? k += t : A += t;
+			}), k > v && (v = k), A < y && (y = A);
 		}
 		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 = U(i, "ymax", "_yMax", v || 1);
+		var N = v - y || 1, P = s("svg", {
+			viewBox: "0 0 " + d + " " + _,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
-		}), 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, V = i.xl ? 30 : 22, H = 14, W = i.yl ? 30 : 16, ee = d - B - W, ne = p - H - V, Y = ne / u, re = Math.max(3, c ? Y * .6 : Y * .6 / l.length);
 			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 + ee * (e - y) / N;
+			}
+			for (var ie = 0; ie <= 4; ie++) {
+				var ae = y + N * ie / 4, X = e(ae);
+				P.appendChild(s("line", {
+					x1: X,
+					y1: H,
+					x2: X,
+					y2: H + ne,
 					stroke: "var(--tokui-chart-grid, #e8e8e8)",
 					"stroke-width": 1
-				})), k.appendChild(s("text", {
-					x: q,
-					y: z + H + 10,
+				})), P.appendChild(s("text", {
+					x: X,
+					y: H + ne + 10,
 					"text-anchor": "middle",
 					fill: "var(--tokui-chart-text, #999)",
 					"font-size": "9"
-				})).textContent = Math.round(K);
+				})).textContent = Math.round(ae);
 			}
 			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 = H + u * Y + Y * .2 + (c ? 0 : o * re), h = s("g", { class: "tokui-chart-tip-group" });
 						if (h.appendChild(s("rect", {
 							x: f,
 							y: m,
 							width: p,
-							height: W - 1,
+							height: re - 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), P.appendChild(h), i.vals !== void 0) {
 							var g = s("text", {
 								x: f + p + 3,
-								y: m + W / 2 + 2,
+								y: m + re / 2 + 2,
 								"text-anchor": "start",
 								fill: "var(--tokui-chart-text, #666)",
 								"font-size": "8"
 							});
-							g.textContent = a, k.appendChild(g);
+							g.textContent = a, P.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 = H + t * Y + Y / 2;
+					P.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 && te(P, i.xl, B + ee / 2, H + ne + 22, !1), i.yl && te(P, i.yl, 12, H + ne / 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._padL ? +i._padL : i.yl ? 46 : 40, oe = 12, se = 18, Q = d - Z - oe, ce = Q / u, le = G(t.slice(0, u), ce, i.xl ? 38 : 28, Q, i.interval), ue = le.padB, de = p - se - ue;
 			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) / N);
+			}
+			for (var fe = 0; fe <= 4; fe++) {
+				var pe = y + N * fe / 4, me = e(pe);
+				P.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,
+				})), P.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);
+				P.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" });
+			P.appendChild(ge);
+			var _e = h && l.length === 1 && !c, ve = null, ye = null, be = null, xe = null, Se = null, Ce = null, we = Q / u, Te = Math.max(4, we * .6), Ee = {
+				s: 0,
+				e: u - 1,
+				sx: 1,
+				tx: 0
+			};
+			if (_e) {
+				var De = "tokui-chart-clip-" + ++F, Oe = s("defs"), k = s("clipPath", { id: De });
+				k.appendChild(s("rect", {
+					x: Z - 1,
+					y: se - 1,
+					width: Q + 2,
+					height: de + 2
+				})), Oe.appendChild(k), P.appendChild(Oe);
+				var ke = s("g", { "clip-path": "url(#" + De + ")" });
+				ge.appendChild(ke), ye = s("g", { class: "tokui-chart-plot-bars" }), ke.appendChild(ye), ve = [];
+				for (var Ae = l[0], je = 0; je < u; je++) {
+					var Me = Ae[je], Ne = s("rect", {
+						x: Z + je * we + we * .2,
+						y: e(Me),
+						width: Math.max(1, Te - 1),
+						height: Math.max(0, Me / N * de),
+						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);
+						J(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 - _) / N * 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);
+				J(ge, t.slice(a, o + 1), w, p - 8, b, le.rotate, le.interval), d && h && T(ge, P);
+			}
+			if (a(0, u - 1, !0), _e) {
+				function n(e, t, n) {
+					for (var r = P._tokuiBumpedFs || 10, i = r / 10, a = 0, o = 0; o < e.length; o++) a += e.charCodeAt(o) > 127 ? 10 : 5.5;
+					var s = a * i + 16, c = 18 * i, l = t - s / 2, u = n - c - 6;
+					l < 2 && (l = 2), l + s > d - 2 && (l = d - s - 2), u < 2 && (u = n + 10), Se.setAttribute("x", l), Se.setAttribute("y", u), Se.setAttribute("width", s), Se.setAttribute("height", c), Ce.setAttribute("x", l + s / 2), Ce.setAttribute("y", u + c / 2 + 1), Ce.setAttribute("font-size", r), Ce.textContent = e, xe.style.opacity = "1";
+				}
+				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 && te(P, i.xl, Z + Q / 2, p - 8 + (le.rotate ? 26 : 12), !1), i.yl && te(P, i.yl, 12, se + de / 2, !0), h && (function() {
+				var e = s("g", { class: "tokui-chart-zoom" });
+				P.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) / N * 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 = q(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(P, 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(P, t.clientX), t.pointerId);
+					});
+				}
+				k(h, "l"), k(g, "r"), k(m, "pan");
+			})();
 		}
-		return m && T(k, l.map(function(e, t) {
+		return m && j(P, l.map(function(e, t) {
 			return {
 				color: r[t % r.length],
 				text: n("chart.seriesDefault", { n: t + 1 })
 			};
-		}), d, p + 6), k.appendChild(A.layer), w(k), k;
+		}), d, p + 6), P.appendChild(I.layer), h || w(P), P;
 	}
-	function H(e, t, r, i) {
+	function X(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 M(parseInt(i.w) || 400, parseInt(i.h) || 200);
 		var u = Math.max.apply(null, l.map(function(e) {
 			return e.length;
-		})), d = x(i, "w", u, 52, 24, 360, 2400), p = S(d, parseInt(i.h) || 200, 4, 560), m = l.length > 1, h = 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 = K(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, O = 12, N = 18, P = i._padL ? +i._padL : i.yl ? 46 : 40, F = d - P - O, I = u > 1 ? F / (u - 1) : F, L = G(t.slice(0, u), I, i.xl ? 38 : 28, F, i.interval), R = L.padB, z = p - N - R, B = s("svg", {
+			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,
+		}), V = C(d, _);
+		function H(e) {
+			return P + (u > 1 ? e * F / (u - 1) : F / 2);
+		}
+		function U(e) {
+			return N + z * (1 - (e - E) / D);
+		}
+		for (var W = 0; W <= 4; W++) {
+			var ee = E + D * W / 4, q = U(ee);
+			B.appendChild(s("line", {
+				x1: P,
+				y1: q,
+				x2: d - O,
+				y2: q,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), L.appendChild(s("text", {
-				x: k - 4,
-				y: U + 4,
+			})), B.appendChild(s("text", {
+				x: P - 4,
+				y: q + 4,
 				"text-anchor": "end",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
-			})).textContent = Math.round(H * 10) / 10;
+			})).textContent = Math.round(ee * 10) / 10;
 		}
-		function W(e) {
+		function ne(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,104 +2759,210 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			return t;
 		}
-		g.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),
-					idx: d
+		var Y = h ? s("g", { class: "tokui-chart-plot" }) : null;
+		Y && B.appendChild(Y);
+		var re = h ? s("g", { class: "tokui-chart-plot-dots" }) : null;
+		re && B.appendChild(re);
+		var ie = Y || B, ae = [];
+		if (v.forEach(function(e, t) {
+			for (var n = [], o = 0; o < e.length; o++) {
+				var u = e[o];
+				u != null && n.push({
+					x: H(o),
+					y: U(u),
+					idx: o
 				});
 			}
-			if (u.length) {
-				if (i.area !== void 0 || a) if (a && o > 0) {
-					for (var p = [], m = 0; m < g[o - 1].length; m++) g[o - 1][m] !== void 0 && p.push({
-						x: z(m),
-						y: B(g[o - 1][m])
+			if (n.length) {
+				if (i.area !== void 0 || a) if (a && t > 0) {
+					for (var d = [], f = 0; f < v[t - 1].length; f++) v[t - 1][f] !== void 0 && d.push({
+						x: H(f),
+						y: U(v[t - 1][f])
 					});
-					var h = "M" + u[0].x + "," + u[0].y;
-					u.forEach(function(e) {
-						h += " L" + e.x + "," + e.y;
+					var p = "M" + n[0].x + "," + n[0].y;
+					n.forEach(function(e) {
+						p += " L" + e.x + "," + e.y;
 					});
-					for (var _ = p.length - 1; _ >= 0; _--) h += " L" + p[_].x + "," + p[_].y;
-					h += " Z", L.appendChild(s("path", {
-						d: h,
-						fill: r[o % r.length],
+					for (var m = d.length - 1; m >= 0; m--) p += " L" + d[m].x + "," + d[m].y;
+					p += " Z", ie.appendChild(s("path", {
+						d: p,
+						fill: r[t % r.length],
 						opacity: "0.4"
 					}));
 				} else {
-					var v = B(Math.max(0, b)), y = "M" + u[0].x + "," + v;
-					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,
-						fill: r[o % r.length],
+					var g = U(Math.max(0, E)), _ = "M" + n[0].x + "," + g;
+					n.forEach(function(e) {
+						_ += " L" + e.x + "," + e.y;
+					}), _ += " L" + n[n.length - 1].x + "," + g + " Z", ie.appendChild(s("path", {
+						d: _,
+						fill: r[t % r.length],
 						opacity: "0.15"
 					}));
 				}
-				c ? L.appendChild(s("path", {
-					d: W(u),
+				c ? ie.appendChild(s("path", {
+					d: ne(n),
 					fill: "none",
-					stroke: r[o % r.length],
+					stroke: r[t % r.length],
 					"stroke-width": 2,
 					"stroke-linejoin": "round",
 					"stroke-linecap": "round"
-				})) : L.appendChild(s("polyline", {
-					points: u.map(function(e) {
+				})) : ie.appendChild(s("polyline", {
+					points: n.map(function(e) {
 						return e.x + "," + e.y;
 					}).join(" "),
 					fill: "none",
-					stroke: r[o % r.length],
+					stroke: r[t % r.length],
 					"stroke-width": 2,
 					"stroke-linejoin": "round"
 				}));
-				var x = l[o];
-				u.forEach(function(a) {
-					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,
+				var y = l[t];
+				n.forEach(function(n) {
+					var a = h ? re : B, o = s("circle", {
+						cx: n.x,
+						cy: n.y,
 						r: 3,
 						fill: "#fff",
-						stroke: r[o % r.length],
+						stroke: r[t % 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", {
-						x: a.x,
-						y: a.y - 6,
+					});
+					a.appendChild(o), h && ae.push({
+						circle: o,
+						idx: n.idx,
+						x: n.x,
+						si: t
+					}), i.vals !== void 0 && (ie.appendChild(s("text", {
+						x: n.x,
+						y: n.y - 6,
 						"text-anchor": "middle",
-						fill: r[o % r.length],
+						fill: r[t % r.length],
 						"font-size": "8"
-					})).textContent = x[a.idx] === void 0 ? e[a.idx] : x[a.idx]);
+					})).textContent = y[n.idx] === void 0 ? e[n.idx] : y[n.idx]);
 				});
 			}
-		});
-		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 X = A(B, {
+				plotG: Y,
+				tipLayer: V.layer,
+				padL: P,
+				cw: F,
+				padT: N,
+				ch: z,
+				h: p,
+				w: d,
+				n: u,
+				srcLeft: function(e) {
+					return P + (u > 1 ? e * F / (u - 1) : 0);
+				},
+				srcRight: function(e) {
+					return P + (u > 1 ? e * F / (u - 1) : F);
+				},
+				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 ? P + (o - n) * F / i : P + F / 2);
+					J(e, t.slice(n, r + 1), a, p - 8, I, L.rotate, L.interval);
+				},
+				onZoom: function(e, t, n, r) {
+					for (var i = 0; i < ae.length; i++) {
+						var a = ae[i];
+						a.circle.setAttribute("cx", n * a.x + r);
+					}
+				}
+			});
+			X.clipG.appendChild(re), k({
+				svg: B,
+				padL: P,
+				padT: N,
+				cw: F,
+				ch: z,
+				w: d,
+				h: p,
+				n: u,
+				labels: t,
+				series: l.map(function(e, t) {
+					return {
+						color: r[t % r.length],
+						name: n("chart.seriesDefault", { n: t + 1 }),
+						vals: e,
+						markerVals: v[t]
+					};
+				}),
+				valMin: E,
+				range: D,
+				yOf: U,
+				tipLayer: V.layer,
+				bfs: 9,
+				toViewX: function(e) {
+					return X.winState.sx * H(e) + X.winState.tx;
+				},
+				toIdx: function(e) {
+					var t = (e - X.winState.tx) / X.winState.sx;
+					return Math.round((t - P) * (u - 1) / F);
+				},
+				inWindow: function(e) {
+					return e >= X.winState.s && e <= X.winState.e;
+				}
+			});
+		} else {
+			for (var Z = [], oe = 0; oe < u; oe++) Z.push(H(oe));
+			J(B, t.slice(0, u), Z, p - 8, I, L.rotate, L.interval), k({
+				svg: B,
+				padL: P,
+				padT: N,
+				cw: F,
+				ch: z,
+				w: d,
+				h: p,
+				n: u,
+				labels: t,
+				series: l.map(function(e, t) {
+					return {
+						color: r[t % r.length],
+						name: n("chart.seriesDefault", { n: t + 1 }),
+						vals: e,
+						markerVals: v[t]
+					};
+				}),
+				valMin: E,
+				range: D,
+				yOf: U,
+				tipLayer: V.layer,
+				bfs: 9,
+				toViewX: H,
+				toIdx: function(e) {
+					return Math.round((e - P) * (u - 1) / F);
+				},
+				inWindow: function() {
+					return !0;
+				}
+			});
+		}
+		return i.xl && te(B, i.xl, P + F / 2, p - 8 + (L.rotate ? 26 : 12), !1), i.yl && te(B, i.yl, 12, N + z / 2, !0), m && j(B, l.map(function(e, t) {
 			return {
 				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), B.appendChild(V.layer), h || w(B), B;
 	}
-	function U(e, t, n, r, i) {
+	function Z(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 = N(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 / L, f = a + s + c + l, p = f + d * r, m = parseInt(n.w) || 280, h = parseInt(n.h) || 280, g = a + r + l, _ = Math.max(8, Math.min(m, h) / 2 - g), v = _ + p;
 		return {
 			fs: r,
 			leadLen: a,
@@ -2308,14 +2982,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			totalH: (g + _) * 2 + o
 		};
 	}
-	function W(e, t, r, i) {
+	function oe(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 M(a, c + o);
 		var l = e.reduce(function(e, t) {
 			return e + t;
 		}, 0) || 1, u = i._pieFs !== void 0 && i._pieFs !== "" ? parseFloat(i._pieFs) : 7;
 		(!(u > 0) || !isFinite(u)) && (u = 7);
-		var d = U(e, t, i, u, l), f = [], p = -Math.PI / 2;
+		var d = Z(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 +3006,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 +3050,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) {
+		}), j(_, e.map(function(e, i) {
 			return {
 				color: r[i % r.length],
 				text: t[i] || n("chart.itemDefault", { n: i + 1 })
 			};
 		}), d.W, d.H + 6, d.fs), _.appendChild(v.layer), w(_), _;
 	}
-	function G(e, t, r, i) {
+	function se(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 M(a, c + o);
 		var m = p.length > 1, h = Math.min(u, d) - 16, g = s("svg", {
 			viewBox: "0 0 " + a + " " + l,
 			class: "tokui-chart__svg",
@@ -2406,16 +3092,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 + "%"), j(g, p[0].map(function(e, i) {
 			return {
 				color: r[i % r.length],
 				text: (t[i] || n("chart.itemDefault", { n: i + 1 })) + " " + e
 			};
 		}), a, c + 6), g.appendChild(_.layer), w(g), g;
 	}
-	function K(e, t, r, i) {
+	function Q(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 M(o, c);
 		var l = 14, u = 12, d = 14, f = c - l - u, p = a ? f / a : f, m = e[0] || 0, h = v(e) || 1, g = Math.round(o * .6), _ = g - d - 6, y = d + _ / 2, b = g + 10, x = s("svg", {
 			viewBox: "0 0 " + o + " " + c,
 			class: "tokui-chart__svg tokui-chart__svg--funnel",
@@ -2484,7 +3170,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 ce(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,61 +3208,61 @@ 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 ee = {};
 		[S, T].concat(M).forEach(function(e) {
-			q[Math.round(e * 100) / 100] = !0;
+			ee[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", {
-				x1: Y[0],
-				y1: Y[1],
-				x2: ne[0],
-				y2: ne[1],
+		for (var K = 0; K <= G; K++) {
+			var q = f + K / G * (p - f), J = K === 0 || K === G, te = L(q, x - V / 2 - 1), Y = L(q, x + V / 2 + 2);
+			H.appendChild(s("line", {
+				x1: te[0],
+				y1: te[1],
+				x2: Y[0],
+				y2: Y[1],
 				stroke: "var(--tokui-chart-text, #bbb)",
-				"stroke-width": te ? 1.2 : .6,
-				opacity: te ? .8 : .35
+				"stroke-width": J ? 1.2 : .6,
+				opacity: J ? .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", {
+			var re = S + K / G * E, ie = Math.round(re * 100) / 100;
+			if (J || ee[ie]) {
+				var ae = L(q, x + V / 2 + 12), X = s("text", {
 					x: ae[0],
 					y: ae[1],
 					"text-anchor": "middle",
@@ -2584,24 +3270,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					fill: "var(--tokui-chart-text, #999)",
 					"font-size": "8"
 				});
-				oe.textContent = k > 0 ? re.toFixed(k) : Math.round(re), U.appendChild(oe);
+				X.textContent = k > 0 ? re.toFixed(k) : Math.round(re), H.appendChild(X);
 			}
 		}
-		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 +3296,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 +3306,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 +3318,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 +3331,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 +3343,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), ne(S, D, parseInt(i.anim, 10) || 0, pe), H;
 	}
-	function J(e, t, r, i) {
+	function le(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 M(a, c);
 		var p = d.length > 1, m = c + (p ? o : 0), h = Math.min(l, u) - 30, g = Math.max(t.length, d[0].length, 3), _ = 0;
 		d.forEach(function(e) {
 			e.forEach(function(e) {
@@ -2684,9 +3370,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 +3381,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 +3431,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 && j(v, d.map(function(e, t) {
 			return {
 				color: r[t % r.length],
 				text: n("chart.seriesDefault", { n: t + 1 })
 			};
 		}), a, c + 6), v.appendChild(y.layer), w(v), v;
 	}
-	function ee(e, t, n, r) {
+	function ue(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 M(parseInt(r.w) || 400, parseInt(r.h) || 200);
+		for (var a = x(r, "w", i.length, 50, 22, 360, 2400), o = S(a, parseInt(r.h) || 200, 4, 560), c = o, l = 40, u = 30, d = 18, f = 10, m = a - l - f, h = o - d - u, g = r.xl || "X", _ = r.yl || "Y", b = U(r, "xmin", "_xMin", y(i.map(function(e) {
 			return e.x;
-		}))), T = P(r, "xmax", "_xMax", v(i.map(function(e) {
+		}))), T = U(r, "xmax", "_xMax", v(i.map(function(e) {
 			return e.x;
-		}))), D = P(r, "ymin", "_yMin", y(i.map(function(e) {
+		}))), E = U(r, "ymin", "_yMin", y(i.map(function(e) {
 			return e.y;
-		}))), O = P(r, "ymax", "_yMax", v(i.map(function(e) {
+		}))), D = U(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, A = 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);
-			j.appendChild(s("line", {
+		}), j = C(a, c), N = 0; N <= 4; N++) {
+			var P = d + h * (1 - N / 4);
+			A.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", {
+			})), A.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,
@@ -2799,20 +3485,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				fill: n[t % n.length],
 				opacity: "0.7",
 				class: "tokui-chart-point"
-			})), M.add(a, g + ": " + e.x + "  " + _ + ": " + e.y, r, i), j.appendChild(a);
+			})), j.add(a, g + ": " + e.x + "  " + _ + ": " + e.y, r, i), A.appendChild(a);
 			var o = s("text", {
 				x: r + 6,
 				y: i - 4,
 				fill: "var(--tokui-chart-text, #666)",
 				"font-size": "7"
 			});
-			o.textContent = e.x + "," + e.y, j.appendChild(o);
-		}), j.appendChild(M.layer), w(j), j;
+			o.textContent = e.x + "," + e.y, A.appendChild(o);
+		}), A.appendChild(j.layer), w(A), A;
 	}
-	function te(e) {
+	function de(e) {
 		return /[-/]/.test(String(e));
 	}
-	function Y(e, t) {
+	function fe(e, t) {
 		if (e === void 0 || e === "") return NaN;
 		if (t === "dates") {
 			var n = new Date(e);
@@ -2821,14 +3507,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		var r = parseFloat(e);
 		return isNaN(r) ? NaN : r;
 	}
-	function ne(e) {
+	function pe(e) {
 		return e ? String(e).split("|").map(function(e) {
 			return e.split(",").map(function(e) {
 				return e.trim();
 			});
 		}) : [];
 	}
-	function re(e) {
+	function me(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 +3522,31 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return !isNaN(e[0]) && !isNaN(e[1]);
 		}) : [];
 	}
-	function ie(e, t) {
+	function he(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: fe(n[1], t),
 				group: parseInt(n[2], 10) || 0
 			};
 		}) : [];
 	}
-	function ae(e) {
+	function ge(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 _e(e) {
+		var t = parseInt(e.w) || 1080, r = pe(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 : de(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 = fe(e[1], i), o = fe(e[2], i);
 			if (isNaN(r) || isNaN(o)) {
 				s++;
 				return;
@@ -2885,10 +3571,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 = he(e.ms, i).filter(function(e) {
 			return !isNaN(e.time);
-		}), f = ae(e.gnames), p = {}, m = {};
-		re(e.deps).forEach(function(e) {
+		}), f = ge(e.gnames), p = {}, m = {};
+		me(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 +3619,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		};
 	}
-	function X(e, t) {
+	function ve(e, t) {
 		if (t === "dates") {
 			var n = new Date(e);
 			return n.getMonth() + 1 + "/" + n.getDate();
 		}
 		return "D" + e;
 	}
-	function Z(e) {
+	function ye(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 +3649,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return t;
 	}
-	function Q(e, t) {
+	function be(e, t) {
 		var n = t.totalH - (t.hasLeg ? o : 6);
-		Z(t).forEach(function(r) {
+		ye(t).forEach(function(r) {
 			var i = t.scale(r.t);
 			e.appendChild(s("line", {
 				x1: i,
@@ -2986,10 +3672,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			a.textContent = r.label, e.appendChild(a);
 		});
 	}
-	function se(e, t, n) {
+	function xe(e, t, n) {
 		return e + "," + (t - n) + " " + (e + n) + "," + t + " " + e + "," + (t + n) + " " + (e - n) + "," + t;
 	}
-	function ce(e, t, n, r) {
+	function Se(e, t, n, r) {
 		var i = t.ms.map(function(e) {
 			return {
 				m: e,
@@ -3003,12 +3689,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: xe(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 + "  " + ve(c.time, t.mode), l, d), e.appendChild(f);
 			var p = s("text", {
 				x: l,
 				y: d + 11 + (o ? 9 : 0),
@@ -3019,7 +3705,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 Ce(e, t, n, r, i) {
 		var a = 8;
 		if (n - 3 > e + a) {
 			var o = n - 3, s = (e + o) / 2;
@@ -3028,7 +3714,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 we(e, t) {
 		var n = s("defs"), r = s("marker", {
 			id: "gantt-arrow",
 			markerUnits: "userSpaceOnUse",
@@ -3046,7 +3732,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: Ce(i, a, o, c, t.BAR_H),
 					fill: "none",
 					stroke: "var(--tokui-chart-task-dep, #bbb)",
 					"stroke-width": "1",
@@ -3058,7 +3744,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		});
 	}
-	function de(e, t) {
+	function Te(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 +3768,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			c.textContent = n("time.today"), e.appendChild(c);
 		}
 	}
-	function fe(e, t) {
+	function Ee(e, t) {
 		var r = s("text", {
 			x: t.w - 6,
 			y: 12,
@@ -3092,7 +3778,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 De(e, t) {
 		function n(e, t) {
 			for (var n = {}, r = [e], i = {}; r.length;) {
 				var a = r.shift();
@@ -3137,7 +3823,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		});
 	}
-	function me(e, t, r, i) {
+	function Oe(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 +3846,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 + "  " + ve(a.start, t.mode) + "→" + ve(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 +3858,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 ke(e, t, r, i) {
+		var a = _e(i), c = a.w, l = s("svg", {
 			viewBox: "0 0 " + c + " " + a.totalH,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
@@ -3189,7 +3875,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 (be(l, a), a.hasMs && Se(l, a, r, d), Oe(l, a, r, d), we(l, a), a.mode === "dates" && Te(l, a), a.skipped > 0 && Ee(l, a), l.appendChild(d.layer), w(l), De(l, a), a.hasLeg) {
 			var f = Object.keys(a.tasks.reduce(function(e, t) {
 				return e[t.group] = 1, e;
 			}, {})).map(function(e) {
@@ -3197,7 +3883,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) {
+			}), j(l, f.map(function(e) {
 				return {
 					color: r[e % r.length],
 					text: a.gnames[e] || n("chart.groupDefault", { n: e + 1 })
@@ -3206,13 +3892,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return l;
 	}
-	function ge(e, t, n, r) {
+	function Ae(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, X(e, t, n, i);
 	}
-	function _e(e, t, n, r) {
+	function je(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 +3941,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 ne(c, u, parseInt(r.anim, 10) || 0, x), p;
 	}
-	function ve(e) {
+	function Me(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim()) || 0;
@@ -3269,42 +3955,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 Ne(e, t, n, r) {
+		var i = Me(r.d);
+		if (!i.length) return M(parseInt(r.w) || 400, parseInt(r.h) || 200);
+		for (var a = x(r, "w", i.length, 50, 22, 360, 2400), o = S(a, parseInt(r.h) || 200, 4, 560), c = 40, l = 30, u = 18, d = 10, f = a - c - d, p = o - u - l, m = U(r, "xmin", "_xMin", y(i.map(function(e) {
 			return e.x;
-		}))), h = P(r, "xmax", "_xMax", v(i.map(function(e) {
+		}))), h = U(r, "xmax", "_xMax", v(i.map(function(e) {
 			return e.x;
-		}))), g = P(r, "ymin", "_yMin", y(i.map(function(e) {
+		}))), g = U(r, "ymin", "_yMin", y(i.map(function(e) {
 			return e.y;
-		}))), _ = P(r, "ymax", "_yMax", v(i.map(function(e) {
+		}))), _ = U(r, "ymax", "_yMax", v(i.map(function(e) {
 			return e.y;
 		}))), b = r._sMax === void 0 ? v(i.map(function(e) {
 			return e.s;
-		})) || 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 A = u + p * (1 - k / 4);
+			D.appendChild(s("line", {
 				x1: c,
-				y1: j,
+				y1: A,
 				x2: a - d,
-				y2: j,
+				y2: A,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), O.appendChild(s("text", {
+			})), D.appendChild(s("text", {
 				x: c - 4,
-				y: j + 4,
+				y: A + 4,
 				"text-anchor": "end",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
-			})).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 +4005,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 Pe(e) {
 		return e ? String(e).split("|").map(function(e) {
 			return e.split(",").map(function(e) {
 				return parseFloat(e.trim());
@@ -3331,7 +4017,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		}) : [];
 	}
-	function xe(e) {
+	function Fe(e) {
 		if (!e) return null;
 		var t = String(e).split(","), n = Infinity, r = -Infinity, i = 0;
 		return t.forEach(function(e) {
@@ -3346,10 +4032,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 Ie(e, t) {
+		var n = Fe(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 = U(e, "min", "_lo", n ? n.lo : y(t)), a = U(e, "max", "_hi", n ? n.hi : v(t));
 		i === a && (--i, a += 1);
 		for (var o = (a - i) / r, s = [], c = 0; c < r; c++) s.push(0);
 		return t.forEach(function(e) {
@@ -3362,35 +4048,35 @@ 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 Le(e, t, n, r) {
+		var i = Pe(r.rows || r.d), a = parseInt(r.w) || 400, o = parseInt(r.h) || 320, c = d(r.cols), l = t, u = Math.max(c.length, i[0] ? i[0].length : 0), f = Math.max(l.length, i.length);
+		if (!f || !u) return M(a, o);
+		var p = l.length ? 64 : 30, m = c.length ? 36 : 16, g = 16, _ = 16, b = a - p - g, x = o - m - _, S = b / u, T = x / f, E = [];
 		i.forEach(function(e) {
 			e.forEach(function(e) {
-				isNaN(e) || 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 ? U(r, "vmin", "_vMin", y(E)) : 0, k = (D ? U(r, "vmax", "_vMax", v(E)) : 1) - O || 1, A = h(r.c).length ? h(r.c) : [
 			"#bae0ff",
 			"#1677ff",
 			"#0958d9"
-		], M = "var(--tokui-chart-grid, #f0f0f0)", N = s("svg", {
+		], j = "var(--tokui-chart-grid, #f0f0f0)", N = s("svg", {
 			viewBox: "0 0 " + a + " " + o,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
-		}), 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 ? ie(A, z) : j, V = p + I * S, H = m + F * T, W = s("g", { class: "tokui-chart-tip-group" });
+			W.appendChild(s("rect", {
+				x: V + 1,
+				y: H + 1,
 				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, V + S / 2, H + T / 2), N.appendChild(W);
 		}
 		return c.forEach(function(e, t) {
 			N.appendChild(s("text", {
@@ -3408,11 +4094,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 Re(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 M(a, l);
 		var u = a / 2, d = c / 2, f = Math.min(u, d) - 24, p = v(e) || 1, m = s("svg", {
 			viewBox: "0 0 " + a + " " + l,
 			class: "tokui-chart__svg",
@@ -3436,24 +4122,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) {
+		}), j(m, e.map(function(e, i) {
 			return {
 				color: r[i % r.length],
 				text: t[i] || n("chart.sliceDefault", { n: i + 1 })
 			};
 		}), a, c + 6), m.appendChild(h.layer), w(m), m;
 	}
-	function Te(e, t, n, r) {
+	function ze(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 M(i, a);
+		for (var o = Ie(r, e), s = [], c = 0; c < o.bins; c++) s.push((o.lo + c * o.width).toFixed(1));
 		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, ae(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 Be(e, t, r, i) {
+		if (!e.length) return M(parseInt(i.w) || 400, parseInt(i.h) || 200);
 		var a = x(i, "w", e.length, 56, 26, 360, 2400), o = S(a, parseInt(i.h) || 200, 4, 560), c = 0, l = [];
 		e.forEach(function(e) {
 			var t = c, n = c + e;
@@ -3470,45 +4156,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 = i._padL ? +i._padL : 44, m = 18, h = 12, g = a - p - h, _ = g / e.length, b = Math.max(4, _ * .6), T = G(t.slice(0, e.length), _, 30, g, i.interval), E = T.padB, D = o - m - E, O = r[0] || "#52c41a", k = r[1] || "#f5222d", A = s("svg", {
 			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);
+		function N(e) {
+			return m + D * (1 - (e - d) / f);
 		}
-		for (var N = 0; N <= 4; N++) {
-			var P = M(d + f * N / 4);
+		for (var P = 0; P <= 4; P++) {
+			var F = N(d + f * P / 4);
 			A.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", {
 				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,
+			})), j.add(u, (t[r] || n("chart.sliceDefault", { n: r + 1 })) + ": " + e.val + " (" + n("chart.cumulative", { n: Math.round(e.top) }) + ")", i + b / 2, a), A.appendChild(u), r < l.length - 1 && A.appendChild(s("line", {
+				x1: i + b - 1,
 				y1: a,
-				x2: i + T,
+				x2: i + _,
 				y2: a,
 				stroke: c,
 				"stroke-width": 1,
@@ -3516,10 +4202,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 J(A, t.slice(0, e.length), I, o - 8, _, T.rotate, T.interval), A.appendChild(j.layer), w(A), A;
 	}
-	function De(e) {
+	function Ve(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim()) || 0;
@@ -3533,78 +4219,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 He(e, t, r, i) {
+		var a = Ve(i.d);
+		if (!a.length) return M(parseInt(i.w) || 400, parseInt(i.h) || 240);
 		var o = x(i, "w", a.length, 56, 44, 360, 2400), c = S(o, parseInt(i.h) || 240, 4, 560), l = [];
 		a.forEach(function(e) {
 			l.push(e.min, e.max);
 		});
 		var u = y(l), d = v(l);
 		u === d && (--u, d += 1);
-		var f = d - u || 1, p = 44, m = 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 = i._padL ? +i._padL : 44, m = 18, h = 12, g = o - p - h, _ = K(i, a.length), b = _ ? 28 : 0, T = g / a.length, E = Math.max(20, T * .5), D = G(t.slice(0, a.length), T, 30, g, i.interval), O = D.padB, k = c - m - O, j = s("svg", {
+			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 + k * (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);
+			j.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", {
+			})), j.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 && j.appendChild(L);
+		var R = L || j, z = [];
+		if (a.forEach(function(e, i) {
 			var a = p + i * T + T / 2, o = r[i % r.length], c = s("g", { class: "tokui-chart-tip-group" });
 			c.appendChild(s("line", {
 				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 +4301,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 = A(j, {
+				plotG: L,
+				tipLayer: N.layer,
+				padL: p,
+				cw: g,
+				padT: m,
+				ch: k,
+				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);
+					J(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 = [], U = 0; U < a.length; U++) H.push(p + U * T + T / 2);
+			J(j, t.slice(0, a.length), H, c - 8, T, D.rotate, D.interval);
+		}
+		return j.appendChild(N.layer), _ || w(j), j;
 	}
-	function ke(e) {
+	function Ue(e) {
 		return e ? String(e).split(",").map(function(e) {
 			var t = e.split(":");
 			return {
@@ -3634,9 +4366,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 We(e, t, n, r) {
+		var i = Ue(r.d), a = parseInt(r.w) || 480, o = parseInt(r.h) || 320;
+		if (!i.length) return M(a, o);
 		i.sort(function(e, t) {
 			return t.value - e.value;
 		});
@@ -3694,7 +4426,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 Ge(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 +4439,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 M(o, c);
 		var l = [], u = [];
 		a.forEach(function(e) {
 			l.indexOf(e.source) < 0 && l.push(e.source), u.indexOf(e.target) < 0 && u.push(e.target);
@@ -3766,7 +4498,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			})).textContent = e;
 		}), S.appendChild(T.layer), w(S), S;
 	}
-	function Me(e) {
+	function Ke(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim());
@@ -3781,9 +4513,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 qe(e, t, n, r) {
+		var i = Ke(r.d);
+		if (!i.length) return M(parseInt(r.w) || 480, parseInt(r.h) || 280);
 		var a = parseInt(r.w) || 800, o = parseInt(r.h) || 320, c, l;
 		if (r._yMin !== void 0 && r._yMax !== void 0 && isFinite(+r._yMin)) c = +r._yMin, l = +r._yMax;
 		else {
@@ -3791,47 +4523,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 = H(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 = r._padL ? +r._padL : 44, m = 18, g = 12, _ = a - p - g, b = K(r, i.length), x = b ? 28 : 0, S = _ / i.length, T = Math.max(3, S * .6), E = G(t.slice(0, i.length), S, 30, _, r.interval), D = E.padB, O = o - m - D, k = h(r.c), j = k[0] || "#f5222d", N = k[1] || "#52c41a", P = s("svg", {
+			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 + O * (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 B = z || P, V = [];
+		if (i.forEach(function(e, n) {
+			var r = p + n * S + S / 2, i = e.c >= e.o, a = i ? j : N, o = s("g", { class: "tokui-chart-tip-group" });
 			o.appendChild(s("line", {
 				x1: r,
-				y1: 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 +4574,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 ? V.push({
+				grp: o,
+				cx: r,
+				y: c,
+				text: u
+			}) : F.add(o, u, r, c), B.appendChild(o);
+		}), b) {
+			var U = i.length, W = A(P, {
+				plotG: z,
+				tipLayer: F.layer,
+				padL: p,
+				cw: _,
+				padT: m,
+				ch: O,
+				h: o,
+				w: a,
+				n: U,
+				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);
+					J(e, t.slice(n, r + 1), a, o - 8, i, E.rotate, E.interval);
+				}
+			});
+			V.forEach(function(e) {
+				e.grp.addEventListener("mouseenter", function() {
+					W.showTip(e.text, W.winState.sx * e.cx + W.winState.tx, e.y);
+				}), e.grp.addEventListener("mouseleave", function() {
+					W.sharedTip.style.opacity = "";
+				});
+			});
+		} else {
+			for (var ee = [], q = 0; q < i.length; q++) ee.push(p + q * S + S / 2);
+			J(P, t.slice(0, i.length), ee, o - 8, S, E.rotate, E.interval);
+		}
+		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 Je(e) {
+		$("bar", ae), $("line", X), $("pie", oe), $("donut", se), $("radar", le), $("scatter", ue), $("gantt", ke), $("funnel", Q), $("gauge", ce), $("area", Ae), $("progress", je), $("bubble", Ne), $("heatmap", Le), $("rose", Re), $("histogram", ze), $("waterfall", Be), $("boxplot", He), $("treemap", We), $("sankey", Ge), $("candlestick", qe);
 		function t(e, t) {
 			var n = e._chartState;
 			if (!(!n || !t)) {
@@ -3900,7 +4678,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 = Ke(t.d);
 					if (g.length) {
 						var b = [];
 						g.forEach(function(e) {
@@ -3908,7 +4686,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 = H(e._yRange ? Math.min(e._yRange.lo, x) : x, e._yRange ? Math.max(e._yRange.hi, S) : S);
 							e._yRange = {
 								lo: C[0],
 								hi: C[1]
@@ -3918,7 +4696,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" ? Me(t.d) : p(t.d);
 					if (w.length) {
 						var T = w.map(function(e) {
 							return e.x;
@@ -3926,62 +4704,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 = H(e._xRange ? Math.min(e._xRange.lo, D) : D, e._xRange ? Math.max(e._xRange.hi, O) : O);
 							e._xRange = {
 								lo: j[0],
 								hi: j[1]
 							};
 						}
 						if (isFinite(k) && isFinite(A) && k !== A) {
-							var M = N(e._yRange ? Math.min(e._yRange.lo, k) : k, e._yRange ? Math.max(e._yRange.hi, A) : A);
+							var M = H(e._yRange ? Math.min(e._yRange.lo, k) : k, e._yRange ? Math.max(e._yRange.hi, A) : A);
 							e._yRange = {
 								lo: M[0],
 								hi: M[1]
 							};
 						}
 						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 = Pe(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);
-						isFinite(V) && isFinite(H) && (e._hRange = {
-							lo: e._hRange ? Math.min(e._hRange.lo, V) : V,
-							hi: e._hRange ? Math.max(e._hRange.hi, H) : H
+					var R = c(t.d), z = Fe(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 B = y(R), V = v(R);
+						isFinite(B) && isFinite(V) && (e._hRange = {
+							lo: e._hRange ? Math.min(e._hRange.lo, B) : B,
+							hi: e._hRange ? Math.max(e._hRange.hi, V) : V
 						});
 					}
-					if (e._hBins !== void 0 && (t._bins = e._hBins), e._hRange && (t._lo = e._hRange.lo, t._hi = e._hRange.hi), 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(Ie(t, R).counts) || 1;
 						e._yMax = e._yMax ? Math.max(e._yMax, U) : U, t._yMax = e._yMax;
 					}
 				}
@@ -4046,36 +4824,73 @@ 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");
+							t._tokuiBumpedFs = R(9, o, P, I), z(t, o);
+							var c = e._tokuiChartSpec;
+							if (s === "pie") {
+								if (!c || !c.data || !c.data.length || !c.labels || !c.labels.some(function(e) {
 									return !!e;
 								})) return;
-								var 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 = Z(c.data, c.labels, c.attrs, 7, l), d = u.r + u.fs, f = B(a, d, u.fixedA, u.coefB, P), p = 14, m = Infinity;
+								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;
-										break;
+							if ({
+								bar: 1,
+								line: 1,
+								area: 1,
+								histogram: 1,
+								boxplot: 1,
+								candlestick: 1,
+								waterfall: 1
+							}[s] && typeof t.createSVGPoint == "function" && !e._tokuiPadLSet) {
+								e._tokuiPadLSet = !0;
+								for (var y = R(9, o, P, I), b = t.querySelector("line"), x = b ? parseFloat(b.getAttribute("x1")) : 0, S = t.querySelectorAll("text[text-anchor=\"end\"]"), C = 0, w = 0; w < S.length; w++) {
+									var T = S[w];
+									if (!(parseFloat(T.getAttribute("x")) >= x)) {
+										var E = parseFloat(T.getAttribute("font-size")) || 9, D = 0;
+										try {
+											D = T.getBBox().width;
+										} catch {
+											D = 0;
+										}
+										var O = D * y / E;
+										O > C && (C = O);
 									}
-									x = x.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 (C > 0) {
+									var k = Math.ceil(C + 12), A = c && c.attrs && c.attrs.yl ? 46 : 40;
+									if ((s === "boxplot" || s === "candlestick" || s === "waterfall") && (A = 44), Math.abs(k - A) > 2) {
+										e._tokuiPadL = k, i(e, Object.assign({}, c.attrs, { _padL: k }));
+										return;
+									}
+								}
+							}
+							if (o > 0) {
+								if (t._tokuiZoomRelayout) try {
+									t._tokuiZoomRelayout(o);
+								} catch {}
+								for (var j = t.querySelectorAll("text[font-size]"), M = 0; M < j.length; M++) {
+									for (var N = j[M], F = N.parentNode; F && F !== t;) {
+										if ((F.getAttribute && F.getAttribute("class") || "").indexOf("tokui-chart-tips-layer") >= 0) {
+											N = null;
+											break;
+										}
+										F = F.parentNode;
+									}
+									if (N && !(N.classList.contains("tokui-chart-gauge-value") || N.classList.contains("tokui-chart-donut-value"))) {
+										var L = parseFloat(N.getAttribute("font-size"));
+										if (!(!(L > 0) || L >= 13)) {
+											var V = R(L, o, P, I);
+											V !== L && N.setAttribute("font-size", String(Math.round(V * 100) / 100));
+										}
 									}
 								}
 							}
@@ -4177,36 +4992,55 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		var g = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"/></svg>", b = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"/></svg>", x = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"/><path d=\"M9 21H3v-6\"/><path d=\"M21 3l-7 7\"/><path d=\"M3 21l7-7\"/></svg>";
 		function S(e, t) {
 			if (!e || typeof document > "u") return;
-			var r = document.querySelector(".tokui-chart__modal");
-			r && r.remove();
-			var i = document.createElement("div");
-			i.className = "tokui-chart__modal", i.setAttribute("role", "dialog"), i.setAttribute("aria-modal", "true"), t && i.setAttribute("aria-label", t);
+			var i = document.querySelector(".tokui-chart__modal");
+			i && i.remove();
 			var a = document.createElement("div");
-			a.className = "tokui-chart__modal-card";
-			var o = document.createElement("button");
-			if (o.type = "button", o.className = "tokui-chart__modal-close", o.setAttribute("aria-label", n("common.close")), o.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>", t) {
-				var s = document.createElement("div");
-				s.className = "tokui-chart__modal-title", s.textContent = t, a.appendChild(s);
-			}
-			var c = document.createElement("div");
-			c.className = "tokui-chart__modal-body";
-			var l = e.cloneNode(!0);
-			l.id && l.removeAttribute("id");
-			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;
+			a.className = "tokui-chart__modal", a.setAttribute("role", "dialog"), a.setAttribute("aria-modal", "true"), t && a.setAttribute("aria-label", t);
+			var o = document.createElement("div");
+			o.className = "tokui-chart__modal-card";
+			var s = document.createElement("button");
+			if (s.type = "button", s.className = "tokui-chart__modal-close", s.setAttribute("aria-label", n("common.close")), s.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>", t) {
+				var c = document.createElement("div");
+				c.className = "tokui-chart__modal-title", c.textContent = t, o.appendChild(c);
+			}
+			var u = document.createElement("div");
+			u.className = "tokui-chart__modal-body";
+			var d = typeof e.closest == "function" ? e.closest(".tokui-chart") : null, f = d && d._tokuiChartSpec, p = !!e.querySelector(".tokui-chart-zoom-window"), m;
+			if (p && f && r[f.type]) try {
+				m = r[f.type](f.data, f.labels, f.colors, f.attrs), m.setAttribute("data-chart-type", f.type), f.type === "bar" && (f.attrs.orient === "h" || f.attrs.orientation === "h") && m.setAttribute("data-orient", "h");
+			} catch {
+				m = e.cloneNode(!0), w(m);
+			}
+			else m = e.cloneNode(!0), w(m);
+			m.id && m.removeAttribute("id"), u.appendChild(m), p && f && (u._tokuiChartSpec = f, u._tokuiPadLSet = !0, l(u)), o.appendChild(u), o.appendChild(s), a.appendChild(o);
+			var h = document.body.style.overflow;
 			document.body.style.overflow = "hidden";
-			var 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() {
-					i.parentNode && i.remove();
+			var g = function(e) {
+				e.key === "Escape" && v();
+			}, _ = !1;
+			function v() {
+				_ || (_ = !0, a.classList.remove("tokui-chart__modal--open"), document.removeEventListener("keydown", g), document.body.style.overflow = h, setTimeout(function() {
+					a.parentNode && a.remove();
 				}, 180));
 			}
-			i.addEventListener("click", function(e) {
-				e.target === i && h();
-			}), o.addEventListener("click", h), document.addEventListener("keydown", p), document.body.appendChild(i), i.offsetWidth, i.classList.add("tokui-chart__modal--open");
+			a.addEventListener("click", function(e) {
+				e.target === a && v();
+			}), s.addEventListener("click", v), document.addEventListener("keydown", g), document.body.appendChild(a), a.offsetWidth, a.classList.add("tokui-chart__modal--open"), (typeof window < "u" && window.requestAnimationFrame ? function(e) {
+				window.requestAnimationFrame(e);
+			} : function(e) {
+				e();
+			})(function() {
+				var e = 0;
+				try {
+					e = m.getBoundingClientRect().width;
+				} catch {
+					e = 0;
+				}
+				if (e > 0) {
+					var t = m.viewBox && m.viewBox.baseVal, n = t && t.width || parseFloat((m.getAttribute("viewBox") || "").split(/\s+/)[2]);
+					n > 0 && z(m, e / n);
+				}
+			});
 		}
 		function C(e) {
 			var t = document.createElement("div");
@@ -4261,13 +5095,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 = Je, window.TokUI._internal.registerChartRenderer = $, window.TokUI._internal.bumpFsUnits = R, window.TokUI._internal.applyTipScale = z, window.TokUI._internal.axisXLayout = G, window.TokUI._internal.zoomBounds = q, window.TokUI._internal.zoomEnabled = K, window.TokUI._internal.solvePieFs = B, window.TokUI._internal.pieSizing = Z, window.TokUI._internal.MIN_CHART_PX = P, window.TokUI._internal.MAX_CHART_PX = I), t !== void 0 && t.exports && (t.exports = {
+		registerChartComponents: Je,
 		registerChartRenderer: $,
-		bumpFsUnits: A,
-		solvePieFs: j,
-		pieSizing: U,
-		MIN_CHART_PX: O
+		bumpFsUnits: R,
+		solvePieFs: B,
+		pieSizing: Z,
+		MIN_CHART_PX: P,
+		MAX_CHART_PX: I,
+		applyTipScale: z,
+		axisXLayout: G,
+		zoomBounds: q,
+		zoomEnabled: K
 	});
 })), v = /* @__PURE__ */ o(((e, t) => {
 	var n = {
@@ -9403,29 +10242,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;
@@ -9542,7 +10363,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		function b(e) {
 			for (var t = [], n = "", r = !1, i = 0, a = 0; a < e.length; a++) {
 				var o = e[a];
-				o === "\"" ? r = !r : r ? n += o : o === "[" ? (i++, n += o) : o === "]" ? (i--, n += o) : o === "," && i === 0 ? (t.push(n), n = "") : n += o;
+				if (o === "\"") r = !r;
+				else if (r) n += o;
+				else if (o === "[") i++, n += o;
+				else if (o === "]") i--, n += o;
+				else if (o === "," && i === 0) {
+					var s = e[a - 1], c = e[a + 1], l = e[a + 2], u = e[a + 3], d = e[a + 4], f = /=([cr]\d+){1,2}$/.test(n), p = /[¥￥$€£₩₹]/.test(n);
+					!f && p && s >= "0" && s <= "9" && c >= "0" && c <= "9" && l >= "0" && l <= "9" && u >= "0" && u <= "9" && !(d >= "0" && d <= "9") ? n += o : (t.push(n), n = "");
+				} else n += o;
 			}
 			return t.push(n), t;
 		}
@@ -9593,55 +10421,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 +10520,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 +10548,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 +10559,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);
 				});
 			}
@@ -11175,20 +12031,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			var W = t("div", { class: "tokui-datetimepicker-body" });
 			W.appendChild(D), W.appendChild(k), E.appendChild(W), E.appendChild(H), V(g, _), E.style.display = "none", u.appendChild(E);
 			var G = !1;
-			function K() {
+			function ee() {
 				if (!(r || G)) {
-					P(q), G = !0, E.style.display = "", u.classList.add("tokui-datetimepicker--open");
+					P(K), G = !0, E.style.display = "", u.classList.add("tokui-datetimepicker--open");
 					var e = d.getBoundingClientRect();
 					E.style.left = e.left + "px", E.style.top = e.bottom + 4 + "px", E.style.width = "auto";
 					var t = E.offsetWidth, n = L();
 					e.left + t > n - 8 && (E.style.left = Math.max(8, n - t - 8) + "px"), M(I, y), M(z, b), O && B && M(B, x);
 				}
 			}
-			function q() {
-				G && (G = !1, E.style.display = "none", u.classList.remove("tokui-datetimepicker--open"), F(q));
+			function K() {
+				G && (G = !1, E.style.display = "none", u.classList.remove("tokui-datetimepicker--open"), F(K));
 			}
 			return r || (d.addEventListener("click", function(e) {
-				e.stopPropagation(), G ? q() : K();
+				e.stopPropagation(), G ? K() : ee();
 			}), D.addEventListener("click", function(e) {
 				e.stopPropagation();
 				var t = e.target.closest(".tokui-datepicker-day");
@@ -11199,7 +12055,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}), U.addEventListener("click", function(e) {
 				e.stopPropagation(), v ||= new Date(g, _, h.getDate()), y = j(I), b = j(z), O && B && (x = j(B)), v.setHours(y, b, x);
 				var t = T(v, i);
-				if (p.value = t, S.value = t, q(), n.clk) {
+				if (p.value = t, S.value = t, K(), n.clk) {
 					var r = typeof window < "u" && window.TokUI && window.TokUI._eventBus ? window.TokUI._eventBus.getHandler(n.clk) : null;
 					r && r({
 						value: t,
@@ -11208,7 +12064,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					});
 				}
 			}), typeof document < "u" && document.addEventListener("click", function(e) {
-				u.contains(e.target) || q();
+				u.contains(e.target) || K();
 			})), c.appendChild(u), c._variantTarget = u, c;
 		});
 	}