@jboltai/tokui 0.1.5 → 0.1.6

package/dist/tokui.mjs

@@ -1853,11 +1853,131 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		for (; e && e.firstChild;) e.removeChild(e.firstChild);
 	}
 	function D(e, t) {
-		var n = e.getBoundingClientRect(), r = e.viewBox && e.viewBox.baseVal;
-		return !n || !n.width || !r ? t - (n ? n.left : 0) : (t - n.left) / n.width * r.width + r.x;
+		if (e.createSVGPoint && e.getScreenCTM) try {
+			var n = e.createSVGPoint();
+			n.x = t, n.y = 0;
+			var r = e.getScreenCTM();
+			if (r) return n.matrixTransform(r.inverse()).x;
+		} catch {}
+		var i = e.getBoundingClientRect(), a = e.viewBox && e.viewBox.baseVal;
+		return !i || !i.width || !a ? t - (i ? i.left : 0) : (t - i.left) / i.width * a.width + a.x;
 	}
 	function O(e, t) {
-		var n = t.padL, r = t.cw, i = t.n, a = t.plotG, o = "tokui-chart-clip-" + ++N, c = s("defs"), l = s("clipPath", { id: o });
+		if (e.createSVGPoint && e.getScreenCTM) try {
+			var n = e.createSVGPoint();
+			n.x = 0, n.y = t;
+			var r = e.getScreenCTM();
+			if (r) return n.matrixTransform(r.inverse()).y;
+		} catch {}
+		var i = e.getBoundingClientRect(), a = e.viewBox && e.viewBox.baseVal;
+		return !i || !i.height || !a ? t - (i ? i.top : 0) : (t - i.top) / i.height * a.height + a.y;
+	}
+	function k(e) {
+		if (typeof document > "u") return;
+		var t = e.svg, n = e.padL, r = e.padT, i = e.cw, a = e.ch, o = e.n, c = e.series, l = e.labels, u = s("g", { class: "tokui-chart-axis-pointer" });
+		e.tipLayer.appendChild(u);
+		var d = s("line", {
+			y1: r,
+			y2: r + a,
+			stroke: "var(--tokui-chart-axis, #bbb)",
+			"stroke-width": 1,
+			"stroke-dasharray": "4,3",
+			opacity: "0",
+			"pointer-events": "none"
+		}), f = s("line", {
+			x1: n,
+			x2: n + i,
+			stroke: "var(--tokui-chart-axis, #bbb)",
+			"stroke-width": 1,
+			"stroke-dasharray": "4,3",
+			opacity: "0",
+			"pointer-events": "none"
+		});
+		u.appendChild(d), u.appendChild(f);
+		var p = c.map(function(e) {
+			var t = s("circle", {
+				r: 5,
+				fill: "var(--tokui-card-bg, #fff)",
+				stroke: e.color,
+				"stroke-width": 2.5,
+				opacity: "0",
+				"pointer-events": "none"
+			});
+			return u.appendChild(t), t;
+		}), m = s("g", {
+			class: "tokui-chart-tip tokui-chart-tip--axis",
+			opacity: "0",
+			"pointer-events": "none",
+			style: "transition:opacity .12s ease;"
+		}), h = s("rect", {
+			rx: 4,
+			fill: "rgba(0,0,0,0.82)"
+		});
+		m.appendChild(h);
+		var g = s("text", {
+			"text-anchor": "start",
+			fill: "#fff",
+			"font-weight": "600"
+		});
+		m.appendChild(g);
+		var _ = c.map(function() {
+			var e = s("g", {});
+			return e.appendChild(s("rect", {
+				width: 8,
+				height: 8,
+				rx: 1
+			})), e.appendChild(s("text", {
+				"text-anchor": "start",
+				fill: "#fff"
+			})), m.appendChild(e), e;
+		});
+		u.appendChild(m);
+		function v() {
+			d.setAttribute("opacity", "0"), f.setAttribute("opacity", "0"), p.forEach(function(e) {
+				e.setAttribute("opacity", "0");
+			}), m.style.opacity = "0";
+		}
+		function y(n, r) {
+			var i = e.toIdx(n);
+			if (i < 0 || i >= o || !e.inWindow(i)) {
+				v();
+				return;
+			}
+			var a = e.toViewX(i);
+			d.setAttribute("x1", a), d.setAttribute("x2", a), d.setAttribute("opacity", "0.9"), f.setAttribute("y1", r), f.setAttribute("y2", r), f.setAttribute("opacity", "0.9");
+			var s = t._tokuiBumpedFs || e.bfs || 10, u = s + 4, y = 7, b = String(l[i] == null ? i + 1 : l[i]);
+			g.textContent = b, g.setAttribute("font-size", s);
+			var x = N(b) * s / 7;
+			_.forEach(function(t, n) {
+				var r = c[n].vals[i], o = c[n].markerVals ? c[n].markerVals[i] : r, l = (c[n].name ? c[n].name + ": " : "") + (r ?? "—");
+				t.querySelector("text").textContent = l, t.querySelector("text").setAttribute("font-size", s), t.querySelector("rect").setAttribute("fill", c[n].color);
+				var u = N(l) * s / 7;
+				u > x && (x = u), p[n].setAttribute("cx", a), p[n].setAttribute("cy", o == null ? 0 : e.yOf(o)), p[n].setAttribute("opacity", o == null || r == null ? "0" : "1");
+			});
+			var S = x + 8 + 8 + y * 2, C = u * (1 + c.length) + y * 2, w = 12, T = n + w, E = r + w;
+			T + S > e.w - 2 && (T = n - S - w), T < 2 && (T = 2), E + C > e.h - 2 && (E = r - C - w), E < 2 && (E = 2), h.setAttribute("x", T), h.setAttribute("y", E), h.setAttribute("width", S), h.setAttribute("height", C), g.setAttribute("x", T + y), g.setAttribute("y", E + y + s * .85), _.forEach(function(e, t) {
+				var n = E + y + u * (t + 1) + s * .85;
+				e.querySelector("rect").setAttribute("x", T + y), e.querySelector("rect").setAttribute("y", n - s * .7), e.querySelector("text").setAttribute("x", T + y + 8 + 8), e.querySelector("text").setAttribute("y", n);
+			}), m.style.opacity = "1";
+		}
+		var b = s("rect", {
+			x: n,
+			y: r,
+			width: i,
+			height: a,
+			fill: "transparent",
+			style: "cursor:crosshair;"
+		});
+		return t.appendChild(b), b.addEventListener("mousemove", function(e) {
+			y(D(t, e.clientX), O(t, e.clientY));
+		}), b.addEventListener("mouseleave", v), {
+			show: y,
+			hide: v,
+			overlay: b
+		};
+	}
+	function A(e, t) {
+		var n = t.padL, r = t.cw, i = t.n, a = t.plotG, o = "tokui-chart-clip-" + ++F, c = s("defs"), l = s("clipPath", { id: o });
 		l.appendChild(s("rect", {
 			x: n - 1,
 			y: t.padT - 1,
@@ -1888,19 +2008,23 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			sx: 1,
 			tx: 0
 		};
-		function v(e, n, r) {
-			for (var i = 0, a = 0; a < e.length; a++) i += e.charCodeAt(a) > 127 ? 10 : 5.5;
-			var o = i + 16, s = 18, c = n - o / 2, l = r - s - 6;
-			c < 2 && (c = 2), c + o > t.w - 2 && (c = t.w - o - 2), l < 2 && (l = r + 10), m.setAttribute("x", c), m.setAttribute("y", l), m.setAttribute("width", o), m.setAttribute("height", s), h.setAttribute("x", c + o / 2), h.setAttribute("y", l + s / 2 + 1), h.textContent = e, g.style.opacity = "1";
+		function v(n, r, i) {
+			for (var a = e._tokuiBumpedFs || 10, o = a / 10, s = 0, c = 0; c < n.length; c++) s += n.charCodeAt(c) > 127 ? 10 : 5.5;
+			var l = s * o + 16, u = 18 * o, d = r - l / 2, f = i - u - 6;
+			d < 2 && (d = 2), d + l > t.w - 2 && (d = t.w - l - 2), f < 2 && (f = i + 10), m.setAttribute("x", d), m.setAttribute("y", f), m.setAttribute("width", l), m.setAttribute("height", u), h.setAttribute("x", d + l / 2), h.setAttribute("y", f + u / 2 + 1), h.setAttribute("font-size", a), h.textContent = n, g.style.opacity = "1";
 		}
-		function y(e, i, o) {
-			var s = t.srcLeft(e), c = r / (t.srcRight(i) - s), l = n - c * s;
-			a.setAttribute("transform", "matrix(" + c + " 0 0 1 " + l + " 0)"), _.s = e, _.e = i, _.sx = c, _.tx = l, E(p), o && t.renderLabels(p, e, i);
+		function y(i, o, s) {
+			var c = t.srcLeft(i), l = r / (t.srcRight(o) - c), u = n - l * c;
+			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;
-		x.appendChild(s("rect", {
+		var S = t.h + 6, C = 16, w = C - 2, T = s("rect", {
 			x: n,
 			y: S,
 			width: r,
@@ -1908,20 +2032,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			fill: "var(--tokui-chart-grid, #e8e8e8)",
 			rx: 3,
 			class: "tokui-chart-zoom-track"
-		}));
-		for (var T = r / i, O = 0; O < i; O++) {
-			var k = t.overview[O] || 0, A = Math.max(1, (k - t.valMin) / t.range * w);
-			x.appendChild(s("rect", {
-				x: n + O * T + .5,
-				y: S + C - 1 - A,
-				width: Math.max(1, T - 1),
-				height: A,
+		});
+		x.appendChild(T);
+		for (var O = r / i, k = [], A = 0; A < i; A++) {
+			var j = t.overview[A] || 0, M = Math.max(1, (j - t.valMin) / t.range * w), N = s("rect", {
+				x: n + A * O + .5,
+				y: S + C - 1 - M,
+				width: Math.max(1, O - 1),
+				height: M,
 				fill: "var(--tokui-chart-text, #bbb)",
 				opacity: "0.55",
 				class: "tokui-chart-zoom-overview"
-			}));
+			});
+			x.appendChild(N), k.push({
+				el: N,
+				val: j
+			});
 		}
-		var j = s("rect", {
+		var L = s("rect", {
 			y: S - 1,
 			height: C + 2,
 			fill: "rgba(0,120,212,0.12)",
@@ -1930,7 +2058,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			rx: 2,
 			class: "tokui-chart-zoom-window",
 			style: "cursor:grab;"
-		}), M = s("rect", {
+		}), z = s("rect", {
 			width: 6,
 			height: C + 6,
 			y: S - 3,
@@ -1938,7 +2066,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			rx: 2,
 			class: "tokui-chart-zoom-handle tokui-chart-zoom-handle--l",
 			style: "cursor:ew-resize;"
-		}), P = s("rect", {
+		}), B = s("rect", {
 			width: 6,
 			height: C + 6,
 			y: S - 3,
@@ -1947,38 +2075,50 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			class: "tokui-chart-zoom-handle tokui-chart-zoom-handle--r",
 			style: "cursor:ew-resize;"
 		});
-		x.appendChild(j), x.appendChild(M), x.appendChild(P);
-		var F = 0, I = 1, L = Math.max(2, Math.floor(i * .1)) / (i - 1);
-		function R(e, t) {
+		x.appendChild(L), x.appendChild(z), x.appendChild(B);
+		function V(n) {
+			if (n > 0) {
+				var r = R(9, n, P, I);
+				e._tokuiBumpedFs = r, h && h.setAttribute("font-size", r);
+				var i = Math.min(26, Math.max(16, 14 / n)), a = Math.min(24, Math.max(6, 10 / n));
+				C = i, w = C - 2, T.setAttribute("height", C), L.setAttribute("height", C + 2), z.setAttribute("width", a), z.setAttribute("height", C + 6), B.setAttribute("width", a), B.setAttribute("height", C + 6);
+				for (var o = 0; o < k.length; o++) {
+					var s = Math.max(1, (k[o].val - t.valMin) / t.range * w);
+					k[o].el.setAttribute("y", S + C - 1 - s), k[o].el.setAttribute("height", s);
+				}
+			}
+		}
+		var H = 0, U = 1, W = Math.max(2, Math.floor(i * .1)) / (i - 1);
+		function G(e, t) {
 			var i = n + e * r, a = n + t * r;
-			j.setAttribute("x", i), j.setAttribute("width", Math.max(2, a - i)), M.setAttribute("x", i - 3), P.setAttribute("x", a - 3);
+			L.setAttribute("x", i), L.setAttribute("width", Math.max(2, a - i)), z.setAttribute("x", i - 3), B.setAttribute("x", a - 3);
 		}
-		R(F, I);
-		var z = typeof window < "u" && typeof window.requestAnimationFrame == "function", B = !1, V = null;
-		function H(e, t) {
-			V = [e, t], !B && (B = !0, z ? window.requestAnimationFrame(function() {
-				B = !1, V && y(V[0], V[1], !1);
-			}) : (B = !1, y(e, t, !1)));
+		G(H, U);
+		var 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 U(e) {
-			R(F, I);
-			var t = K(i, F, I);
-			e ? H(t.s, t.e) : (V = null, y(t.s, t.e, !0));
+		function 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 W(t, i) {
+		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") F = Math.min(t, I - L);
-						else if (i === "r") I = Math.max(t, F + L);
+						if (i === "l") H = Math.min(t, U - W);
+						else if (i === "r") U = Math.max(t, H + W);
 						else {
-							var a = I - F, o = (e - c) / r;
-							F = b(F + o, 0, 1 - a), I = F + a;
+							var a = U - H, o = (e - c) / r;
+							H = b(H + o, 0, 1 - a), U = H + a;
 						}
-						c = e, U(!0);
+						c = e, ne(!0);
 					}
 				}
 				function u(t) {
@@ -1989,7 +2129,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					try {
 						t.releasePointerCapture(o);
 					} catch {}
-					U(!1);
+					ne(!1);
 				}
 				t.addEventListener("pointermove", u), t.addEventListener("pointerup", d);
 			}
@@ -2001,17 +2141,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				a(D(e, n.clientX), n.pointerId);
 			});
 		}
-		return W(M, "l"), W(P, "r"), W(j, "pan"), y(0, i - 1, !0), {
+		return Y(z, "l"), Y(B, "r"), Y(L, "pan"), y(0, i - 1, !0), e._tokuiZoomRelayout = V, {
 			showTip: v,
 			winState: _,
-			sharedTip: g
+			sharedTip: g,
+			clipG: u
 		};
 	}
-	function k(e, t, n, r, i, a) {
+	function j(e, t, n, r, i, a) {
 		if (!(!t || !t.length)) {
 			i > 0 || (i = 7);
 			var o = 8, c = 4, l = 14, u = t.map(function(e) {
-				var t = j(e.text) * (i / 7);
+				var t = N(e.text) * (i / 7);
 				return {
 					e,
 					w: o + c + t
@@ -2043,7 +2184,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		}
 	}
-	function A(e, t, r) {
+	function M(e, t, r) {
 		var i = s("svg", {
 			viewBox: "0 0 " + e + " " + t,
 			class: "tokui-chart__svg tokui-chart__svg--empty",
@@ -2058,20 +2199,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		});
 		return a.textContent = r || n("chart.empty"), i.appendChild(a), i;
 	}
-	function j(e) {
+	function N(e) {
 		for (var t = 0, n = 0; n < e.length; n++) t += e.charCodeAt(n) > 127 ? 8 : 4.5;
 		return t;
 	}
-	var M = 14, N = 0, P = 16, F = 7;
-	function I(e, t, n, r) {
+	var P = 14, F = 0, I = 16, L = 7;
+	function R(e, t, n, r) {
 		if (!(t > 0)) return e;
 		var i = e * t;
 		return r > 0 && i > r ? r / t : n > 0 && i < n ? n / t : e;
 	}
-	function L(e, t) {
+	function z(e, t) {
 		if (t > 0) {
-			var n = I(10, t, M, P) / 10;
-			if (!(Math.abs(n - 1) < .005)) for (var r = e.querySelectorAll(".tokui-chart-tips-layer .tokui-chart-tip:not(.tokui-chart-tip--shared)"), i = 0; i < r.length; i++) {
+			var n = R(10, t, P, I) / 10;
+			if (!(Math.abs(n - 1) < .005)) for (var r = e.querySelectorAll(".tokui-chart-tips-layer .tokui-chart-tip:not(.tokui-chart-tip--shared):not(.tokui-chart-tip--axis)"), i = 0; i < r.length; i++) {
 				var a = r[i], o = parseFloat(a.getAttribute("data-tx")), s = parseFloat(a.getAttribute("data-ty"));
 				if (!isFinite(o) || !isFinite(s)) {
 					var c = a.querySelector("rect");
@@ -2081,31 +2222,31 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}
 	}
-	function R(e, t, n, r, i) {
+	function B(e, t, n, r, i) {
 		if (!(e > 0) || !(t >= 0) || !(r >= 0) || !(i > 0)) return 0;
 		var a = e - 2 * i * (r - 1);
 		return a <= 0 ? 0 : 2 * i * (t + n) / a;
 	}
-	function z(e, t) {
+	function V(e, t) {
 		(!(e > 0) || !isFinite(e)) && (e = 1);
 		var n = Math.floor(Math.log10(e)), r = e / 10 ** n;
 		return (t ? r < 1.5 ? 1 : r < 3 ? 2 : r < 7 ? 5 : 10 : r <= 1 ? 1 : r <= 2 ? 2 : r <= 5 ? 5 : 10) * 10 ** n;
 	}
-	function B(e, t) {
+	function H(e, t) {
 		if (!isFinite(e) || !isFinite(t)) return [0, 1];
 		e === t && (--e, t += 1);
-		var n = z(z(t - e, !1) / 5, !0) || 1;
+		var n = V(V(t - e, !1) / 5, !0) || 1;
 		return [Math.floor(e / n) * n, Math.ceil(t / n) * n];
 	}
-	function V(e, t, n, r) {
+	function U(e, t, n, r) {
 		if (e[t] !== void 0 && e[t] !== "") {
 			var i = parseFloat(e[t]);
 			if (!isNaN(i)) return i;
 		}
 		return e[n] === void 0 ? r : +e[n];
 	}
-	var H = 38;
-	function U(e, t, n, r, i) {
+	var W = 38;
+	function G(e, t, n, r, i) {
 		var a = e.length, o = n || 30;
 		if (!a) return {
 			rotate: !1,
@@ -2113,10 +2254,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			interval: 1
 		};
 		for (var s = r || t * a, c = 0, l = 0; l < a; l++) if (!(e[l] == null || e[l] === "")) {
-			var u = j(String(e[l]));
+			var u = N(String(e[l]));
 			u > c && (c = u);
 		}
-		var d = P / F * c, f = Math.max(H, d * 1.15), p = Math.max(H * .72, d * .72), m = Math.max(1, Math.floor(s / f)), h = Math.max(1, Math.floor(s / p)), g = 1, _ = !1, v = i === void 0 ? "auto" : String(i);
+		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 {
@@ -2129,17 +2270,17 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			interval: g
 		};
 	}
-	var W = 30;
-	function G(e, t) {
+	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 > W;
+		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 > W : t > i;
+		return isNaN(i) ? t > ee : t > i;
 	}
-	function K(e, t, n) {
+	function q(e, t, n) {
 		if (e <= 1) return {
 			s: 0,
 			e: Math.max(0, e - 1)
@@ -2155,11 +2296,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			e: i
 		};
 	}
-	function q(e, t, n, r, i, a, o) {
+	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 === "") && !(u > 1 && !(i === 0 || i === d || i % u === 0))) {
-				var o = n[i], f = l ? a : j(String(t)) > c, p = s("text", {
+				var o = n[i], f = l ? a : N(String(t)) > c, p = s("text", {
 					x: o,
 					y: r,
 					"text-anchor": f ? "end" : "middle",
@@ -2170,7 +2311,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		});
 	}
-	function J(e, t, n, r, i) {
+	function te(e, t, n, r, i) {
 		var a = s("text", {
 			x: n,
 			y: r,
@@ -2180,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 ee(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);
@@ -2194,48 +2335,48 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		window.requestAnimationFrame(s);
 	}
-	function te(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 Y(e, t, n) {
-		var r = te(e), i = te(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 X(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 Y(e[r], e[r + 1], n - r);
+		return re(e[r], e[r + 1], n - r);
 	}
-	function ne(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 A(parseInt(i.w) || 400, parseInt(i.h) || 200);
+		})) return M(parseInt(i.w) || 400, parseInt(i.h) || 200);
 		var u = Math.max.apply(null, l.map(function(e) {
 			return e.length;
 		})), d, p;
 		a ? (d = parseInt(i.w) || 480, p = x(i, "h", u, 36, 26, 200, 1200)) : (d = x(i, "w", u, 52, 26, 360, 2400), p = S(d, parseInt(i.h) || 200, 4, 560));
-		var m = l.length > 1, h = !a && G(i, u), g = h ? 28 : 0, _ = p + (m ? o : 0) + g, v = 0, y = 0;
+		var m = l.length > 1, h = !a && 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 j = 0, M = 0;
+			var k = 0, A = 0;
 			l.forEach(function(e) {
 				var t = e[O] || 0;
-				t >= 0 ? j += t : M += t;
-			}), j > v && (v = j), M < y && (y = M);
+				t >= 0 ? k += t : A += t;
+			}), k > v && (v = k), A < y && (y = A);
 		}
 		else l.forEach(function(e) {
 			e.forEach(function(e) {
 				e > v && (v = e), e < y && (y = e);
 			});
 		});
-		v = V(i, "ymax", "_yMax", v || 1);
-		var P = v - y || 1, F = s("svg", {
+		v = U(i, "ymax", "_yMax", v || 1);
+		var N = v - y || 1, P = s("svg", {
 			viewBox: "0 0 " + d + " " + _,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
@@ -2246,55 +2387,55 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		var R = [], z = [];
 		if (a) {
-			var B = 70, H = i.xl ? 30 : 22, W = 14, ee = i.yl ? 30 : 16, te = d - B - ee, Y = p - W - H, X = Y / u, ne = Math.max(3, c ? X * .6 : X * .6 / l.length);
+			var B = 70, V = i.xl ? 30 : 22, H = 14, W = i.yl ? 30 : 16, 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 B + te * (e - y) / P;
-			}
-			for (var re = 0; re <= 4; re++) {
-				var ie = y + P * re / 4, ae = e(ie);
-				F.appendChild(s("line", {
-					x1: ae,
-					y1: W,
-					x2: ae,
-					y2: W + Y,
+				return B + 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
-				})), F.appendChild(s("text", {
-					x: ae,
-					y: W + Y + 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(ie);
+				})).textContent = Math.round(ae);
 			}
 			l.forEach(function(a, o) {
 				a.forEach(function(a, u) {
 					if (a != null) {
-						var d = L(o, u, a), f = e(d[0]), p = Math.max(0, e(d[1]) - f), m = W + u * X + X * .2 + (c ? 0 : o * ne), h = s("g", { class: "tokui-chart-tip-group" });
+						var d = L(o, u, a), f = e(d[0]), p = Math.max(0, e(d[1]) - f), m = H + u * 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: ne - 1,
+							height: re - 1,
 							fill: r[o % r.length],
 							rx: 2,
 							class: "tokui-chart-bar"
-						})), I.add(h, (t[u] || "") + ": " + a + (l.length > 1 ? " (" + n("chart.seriesDefault", { n: o + 1 }) + ")" : ""), f + p / 2, m), F.appendChild(h), i.vals !== void 0) {
+						})), I.add(h, (t[u] || "") + ": " + a + (l.length > 1 ? " (" + n("chart.seriesDefault", { n: o + 1 }) + ")" : ""), f + p / 2, m), P.appendChild(h), i.vals !== void 0) {
 							var g = s("text", {
 								x: f + p + 3,
-								y: m + ne / 2 + 2,
+								y: m + re / 2 + 2,
 								"text-anchor": "start",
 								fill: "var(--tokui-chart-text, #666)",
 								"font-size": "8"
 							});
-							g.textContent = a, F.appendChild(g);
+							g.textContent = a, P.appendChild(g);
 						}
 					}
 				});
 			}), t.slice(0, u).forEach(function(e, t) {
 				if (!(e == null || e === "")) {
-					var n = W + t * X + X / 2;
-					F.appendChild(s("text", {
+					var n = H + t * Y + Y / 2;
+					P.appendChild(s("text", {
 						x: B - 6,
 						y: n + 3,
 						"text-anchor": "end",
@@ -2302,22 +2443,22 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						"font-size": "9"
 					})).textContent = e;
 				}
-			}), i.xl && J(F, i.xl, B + te / 2, W + Y + 22, !1), i.yl && J(F, i.yl, 12, W + Y / 2, !0);
+			}), i.xl && te(P, i.xl, B + ee / 2, H + ne + 22, !1), i.yl && te(P, i.yl, 12, H + ne / 2, !0);
 		} else {
-			var Z = i.yl ? 46 : 40, oe = 12, se = 18, Q = d - Z - oe, ce = Q / u, le = U(t.slice(0, u), ce, i.xl ? 38 : 28, Q, i.interval), ue = le.padB, de = p - se - ue;
+			var Z = i._padL ? +i._padL : i.yl ? 46 : 40, 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 se + de * (1 - (e - y) / P);
+				return se + de * (1 - (e - y) / N);
 			}
 			for (var fe = 0; fe <= 4; fe++) {
-				var pe = y + P * fe / 4, me = e(pe);
-				F.appendChild(s("line", {
+				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
-				})), F.appendChild(s("text", {
+				})), P.appendChild(s("text", {
 					x: Z - 4,
 					y: me + 4,
 					"text-anchor": "end",
@@ -2327,7 +2468,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 			if (y < 0) {
 				var he = e(0);
-				F.appendChild(s("line", {
+				P.appendChild(s("line", {
 					x1: Z,
 					y1: he,
 					x2: d - oe,
@@ -2337,7 +2478,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}));
 			}
 			var ge = s("g", { class: "tokui-chart-plot" });
-			F.appendChild(ge);
+			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,
@@ -2345,13 +2486,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				tx: 0
 			};
 			if (_e) {
-				var De = "tokui-chart-clip-" + ++N, Oe = s("defs"), j = s("clipPath", { id: De });
-				j.appendChild(s("rect", {
+				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(j), F.appendChild(Oe);
+				})), 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++) {
@@ -2359,7 +2500,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						x: Z + je * we + we * .2,
 						y: e(Me),
 						width: Math.max(1, Te - 1),
-						height: Math.max(0, Me / P * de),
+						height: Math.max(0, Me / N * de),
 						rx: 2,
 						fill: r[0],
 						class: "tokui-chart-bar"
@@ -2386,7 +2527,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					var m = u / f, g = Z - m * (Z + a * we);
 					if (ye.setAttribute("transform", "matrix(" + m + " 0 0 1 " + g + " 0)"), Ee.s = a, Ee.e = o, Ee.sx = m, Ee.tx = g, E(be), d) {
 						for (var _ = Q / f, v = [], y = 0; y < f; y++) v.push(Z + y * _ + _ / 2);
-						q(be, t.slice(a, o + 1), v, p - 8, _, le.rotate, le.interval);
+						J(be, t.slice(a, o + 1), v, p - 8, _, le.rotate, le.interval);
 					}
 					return;
 				}
@@ -2399,7 +2540,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						if (m != null) {
 							var h = c ? m >= 0 ? S[p] || 0 : C[p] || 0 : 0, g = m >= 0 ? h + m : h, _ = m >= 0 ? h : h + m;
 							c && (m >= 0 ? S[p] = g : C[p] = _);
-							var v = e(g), y = Math.max(0, (g - _) / P * de), w = Z + (p - a) * b + b * .2 + (c ? 0 : f * x), T = s("g", { class: "tokui-chart-tip-group" });
+							var v = e(g), y = Math.max(0, (g - _) / N * 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,
@@ -2422,13 +2563,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					}
 				});
 				for (var w = [], D = 0; D < f; D++) w.push(Z + D * b + b / 2);
-				q(ge, t.slice(a, o + 1), w, p - 8, b, le.rotate, le.interval), d && h && T(ge, F);
+				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 = 0, i = 0; i < e.length; i++) r += e.charCodeAt(i) > 127 ? 10 : 5.5;
-					var a = r + 16, o = 18, s = t - a / 2, c = n - o - 6;
-					s < 2 && (s = 2), s + a > d - 2 && (s = d - a - 2), c < 2 && (c = n + 10), Se.setAttribute("x", s), Se.setAttribute("y", c), Se.setAttribute("width", a), Se.setAttribute("height", o), Ce.setAttribute("x", s + a / 2), Ce.setAttribute("y", c + o / 2 + 1), Ce.textContent = e, xe.style.opacity = "1";
+					for (var r = P._tokuiBumpedFs || 10, i = r / 10, a = 0, o = 0; o < e.length; o++) a += e.charCodeAt(o) > 127 ? 10 : 5.5;
+					var s = a * i + 16, c = 18 * i, l = t - s / 2, u = n - c - 6;
+					l < 2 && (l = 2), l + s > d - 2 && (l = d - s - 2), u < 2 && (u = n + 10), 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() {
@@ -2442,9 +2583,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					});
 				});
 			}
-			i.xl && J(F, i.xl, Z + Q / 2, p - 8 + (le.rotate ? 26 : 12), !1), i.yl && J(F, i.yl, 12, se + de / 2, !0), h && (function() {
+			i.xl && 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" });
-				F.appendChild(e);
+				P.appendChild(e);
 				var t = p + 6, n = 16, r = n - 2;
 				e.appendChild(s("rect", {
 					x: Z,
@@ -2463,7 +2604,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					}
 				});
 				for (var o = Q / u, d = 0; d < u; d++) {
-					var f = Math.max(1, (i[d] - y) / P * r);
+					var f = Math.max(1, (i[d] - y) / N * r);
 					e.appendChild(s("rect", {
 						x: Z + d * o + .5,
 						y: t + n - 1 - f,
@@ -2515,7 +2656,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 				function O(e) {
 					S(_, v);
-					var t = K(u, _, v);
+					var t = q(u, _, v);
 					e ? E(t.s, t.e) : (T = null, a(t.s, t.e, !0));
 				}
 				function k(e, t) {
@@ -2535,7 +2676,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							}
 						}
 						function s(e) {
-							e.preventDefault(), o(D(F, e.clientX));
+							e.preventDefault(), o(D(P, e.clientX));
 						}
 						function c() {
 							i = !1, e.removeEventListener("pointermove", s), e.removeEventListener("pointerup", c);
@@ -2551,27 +2692,27 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						try {
 							e.setPointerCapture(t.pointerId);
 						} catch {}
-						n(D(F, t.clientX), t.pointerId);
+						n(D(P, t.clientX), t.pointerId);
 					});
 				}
 				k(h, "l"), k(g, "r"), k(m, "pan");
 			})();
 		}
-		return m && k(F, l.map(function(e, t) {
+		return m && j(P, l.map(function(e, t) {
 			return {
 				color: r[t % r.length],
 				text: n("chart.seriesDefault", { n: t + 1 })
 			};
-		}), d, p + 6), F.appendChild(I.layer), h || w(F), F;
+		}), d, p + 6), P.appendChild(I.layer), h || w(P), P;
 	}
-	function re(e, t, r, i) {
+	function 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 A(parseInt(i.w) || 400, parseInt(i.h) || 200);
+		})) return M(parseInt(i.w) || 400, parseInt(i.h) || 200);
 		var u = Math.max.apply(null, l.map(function(e) {
 			return e.length;
-		})), d = x(i, "w", u, 52, 24, 360, 2400), p = S(d, parseInt(i.h) || 200, 4, 560), m = l.length > 1, h = G(i, u), g = h ? 28 : 0, _ = p + (m ? o : 0) + g, v = l.map(function(e) {
+		})), d = x(i, "w", u, 52, 24, 360, 2400), p = S(d, parseInt(i.h) || 200, 4, 560), m = l.length > 1, h = K(i, u), g = h ? 28 : 0, _ = p + (m ? o : 0) + g, v = l.map(function(e) {
 			return e.slice();
 		});
 		if (a) for (var y = 1; y < v.length; y++) for (var b = 0; b < u; b++) v[y][b] = (v[y][b] || 0) + (v[y - 1][b] || 0);
@@ -2581,35 +2722,35 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				e > T && (T = e), e < E && (E = e);
 			});
 		}), E === Infinity && (E = 0), E > 0 && !a && (E = 0);
-		var D = T - E || 1, j = i.yl ? 46 : 40, M = 12, N = 18, P = d - j - M, F = u > 1 ? P / (u - 1) : P, I = U(t.slice(0, u), F, i.xl ? 38 : 28, P, i.interval), L = I.padB, R = p - N - L, z = s("svg", {
+		var D = T - E || 1, O = 12, N = 18, P = i._padL ? +i._padL : i.yl ? 46 : 40, F = d - P - O, I = u > 1 ? F / (u - 1) : F, L = 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"
-		}), B = C(d, _);
-		function V(e) {
-			return j + (u > 1 ? e * P / (u - 1) : P / 2);
-		}
+		}), V = C(d, _);
 		function H(e) {
-			return N + R * (1 - (e - E) / D);
+			return P + (u > 1 ? e * F / (u - 1) : F / 2);
+		}
+		function U(e) {
+			return N + z * (1 - (e - E) / D);
 		}
 		for (var W = 0; W <= 4; W++) {
-			var K = E + D * W / 4, ee = H(K);
-			z.appendChild(s("line", {
-				x1: j,
-				y1: ee,
-				x2: d - M,
-				y2: ee,
+			var 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
-			})), z.appendChild(s("text", {
-				x: j - 4,
-				y: ee + 4,
+			})), B.appendChild(s("text", {
+				x: P - 4,
+				y: q + 4,
 				"text-anchor": "end",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
-			})).textContent = Math.round(K * 10) / 10;
+			})).textContent = Math.round(ee * 10) / 10;
 		}
-		function te(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++) {
@@ -2619,129 +2760,102 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return t;
 		}
 		var Y = h ? s("g", { class: "tokui-chart-plot" }) : null;
-		Y && z.appendChild(Y);
-		var X = Y || z, ne = [];
-		if (v.forEach(function(e, o) {
-			for (var u = [], d = 0; d < e.length; d++) {
-				var f = e[d];
-				f != null && u.push({
-					x: V(d),
-					y: H(f),
-					idx: d
+		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 < v[o - 1].length; m++) v[o - 1][m] !== void 0 && p.push({
-						x: V(m),
-						y: H(v[o - 1][m])
+			if (n.length) {
+				if (i.area !== void 0 || a) if (a && t > 0) {
+					for (var d = [], f = 0; f < v[t - 1].length; f++) v[t - 1][f] !== void 0 && d.push({
+						x: H(f),
+						y: U(v[t - 1][f])
 					});
-					var g = "M" + u[0].x + "," + u[0].y;
-					u.forEach(function(e) {
-						g += " L" + e.x + "," + e.y;
+					var p = "M" + n[0].x + "," + n[0].y;
+					n.forEach(function(e) {
+						p += " L" + e.x + "," + e.y;
 					});
-					for (var _ = p.length - 1; _ >= 0; _--) g += " L" + p[_].x + "," + p[_].y;
-					g += " Z", X.appendChild(s("path", {
-						d: g,
-						fill: r[o % r.length],
+					for (var m = d.length - 1; m >= 0; m--) p += " L" + d[m].x + "," + d[m].y;
+					p += " Z", ie.appendChild(s("path", {
+						d: p,
+						fill: r[t % r.length],
 						opacity: "0.4"
 					}));
 				} else {
-					var y = H(Math.max(0, E)), b = "M" + u[0].x + "," + y;
-					u.forEach(function(e) {
-						b += " L" + e.x + "," + e.y;
-					}), b += " L" + u[u.length - 1].x + "," + y + " Z", X.appendChild(s("path", {
-						d: b,
-						fill: r[o % r.length],
+					var g = U(Math.max(0, E)), _ = "M" + n[0].x + "," + g;
+					n.forEach(function(e) {
+						_ += " L" + e.x + "," + e.y;
+					}), _ += " L" + n[n.length - 1].x + "," + g + " Z", ie.appendChild(s("path", {
+						d: _,
+						fill: r[t % r.length],
 						opacity: "0.15"
 					}));
 				}
-				c ? X.appendChild(s("path", {
-					d: te(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"
-				})) : X.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) {
-					if (h) {
-						Y.appendChild(s("circle", {
-							cx: a.x,
-							cy: a.y,
-							r: 3,
-							fill: "#fff",
-							stroke: r[o % r.length],
-							"stroke-width": 2,
-							class: "tokui-chart-dot"
-						}));
-						var c = s("circle", {
-							cx: a.x,
-							cy: a.y,
-							r: 9,
-							fill: "transparent",
-							style: "cursor:pointer;"
-						});
-						Y.appendChild(c), ne.push({
-							hit: c,
-							si: o,
-							idx: a.idx,
-							x: a.x,
-							y: a.y,
-							orig: x,
-							s: e
-						});
-					} else {
-						var u = s("g", { class: "tokui-chart-tip-group" });
-						u.appendChild(s("circle", {
-							cx: a.x,
-							cy: a.y,
-							r: 8,
-							fill: "transparent"
-						})), u.appendChild(s("circle", {
-							cx: a.x,
-							cy: a.y,
-							r: 3,
-							fill: "#fff",
-							stroke: r[o % r.length],
-							"stroke-width": 2,
-							class: "tokui-chart-dot"
-						})), B.add(u, (t[a.idx] || "") + ": " + (x[a.idx] === void 0 ? e[a.idx] : x[a.idx]) + (l.length > 1 ? " (" + n("chart.seriesDefault", { n: o + 1 }) + ")" : ""), a.x, a.y), z.appendChild(u);
-					}
-					i.vals !== void 0 && (X.appendChild(s("text", {
-						x: a.x,
-						y: a.y - 6,
+				var y = l[t];
+				n.forEach(function(n) {
+					var a = h ? re : B, o = s("circle", {
+						cx: n.x,
+						cy: n.y,
+						r: 3,
+						fill: "#fff",
+						stroke: r[t % r.length],
+						"stroke-width": 2,
+						class: "tokui-chart-dot"
+					});
+					a.appendChild(o), h && 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]);
 				});
 			}
 		}), h) {
-			var re = O(z, {
+			var X = A(B, {
 				plotG: Y,
-				tipLayer: B.layer,
-				padL: j,
-				cw: P,
+				tipLayer: V.layer,
+				padL: P,
+				cw: F,
 				padT: N,
-				ch: R,
+				ch: z,
 				h: p,
 				w: d,
 				n: u,
 				srcLeft: function(e) {
-					return j + (u > 1 ? e * P / (u - 1) : 0);
+					return P + (u > 1 ? e * F / (u - 1) : 0);
 				},
 				srcRight: function(e) {
-					return j + (u > 1 ? e * P / (u - 1) : P);
+					return P + (u > 1 ? e * F / (u - 1) : F);
 				},
 				overview: l.reduce(function(e, t) {
 					for (var n = 0; n < t.length; n++) {
@@ -2753,43 +2867,102 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				valMin: E,
 				range: D,
 				renderLabels: function(e, n, r) {
-					for (var i = r - n, a = [], o = n; o <= r; o++) a.push(i > 0 ? j + (o - n) * P / i : j + P / 2);
-					q(e, t.slice(n, r + 1), a, p - 8, F, I.rotate, I.interval);
+					for (var 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);
+					}
 				}
 			});
-			ne.forEach(function(e) {
-				e.hit.addEventListener("mouseenter", function() {
-					var r = e.orig[e.idx] === void 0 ? e.s[e.idx] : e.orig[e.idx];
-					if (r != null) {
-						var i = re.winState.sx * e.x + re.winState.tx;
-						re.showTip((t[e.idx] || "") + ": " + r + (l.length > 1 ? " (" + n("chart.seriesDefault", { n: e.si + 1 }) + ")" : ""), i, e.y);
-					}
-				}), e.hit.addEventListener("mouseleave", function() {
-					re.sharedTip.style.opacity = "";
-				});
+			X.clipG.appendChild(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 ie = [], ae = 0; ae < u; ae++) ie.push(V(ae));
-			q(z, t.slice(0, u), ie, p - 8, F, I.rotate, I.interval);
+			for (var 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 && J(z, i.xl, j + P / 2, p - 8 + (I.rotate ? 26 : 12), !1), i.yl && J(z, i.yl, 12, N + R / 2, !0), m && k(z, l.map(function(e, t) {
+		return i.xl && 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), z.appendChild(B.layer), h || w(z), z;
+		}), d, p + 6), B.appendChild(V.layer), h || w(B), B;
 	}
-	function ie(e, t, n, r, i) {
+	function 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 = j(t[n] + " " + e + "(" + r + "%)");
+				var r = Math.round(e / i * 100), a = N(t[n] + " " + e + "(" + r + "%)");
 				a > u && (u = a);
 			}
 		});
-		var d = u / F, f = a + s + c + l, p = f + d * r, m = parseInt(n.w) || 280, h = parseInt(n.h) || 280, g = a + r + l, _ = Math.max(8, Math.min(m, h) / 2 - g), v = _ + p;
+		var d = u / L, f = a + s + c + l, p = f + d * r, m = parseInt(n.w) || 280, h = parseInt(n.h) || 280, g = a + r + l, _ = Math.max(8, Math.min(m, h) / 2 - g), v = _ + p;
 		return {
 			fs: r,
 			leadLen: a,
@@ -2809,14 +2982,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			totalH: (g + _) * 2 + o
 		};
 	}
-	function ae(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 A(a, c + o);
+		if (!e.length) return M(a, c + o);
 		var l = e.reduce(function(e, t) {
 			return e + t;
 		}, 0) || 1, u = i._pieFs !== void 0 && i._pieFs !== "" ? parseFloat(i._pieFs) : 7;
 		(!(u > 0) || !isFinite(u)) && (u = 7);
-		var d = ie(e, t, i, u, l), f = [], p = -Math.PI / 2;
+		var d = 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({
@@ -2877,18 +3050,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				});
 				w.textContent = t[n] + " " + e.val + "(" + a + "%)", _.appendChild(w);
 			}
-		}), k(_, e.map(function(e, i) {
+		}), j(_, e.map(function(e, i) {
 			return {
 				color: r[i % r.length],
 				text: t[i] || n("chart.itemDefault", { n: i + 1 })
 			};
 		}), d.W, d.H + 6, d.fs), _.appendChild(v.layer), w(_), _;
 	}
-	function Z(e, t, r, i) {
+	function 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 A(a, c + o);
+		})) return M(a, c + o);
 		var m = p.length > 1, h = Math.min(u, d) - 16, g = s("svg", {
 			viewBox: "0 0 " + a + " " + l,
 			class: "tokui-chart__svg",
@@ -2919,16 +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 + "%"), k(g, p[0].map(function(e, i) {
+		})).textContent = i.v + "%"), j(g, p[0].map(function(e, i) {
 			return {
 				color: r[i % r.length],
 				text: (t[i] || n("chart.itemDefault", { n: i + 1 })) + " " + e
 			};
 		}), a, c + 6), g.appendChild(_.layer), w(g), g;
 	}
-	function oe(e, t, r, i) {
+	function Q(e, t, r, i) {
 		var a = e.length, o = parseInt(i.w) || 480, c = parseInt(i.h) || 320;
-		if (!a) return A(o, c);
+		if (!a) return M(o, c);
 		var l = 14, u = 12, d = 14, f = c - l - u, p = a ? f / a : f, m = e[0] || 0, h = v(e) || 1, g = Math.round(o * .6), _ = g - d - 6, y = d + _ / 2, b = g + 10, x = s("svg", {
 			viewBox: "0 0 " + o + " " + c,
 			class: "tokui-chart__svg tokui-chart__svg--funnel",
@@ -2997,7 +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 se(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);
@@ -3072,32 +3245,32 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}));
 		var G = parseInt(i.ticks, 10);
 		isNaN(G) && (G = 6);
-		var K = {};
+		var ee = {};
 		[S, T].concat(M).forEach(function(e) {
-			K[Math.round(e * 100) / 100] = !0;
+			ee[Math.round(e * 100) / 100] = !0;
 		});
-		for (var q = 0; q <= G; q++) {
-			var J = f + q / G * (p - f), te = q === 0 || q === G, Y = L(J, x - V / 2 - 1), X = L(J, x + V / 2 + 2);
+		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: Y[0],
-				y1: Y[1],
-				x2: X[0],
-				y2: X[1],
+				x1: te[0],
+				y1: te[1],
+				x2: Y[0],
+				y2: Y[1],
 				stroke: "var(--tokui-chart-text, #bbb)",
-				"stroke-width": te ? 1.2 : .6,
-				opacity: te ? .8 : .35
+				"stroke-width": J ? 1.2 : .6,
+				opacity: J ? .8 : .35
 			}));
-			var ne = S + q / G * E, re = Math.round(ne * 100) / 100;
-			if (te || K[re]) {
-				var ie = L(J, x + V / 2 + 12), ae = s("text", {
-					x: ie[0],
-					y: ie[1],
+			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",
 					"dominant-baseline": "central",
 					fill: "var(--tokui-chart-text, #999)",
 					"font-size": "8"
 				});
-				ae.textContent = k > 0 ? ne.toFixed(k) : Math.round(ne), H.appendChild(ae);
+				X.textContent = k > 0 ? re.toFixed(k) : Math.round(re), H.appendChild(X);
 			}
 		}
 		var Z = s("g", { class: "tokui-chart-tip-group" }), oe = s("path", {
@@ -3179,13 +3352,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			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(H), ee(S, D, parseInt(i.anim, 10) || 0, pe), H;
+		return w(H), ne(S, D, parseInt(i.anim, 10) || 0, pe), H;
 	}
-	function Q(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 A(a, c);
+		})) return M(a, c);
 		var p = d.length > 1, m = c + (p ? o : 0), h = Math.min(l, u) - 30, g = Math.max(t.length, d[0].length, 3), _ = 0;
 		d.forEach(function(e) {
 			e.forEach(function(e) {
@@ -3258,38 +3431,38 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					class: "tokui-chart-point"
 				})), y.add(o, (t[r.idx] || n("chart.dimensionDefault", { n: r.idx + 1 })) + ": " + e[r.idx] + (d.length > 1 ? " (" + n("chart.seriesDefault", { n: i + 1 }) + ")" : ""), r.x, r.y), v.appendChild(o);
 			});
-		}), p && k(v, d.map(function(e, t) {
+		}), p && j(v, d.map(function(e, t) {
 			return {
 				color: r[t % r.length],
 				text: n("chart.seriesDefault", { n: t + 1 })
 			};
 		}), a, c + 6), v.appendChild(y.layer), w(v), v;
 	}
-	function ce(e, t, n, r) {
+	function ue(e, t, n, r) {
 		var i = p(r.d);
-		if (!i.length) return A(parseInt(r.w) || 400, parseInt(r.h) || 200);
-		for (var a = x(r, "w", i.length, 50, 22, 360, 2400), o = S(a, parseInt(r.h) || 200, 4, 560), c = o, l = 40, u = 30, d = 18, f = 10, m = a - l - f, h = o - d - u, g = r.xl || "X", _ = r.yl || "Y", b = V(r, "xmin", "_xMin", y(i.map(function(e) {
+		if (!i.length) return M(parseInt(r.w) || 400, parseInt(r.h) || 200);
+		for (var a = x(r, "w", i.length, 50, 22, 360, 2400), o = S(a, parseInt(r.h) || 200, 4, 560), c = o, l = 40, u = 30, d = 18, f = 10, m = a - l - f, h = o - d - u, g = r.xl || "X", _ = r.yl || "Y", b = U(r, "xmin", "_xMin", y(i.map(function(e) {
 			return e.x;
-		}))), T = V(r, "xmax", "_xMax", v(i.map(function(e) {
+		}))), T = U(r, "xmax", "_xMax", v(i.map(function(e) {
 			return e.x;
-		}))), E = V(r, "ymin", "_yMin", y(i.map(function(e) {
+		}))), E = U(r, "ymin", "_yMin", y(i.map(function(e) {
 			return e.y;
-		}))), D = V(r, "ymax", "_yMax", v(i.map(function(e) {
+		}))), D = U(r, "ymax", "_yMax", v(i.map(function(e) {
 			return e.y;
-		}))), O = T - b || 1, k = D - E || 1, j = s("svg", {
+		}))), O = T - b || 1, k = D - E || 1, A = s("svg", {
 			viewBox: "0 0 " + a + " " + c,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
-		}), M = C(a, c), N = 0; N <= 4; N++) {
+		}), j = C(a, c), N = 0; N <= 4; N++) {
 			var P = d + h * (1 - N / 4);
-			j.appendChild(s("line", {
+			A.appendChild(s("line", {
 				x1: l,
 				y1: P,
 				x2: a - f,
 				y2: P,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), j.appendChild(s("text", {
+			})), A.appendChild(s("text", {
 				x: l - 4,
 				y: P + 4,
 				"text-anchor": "end",
@@ -3312,20 +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 le(e) {
+	function de(e) {
 		return /[-/]/.test(String(e));
 	}
-	function ue(e, t) {
+	function fe(e, t) {
 		if (e === void 0 || e === "") return NaN;
 		if (t === "dates") {
 			var n = new Date(e);
@@ -3334,14 +3507,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		var r = parseFloat(e);
 		return isNaN(r) ? NaN : r;
 	}
-	function de(e) {
+	function pe(e) {
 		return e ? String(e).split("|").map(function(e) {
 			return e.split(",").map(function(e) {
 				return e.trim();
 			});
 		}) : [];
 	}
-	function fe(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)];
@@ -3349,31 +3522,31 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return !isNaN(e[0]) && !isNaN(e[1]);
 		}) : [];
 	}
-	function pe(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: ue(n[1], t),
+				time: fe(n[1], t),
 				group: parseInt(n[2], 10) || 0
 			};
 		}) : [];
 	}
-	function me(e) {
+	function ge(e) {
 		return e ? String(e).split("|").map(function(e) {
 			return e.trim();
 		}).filter(function(e) {
 			return e !== "";
 		}) : [];
 	}
-	function he(e) {
-		var t = parseInt(e.w) || 1080, r = de(e.tasks);
+	function _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 : le(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 = ue(e[1], i), o = ue(e[2], i);
+			var r = fe(e[1], i), o = fe(e[2], i);
 			if (isNaN(r) || isNaN(o)) {
 				s++;
 				return;
@@ -3398,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 = pe(e.ms, i).filter(function(e) {
+		var u = l - c || 1, d = he(e.ms, i).filter(function(e) {
 			return !isNaN(e.time);
-		}), f = me(e.gnames), p = {}, m = {};
-		fe(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));
 		});
@@ -3446,14 +3619,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		};
 	}
-	function ge(e, t) {
+	function ve(e, t) {
 		if (t === "dates") {
 			var n = new Date(e);
 			return n.getMonth() + 1 + "/" + n.getDate();
 		}
 		return "D" + e;
 	}
-	function _e(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,
@@ -3476,9 +3649,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return t;
 	}
-	function ve(e, t) {
+	function be(e, t) {
 		var n = t.totalH - (t.hasLeg ? o : 6);
-		_e(t).forEach(function(r) {
+		ye(t).forEach(function(r) {
 			var i = t.scale(r.t);
 			e.appendChild(s("line", {
 				x1: i,
@@ -3499,10 +3672,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			a.textContent = r.label, e.appendChild(a);
 		});
 	}
-	function ye(e, t, n) {
+	function xe(e, t, n) {
 		return e + "," + (t - n) + " " + (e + n) + "," + t + " " + e + "," + (t + n) + " " + (e - n) + "," + t;
 	}
-	function be(e, t, n, r) {
+	function Se(e, t, n, r) {
 		var i = t.ms.map(function(e) {
 			return {
 				m: e,
@@ -3516,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: ye(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 + "  " + ge(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),
@@ -3532,7 +3705,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			p.textContent = c.name, e.appendChild(p);
 		});
 	}
-	function xe(e, t, n, r, i) {
+	function Ce(e, t, n, r, i) {
 		var a = 8;
 		if (n - 3 > e + a) {
 			var o = n - 3, s = (e + o) / 2;
@@ -3541,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 Se(e, t) {
+	function we(e, t) {
 		var n = s("defs"), r = s("marker", {
 			id: "gantt-arrow",
 			markerUnits: "userSpaceOnUse",
@@ -3559,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: xe(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",
@@ -3571,7 +3744,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		});
 	}
-	function Ce(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);
@@ -3595,7 +3768,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			c.textContent = n("time.today"), e.appendChild(c);
 		}
 	}
-	function we(e, t) {
+	function Ee(e, t) {
 		var r = s("text", {
 			x: t.w - 6,
 			y: 12,
@@ -3605,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 Te(e, t) {
+	function De(e, t) {
 		function n(e, t) {
 			for (var n = {}, r = [e], i = {}; r.length;) {
 				var a = r.shift();
@@ -3650,7 +3823,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		});
 	}
-	function Ee(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",
@@ -3673,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 + "  " + ge(a.start, t.mode) + "→" + ge(a.end, t.mode) + "  " + n("gantt.progress") + ":" + a.progress + "%", l + d / 2, f), e.appendChild(p);
+			})), i.add(p, a.name + "  " + 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,
@@ -3685,8 +3858,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			m.textContent = a.name, e.appendChild(m);
 		});
 	}
-	function De(e, t, r, i) {
-		var a = he(i), c = a.w, l = s("svg", {
+	function 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"
@@ -3702,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 (ve(l, a), a.hasMs && be(l, a, r, d), Ee(l, a, r, d), Se(l, a), a.mode === "dates" && Ce(l, a), a.skipped > 0 && we(l, a), l.appendChild(d.layer), w(l), Te(l, a), a.hasLeg) {
+		if (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) {
@@ -3710,7 +3883,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 			f.sort(function(e, t) {
 				return e - t;
-			}), k(l, f.map(function(e) {
+			}), j(l, f.map(function(e) {
 				return {
 					color: r[e % r.length],
 					text: a.gnames[e] || n("chart.groupDefault", { n: e + 1 })
@@ -3719,13 +3892,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return l;
 	}
-	function Oe(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, re(e, t, n, i);
+		}), i.area = !0, X(e, t, n, i);
 	}
-	function ke(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);
@@ -3768,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 ee(c, u, parseInt(r.anim, 10) || 0, x), p;
+		return ne(c, u, parseInt(r.anim, 10) || 0, x), p;
 	}
-	function Ae(e) {
+	function Me(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim()) || 0;
@@ -3782,16 +3955,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}) : [];
 	}
-	function je(e, t, n, r) {
-		var i = Ae(r.d);
-		if (!i.length) return A(parseInt(r.w) || 400, parseInt(r.h) || 200);
-		for (var a = x(r, "w", i.length, 50, 22, 360, 2400), o = S(a, parseInt(r.h) || 200, 4, 560), c = 40, l = 30, u = 18, d = 10, f = a - c - d, p = o - u - l, m = V(r, "xmin", "_xMin", y(i.map(function(e) {
+	function 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 = V(r, "xmax", "_xMax", v(i.map(function(e) {
+		}))), h = U(r, "xmax", "_xMax", v(i.map(function(e) {
 			return e.x;
-		}))), g = V(r, "ymin", "_yMin", y(i.map(function(e) {
+		}))), g = U(r, "ymin", "_yMin", y(i.map(function(e) {
 			return e.y;
-		}))), _ = V(r, "ymax", "_yMax", v(i.map(function(e) {
+		}))), _ = U(r, "ymax", "_yMax", v(i.map(function(e) {
 			return e.y;
 		}))), b = r._sMax === void 0 ? v(i.map(function(e) {
 			return e.s;
@@ -3800,17 +3973,17 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
 		}), O = C(a, o), k = 0; k <= 4; k++) {
-			var j = u + p * (1 - k / 4);
+			var A = u + p * (1 - k / 4);
 			D.appendChild(s("line", {
 				x1: c,
-				y1: j,
+				y1: A,
 				x2: a - d,
-				y2: j,
+				y2: A,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
 			})), D.appendChild(s("text", {
 				x: c - 4,
-				y: j + 4,
+				y: A + 4,
 				"text-anchor": "end",
 				fill: "var(--tokui-chart-text, #999)",
 				"font-size": "9"
@@ -3835,7 +4008,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			})), O.add(l, (r.xl || "X") + ": " + e.x + "  " + (r.yl || "Y") + ": " + e.y + "  " + (r.sl || "size") + ": " + e.s, i, a), D.appendChild(l);
 		}), D.appendChild(O.layer), w(D), D;
 	}
-	function Me(e) {
+	function Pe(e) {
 		return e ? String(e).split("|").map(function(e) {
 			return e.split(",").map(function(e) {
 				return parseFloat(e.trim());
@@ -3844,7 +4017,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			});
 		}) : [];
 	}
-	function Ne(e) {
+	function Fe(e) {
 		if (!e) return null;
 		var t = String(e).split(","), n = Infinity, r = -Infinity, i = 0;
 		return t.forEach(function(e) {
@@ -3859,10 +4032,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			bins: i
 		};
 	}
-	function Pe(e, t) {
-		var n = Ne(e.l), r = parseInt(e.bins, 10);
+	function 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 = V(e, "min", "_lo", n ? n.lo : y(t)), a = V(e, "max", "_hi", n ? n.hi : v(t));
+		var i = U(e, "min", "_lo", n ? n.lo : y(t)), a = U(e, "max", "_hi", n ? n.hi : v(t));
 		i === a && (--i, a += 1);
 		for (var o = (a - i) / r, s = [], c = 0; c < r; c++) s.push(0);
 		return t.forEach(function(e) {
@@ -3875,35 +4048,35 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			counts: s
 		};
 	}
-	function Fe(e, t, n, r) {
-		var i = Me(r.rows || r.d), a = parseInt(r.w) || 400, o = parseInt(r.h) || 320, c = d(r.cols), l = t, u = Math.max(c.length, i[0] ? i[0].length : 0), f = Math.max(l.length, i.length);
-		if (!f || !u) return A(a, o);
+	function 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) || E.push(e);
 			});
 		});
-		for (var D = E.length > 0, O = D ? V(r, "vmin", "_vMin", y(E)) : 0, k = (D ? V(r, "vmax", "_vMax", v(E)) : 1) - O || 1, j = h(r.c).length ? h(r.c) : [
+		for (var D = E.length > 0, O = D ? U(r, "vmin", "_vMin", y(E)) : 0, k = (D ? U(r, "vmax", "_vMax", v(E)) : 1) - O || 1, A = h(r.c).length ? h(r.c) : [
 			"#bae0ff",
 			"#1677ff",
 			"#0958d9"
-		], M = "var(--tokui-chart-grid, #f0f0f0)", N = s("svg", {
+		], j = "var(--tokui-chart-grid, #f0f0f0)", N = s("svg", {
 			viewBox: "0 0 " + a + " " + o,
 			class: "tokui-chart__svg",
 			preserveAspectRatio: "xMidYMid meet"
 		}), P = C(a, o), F = 0; F < f; F++) for (var I = 0; I < u; I++) {
-			var L = i[F] ? i[F][I] : void 0, R = L !== void 0 && !isNaN(L), z = R && D ? (L - O) / k : 0, B = R ? X(j, z) : M, H = p + I * S, U = m + F * T, W = s("g", { class: "tokui-chart-tip-group" });
+			var L = i[F] ? i[F][I] : void 0, R = L !== void 0 && !isNaN(L), z = R && D ? (L - O) / k : 0, B = R ? 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: H + 1,
-				y: U + 1,
+				x: V + 1,
+				y: H + 1,
 				width: S - 2,
 				height: T - 2,
 				rx: 2,
 				fill: B,
 				opacity: R ? "1" : "0.5",
 				class: "tokui-chart-cell" + (R ? "" : " tokui-chart-cell--skeleton")
-			})), R && P.add(W, (l[F] || "R" + (F + 1)) + " / " + (c[I] || "C" + (I + 1)) + ": " + L, H + S / 2, U + T / 2), N.appendChild(W);
+			})), R && P.add(W, (l[F] || "R" + (F + 1)) + " / " + (c[I] || "C" + (I + 1)) + ": " + L, V + S / 2, H + T / 2), N.appendChild(W);
 		}
 		return c.forEach(function(e, t) {
 			N.appendChild(s("text", {
@@ -3923,9 +4096,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			})).textContent = e;
 		}), N.appendChild(P.layer), w(N), N;
 	}
-	function Ie(e, t, r, i) {
+	function Re(e, t, r, i) {
 		var a = parseInt(i.w) || 280, c = parseInt(i.h) || 280, l = c + o;
-		if (!e.length) return A(a, l);
+		if (!e.length) return M(a, l);
 		var u = a / 2, d = c / 2, f = Math.min(u, d) - 24, p = v(e) || 1, m = s("svg", {
 			viewBox: "0 0 " + a + " " + l,
 			class: "tokui-chart__svg",
@@ -3949,24 +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 += _;
-		}), k(m, e.map(function(e, i) {
+		}), j(m, e.map(function(e, i) {
 			return {
 				color: r[i % r.length],
 				text: t[i] || n("chart.sliceDefault", { n: i + 1 })
 			};
 		}), a, c + 6), m.appendChild(h.layer), w(m), m;
 	}
-	function Le(e, t, n, r) {
+	function ze(e, t, n, r) {
 		var i = parseInt(r.w) || 400, a = parseInt(r.h) || 200;
-		if (!e.length) return A(i, a);
-		for (var o = Pe(r, e), s = [], c = 0; c < o.bins; c++) s.push((o.lo + c * o.width).toFixed(1));
+		if (!e.length) return M(i, a);
+		for (var o = 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, ne(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 Re(e, t, r, i) {
-		if (!e.length) return A(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;
@@ -3983,24 +4156,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return e.base;
 		}));
 		d > 0 && (d = 0);
-		var f = u - d || 1, p = 44, m = 18, h = 12, g = a - p - h, _ = g / e.length, b = Math.max(4, _ * .6), T = U(t.slice(0, e.length), _, 30, g, i.interval), E = T.padB, D = o - m - E, O = r[0] || "#52c41a", k = r[1] || "#f5222d", j = s("svg", {
+		var f = u - d || 1, p = i._padL ? +i._padL : 44, m = 18, h = 12, g = a - p - h, _ = g / e.length, b = Math.max(4, _ * .6), T = 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"
-		}), M = C(a, o);
+		}), j = C(a, o);
 		function N(e) {
 			return m + D * (1 - (e - d) / f);
 		}
 		for (var P = 0; P <= 4; P++) {
 			var F = N(d + f * P / 4);
-			j.appendChild(s("line", {
+			A.appendChild(s("line", {
 				x1: p,
 				y1: F,
 				x2: a - h,
 				y2: F,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), j.appendChild(s("text", {
+			})), A.appendChild(s("text", {
 				x: p - 4,
 				y: F + 4,
 				"text-anchor": "end",
@@ -4018,7 +4191,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				fill: c,
 				rx: 2,
 				class: "tokui-chart-bar"
-			})), M.add(u, (t[r] || n("chart.sliceDefault", { n: r + 1 })) + ": " + e.val + " (" + n("chart.cumulative", { n: Math.round(e.top) }) + ")", i + b / 2, a), j.appendChild(u), r < l.length - 1 && j.appendChild(s("line", {
+			})), j.add(u, (t[r] || n("chart.sliceDefault", { n: r + 1 })) + ": " + e.val + " (" + n("chart.cumulative", { n: Math.round(e.top) }) + ")", i + b / 2, a), A.appendChild(u), r < l.length - 1 && A.appendChild(s("line", {
 				x1: i + b - 1,
 				y1: a,
 				x2: i + _,
@@ -4030,9 +4203,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}));
 		});
 		for (var I = [], L = 0; L < e.length; L++) I.push(p + L * _ + _ / 2);
-		return q(j, t.slice(0, e.length), I, o - 8, _, T.rotate, T.interval), j.appendChild(M.layer), w(j), j;
+		return J(A, t.slice(0, e.length), I, o - 8, _, T.rotate, T.interval), A.appendChild(j.layer), w(A), A;
 	}
-	function ze(e) {
+	function Ve(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim()) || 0;
@@ -4046,33 +4219,33 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}) : [];
 	}
-	function Be(e, t, r, i) {
-		var a = ze(i.d);
-		if (!a.length) return A(parseInt(i.w) || 400, parseInt(i.h) || 240);
+	function 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 = 18, h = 12, g = o - p - h, _ = G(i, a.length), b = _ ? 28 : 0, T = g / a.length, E = Math.max(20, T * .5), D = U(t.slice(0, a.length), T, 30, g, i.interval), k = D.padB, j = c - m - k, M = s("svg", {
+		var f = d - u || 1, p = i._padL ? +i._padL : 44, m = 18, h = 12, g = o - p - h, _ = 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"
 		}), N = C(o, c + b);
 		function P(e) {
-			return m + j * (1 - (e - u) / f);
+			return m + k * (1 - (e - u) / f);
 		}
 		for (var F = 0; F <= 4; F++) {
 			var I = P(u + f * F / 4);
-			M.appendChild(s("line", {
+			j.appendChild(s("line", {
 				x1: p,
 				y1: I,
 				x2: o - h,
 				y2: I,
 				stroke: "var(--tokui-chart-grid, #e8e8e8)",
 				"stroke-width": 1
-			})), M.appendChild(s("text", {
+			})), j.appendChild(s("text", {
 				x: p - 4,
 				y: I + 4,
 				"text-anchor": "end",
@@ -4081,8 +4254,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			})).textContent = Math.round(u + f * F / 4);
 		}
 		var L = _ ? s("g", { class: "tokui-chart-plot" }) : null;
-		L && M.appendChild(L);
-		var R = L || M, z = [];
+		L && j.appendChild(L);
+		var R = L || j, z = [];
 		if (a.forEach(function(e, i) {
 			var a = p + i * T + T / 2, o = r[i % r.length], c = s("g", { class: "tokui-chart-tip-group" });
 			c.appendChild(s("line", {
@@ -4143,13 +4316,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				text: d
 			}) : N.add(c, d, a, P(e.med)), R.appendChild(c);
 		}), _) {
-			var B = a.length, V = O(M, {
+			var B = a.length, V = A(j, {
 				plotG: L,
 				tipLayer: N.layer,
 				padL: p,
 				cw: g,
 				padT: m,
-				ch: j,
+				ch: k,
 				h: c,
 				w: o,
 				n: B,
@@ -4166,7 +4339,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				range: f,
 				renderLabels: function(e, n, r) {
 					for (var i = g / (r - n + 1), a = [], o = n; o <= r; o++) a.push(p + (o - n) * i + i / 2);
-					q(e, t.slice(n, r + 1), a, c - 8, i, D.rotate, D.interval);
+					J(e, t.slice(n, r + 1), a, c - 8, i, D.rotate, D.interval);
 				}
 			});
 			z.forEach(function(e) {
@@ -4177,12 +4350,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				});
 			});
 		} else {
-			for (var H = [], W = 0; W < a.length; W++) H.push(p + W * T + T / 2);
-			q(M, t.slice(0, a.length), H, c - 8, T, D.rotate, D.interval);
+			for (var H = [], U = 0; U < a.length; U++) H.push(p + U * T + T / 2);
+			J(j, t.slice(0, a.length), H, c - 8, T, D.rotate, D.interval);
 		}
-		return M.appendChild(N.layer), _ || w(M), M;
+		return j.appendChild(N.layer), _ || w(j), j;
 	}
-	function Ve(e) {
+	function Ue(e) {
 		return e ? String(e).split(",").map(function(e) {
 			var t = e.split(":");
 			return {
@@ -4193,9 +4366,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return e.value > 0;
 		}) : [];
 	}
-	function He(e, t, n, r) {
-		var i = Ve(r.d), a = parseInt(r.w) || 480, o = parseInt(r.h) || 320;
-		if (!i.length) return A(a, o);
+	function 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;
 		});
@@ -4253,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 Ue(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;
@@ -4266,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 A(o, c);
+		if (!a.length) return M(o, c);
 		var l = [], u = [];
 		a.forEach(function(e) {
 			l.indexOf(e.source) < 0 && l.push(e.source), u.indexOf(e.target) < 0 && u.push(e.target);
@@ -4325,7 +4498,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			})).textContent = e;
 		}), S.appendChild(T.layer), w(S), S;
 	}
-	function We(e) {
+	function Ke(e) {
 		return e ? String(e).split(";").map(function(e) {
 			var t = e.split(",").map(function(e) {
 				return parseFloat(e.trim());
@@ -4340,9 +4513,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			};
 		}).filter(Boolean) : [];
 	}
-	function Ge(e, t, n, r) {
-		var i = We(r.d);
-		if (!i.length) return A(parseInt(r.w) || 480, parseInt(r.h) || 280);
+	function 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 {
@@ -4350,17 +4523,17 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			i.forEach(function(e) {
 				u.push(e.h, e.l);
 			}), c = y(u), l = v(u);
-			var d = B(c, l);
+			var d = H(c, l);
 			c = d[0], l = d[1];
 		}
 		c === l && (--c, l += 1);
-		var f = l - c || 1, p = 44, m = 18, g = 12, _ = a - p - g, b = G(r, i.length), x = b ? 28 : 0, S = _ / i.length, T = Math.max(3, S * .6), E = U(t.slice(0, i.length), S, 30, _, r.interval), D = E.padB, k = o - m - D, j = h(r.c), M = j[0] || "#f5222d", N = j[1] || "#52c41a", P = s("svg", {
+		var f = l - c || 1, p = r._padL ? +r._padL : 44, m = 18, g = 12, _ = a - p - g, b = 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"
 		}), F = C(a, o + x);
 		function I(e) {
-			return m + k * (1 - (e - c) / f);
+			return m + O * (1 - (e - c) / f);
 		}
 		for (var L = 0; L <= 4; L++) {
 			var R = I(c + f * L / 4);
@@ -4381,9 +4554,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		var z = b ? s("g", { class: "tokui-chart-plot" }) : null;
 		z && P.appendChild(z);
-		var V = z || P, H = [];
+		var B = z || P, V = [];
 		if (i.forEach(function(e, n) {
-			var r = p + n * S + S / 2, i = e.c >= e.o, a = i ? M : N, o = s("g", { class: "tokui-chart-tip-group" });
+			var r = p + n * S + S / 2, i = e.c >= e.o, a = i ? j : N, o = s("g", { class: "tokui-chart-tip-group" });
 			o.appendChild(s("line", {
 				x1: r,
 				y1: I(e.h),
@@ -4403,23 +4576,23 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				class: "tokui-chart-candle"
 			}));
 			var u = (t[n] || "D" + (n + 1)) + "  O:" + e.o + " H:" + e.h + " L:" + e.l + " C:" + e.c + (i ? " ↑" : " ↓");
-			b ? H.push({
+			b ? V.push({
 				grp: o,
 				cx: r,
 				y: c,
 				text: u
-			}) : F.add(o, u, r, c), V.appendChild(o);
+			}) : F.add(o, u, r, c), B.appendChild(o);
 		}), b) {
-			var W = i.length, K = O(P, {
+			var U = i.length, W = A(P, {
 				plotG: z,
 				tipLayer: F.layer,
 				padL: p,
 				cw: _,
 				padT: m,
-				ch: k,
+				ch: O,
 				h: o,
 				w: a,
-				n: W,
+				n: U,
 				srcLeft: function(e) {
 					return p + e * S;
 				},
@@ -4433,27 +4606,27 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				range: f,
 				renderLabels: function(e, n, r) {
 					for (var i = _ / (r - n + 1), a = [], s = n; s <= r; s++) a.push(p + (s - n) * i + i / 2);
-					q(e, t.slice(n, r + 1), a, o - 8, i, E.rotate, E.interval);
+					J(e, t.slice(n, r + 1), a, o - 8, i, E.rotate, E.interval);
 				}
 			});
-			H.forEach(function(e) {
+			V.forEach(function(e) {
 				e.grp.addEventListener("mouseenter", function() {
-					K.showTip(e.text, K.winState.sx * e.cx + K.winState.tx, e.y);
+					W.showTip(e.text, W.winState.sx * e.cx + W.winState.tx, e.y);
 				}), e.grp.addEventListener("mouseleave", function() {
-					K.sharedTip.style.opacity = "";
+					W.sharedTip.style.opacity = "";
 				});
 			});
 		} else {
-			for (var J = [], ee = 0; ee < i.length; ee++) J.push(p + ee * S + S / 2);
-			q(P, t.slice(0, i.length), J, o - 8, S, E.rotate, E.interval);
+			for (var 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 Ke(e) {
-		$("bar", ne), $("line", re), $("pie", ae), $("donut", Z), $("radar", Q), $("scatter", ce), $("gantt", De), $("funnel", oe), $("gauge", se), $("area", Oe), $("progress", ke), $("bubble", je), $("heatmap", Fe), $("rose", Ie), $("histogram", Le), $("waterfall", Re), $("boxplot", Be), $("treemap", He), $("sankey", Ue), $("candlestick", Ge);
+	function 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)) {
@@ -4505,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 = We(t.d);
+					var g = Ke(t.d);
 					if (g.length) {
 						var b = [];
 						g.forEach(function(e) {
@@ -4513,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 = B(e._yRange ? Math.min(e._yRange.lo, x) : x, e._yRange ? Math.max(e._yRange.hi, S) : S);
+							var C = H(e._yRange ? Math.min(e._yRange.lo, x) : x, e._yRange ? Math.max(e._yRange.hi, S) : S);
 							e._yRange = {
 								lo: C[0],
 								hi: C[1]
@@ -4523,7 +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" ? Ae(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;
@@ -4531,14 +4704,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 							return e.y;
 						}), D = y(T), O = v(T), k = y(E), A = v(E);
 						if (isFinite(D) && isFinite(O) && D !== O) {
-							var j = B(e._xRange ? Math.min(e._xRange.lo, D) : D, e._xRange ? Math.max(e._xRange.hi, O) : O);
+							var j = H(e._xRange ? Math.min(e._xRange.lo, D) : D, e._xRange ? Math.max(e._xRange.hi, O) : O);
 							e._xRange = {
 								lo: j[0],
 								hi: j[1]
 							};
 						}
 						if (isFinite(k) && isFinite(A) && k !== A) {
-							var M = B(e._yRange ? Math.min(e._yRange.lo, k) : k, e._yRange ? Math.max(e._yRange.hi, A) : A);
+							var M = H(e._yRange ? Math.min(e._yRange.lo, k) : k, e._yRange ? Math.max(e._yRange.hi, A) : A);
 							e._yRange = {
 								lo: M[0],
 								hi: M[1]
@@ -4554,7 +4727,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					e._xRange && (t._xMin = e._xRange.lo, t._xMax = e._xRange.hi), e._yRange && (t._yMin = e._yRange.lo, t._yMax = e._yRange.hi), e._sMax && (t._sMax = e._sMax);
 				}
 				if (s === "heatmap") {
-					var P = Me(t.rows || t.d);
+					var P = Pe(t.rows || t.d);
 					if (P.length) {
 						var F = [];
 						if (P.forEach(function(e) {
@@ -4572,21 +4745,21 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					e._vRange && (t._vMin = e._vRange.lo, t._vMax = e._vRange.hi);
 				}
 				if (s === "histogram") {
-					var R = c(t.d), z = Ne(t.l);
+					var R = c(t.d), z = 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 V = y(R), H = v(R);
-						isFinite(V) && isFinite(H) && (e._hRange = {
-							lo: e._hRange ? Math.min(e._hRange.lo, V) : V,
-							hi: e._hRange ? Math.max(e._hRange.hi, H) : H
+						var B = y(R), V = v(R);
+						isFinite(B) && isFinite(V) && (e._hRange = {
+							lo: e._hRange ? Math.min(e._hRange.lo, B) : B,
+							hi: e._hRange ? Math.max(e._hRange.hi, V) : V
 						});
 					}
 					if (e._hBins !== void 0 && (t._bins = e._hBins), e._hRange && (t._lo = e._hRange.lo, t._hi = e._hRange.hi), R.length) {
-						var U = v(Pe(t, R).counts) || 1;
+						var U = v(Ie(t, R).counts) || 1;
 						e._yMax = e._yMax ? Math.max(e._yMax, U) : U, t._yMax = e._yMax;
 					}
 				}
@@ -4652,14 +4825,15 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 						}
 						if (a > 0) {
 							var o = a / r, s = t.getAttribute("data-chart-type");
-							if (L(t, o), s === "pie") {
-								var c = e._tokuiChartSpec;
+							t._tokuiBumpedFs = R(9, o, P, I), z(t, o);
+							var c = e._tokuiChartSpec;
+							if (s === "pie") {
 								if (!c || !c.data || !c.data.length || !c.labels || !c.labels.some(function(e) {
 									return !!e;
 								})) return;
 								var l = c.data.reduce(function(e, t) {
 									return e + t;
-								}, 0) || 1, u = ie(c.data, c.labels, c.attrs, 7, l), d = u.r + u.fs, f = R(a, d, u.fixedA, u.coefB, M), p = 14, m = Infinity;
+								}, 0) || 1, u = 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;
@@ -4668,19 +4842,55 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 								_ > 7.05 && _ > v + .05 && (e._tokuiFsApplied = _, i(e, Object.assign({}, c.attrs, { _pieFs: _ })));
 								return;
 							}
-							if (o > 0) for (var y = t.querySelectorAll("text[font-size]"), b = 0; b < y.length; b++) {
-								for (var x = y[b], S = x.parentNode; S && S !== t;) {
-									if ((S.getAttribute && S.getAttribute("class") || "").indexOf("tokui-chart-tips-layer") >= 0) {
-										x = null;
-										break;
+							if ({
+								bar: 1,
+								line: 1,
+								area: 1,
+								histogram: 1,
+								boxplot: 1,
+								candlestick: 1,
+								waterfall: 1
+							}[s] && typeof t.createSVGPoint == "function" && !e._tokuiPadLSet) {
+								e._tokuiPadLSet = !0;
+								for (var y = R(9, o, P, I), b = t.querySelector("line"), x = b ? parseFloat(b.getAttribute("x1")) : 0, S = t.querySelectorAll("text[text-anchor=\"end\"]"), C = 0, w = 0; w < S.length; w++) {
+									var T = S[w];
+									if (!(parseFloat(T.getAttribute("x")) >= x)) {
+										var E = parseFloat(T.getAttribute("font-size")) || 9, D = 0;
+										try {
+											D = T.getBBox().width;
+										} catch {
+											D = 0;
+										}
+										var O = D * y / E;
+										O > C && (C = O);
 									}
-									S = S.parentNode;
 								}
-								if (x && !(x.classList.contains("tokui-chart-gauge-value") || x.classList.contains("tokui-chart-donut-value"))) {
-									var C = parseFloat(x.getAttribute("font-size"));
-									if (!(!(C > 0) || C >= 13)) {
-										var w = I(C, o, M, P);
-										w !== C && x.setAttribute("font-size", String(Math.round(w * 100) / 100));
+								if (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));
+										}
 									}
 								}
 							}
@@ -4782,47 +4992,53 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		var g = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"/></svg>", b = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"/></svg>", x = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"/><path d=\"M9 21H3v-6\"/><path d=\"M21 3l-7 7\"/><path d=\"M3 21l7-7\"/></svg>";
 		function S(e, t) {
 			if (!e || typeof document > "u") return;
-			var r = document.querySelector(".tokui-chart__modal");
-			r && r.remove();
-			var i = document.createElement("div");
-			i.className = "tokui-chart__modal", i.setAttribute("role", "dialog"), i.setAttribute("aria-modal", "true"), t && i.setAttribute("aria-label", t);
+			var i = document.querySelector(".tokui-chart__modal");
+			i && i.remove();
 			var a = document.createElement("div");
-			a.className = "tokui-chart__modal-card";
-			var o = document.createElement("button");
-			if (o.type = "button", o.className = "tokui-chart__modal-close", o.setAttribute("aria-label", n("common.close")), o.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>", t) {
-				var s = document.createElement("div");
-				s.className = "tokui-chart__modal-title", s.textContent = t, a.appendChild(s);
-			}
-			var c = document.createElement("div");
-			c.className = "tokui-chart__modal-body";
-			var l = e.cloneNode(!0);
-			l.id && l.removeAttribute("id"), w(l), c.appendChild(l), a.appendChild(c), a.appendChild(o), i.appendChild(a);
-			var u = document.body.style.overflow;
+			a.className = "tokui-chart__modal", a.setAttribute("role", "dialog"), a.setAttribute("aria-modal", "true"), t && a.setAttribute("aria-label", t);
+			var o = document.createElement("div");
+			o.className = "tokui-chart__modal-card";
+			var s = document.createElement("button");
+			if (s.type = "button", s.className = "tokui-chart__modal-close", s.setAttribute("aria-label", n("common.close")), s.innerHTML = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>", t) {
+				var c = document.createElement("div");
+				c.className = "tokui-chart__modal-title", c.textContent = t, o.appendChild(c);
+			}
+			var u = document.createElement("div");
+			u.className = "tokui-chart__modal-body";
+			var d = typeof e.closest == "function" ? e.closest(".tokui-chart") : null, f = d && d._tokuiChartSpec, p = !!e.querySelector(".tokui-chart-zoom-window"), m;
+			if (p && f && r[f.type]) try {
+				m = r[f.type](f.data, f.labels, f.colors, f.attrs), m.setAttribute("data-chart-type", f.type), f.type === "bar" && (f.attrs.orient === "h" || f.attrs.orientation === "h") && m.setAttribute("data-orient", "h");
+			} catch {
+				m = e.cloneNode(!0), w(m);
+			}
+			else m = e.cloneNode(!0), w(m);
+			m.id && m.removeAttribute("id"), u.appendChild(m), p && f && (u._tokuiChartSpec = f, u._tokuiPadLSet = !0, l(u)), o.appendChild(u), o.appendChild(s), a.appendChild(o);
+			var h = document.body.style.overflow;
 			document.body.style.overflow = "hidden";
-			var d = function(e) {
-				e.key === "Escape" && p();
-			}, f = !1;
-			function p() {
-				f || (f = !0, i.classList.remove("tokui-chart__modal--open"), document.removeEventListener("keydown", d), document.body.style.overflow = u, setTimeout(function() {
-					i.parentNode && i.remove();
+			var g = function(e) {
+				e.key === "Escape" && v();
+			}, _ = !1;
+			function v() {
+				_ || (_ = !0, a.classList.remove("tokui-chart__modal--open"), document.removeEventListener("keydown", g), document.body.style.overflow = h, setTimeout(function() {
+					a.parentNode && a.remove();
 				}, 180));
 			}
-			i.addEventListener("click", function(e) {
-				e.target === i && p();
-			}), o.addEventListener("click", p), document.addEventListener("keydown", d), document.body.appendChild(i), i.offsetWidth, i.classList.add("tokui-chart__modal--open"), (typeof window < "u" && window.requestAnimationFrame ? function(e) {
+			a.addEventListener("click", function(e) {
+				e.target === a && v();
+			}), s.addEventListener("click", v), document.addEventListener("keydown", g), document.body.appendChild(a), a.offsetWidth, a.classList.add("tokui-chart__modal--open"), (typeof window < "u" && window.requestAnimationFrame ? function(e) {
 				window.requestAnimationFrame(e);
 			} : function(e) {
 				e();
 			})(function() {
 				var e = 0;
 				try {
-					e = l.getBoundingClientRect().width;
+					e = m.getBoundingClientRect().width;
 				} catch {
 					e = 0;
 				}
 				if (e > 0) {
-					var t = l.viewBox && l.viewBox.baseVal, n = t && t.width || parseFloat((l.getAttribute("viewBox") || "").split(/\s+/)[2]);
-					n > 0 && L(l, e / n);
+					var t = m.viewBox && m.viewBox.baseVal, n = t && t.width || parseFloat((m.getAttribute("viewBox") || "").split(/\s+/)[2]);
+					n > 0 && z(m, e / n);
 				}
 			});
 		}
@@ -4879,18 +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 = Ke, window.TokUI._internal.registerChartRenderer = $, window.TokUI._internal.bumpFsUnits = I, window.TokUI._internal.applyTipScale = L, window.TokUI._internal.axisXLayout = U, window.TokUI._internal.zoomBounds = K, window.TokUI._internal.zoomEnabled = G, window.TokUI._internal.solvePieFs = R, window.TokUI._internal.pieSizing = ie, window.TokUI._internal.MIN_CHART_PX = M, window.TokUI._internal.MAX_CHART_PX = P), t !== void 0 && t.exports && (t.exports = {
-		registerChartComponents: Ke,
+	typeof window < "u" && (window.TokUI = window.TokUI || {}, window.TokUI._internal = window.TokUI._internal || {}, window.TokUI._internal.registerChartComponents = 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: I,
-		solvePieFs: R,
-		pieSizing: ie,
-		MIN_CHART_PX: M,
-		MAX_CHART_PX: P,
-		applyTipScale: L,
-		axisXLayout: U,
-		zoomBounds: K,
-		zoomEnabled: G
+		bumpFsUnits: R,
+		solvePieFs: B,
+		pieSizing: Z,
+		MIN_CHART_PX: P,
+		MAX_CHART_PX: I,
+		applyTipScale: z,
+		axisXLayout: G,
+		zoomBounds: q,
+		zoomEnabled: K
 	});
 })), v = /* @__PURE__ */ o(((e, t) => {
 	var n = {
@@ -10147,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;
 		}
@@ -11808,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");
@@ -11832,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,
@@ -11841,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;
 		});
 	}