@wil-works/evoke-charts 0.5.0 → 0.7.0

package/dist/index.mjs

@@ -1,4 +1,6 @@
-import { $ as INTERACTION, A as squarifyTreemap, B as calendarHitTest, C as chordHitTest, D as computeSunburstGeometry, E as boxplotHitTest, F as matrixFieldExtent, G as getPadding, H as getHeatmapCategories, I as scatterGroupColors, J as resolveTickExtendedRange, K as getTheme, L as scatterPointPositions, M as computeFacetGrids, N as computeMatrixCells, O as sunburstValue, P as computePieMaxRadius, Q as DEFAULT_I18N_ZH, R as getLegendBounds, S as arcHitTest, T as vennHitTest, U as xToCategoryIndex, V as funnelStepColor, W as createAnimation, X as CHART_PALETTES, Y as updateAnimation, Z as resolveChartPalette, _ as getSliderGeometry, b as zoomToSlice, et as applyWheelZoom, f as chartOptionsSchema, g as getDataZoomConfig, h as createSvgRecorder, j as buildPieSlices, k as computeBins, m as renderChart, n as buildChartPrompt, nt as resolveCursor, p as validateOptions, q as isMissingValue, s as generateChartSpec, t as lintChartSpec, tt as pickTooltipRows, u as parseDataTable, v as windowToX, w as sankeyHitTest, x as ganttHitTest, y as xToPercent, z as getToolboxBounds } from "./ai-BmXDig6M.js";
+import { $ as isMissingValue, A as vennHitTest, B as doughnutInnerRadius, C as windowToX, D as arcHitTest, E as ganttHitTest, F as squarifyTreemap, G as getToolboxBounds, H as scatterGroupColors, I as buildPieSlices, J as getHeatmapCategories, K as calendarHitTest, L as computeFacetGrids, M as computeSunburstGeometry, N as sunburstValue, O as chordHitTest, P as computeBins, Q as getTheme, R as computeMatrixCells, S as getSliderGeometry, T as zoomToSlice, U as scatterPointPositions, V as matrixFieldExtent, W as getLegendBounds, X as createAnimation, Y as xToCategoryIndex, Z as getPadding, _ as chartOptionsSchema, at as INTERACTION, b as createSvgRecorder, ct as resolveCursor, et as resolveTickExtendedRange, h as parseDataTable, it as minOf, j as boxplotHitTest, k as sankeyHitTest, l as generateChartSpec, n as buildChartPrompt, nt as waterfallSteps, ot as applyWheelZoom, q as funnelStepColor, rt as maxOf, st as pickTooltipRows, t as lintChartSpec, tt as updateAnimation, v as validateOptions, w as xToPercent, x as getDataZoomConfig, y as renderChart, z as computePieMaxRadius } from "./ai-cRi95pS2.js";
+import { a as staggerProgress, i as prefersReducedMotion, n as clearSeriesPalette, r as _plugin_vue_export_helper_default, t as applySeriesPalette } from "./palette-lwVAltky.js";
+import { S as DEFAULT_I18N_ZH, b as resolveChartPalette, y as CHART_PALETTES } from "./schema-CM4hKlpc.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, h, inject, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, watch, withCtx } from "vue";
 //#region src/connect.js
 var connectGroups = /* @__PURE__ */ new Map();
@@ -22,15 +24,8 @@ function broadcastConnect(group, source, apply) {
 	});
 }
 //#endregion
-//#region \0plugin-vue:export-helper
-var _plugin_vue_export_helper_default = (sfc, props) => {
-	const target = sfc.__vccOpts || sfc;
-	for (const [key, val] of props) target[key] = val;
-	return target;
-};
-//#endregion
 //#region src/chart.vue
-var _hoisted_1 = ["aria-label"];
+var _hoisted_1 = ["tabindex", "aria-label"];
 var _hoisted_2 = {
 	key: 1,
 	class: "ev-chart__overlay"
@@ -121,7 +116,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			switch (opt.type) {
 				case "pie":
 				case "doughnut":
-				case "rose": return !opt.pieData || opt.pieData.length === 0;
+				case "rose": return !opt.pieData || opt.pieData.length === 0 || opt.pieData.every((d) => !(d.value > 0));
 				case "scatter": return !opt.scatterData || opt.scatterData.length === 0;
 				case "funnel": return !opt.funnelData || opt.funnelData.length === 0;
 				case "gauge": return !opt.gauge;
@@ -140,7 +135,12 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				case "sankey":
 				case "chord":
 				case "arc": return !(opt.sankeyData || opt.chordData || opt.arcData)?.nodes?.length;
-				case "venn": return !opt.vennData || opt.vennData.length === 0;
+				case "venn":
+					if (!opt.vennData || opt.vennData.length === 0) return true;
+					{
+						const circles = opt.vennData.filter((d) => !d.sets || d.sets.length === 1);
+						return circles.length === 0 || circles.length > 3;
+					}
 				case "gantt": return !opt.ganttData || opt.ganttData.length === 0;
 				case "scatter-matrix": return !opt.matrixFields?.length || !opt.matrixData?.length;
 				default: return !opt.labels?.length || !opt.series?.length;
@@ -236,11 +236,20 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					data: s.data.slice(startIdx, endIdx)
 				}));
 				if (base.candleData) sliced.candleData = base.candleData.slice(startIdx, endIdx);
+				if (base.volumeData) sliced.volumeData = base.volumeData.slice(startIdx, endIdx);
 				sliced.__sliceStart = startIdx;
+			} else if (base.candleData) {
+				const cn = base.candleData.length;
+				if (cn > 0) {
+					const { startIdx, endIdx } = zoomToSlice(range, cn);
+					sliced.candleData = base.candleData.slice(startIdx, endIdx);
+					if (base.volumeData) sliced.volumeData = base.volumeData.slice(startIdx, endIdx);
+					sliced.__sliceStart = startIdx;
+				}
 			} else if (base.scatterData && base.scatterData.length > 0) {
 				const xs = base.scatterData.map((d) => d.x);
-				const xMin = Math.min(...xs);
-				const span = Math.max(...xs) - xMin || 1;
+				const xMin = minOf(xs);
+				const span = maxOf(xs) - xMin || 1;
 				const lo = xMin + range.start / 100 * span;
 				const hi = xMin + range.end / 100 * span;
 				const filtered = base.scatterData.filter((d) => d.x >= lo && d.x <= hi);
@@ -334,11 +343,11 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			const el = tooltipRef.value;
 			const tw = el?.offsetWidth || 120;
 			const th = el?.offsetHeight || 40;
-			const gap = 12;
+			const gap = INTERACTION.tooltip.cursorGap;
 			const margin = 2;
 			let legendBottom = margin;
 			const legend = props.options.legend || {};
-			if (legend.show !== false && (legend.position || "bottom") === "top") legendBottom = getPadding(props.options, containerRect.width).top;
+			if (legend.show !== false && (legend.position || "bottom") === "top") legendBottom = paddingFor(props.options, containerRect.width).top;
 			const spaceRight = containerRect.width - relX - gap;
 			const spaceLeft = relX - gap;
 			let left;
@@ -408,7 +417,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				lastHeight = height;
 				canvas.width = width * dpr.value;
 				canvas.height = height * dpr.value;
-				const overlayPadding = getPadding(effectiveOptions.value, width);
+				const overlayPadding = paddingFor(effectiveOptions.value, width);
 				overlayInfo.value = {
 					plotArea: {
 						x: overlayPadding.left,
@@ -420,10 +429,18 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					options: props.options
 				};
 				const animCfg = animOverride || props.options.animation;
-				const animEnabled = animate && animCfg?.enabled !== false;
+				const animEnabled = animate && animCfg?.enabled !== false && !prefersReducedMotion();
+				const stagger = staggerOf(effectiveOptions.value);
 				animationState = createAnimation(animCfg);
 				animationState.isAnimating = animEnabled;
-				if (animEnabled) {
+				if (animEnabled && stagger > 0 && hasInterpolatable(effectiveOptions.value)) {
+					isEnterAnimating = true;
+					runDataTween(zeroSnapshot(effectiveOptions.value), animCfg, stagger, () => {
+						isEnterAnimating = false;
+						emit("animation-end");
+						emit("ready");
+					});
+				} else if (animEnabled) {
 					isEnterAnimating = true;
 					animateFrame();
 				} else {
@@ -458,7 +475,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				hoveredToolbox: hoveredToolbox.value
 			};
 		}
-		let focusAnimProgress = 1;
+		let focusAnimProgress = emphasisSeriesName.value ? 1 : 0;
 		let focusAnimFrameId = null;
 		function animateFocusProgress() {
 			if (focusAnimFrameId !== null) {
@@ -490,39 +507,68 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			}
 		}
 		function snapshotSeriesData(opt) {
-			const map = /* @__PURE__ */ new Map();
-			(opt.series || []).forEach((s) => map.set(s.name, s.data.map((v) => isMissingValue(v) ? 0 : v)));
-			return map;
+			const series = /* @__PURE__ */ new Map();
+			(opt.series || []).forEach((s) => series.set(s.name, (s.data || []).map((v) => isMissingValue(v) ? 0 : v)));
+			const pieData = /* @__PURE__ */ new Map();
+			(opt.pieData || []).forEach((d) => pieData.set(d && d.name, Number.isFinite(Number(d && d.value)) ? Number(d.value) : 0));
+			return {
+				series,
+				pieData
+			};
+		}
+		/** 有没有可插值的数值面（series / pieData 任一），都没有就不该走数据级补间 */
+		function hasInterpolatable(opt) {
+			if ((opt.series || []).some((s) => Array.isArray(s.data) && s.data.length)) return true;
+			return (opt.pieData || []).length > 0;
 		}
 		function sameStructure(a, b) {
 			const la = a.labels || [];
 			const lb = b.labels || [];
 			if (la.length !== lb.length || la.some((v, i) => v !== lb[i])) return false;
-			return (a.series || []).map((s) => s.name).join("|") === (b.series || []).map((s) => s.name).join("|");
+			if ((a.series || []).map((s) => s.name).join("|") !== (b.series || []).map((s) => s.name).join("|")) return false;
+			return (a.pieData || []).map((d) => d && d.name).join("|") === (b.pieData || []).map((d) => d && d.name).join("|");
 		}
-		function interpolateOptions(prev, next, t) {
+		function interpolateOptions(prev, next, t, stagger = 0) {
 			const offset = next.__sliceStart || 0;
+			const cols = Math.max(1, (next.labels || []).length);
 			const series = (next.series || []).map((s) => {
-				const old = prev.get(s.name);
+				const old = prev.series.get(s.name);
 				if (!old) return s;
-				const data = s.data.map((v, i) => {
+				const data = (s.data || []).map((v, i) => {
 					if (isMissingValue(v)) return v;
 					const from = old[i + offset] ?? 0;
-					return from + (v - from) * t;
+					const ti = staggerProgress(t, i, cols, stagger);
+					return from + (v - from) * ti;
 				});
 				return {
 					...s,
 					data
 				};
 			});
-			return {
+			const out = {
 				...next,
 				series
 			};
+			if (Array.isArray(next.pieData)) {
+				const sliceCount = Math.max(1, next.pieData.length);
+				out.pieData = next.pieData.map((d, i) => {
+					const to = Number(d && d.value);
+					if (!Number.isFinite(to)) return d;
+					const from = prev.pieData.get(d && d.name) ?? 0;
+					const ti = staggerProgress(t, i, sliceCount, stagger);
+					return {
+						...d,
+						value: from + (to - from) * ti
+					};
+				});
+			}
+			return out;
 		}
 		function dataSignature(opt) {
-			const total = (opt.series || []).reduce((sum, s) => sum + s.data.reduce((acc, v) => acc + (isMissingValue(v) ? 0 : v), 0), 0);
-			return `${(opt.series || []).length}\u7CFB\u5217/${(opt.labels || []).length}\u7C7B\u76EE/\u03A3${Math.round(total)}`;
+			const seriesTotal = (opt.series || []).reduce((sum, s) => sum + (s.data || []).reduce((acc, v) => acc + (isMissingValue(v) ? 0 : v), 0), 0);
+			const pieTotal = (opt.pieData || []).reduce((sum, d) => sum + (Number.isFinite(Number(d && d.value)) ? Math.abs(Number(d.value)) : 0), 0);
+			const pieCount = (opt.pieData || []).length;
+			return `${(opt.series || []).length}\u7CFB\u5217/${pieCount}\u997C\u9879/${(opt.labels || []).length}\u7C7B\u76EE/\u03A3${Math.round(seriesTotal + pieTotal)}`;
 		}
 		function stopTweenAnimation() {
 			if (tweenFrameId !== null) {
@@ -531,28 +577,32 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			}
 			tweenState = null;
 		}
-		function startTweenIfNeeded(prevOptions) {
-			const nextOptions = props.options;
-			if (nextOptions.animation?.enabled === false) return false;
-			if (!sameStructure(prevOptions, nextOptions)) return false;
-			const prevSnapshot = snapshotSeriesData(prevOptions);
-			if (!(nextOptions.series || []).some((s) => {
-				const old = prevSnapshot.get(s.name);
-				if (!old) return false;
-				return s.data.some((v, i) => (isMissingValue(v) ? 0 : v) !== (old[i] ?? 0));
-			})) return false;
+		/** 错峰占比（0 = 关闭，沿用统一 progress 的进场动画） */
+		function staggerOf(opt) {
+			const v = opt && opt.animation ? opt.animation.stagger : void 0;
+			return Number.isFinite(v) ? Math.max(0, Math.min(1, v)) : 0;
+		}
+		/** 全零数据快照 — 分段进场的起点（逐条长到目标值） */
+		function zeroSnapshot(opt) {
+			const series = /* @__PURE__ */ new Map();
+			(opt.series || []).forEach((s) => series.set(s.name, (s.data || []).map(() => 0)));
+			const pieData = /* @__PURE__ */ new Map();
+			(opt.pieData || []).forEach((d) => pieData.set(d && d.name, 0));
+			return {
+				series,
+				pieData
+			};
+		}
+		/** 数据补间主循环 — 更新补间与分段进场共用，按类目错峰插值后以 progress = 1 重绘 */
+		function runDataTween(fromSnapshot, cfg, stagger, onDone) {
 			stopAnimation();
 			stopHoverAnimation();
-			isEnterAnimating = false;
 			stopTweenAnimation();
-			if (!canvasRef.value) return false;
-			tweenState = createAnimation(nextOptions.animation);
-			const fromSig = dataSignature(prevOptions);
-			const toSig = dataSignature(nextOptions);
+			tweenState = createAnimation(cfg);
 			function frame() {
 				if (!tweenState) return;
 				const isAnimating = updateAnimation(tweenState);
-				const tweened = interpolateOptions(prevSnapshot, effectiveOptions.value, tweenState.progress);
+				const tweened = interpolateOptions(fromSnapshot, effectiveOptions.value, tweenState.progress, stagger);
 				try {
 					renderChart(canvasRef.value, buildRenderParams(1, tweened));
 				} catch (err) {
@@ -563,16 +613,40 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				else {
 					tweenFrameId = null;
 					tweenState = null;
-					emit("data-update", {
-						from: fromSig,
-						to: toSig
-					});
-					emit("animation-end");
+					if (onDone) onDone();
 				}
 			}
 			tweenFrameId = requestAnimationFrame(frame);
 			return true;
 		}
+		function startTweenIfNeeded(prevOptions) {
+			const nextOptions = props.options;
+			if (nextOptions.animation?.enabled === false) return false;
+			if (prefersReducedMotion()) return false;
+			if (!hasInterpolatable(nextOptions) || !sameStructure(prevOptions, nextOptions)) return false;
+			const prevSnapshot = snapshotSeriesData(prevOptions);
+			const seriesChanged = (nextOptions.series || []).some((s) => {
+				const old = prevSnapshot.series.get(s.name);
+				if (!old) return false;
+				return (s.data || []).some((v, i) => (isMissingValue(v) ? 0 : v) !== (old[i] ?? 0));
+			});
+			const pieChanged = (nextOptions.pieData || []).some((d) => {
+				const old = prevSnapshot.pieData.get(d && d.name);
+				const v = Number(d && d.value);
+				return old !== void 0 && Number.isFinite(v) && v !== old;
+			});
+			if (!seriesChanged && !pieChanged) return false;
+			isEnterAnimating = false;
+			const fromSig = dataSignature(prevOptions);
+			const toSig = dataSignature(nextOptions);
+			return runDataTween(prevSnapshot, nextOptions.animation, staggerOf(nextOptions), () => {
+				emit("data-update", {
+					from: fromSig,
+					to: toSig
+				});
+				emit("animation-end");
+			});
+		}
 		function handleRenderError(err) {
 			const msg = err instanceof Error ? err.message : "Chart render error";
 			internalError.value = msg;
@@ -604,15 +678,47 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				cancelAnimationFrame(hoverAnimFrameId);
 				hoverAnimFrameId = null;
 			}
+			if (hoverRedrawFrameId !== null) {
+				cancelAnimationFrame(hoverRedrawFrameId);
+				hoverRedrawFrameId = null;
+			}
 			hoverAnimDone = null;
 		}
+		let hoverRedrawFrameId = null;
+		function scheduleHoverRedraw() {
+			if (hoverRedrawFrameId !== null) return;
+			hoverRedrawFrameId = requestAnimationFrame(() => {
+				hoverRedrawFrameId = null;
+				redraw();
+			});
+		}
 		function usesHoverAnimation() {
 			const t = props.options.type;
 			return t === "pie" || t === "doughnut" || t === "rose" || t === "sunburst" || t === "treemap" || t === "radar";
 		}
 		function animatesHoverEnter() {
 			const t = props.options.type;
-			return t === "pie" || t === "doughnut" || t === "rose" || t === "radar" || t === "venn" || t === "sankey" || t === "chord" || t === "arc";
+			return [
+				"pie",
+				"doughnut",
+				"rose",
+				"radar",
+				"venn",
+				"sankey",
+				"chord",
+				"arc",
+				"bar",
+				"stacked-bar",
+				"horizontal-bar",
+				"waterfall",
+				"mixed",
+				"boxplot",
+				"candle",
+				"heatmap",
+				"calendar-heatmap",
+				"funnel",
+				"gantt"
+			].includes(t);
 		}
 		function clearHover() {
 			if (hoverIndex === -1) return false;
@@ -695,15 +801,14 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			const theme = getTheme(isDark, props.options.theme, props.options.palette);
 			const width = rect.width;
 			const height = rect.height;
-			const padding = getPadding(effectiveOptions.value, width);
+			const padding = paddingFor(effectiveOptions.value, width);
 			const plotArea = {
 				x: padding.left,
 				y: padding.top,
 				width: width - padding.left - padding.right,
 				height: height - padding.top - padding.bottom
 			};
-			const ctx2d = canvas.getContext("2d");
-			const bounds = getLegendBounds(ctx2d, effectiveOptions.value, plotArea, width, height, theme, hiddenSeries.value);
+			const bounds = legendBoundsFor(canvas.getContext("2d"), effectiveOptions.value, plotArea, width, height, theme, hiddenSeries.value, isDark);
 			for (const bound of bounds) if (canvasX >= bound.x && canvasX <= bound.x + bound.width && canvasY >= bound.y && canvasY <= bound.y + bound.height) return bound.name;
 			return null;
 		}
@@ -748,7 +853,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			const options = effectiveOptions.value;
 			const width = rect.width;
 			const height = rect.height;
-			const padding = getPadding(options, width);
+			const padding = paddingFor(options, width);
 			const plotArea = {
 				x: padding.left,
 				y: padding.top,
@@ -770,12 +875,12 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				const dx = canvasX - centerX;
 				const dy = canvasY - centerY;
 				const distance = Math.sqrt(dx * dx + dy * dy);
-				const innerRadius = options.type === "doughnut" ? Math.max(0, Math.min(baseRadius - 5, baseRadius * (options.innerRadius || .6))) : 0;
+				const innerRadius = options.type === "doughnut" ? doughnutInnerRadius(baseRadius, options) : 0;
 				let angle = Math.atan2(dy, dx) + Math.PI / 2;
 				if (angle < 0) angle += Math.PI * 2;
 				const total = slices.reduce((sum, d) => sum + d.value, 0);
 				let currentAngle = 0;
-				const maxVal = Math.max(...slices.map((d) => d.value));
+				const maxVal = maxOf(slices.map((d) => d.value));
 				for (let i = 0; i < slices.length; i++) {
 					const sliceAngle = slices[i].value / total * Math.PI * 2;
 					if (angle >= currentAngle && angle < currentAngle + sliceAngle) {
@@ -831,14 +936,10 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				const i = Math.floor((canvasX - plotArea.x) / categoryWidth);
 				if (i < 0 || i >= labels2.length) return null;
 				const wf = options.waterfall || {};
-				const totalIdx = new Set(wf.totalIndices || []);
-				const v = deltas[i] || 0;
-				let cumulative = 0;
-				for (let k = 0; k <= i; k++) {
-					const vk = deltas[k] || 0;
-					cumulative = totalIdx.has(k) ? vk : cumulative + vk;
-				}
-				const isTotal = totalIdx.has(i);
+				const step = waterfallSteps(deltas, wf.totalIndices)[i];
+				const v = step.value;
+				const cumulative = step.to;
+				const isTotal = step.isTotal;
 				const color = isTotal ? wf.totalColor || theme.colors[0] : v >= 0 ? wf.increaseColor || "#dc2626" : wf.decreaseColor || "#16a34a";
 				return {
 					index: i,
@@ -860,20 +961,27 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					b.min,
 					b.max,
 					...showOutliers ? b.outliers || [] : []
-				]);
+				]).filter((v) => typeof v === "number" && Number.isFinite(v));
 				const axisCfg = options.boxHorizontal ? options.xAxis || {} : options.yAxis || {};
-				const ext = resolveTickExtendedRange(axisCfg.min ?? Math.min(...allValues), axisCfg.max ?? Math.max(...allValues), axisCfg.ticks || 5);
+				const ext = resolveTickExtendedRange(axisCfg.min ?? (allValues.length ? minOf(allValues) : 0), axisCfg.max ?? (allValues.length ? maxOf(allValues) : 1), axisCfg.ticks || 5);
 				return boxplotHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value, {
 					min: ext.min,
 					max: ext.max
 				});
 			}
 			if (options.type === "calendar-heatmap") return calendarHitTest(canvasX, canvasY, plotArea, options, theme);
-			if (options.type === "sankey") return sankeyHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value);
+			if (options.type === "sankey") return sankeyHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value, sankeyLayoutFor(plotArea, options, theme, hiddenSeries.value, isDark));
 			if (options.type === "venn") return vennHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value);
 			if (options.type === "chord") return chordHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value);
-			if (options.type === "arc") return arcHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value);
-			if (options.type === "gantt") return ganttHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value);
+			if (options.type === "arc") {
+				if (options.arcCircular === true) return chordHitTest(canvasX, canvasY, plotArea, {
+					...options,
+					chordData: options.arcData,
+					chordMode: "curve"
+				}, theme, hiddenSeries.value);
+				return arcHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value);
+			}
+			if (options.type === "gantt") return ganttHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value, ganttLayoutFor(plotArea, options, theme, hiddenSeries.value, isDark));
 			if (options.type === "scatter-matrix") {
 				const fields = options.matrixFields || [];
 				const records = options.matrixData || [];
@@ -1014,12 +1122,12 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					}
 					return null;
 				}
-				const yValues = scatterData.map((d) => d.y);
+				const yValues = scatterData.map((d) => d.y).filter((v) => typeof v === "number" && Number.isFinite(v));
 				const axisConfig = options.yAxis || {};
-				const rawMin = axisConfig.min ?? Math.min(...yValues);
-				const rawMax = axisConfig.max ?? Math.max(...yValues);
+				const rawMin = axisConfig.min ?? (yValues.length ? minOf(yValues) : 0);
+				const rawMax = axisConfig.max ?? (yValues.length ? maxOf(yValues) : 1);
 				const yExt = resolveTickExtendedRange(rawMin, rawMax, axisConfig.ticks || 5);
-				const positions = scatterPointPositions(scatterData, {
+				const positions = scatterPositionsFor(scatterData, {
 					min: yExt.min,
 					max: yExt.max
 				}, plotArea, options);
@@ -1156,7 +1264,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					params: visibleSeries2.map((s, sIdx) => ({
 						seriesName: s.name,
 						name: labels2[i] || `Point ${i + 1}`,
-						value: s.data[i],
+						value: (s.data || [])[i],
 						color: s.color || theme.colors[options.series.indexOf(s) % theme.colors.length],
 						dataIndex: i,
 						seriesIndex: sIdx
@@ -1175,7 +1283,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					params: visibleSeries2.map((s, sIdx) => ({
 						seriesName: s.name,
 						name: labels2[i],
-						value: s.data[i],
+						value: (s.data || [])[i],
 						color: s.color || theme.colors[options.series.indexOf(s) % theme.colors.length],
 						dataIndex: i,
 						seriesIndex: sIdx
@@ -1206,7 +1314,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					const angle = i * angleStep - Math.PI / 2;
 					const ind = indicators[i];
 					const span = ind.max - (ind.min || 0);
-					const maxR = span > 0 ? Math.max(...series.map((s) => radius * (Math.max(0, (s.data[i] || 0) - (ind.min || 0)) / span))) : 0;
+					const maxR = span > 0 ? maxOf(series.map((s) => radius * (Math.max(0, (s.data[i] || 0) - (ind.min || 0)) / span))) : 0;
 					const px = centerX + Math.cos(angle) * maxR;
 					const py = centerY + Math.sin(angle) * maxR;
 					const dist = Math.sqrt((canvasX - px) ** 2 + (canvasY - py) ** 2);
@@ -1226,13 +1334,13 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			if (visibleSeries.length === 0) return null;
 			const volume = (options.volumeData || [])[dataIndex];
 			if (props.options.tooltip?.showAllSeries !== false && visibleSeries.length > 1) {
-				if (visibleSeries.every((s) => isMissingValue(s.data[dataIndex]))) return null;
+				if (visibleSeries.every((s) => isMissingValue((s.data || [])[dataIndex]))) return null;
 				return {
 					index: dataIndex,
 					params: visibleSeries.map((s, sIdx) => ({
 						seriesName: s.name,
 						name: labels[dataIndex],
-						value: s.data[dataIndex],
+						value: (s.data || [])[dataIndex],
 						volume,
 						color: s.color || theme.colors[options.series.indexOf(s) % theme.colors.length],
 						dataIndex: dataIndex + sliceStartOffset(),
@@ -1241,14 +1349,14 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				};
 			} else {
 				const series = visibleSeries[0];
-				if (isMissingValue(series.data[dataIndex])) return null;
+				if (isMissingValue((series.data || [])[dataIndex])) return null;
 				const color = series.color || theme.colors[0];
 				return {
 					index: dataIndex,
 					params: {
 						seriesName: series.name,
 						name: labels[dataIndex],
-						value: series.data[dataIndex],
+						value: (series.data || [])[dataIndex],
 						volume,
 						color,
 						dataIndex: dataIndex + sliceStartOffset(),
@@ -1297,7 +1405,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			const canvas = canvasRef.value;
 			if (!canvas) return null;
 			const rect = canvas.getBoundingClientRect();
-			const padding = getPadding(effectiveOptions.value, rect.width);
+			const padding = paddingFor(effectiveOptions.value, rect.width);
 			const plotArea = {
 				x: padding.left,
 				y: padding.top,
@@ -1361,7 +1469,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					const rect = canvas.getBoundingClientRect();
 					const x = e.clientX - rect.left;
 					const y = e.clientY - rect.top;
-					const padding = getPadding(effectiveOptions.value, rect.width);
+					const padding = paddingFor(effectiveOptions.value, rect.width);
 					if (x >= padding.left && x <= padding.left + (rect.width - padding.left - padding.right) && y >= padding.top && y <= padding.top + (rect.height - padding.top - padding.bottom)) {
 						touchPanning = true;
 						touchPanStartX = x;
@@ -1384,7 +1492,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			const x = e.clientX - rect.left;
 			const y = e.clientY - rect.top;
 			if (props.options.brush?.enabled === true) {
-				const padding = getPadding(effectiveOptions.value, rect.width);
+				const padding = paddingFor(effectiveOptions.value, rect.width);
 				const plotArea = {
 					x: padding.left,
 					y: padding.top,
@@ -1479,7 +1587,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					const labels = options.labels || [];
 					if (canvas && labels.length > 0) {
 						const rect = canvas.getBoundingClientRect();
-						const padding = getPadding(options, rect.width);
+						const padding = paddingFor(options, rect.width);
 						const plotArea = {
 							x: padding.left,
 							y: padding.top,
@@ -1522,7 +1630,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			const rect = canvas.getBoundingClientRect();
 			const x = e.clientX - rect.left;
 			const y = e.clientY - rect.top;
-			const padding = getPadding(effectiveOptions.value, rect.width);
+			const padding = paddingFor(effectiveOptions.value, rect.width);
 			const plotArea = {
 				x: padding.left,
 				y: padding.top,
@@ -1550,7 +1658,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			tooltipVisible.value = true;
 			redraw();
 		}
-		function handlePointerMove(e) {
+		function handlePointerMove(e, fromKeyboard = false) {
 			const canvas = canvasRef.value;
 			if (canvas) {
 				const rect = canvas.getBoundingClientRect();
@@ -1614,11 +1722,11 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					} else if (usesHoverAnimation()) {
 						stopHoverAnimation();
 						hoverAnimProgress = 1;
-						redraw();
-					} else redraw();
-					if (prevIndex === -1) {
+						scheduleHoverRedraw();
+					} else scheduleHoverRedraw();
+					if (prevIndex === -1 || fromKeyboard) {
 						const emitParams = Array.isArray(result.params) ? result.params[0] : result.params;
-						emit("hover", {
+						if (prevIndex === -1) emit("hover", {
 							seriesName: emitParams.seriesName,
 							dataIndex: emitParams.dataIndex,
 							value: emitParams.value,
@@ -1675,6 +1783,9 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			}
 			return Number.isInteger(value) ? value.toString() : parseFloat(value.toFixed(4)).toString();
 		}
+		function escapeHtml(value) {
+			return String(value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+		}
 		function applyTooltipContent(params) {
 			const formatter = props.options.tooltip?.formatter;
 			if (formatter) {
@@ -1685,23 +1796,23 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				const title = params[0]?.name || "";
 				const rows = pickTooltipRows(params).map((p) => `
       <div class="ev-chart__tooltip-item">
-        <span class="ev-chart__tooltip-dot" style="background: ${p.color}"></span>
-        <span class="ev-chart__tooltip-name">${p.seriesName}</span>
-        <span class="ev-chart__tooltip-value">${formatTooltipValue(p.value)}</span>
+        <span class="ev-chart__tooltip-dot" style="background: ${escapeHtml(p.color)}"></span>
+        <span class="ev-chart__tooltip-name">${escapeHtml(p.seriesName)}</span>
+        <span class="ev-chart__tooltip-value">${escapeHtml(formatTooltipValue(p.value))}</span>
       </div>
     `).join("");
 				tooltipContent.value = `
-      <div class="ev-chart__tooltip-title">${title}</div>
+      <div class="ev-chart__tooltip-title">${escapeHtml(title)}</div>
       ${rows}
     `;
 			} else {
 				const p = params;
 				tooltipContent.value = `
-      <div class="ev-chart__tooltip-title">${p.name}</div>
+      <div class="ev-chart__tooltip-title">${escapeHtml(p.name)}</div>
       <div class="ev-chart__tooltip-item">
-        <span class="ev-chart__tooltip-dot" style="background: ${p.color}"></span>
-        <span class="ev-chart__tooltip-name">${p.seriesName}</span>
-        <span class="ev-chart__tooltip-value">${formatTooltipValue(p.value)}</span>
+        <span class="ev-chart__tooltip-dot" style="background: ${escapeHtml(p.color)}"></span>
+        <span class="ev-chart__tooltip-name">${escapeHtml(p.seriesName)}</span>
+        <span class="ev-chart__tooltip-value">${escapeHtml(formatTooltipValue(p.value))}</span>
       </div>
     `;
 			}
@@ -1718,7 +1829,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			else if (checkToolboxHit(e.clientX, e.clientY)) zone = "toolbox";
 			else if (checkLegendHit(e.clientX, e.clientY)) zone = "legend";
 			else {
-				const padding = getPadding(effectiveOptions.value, rect.width);
+				const padding = paddingFor(effectiveOptions.value, rect.width);
 				if (x >= padding.left && x <= rect.width - padding.right && y >= padding.top && y <= rect.height - padding.bottom) zone = "plot";
 				else {
 					const slider = getSliderGeo();
@@ -1759,6 +1870,67 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				ariaLiveText.value = "";
 			}
 		}
+		const KEYNAV_TYPES = /* @__PURE__ */ new Set([
+			"line",
+			"area",
+			"bar",
+			"stacked-bar",
+			"waterfall",
+			"mixed",
+			"horizontal-bar"
+		]);
+		let keyboardClientX = -1;
+		let keyboardClientY = -1;
+		function handleChartKeydown(e) {
+			const options = props.options;
+			if (!KEYNAV_TYPES.has(options.type)) return;
+			const count = (effectiveOptions.value.labels || []).length;
+			if (count === 0) return;
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				if (hoverIndex < 0 || keyboardClientX < 0) return;
+				const result = getHoveredData(keyboardClientX, keyboardClientY);
+				if (result) {
+					const params = Array.isArray(result.params) ? result.params[0] : result.params;
+					emit("click", params);
+				}
+				return;
+			}
+			const horizontal = options.type === "horizontal-bar";
+			let i = hoverIndex;
+			if (e.key === "Home") i = 0;
+			else if (e.key === "End") i = count - 1;
+			else if (horizontal && e.key === "ArrowUp") i = hoverIndex < 0 ? 0 : Math.min(count - 1, hoverIndex + 1);
+			else if (horizontal && e.key === "ArrowDown") i = hoverIndex < 0 ? 0 : Math.max(0, hoverIndex - 1);
+			else if (!horizontal && e.key === "ArrowRight") i = hoverIndex < 0 ? 0 : Math.min(count - 1, hoverIndex + 1);
+			else if (!horizontal && e.key === "ArrowLeft") i = hoverIndex < 0 ? 0 : Math.max(0, hoverIndex - 1);
+			else return;
+			e.preventDefault();
+			if (i === hoverIndex) return;
+			const canvas = canvasRef.value;
+			if (!canvas) return;
+			const rect = canvas.getBoundingClientRect();
+			const padding = paddingFor(effectiveOptions.value, rect.width);
+			const plotWidth = rect.width - padding.left - padding.right;
+			const plotHeight = rect.height - padding.top - padding.bottom;
+			const clientX = horizontal ? rect.left + padding.left + plotWidth / 2 : rect.left + padding.left + (i + .5) * (plotWidth / count);
+			const clientY = horizontal ? rect.top + padding.top + plotHeight - (i + .5) * (plotHeight / count) : rect.top + padding.top + plotHeight / 2;
+			keyboardClientX = clientX;
+			keyboardClientY = clientY;
+			mouseX = clientX - rect.left;
+			mouseY = clientY - rect.top;
+			handlePointerMove({
+				clientX,
+				clientY,
+				pointerType: "mouse"
+			}, true);
+		}
+		function handleFocusOut() {
+			if (clearTransientState()) {
+				emit("unhover");
+				ariaLiveText.value = "";
+			}
+		}
 		let resizeObserver = null;
 		function setupResizeObserver() {
 			if (!props.responsive) return;
@@ -1806,7 +1978,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				labels: [...opt.labels || []],
 				series: (opt.series || []).map((s) => ({
 					...s,
-					data: [...s.data]
+					data: [...s.data || []]
 				}))
 			};
 		}
@@ -1815,10 +1987,18 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			if (Array.isArray(value)) return value.map(cloneSpec);
 			const out = {};
 			Object.keys(value).forEach((k) => {
+				if (k === "__proto__") return;
 				out[k] = cloneSpec(value[k]);
 			});
 			return out;
 		}
+		function assignSpec(target, source) {
+			Object.keys(source).forEach((k) => {
+				if (k === "__proto__") return;
+				target[k] = source[k];
+			});
+			return target;
+		}
 		const IS_DEV = typeof import.meta !== "undefined" && false;
 		const devWarned = /* @__PURE__ */ new Set();
 		function runDevValidation() {
@@ -1833,11 +2013,13 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		}
 		let prevOptionsSnapshot = null;
 		watch(() => props.options, (next) => {
-			cachedDataExtent = null;
-			cachedPlotArea = null;
+			invalidateHitCaches();
 			internalError.value = null;
 			runDevValidation();
-			focusSeries.value = emphasisSeriesName.value;
+			if (focusSeries.value !== emphasisSeriesName.value) {
+				focusSeries.value = emphasisSeriesName.value;
+				animateFocusProgress();
+			}
 			syncScenes();
 			const zoom = getDataZoomConfig(props.options);
 			const zoomKey = zoom ? JSON.stringify({
@@ -1891,6 +2073,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		};
 		let unregisterConnector = null;
 		onMounted(() => {
+			focusSeries.value = emphasisSeriesName.value;
 			render(true);
 			syncScenes();
 			setupResizeObserver();
@@ -1924,11 +2107,102 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		});
 		let cachedDataExtent = null;
 		let cachedPlotArea = null;
+		let cachedPadding = null;
+		function paddingFor(options, width) {
+			if (cachedPadding && cachedPadding.options === options && cachedPadding.width === width) return cachedPadding.value;
+			const value = getPadding(options, width);
+			cachedPadding = {
+				options,
+				width,
+				value
+			};
+			return value;
+		}
+		let scatterHitCache = null;
+		function scatterPositionsFor(scatterData, yRange, plotArea, options) {
+			const c = scatterHitCache;
+			if (c && c.scatterData === scatterData && c.options === options && c.yMin === yRange.min && c.yMax === yRange.max && c.px === plotArea.x && c.py === plotArea.y && c.pw === plotArea.width && c.ph === plotArea.height) return c.positions;
+			const positions = scatterPointPositions(scatterData, yRange, plotArea, options);
+			scatterHitCache = {
+				scatterData,
+				options,
+				yMin: yRange.min,
+				yMax: yRange.max,
+				px: plotArea.x,
+				py: plotArea.y,
+				pw: plotArea.width,
+				ph: plotArea.height,
+				positions
+			};
+			return positions;
+		}
+		let legendBoundsCache = null;
+		function legendBoundsFor(ctx2d, options, plotArea, width, height, theme, hiddenSeries, isDark) {
+			const c = legendBoundsCache;
+			if (c && c.options === options && c.width === width && c.height === height && c.dark === isDark && c.hidden === hiddenSeries && c.px === plotArea.x && c.py === plotArea.y && c.pw === plotArea.width && c.ph === plotArea.height) return c.bounds;
+			const bounds = getLegendBounds(ctx2d, options, plotArea, width, height, theme, hiddenSeries);
+			legendBoundsCache = {
+				options,
+				width,
+				height,
+				dark: isDark,
+				hidden: hiddenSeries,
+				px: plotArea.x,
+				py: plotArea.y,
+				pw: plotArea.width,
+				ph: plotArea.height,
+				bounds
+			};
+			return bounds;
+		}
+		let ganttLayoutCache = null;
+		function ganttLayoutFor(plotArea, options, theme, hiddenSeries, isDark) {
+			const c = ganttLayoutCache;
+			if (c && c.options === options && c.dark === isDark && c.hidden === hiddenSeries && c.px === plotArea.x && c.py === plotArea.y && c.pw === plotArea.width && c.ph === plotArea.height) return c.layout;
+			const layout = computeGanttLayout(plotArea, options, theme, hiddenSeries);
+			ganttLayoutCache = {
+				options,
+				dark: isDark,
+				hidden: hiddenSeries,
+				px: plotArea.x,
+				py: plotArea.y,
+				pw: plotArea.width,
+				ph: plotArea.height,
+				layout
+			};
+			return layout;
+		}
+		let sankeyLayoutCache = null;
+		function sankeyLayoutFor(plotArea, options, theme, hiddenSeries, isDark) {
+			const c = sankeyLayoutCache;
+			if (c && c.options === options && c.dark === isDark && c.hidden === hiddenSeries && c.px === plotArea.x && c.py === plotArea.y && c.pw === plotArea.width && c.ph === plotArea.height) return c.layout;
+			const layout = computeSankeyLayout(plotArea, options, theme, hiddenSeries);
+			sankeyLayoutCache = {
+				options,
+				dark: isDark,
+				hidden: hiddenSeries,
+				px: plotArea.x,
+				py: plotArea.y,
+				pw: plotArea.width,
+				ph: plotArea.height,
+				layout
+			};
+			return layout;
+		}
+		function invalidateHitCaches() {
+			cachedDataExtent = null;
+			cachedPlotArea = null;
+			cachedPadding = null;
+			scatterHitCache = null;
+			legendBoundsCache = null;
+			ganttLayoutCache = null;
+			sankeyLayoutCache = null;
+		}
 		__expose({
 			refresh: () => render(true),
 			update(newOptions) {
-				Object.assign(props.options, newOptions);
-				cachedDataExtent = null;
+				assignSpec(props.options, newOptions);
+				invalidateHitCaches();
 				specVersion.value++;
 				debouncedRender(true);
 			},
@@ -1938,9 +2212,18 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			destroy() {
 				cleanupResizeObserver();
 				cleanupDarkModeObserver();
+				window.removeEventListener("pointerup", onWindowPointerUp);
+				window.removeEventListener("keydown", handleEscapeKey);
+				containerRef.value?.removeEventListener("wheel", handleWheel);
+				if (unregisterConnector) {
+					unregisterConnector();
+					unregisterConnector = null;
+				}
 				stopAnimation();
 				stopHoverAnimation();
+				stopTweenAnimation();
 				stopSceneTimer();
+				stopFocusAnimation();
 				if (tooltipRafId !== null) {
 					cancelAnimationFrame(tooltipRafId);
 					tooltipRafId = null;
@@ -1989,7 +2272,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					if (v < min) min = v;
 					if (v > max) max = v;
 				};
-				if (opt.series) opt.series.forEach((s) => s.data.forEach((v) => !isMissingValue(v) && consider(v)));
+				if (opt.series) opt.series.forEach((s) => (s.data || []).forEach((v) => !isMissingValue(v) && consider(v)));
 				if (opt.scatterData) opt.scatterData.forEach((p) => consider(p.y));
 				if (opt.candleData) opt.candleData.forEach((c) => {
 					consider(c.high);
@@ -2016,7 +2299,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				};
 				const width = canvas.width / dpr.value;
 				const height = canvas.height / dpr.value;
-				const padding = getPadding(effectiveOptions.value, width);
+				const padding = paddingFor(effectiveOptions.value, width);
 				cachedPlotArea = {
 					x: padding.left,
 					y: padding.top,
@@ -2062,6 +2345,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 						mouseX: -1,
 						mouseY: -1,
 						showCrosshair: false,
+						zoomRange: void 0,
 						brushRect: null,
 						hoveredToolbox: null,
 						focusSeries: null
@@ -2082,7 +2366,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				if (spec === null || typeof spec !== "object") return;
 				const next = cloneSpec(spec);
 				Object.keys(props.options).forEach((k) => delete props.options[k]);
-				Object.assign(props.options, next);
+				assignSpec(props.options, next);
 				hiddenSeries.value = /* @__PURE__ */ new Set();
 				focusSeries.value = null;
 				brushRect.value = null;
@@ -2104,8 +2388,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					p: zoom.position,
 					h: zoom.height
 				}) : "";
-				cachedDataExtent = null;
-				cachedPlotArea = null;
+				invalidateHitCaches();
 				specVersion.value++;
 				debouncedRender(true);
 			},
@@ -2150,7 +2433,10 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				class: "ev-chart",
 				style: normalizeStyle([containerStyle.value, { cursor: cursorStyle.value }]),
 				role: "img",
-				"aria-label": props.options.ariaLabel || ariaLabelText.value
+				tabindex: isEmpty.value || internalError.value ? -1 : 0,
+				"aria-label": props.options.ariaLabel || ariaLabelText.value,
+				onKeydown: handleChartKeydown,
+				onFocusout: handleFocusOut
 			}, [
 				!isEmpty.value && !internalError.value ? (openBlock(), createElementBlock("canvas", {
 					key: 0,
@@ -2229,10 +2515,10 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					_: 1
 				}),
 				createElementVNode("div", _hoisted_11, toDisplayString(ariaLiveText.value), 1)
-			], 12, _hoisted_1);
+			], 44, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-df8a90cc"]]);
+}), [["__scopeId", "data-v-af1c6d5e"]]);
 //#endregion
 //#region src/useChart.js
 var USE_CHART_KEY = /* @__PURE__ */ Symbol("ev-chart-context");
@@ -2296,95 +2582,6 @@ function injectChartContext() {
 	return inject(USE_CHART_KEY, null);
 }
 //#endregion
-//#region src/palette.js
-/**
-* 配色方案应用工具 — 中性契约的官方实现
-*
-* 把一套数据色板写入 --ev-color-series-1..8 槽位令牌并派发 'ev-theme-change'，
-* 页面上的全部图表即时重绘。任何宿主（组件库 / 站点 / 独立页面）都可直接调用，
-* 不必各自实现令牌写入与事件广播。
-*
-* palette 两种形态：
-* - string[]            单套色值，明暗模式共用；
-* - { light, dark }     浅/暗两组，随 html.dark 自动换挡（经注入样式表实现）。
-*
-* clearSeriesPalette() 移除覆写（内联属性 + 注入样式表），回到内置成套色板。
-*/
-var SLOT_COUNT = 8;
-var PALETTE_EVENT = "ev-theme-change";
-var STYLE_ID = "data-ev-series-palette";
-var paletteStyleEl = null;
-function dispatchPaletteChange(dark) {
-	if (typeof document === "undefined") return;
-	const isDark = typeof dark === "boolean" ? dark : document.documentElement.classList.contains("dark");
-	document.documentElement.dispatchEvent(new CustomEvent(PALETTE_EVENT, {
-		bubbles: true,
-		detail: { dark: isDark }
-	}));
-}
-function removeInlineSlots() {
-	if (typeof document === "undefined") return;
-	for (let i = 1; i <= SLOT_COUNT; i++) document.documentElement.style.removeProperty(`--ev-color-series-${i}`);
-}
-function ensurePaletteStyleEl() {
-	if (typeof document === "undefined") return null;
-	if (!paletteStyleEl || !paletteStyleEl.isConnected) {
-		paletteStyleEl = document.createElement("style");
-		paletteStyleEl.setAttribute(STYLE_ID, "");
-		document.head.appendChild(paletteStyleEl);
-	}
-	return paletteStyleEl;
-}
-function normalizeSlots(colors) {
-	const out = {};
-	if (!Array.isArray(colors)) return out;
-	colors.slice(0, SLOT_COUNT).forEach((color, i) => {
-		if (color) out[`--ev-color-series-${i + 1}`] = color;
-	});
-	return out;
-}
-/**
-* 应用一套数据色板
-* @param {string[] | { light: string[], dark: string[] }} palette
-*   数组：写入内联槽位（明暗共用）；{ light, dark }：注入样式表，随 html.dark 自动换挡
-* @param {{ dark?: boolean, target?: HTMLElement }} [options]
-*   dark 手动指定当前暗色态（默认探测 html.dark）；target 改写注入目标
-* @returns {boolean} 是否写入成功
-*/
-function applySeriesPalette(palette, options = {}) {
-	if (typeof document === "undefined") return false;
-	const el = options.target ?? document.documentElement;
-	if (!el || !palette) return false;
-	if (Array.isArray(palette)) {
-		paletteStyleEl?.remove();
-		paletteStyleEl = null;
-		for (const [name, value] of Object.entries(normalizeSlots(palette))) el.style.setProperty(name, value);
-		dispatchPaletteChange(options.dark);
-		return true;
-	}
-	const { light, dark } = palette;
-	if (!Array.isArray(light) && !Array.isArray(dark)) return false;
-	removeInlineSlots();
-	const styleEl = ensurePaletteStyleEl();
-	if (styleEl) {
-		const vars = (colors) => colors.map((c, i) => `--ev-color-series-${i + 1}: ${c}`).join(";");
-		styleEl.textContent = `${light ? `:root { ${vars(light)}; }` : ""}${dark ? ` html.dark { ${vars(dark)}; }` : ""}`;
-	}
-	dispatchPaletteChange(options.dark);
-	return true;
-}
-/**
-* 清除配色方案覆写（内联槽位 + 注入样式表），回到内置成套色板
-*/
-function clearSeriesPalette(options = {}) {
-	if (typeof document === "undefined") return false;
-	paletteStyleEl?.remove();
-	paletteStyleEl = null;
-	removeInlineSlots();
-	dispatchPaletteChange(options.dark);
-	return true;
-}
-//#endregion
 //#region src/index.js
 var components = { EvChart: chart_default };
 function install(app, _options = {}) {